/* GoSearch SEO and Marketing Company HTML Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header / Style Two / Style Three / Style Four
5. Main Slider
6. Services Section
7. Score Section
8. Features Section
9. Marketing Section
10. Case Section
11. Testimonial Section
12. Pricing Section
13. Partners Section
14. Main Footer
15. Page Title
16. Accordian Section
17. Sidebar Widgets
18. Quote Form Section
19. About Section
20. Team Section
21. Clients Section
22. Seo Section
23. Error Section
24. Comming Soon Section
25. Pricing Section
26. Contact Form Section

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

@import url('https://fonts.googleapis.com/css?family=Hind:300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

/*font-family: 'Rubik', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Hind', sans-serif;*/

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

/*** 

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

 ***/

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

/*** 

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

 ***/

body {
	font-size: 15px;
	color: #777777;
	line-height: 1.8em;
	font-weight: 400;
	background: #ffffff;
	/* border: 10px solid #ffffff; */
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Rubik', sans-serif;
}

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

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.6em;
	font-family: 'Poppins', sans-serif;
}

input,
button,
select,
textarea {
	font-family: 'Rubik', sans-serif;
}

textarea {
	overflow: hidden;
}

.theme_color {
	color: #087cf5;
}

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

.page-wrapper section {
	position: relative;
	z-index: 5;
}

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

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

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

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

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

.theme-btn {
	display: inline-block;
	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;
}

.centered {
	text-align: center;
}

/*List Style One*/

.list-style-one {
	position: relative;
}

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

.list-style-one li:before {
	position: absolute;
	content: '\f00c';
	left: 0px;
	top: 2px;
	color: #087cf5;
	font-size: 18px;
	font-family: 'FontAwesome';
}

/*Btn Style One*/

.btn-style-one {
	position: relative;
	line-height: 24px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	background: #087cf5;
	display: inline-block;
	padding: 9px 26px;
	border-radius: 50px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #087cf5;
	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;
	font-family: 'Poppins', sans-serif;
}

.btn-style-one .icon {
	position: relative;
	top: 2px;
	font-size: 18px;
	margin-right: 4px;
}

.btn-style-one:hover {
	color: #087cf5;
	border-color: #087cf5;
	background: none;
}

/*Btn Style Two*/

.btn-style-two {
	position: relative;
	line-height: 24px;
	color: #0f1341;
	font-size: 14px;
	font-weight: 700;
	background: #f2f2f2;
	display: inline-block;
	padding: 9px 42px;
	border-radius: 50px;
	text-transform: uppercase;
	border: 2px solid #f2f2f2;
}

.btn-style-two:hover {
	color: #ffffff;
	border-color: #087cf5;
	background: #087cf5;
}

/*Btn Style Three*/

.btn-style-three {
	position: relative;
	line-height: 24px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	background: #0f1341;
	display: inline-block;
	padding: 9px 42px;
	border-radius: 50px;
	text-transform: uppercase;
	border: 2px solid #0f1341;
	font-family: 'Poppins', sans-serif;
}

.btn-style-three:hover {
	color: #0f1341;
	background: none;
}

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

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

/*** 

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

***/

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

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

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

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

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

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

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

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

/*** 

====================================================================
	Social Icon One
====================================================================

***/

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

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

.social-icon-one li a {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover {
	color: #087cf5;
}

/*** 

====================================================================
	Social Icon Two
====================================================================

***/

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

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

.social-icon-two li a {
	position: relative;
	font-size: 14px;
	color: #808080;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover {
	color: #087cf5;
}

/*** 

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

***/

.scroll-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 70px;
	color: #ffffff;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 65px;
	text-align: center;
	z-index: 99999;
	cursor: pointer;
	border-radius: 50px;
	background: #087cf5;
	display: none;
	border: 2px solid #087cf5;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

/*** 

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

***/

.main-header {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
}

.main-header:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 1px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.30);
}

.main-header.header-style-two:before,
.main-header.header-style-three:before,
.main-header.header-style-four:before,
.main-header.header-style-five:before {
	display: none;
}

.main-header .header-top {
	position: relative;
	background: #f4f4f4;
	color: #ffffff;
}

.header-style-one .header-top .top-outer {
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header-style-three .header-top .top-outer {
	position: relative;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

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

.main-header .header-top .top-left .links {
	position: relative;
	float: left;

}

.main-header .header-top .top-left .links li {
	position: relative;
	float: left;
	margin-right: 20px;
	line-height: 1em;
	color: #ababab;
	padding-right: 20px;
}

.main-header .header-top .top-left .links li:after {
	content: '';
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -7px;
	height: 15px;
	border-right: 1px solid #c3c3c3;
}

.main-header .header-top .top-left ul li:last-child {
	top: 3px;
	margin-right: 0px;
	padding-right: 0px;
}

.main-header .header-top .top-left .links li:last-child:after {
	display: none;
}

.main-header .header-top .top-left .links li .icon {
	position: relative;
	top: 2px;
	color: #087cf5;
	font-size: 18px;
	line-height: 24px;
	margin-right: 10px;
}

.main-header .header-top .top-left .links li strong {
	font-weight: 500;
}

.main-header .header-top .top-left .links li a {
	position: relative;
	line-height: 22px;
	color: #252525;
	font-size: 14px;
	font-weight: 400;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-header .header-top .top-left .links li a:hover {
	color: #087cf5;
}

.main-header .header-top .top-right {
	position: relative;
	float: right;
	padding: 10px 0px;
}

.main-header .header-top .top-right ul li {
	position: relative;
	color: #808080;
	font-size: 14px;
	float: left;
	padding-right: 15px;
	line-height: 1em;
	margin-right: 14px;
	border-right: 1px solid #c3c3c3;
}

.main-header .header-top .top-right ul li span {
	position: relative;
	margin: 0px 5px;
}

.main-header .header-top .top-right ul li:first-child a {
	text-decoration: underline;
}

.main-header .header-top .top-right ul li:first-child a span {
	text-decoration: none !important;
}

.main-header .header-top .top-right ul li a {
	position: relative;
	color: #808080;
	font-size: 14px;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-header .header-top .top-right ul li a .icon {
	position: relative;
	margin-right: 12px;
	color: #087cf5;
}

.main-header .header-top .top-right ul li a:hover {
	color: #087cf5;
}

.main-header .header-top .top-right ul li:last-child {
	border: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

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

/*Language Dropdown*/

.main-header .language .flag-img {
	position: relative;
	margin-right: 10px;
	top: -2px;
}

.main-header .language .dropdown-menu {
	top: 100%;
	left: 0px;
	width: 180px;
	border-radius: 0px;
	margin-top: 14px;
	background-color: #222222;
	border: none;
	padding: 0px;
	border-top: 3px solid #087cf5;
}

.main-header .language>a {
	padding: 0px 0px;
	background: none !important;
	border: 0px;
}

.main-header language a:hover {
	background: none;
}

.main-header .language .dropdown-menu>li {
	padding-right: 0px !important;
	margin: 0px !important;
	float: none;
	width: 100%;
	display: block !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.main-header .language .dropdown-menu>li:last-child {
	border-bottom: none;
}

.main-header .language .dropdown-menu>li>a {
	padding: 6px 20px !important;
	color: #ffffff !important;
	text-align: left;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .language .dropdown-menu>li>a:hover {
	color: #ffffff !important;
	background-color: #087cf5;
}

/*Main Box*/

.main-header .main-box {
	position: relative;
	padding: 0px 0px;
	left: 0px;
	top: 0px;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: #e2e7ff;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .main-box .outer-container {
	position: relative;
}

.main-header .main-box .logo-box {
	position: relative;
	float: left;
	left: 0px;
	z-index: 10;
	padding: 5px 0px;
}

.main-header.fixed-header .main-box .logo-box {
	padding: 5px 0px;
}

.main-header .main-box .logo-box .logo img {
	display: inline-block;
	max-width: 77%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header.fixed-header .nav-outer .search-box-outer {
	margin-top: -10px;
}

.main-header.fixed-header .main-box .logo-box .logo img {
	height: 60px;
}

.main-header .nav-toggler {
	position: relative;
	right: 0px;
	width: 44px;
	height: 46px;
	top: 50%;
	margin-top: 0px;
	display: block;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #dddddd;
}

.main-header .nav-toggler button {
	position: relative;
	left: 12px;
	display: block;
	color: #444444;
	text-align: center;
	font-size: 20px;
	line-height: 44px;
	background: none;
	font-weight: 600;
}

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

.main-header .nav-outer .outer-box {
	position: relative;
	float: right;
	margin-left: 35px;
	margin-top: 28px;
}

.header-style-four .nav-outer .outer-box {
	margin-top: 48px;
}

.main-header .nav-outer .outer-box .talk {
	position: relative;
	color: #087cf5;
	font-weight: 700;
	font-size: 14px;
	float: left;
	margin-top: -10px;
	margin-left: 35px;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

.main-header .nav-outer .outer-box .talk .icon {
	position: relative;
	display: inline-block;
	margin-right: 10px;
}

.main-header .nav-outer .search-box-outer {
	position: relative;
	right: 0px;
	top: 50%;
	float: left;
	margin-top: -10px;
	color: #000000;
}

.main-header .search-box-btn {
	position: relative;
	display: block;
	color: #252525;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	background: none;
	text-align: right;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-header .header-top .top-right .search-box-btn {
	top: 2px;
}

.main-header .search-box-outer .dropdown-menu {
	top: 30px;
	right: 0px;
	padding: 0px;
	width: 280px;
	border-radius: 0px;
	border-top: 3px solid #087cf5;
}

.main-header .search-box-outer .dropdown-menu>li {
	padding: 0px;
	border: none;
	background: none;
}

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

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

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

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

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

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

.header-style-two .header-top,
.header-style-three,
.header-style-three .header-top {
	position: relative;
	background-color: #0f1341;
}

.header-style-two .header-top .top-right ul li a,
.header-style-two .header-top .top-left .links li a,
.header-style-three .header-top .top-left .links li a,
.header-style-three .header-top .top-right ul li a {
	color: #b8b8b8;
}

.header-style-two .search-box-btn,
.header-style-three .search-box-btn,
.header-style-five .main-menu .navigation>li>a,
.header-style-three .header-top .top-left .links li strong,
.header-style-two .header-top .top-left .links li strong {
	color: #ffffff;
}

.header-style-two .header-top .top-left .links li:after,
.header-style-two .header-top .top-right ul li,
.header-style-three .header-top .top-left .links li:after,
.header-style-three .header-top .top-right ul li {
	border-color: rgba(255, 255, 255, 0.30);
}

.header-style-four {
	box-shadow: none;
}

.header-style-five .main-box {
	background-color: rgba(255, 255, 255, 0.08);
}

.header-style-four .main-menu .navigation>li:before,
.header-style-four .main-menu .navigation>li:after {
	display: none;
}

.header-style-four .main-menu .navigation>li>a:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 0%;
	height: 2px;
	opacity: 0;
	border-radius: 0px;
	background-color: #087cf5;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-four .main-menu .navigation>li:hover>a::before,
.header-style-four .main-menu .navigation>li.current a::before {
	opacity: 1;
	width: 100%;
}

.header-style-five {
	box-shadow: none;
}

.main-menu {
	position: relative;
	float: left;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

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

.main-menu .navigation>li {
	position: relative;
	float: left;
	padding: 17px 0px;
	margin-left: 32px;
}

.main-menu .navigation>li:after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0px;
	width: 1px;
	height: 30px;
	opacity: 0;
	background-color: #087cf5;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 28px;
	width: 7px;
	height: 7px;
	opacity: 0;
	margin-left: -3px;
	border-radius: 50%;
	background-color: #087cf5;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation>li.current::before,
.main-menu .navigation>li.current::after {
	opacity: 1;
}

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

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	padding: 20px 0px;
	color: #1d1d1d;
	text-align: center;
	line-height: 30px;
	letter-spacing: 0px;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	opacity: 1;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

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

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

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	color: #087cf5 !important;
	opacity: 1;
}

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

.main-menu .navigation>li>ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: 290px;
	z-index: 100;
	display: none;
	padding: 5px 18px;
	background: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	font-family: 'Poppins', sans-serif;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-bottom: 2px solid #087cf5;
}

.main-menu .navigation>li>ul:before {
	position: absolute;
	content: '';
	left: 0px;
	top: -12px;
	width: 100%;
	height: 12px;
}

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

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 13px 0px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #808080;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li:hover {
	border-color: #087cf5;
}

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

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

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

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 107%;
	top: 0px;
	width: 290px;
	z-index: 100;
	display: none;
	padding: 5px 18px;
	background: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	font-family: 'Poppins', sans-serif;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-bottom: 2px solid #087cf5;
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f2f2f2;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 13px 0px;
	line-height: 24px;
	font-weight: 500;
	font-size: 16px;
	color: #808080;
	text-align: left;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 110%;
}

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

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

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

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

.main-header .header-upper .logo-outer {
	position: relative;
	z-index: 25;
	padding: 18px 0px;
}

.main-header .header-upper .upper-right {
	position: relative;
	padding-top: 30px;
}

.main-header .info-box {
	position: relative;
	float: left;
	margin-left: 23px;
	font-size: 13px;
	color: #777777;
	text-align: left;
	padding: 0px 22px 0px 36px;
	border-right: 1px solid rgba(110, 106, 102, 0.50);
}

.main-header .info-box .icon-box {
	position: absolute;
	left: 0px;
	top: -5px;
	color: #919191;
	font-size: 24px;
	text-align: left;
	line-height: 1em;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .info-box li {
	position: relative;
	line-height: 20px;
	color: #242424;
	font-size: 18px;
	font-weight: 600;
}

/*Sticky Header*/

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

.sticky-header .logo {
	/* padding:14px 0px 15px; */
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.10);
}

.main-header .sticky-header .main-menu .navigation>li {
	margin-right: 0px;
	margin-left: 30px;
}

.main-header .sticky-header .main-menu .navigation>li>a {
	color: #333333;
}

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

.main-header .sticky-header .right-col {
	position: relative;
}

/*** 

====================================================================
	Main Slider style
====================================================================

***/

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

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

.main-slider .tp-dottedoverlay {
	background: none !important;
}

.main-slider .btns-box .theme-btn {
	margin-right: 28px;
	margin-bottom: 10px;
}

.main-slider h2 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5em;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

.main-slider h2 span {
	position: relative;
	top: -19px;
	color: #0f1341;
	font-size: 80px;
	font-weight: 700;
	float: left;
	line-height: 1.2em;
	margin-right: 20px;
	text-transform: uppercase;
}

.main-slider .text {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	color: #808080;
	line-height: 1.6em;
	font-family: 'Rubik', sans-serif;
}

.main-slider h2.light,
.main-slider h2.light span,
.main-slider .text.light {
	color: #ffffff;
}

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

/*** 

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

***/

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

.sec-title.centered h2 {
	padding: 0px 60px 18px;
}

.sec-title h2 {
	position: relative;
	font-size: 36px;
	font-weight: 700;
	color: #0f1341;
	line-height: 1.2em;
	padding: 0px 0px 18px;
	display: inline-block;
	margin-bottom: 35px;
	text-transform: uppercase;
	border-bottom: 1px solid #f1f1f1;
}

.sec-title h2:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -24px;
	width: 29px;
	height: 30px;
	margin-left: -15px;
	background: url(../images/icons/separater.png) no-repeat;
}

.sec-title.grey h2:before {
	width: 34px;
	bottom: -26px;
	margin-left: -18px;
	background: url(../images/icons/separater-2.jpg) no-repeat;
}

.sec-title h2:after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -9px;
	margin-left: -9px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid #087cf5;
}

.sec-title .text {
	position: relative;
	color: #808080;
	font-size: 18px;
	font-weight: 400;
}

.sec-title.centered .text {
	max-width: 750px;
	margin: 0 auto;
}

.sec-title.centered .separator {
	margin: 0 auto;
}

.sec-title.light h2 {
	color: #ffffff;
	border-color: rgba(255, 255, 255, 0.05);
}

.sec-title.light h2:before {
	bottom: -26px;
	background: url(../images/icons/separater-1.png) no-repeat;
}

/*** 

====================================================================
	Featured Section
====================================================================

***/

.featured-section {
	position: relative;
}

.featured-section .inner-container {
	position: relative;
	margin-top: -115px;
	z-index: 99;
}

.featured-block {
	position: relative;
	padding: 0px;
}

.featured-block .inner-box {
	position: relative;
	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;
}

.featured-block .inner-box .upper-box {
	position: absolute;
	left: 0px;
	bottom: 100%;
	width: 100%;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	padding: 20px 25px 22px;
	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;
}

.featured-block .inner-box:hover {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	-moz-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
}

.featured-block .inner-box:hover .upper-box {
	opacity: 1;
	visibility: visible;
}

.featured-block .inner-box .upper-box .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.featured-block .inner-box .upper-box .read-more {
	position: relative;
	color: #252525;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	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;
}

.featured-block .inner-box .upper-box .read-more:hover {
	color: #087cf5;
}

.featured-block .inner-box .upper-box .read-more .icon {
	margin-right: 8px;
}

.featured-block .lower-box {
	position: relative;
	padding: 25px 0px;
	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;
	border-top: 2px solid #e6e6e6;
}

.featured-block .lower-box .lower-inner {
	position: relative;
	padding-left: 85px;
	padding-top: 7px;
	min-height: 64px;
}

.featured-block .inner-box:hover .lower-box {
	padding-left: 20px;
}

.featured-block .lower-box .lower-inner .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 64px;
	height: 64px;
}

.featured-block .lower-box .lower-inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
}

.featured-block .lower-box .lower-inner h3 a {
	position: relative;
	color: #0f1341;
	font-family: 'Poppins', sans-serif;
	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;
}

.featured-block .lower-box .lower-inner h3 a:hover {
	color: #087cf5;
}

.featured-block .lower-box .lower-inner .title {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	font-weight: 400;
}

/*** 

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

***/

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

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

.services-block .inner-box {
	position: relative;
	padding: 45px 40px 45px;
	border: 1px solid #f2f2f2;
	background-size: cover;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	-moz-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	background: url(../images/background/pattern-1.png) no-repeat;
}

.services-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 170px;
	height: 100%;
	display: block;
	background-color: #f7f7f7;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block .inner-box:hover::before {
	width: 100%;
}

.services-block .inner-box .icon-box {
	position: relative;
	margin-bottom: 15px;
}

.services-block .inner-box .icon-box img {
	width: auto;
}

.services-block .inner-box h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}

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

.services-block .inner-box:hover .read-more {
	color: #0f1341;
}

.services-block .inner-box h3 a:hover,
.services-block .inner-box .read-more:hover {
	color: #087cf5;
}

.services-block .inner-box .text {
	position: relative;
	color: #808080;
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.services-block .inner-box .read-more {
	position: relative;
	color: #d9d9d9;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block .inner-box .read-more .icon {
	position: relative;
	margin-right: 10px;
}

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

.services-section .owl-dots {
	position: relative;
	text-align: center;
}

.services-section .owl-dots .owl-dot {
	position: relative;
	width: 9px;
	height: 9px;
	margin: 0px 5px;
	display: inline-block;
	border-radius: 50%;
	background-color: #dedede;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-section .owl-dots .owl-dot:hover,
.services-section .owl-dots .owl-dot.active {
	position: relative;
	width: 22px;
	height: 8px;
	border-radius: 10px;
	background-color: #087cf5;
}

/*** 

====================================================================
	Score Section
====================================================================

***/

.score-section {
	position: relative;
	padding: 80px 0px 60px;
	background-repeat: no-repeat;
	background-size: cover;
}

.score-section .upper-box {
	position: relative;
}

.score-section .upper-box .sec-title {
	position: relative;
	margin-bottom: 20px;
}

.score-section .upper-box .text-column {
	position: relative;
}

.score-section .upper-box .text-column .text {
	position: relative;
	color: #808080;
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 25px;
}

.score-section .lower-box {
	position: relative;
}

.score-section .lower-box .form-column {
	position: relative;
	margin-bottom: 40px;
}

.score-section .lower-box .form-column .inner-column {
	position: relative;
	padding: 35px 25px;
	border: 2px solid rgba(255, 255, 255, 0.20);
}

.score-section .lower-box .form-column .inner-column .form-box {
	position: relative;
}

.score-section .lower-box .form-column .inner-column .form-box:after {
	position: absolute;
	content: '';
	right: -30px;
	top: 0px;
	width: 2px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.20);
}

.score-section .lower-box .progress-column .inner {
	position: relative;
	left: 20px;
	width: 160px;
	height: 160px;
	margin: 0 auto;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.15);
}

.score-section .lower-box .progress-column .inner-column {
	position: relative;
}

.score-section .lower-box .progress-column .inner-box {
	position: relative;
	display: block;
}

.score-section .lower-box .progress-column {
	position: relative;
	text-align: center;
	background: none;
	border-radius: 50%;
}

.score-section .lower-box .progress-column .inner-text {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -20px;
	width: 100%;
	display: block;
	line-height: 40px;
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Poppins', sans-serif;
}

.score-section .lower-box .progress-column .contact {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	color: #ffffff;
	margin-top: 25px;
	margin-left: 20px;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: underline;
	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;
	font-family: 'Poppins', sans-serif;
}

.score-section .lower-box .progress-column .contact:hover {
	color: #087cf5;
}

.score-section .lower-box .video-column {
	position: relative;
}

/*Score Form*/

.score-form {
	position: relative;
}

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

.score-form input[type="text"],
.score-form input[type="email"],
.score-form textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 22px;
	height: 50px;
	color: #ffffff;
	font-size: 16px;
	background: none;
	border: 2px solid rgba(255, 255, 255, 0.20);
	transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
}

.score-form input[type="text"]:focus,
.score-form input[type="email"]:focus,
.score-form textarea:focus {
	border-color: #087cf5;
}

.score-form .theme-btn {
	margin-top: 5px;
	padding: 9px 44px;
}

/*Video Box*/

.video-box {
	position: relative;
}

.video-box .image {
	position: relative;
	overflow: hidden;
}

.video-box .image img {
	position: relative;
	width: 100%;
}

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

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

.video-box .overlay-box .icon {
	position: absolute;
	width: 74px;
	height: 74px;
	top: 50%;
	left: 50%;
	margin-left: -37px;
	margin-top: -37px;
	z-index: 99;
	color: #ffffff;
	background: url(../images/icons/play-icon.png) center center no-repeat;
	font-weight: 700;
	font-size: 22px;
	display: block;
	text-align: center;
	border-radius: 50%;
}

.video-box h3 {
	position: relative;
	padding: 12px 0px;
	color: #087cf5;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	background-color: #ffffff;
}

.video-box.style-two h3 {
	background-color: #f2f2f2;
	padding: 7px 0px;
}

/*** 

====================================================================
	Feature Section
====================================================================

***/

.featured-section-two {
	position: relative;
	padding: 85px 0px 90px;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
}

.featured-section-two .inner-container {
	position: relative;
	padding: 40px 30px 0px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 1);
	-moz-box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 1);
	box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 1);
}

.featured-block-two {
	position: relative;
	padding: 0px;
	padding-bottom: 40px;
	border-right: 1px solid #f2f2f2;
}

.featured-block-two:nth-child(3n + 0) {
	border-right: 0px;
}

.featured-block-two:nth-child(4) .inner-box,
.featured-block-two:nth-child(5) .inner-box,
.featured-block-two:nth-child(6) .inner-box {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.featured-block-two .inner-box {
	position: relative;
	text-align: center;
	padding: 0px 30px 40px;
	border-bottom: 1px solid #f2f2f2;
}

.featured-block-two .inner-box .icon-box {
	position: relative;
	margin-bottom: 15px;
}

.featured-block-two .inner-box h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 10px;
}

.featured-block-two .inner-box h3 a {
	position: relative;
	color: #0f1341;
	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;
}

.featured-block-two .inner-box h3 a:hover {
	color: #087cf5;
}

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

.featured-block-two .inner-box .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	text-align: center;
	background-color: #ffffff;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.featured-block-two .inner-box:hover .overlay-box {
	opacity: 1;
}

.featured-block-two .inner-box .overlay-inner {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -63px;
	width: 100%;
	display: block;
	vertical-align: middle;
}

.featured-block-two .inner-box .overlay-inner .overlay-icon-box {
	position: relative;
	margin-bottom: 15px;
}

/*** 

====================================================================
	Marketing Section
====================================================================

***/

.marketing-section {
	position: relative;
	padding: 75px 0px 80px;
	background-color: #f4f4f4;
}

.marketing-section .image-column {
	position: relative;
	margin-bottom: 30px;
}

.marketing-section .image-column .image {
	position: relative;
	padding-right: 30px;
}

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

.marketing-section .content-column {
	position: relative;
}

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

.marketing-section .content-column h2 {
	position: relative;
	font-weight: 700;
	color: #0f1341;
	font-size: 30px;
	line-height: 1.4em;
	margin-bottom: 35px;
	text-transform: uppercase;
}

.market-content {
	position: relative;
}

.market-content .content-inner {
	position: relative;
	padding-left: 100px;
}

.market-content .content-inner .content-number {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #e1e1e1;
	font-size: 100px;
	line-height: 1em;
	font-weight: 400;
}

.market-content .content-inner h3 {
	position: relative;
	color: #087cf5;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.market-content .content-inner .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 30px;
}

/*Featured Block Three*/

.featured-block-three {
	position: relative;
}

.featured-block-three .featured-inner {
	position: relative;
	padding-left: 95px;
	min-height: 64px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e6e6e6;
}

.featured-block-three:last-child .featured-inner {
	padding-bottom: 0px;
	border-bottom: 0px;
	margin-bottom: 0px;
}

.featured-block-three .featured-inner .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 64px;
	height: 64px;
}

.featured-block-three .featured-inner h4 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 8px;
}

.featured-block-three .featured-inner .featured-text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.6em;
	font-weight: 400;
}

.marketing-section .content-column .owl-dots {
	display: none;
}

.marketing-section .content-column .owl-nav {
	position: relative;
}

.marketing-section .content-column .owl-nav .owl-prev,
.marketing-section .content-column .owl-nav .owl-next {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	margin-right: 15px;
	font-weight: 700;
	display: inline-block;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.marketing-section .content-column .owl-nav .owl-prev:hover,
.marketing-section .content-column .owl-nav .owl-next:hover {
	color: #ff4901;
}

/*** 

====================================================================
	Case Section
====================================================================

***/

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

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

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

.case-block .inner-box .image-box {
	position: relative;
	margin-bottom: 50px;
}

.case-block .inner-box .image-box .image {
	position: relative;
	padding: 20px 20px 0px;
	background-color: #f4f4f4;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(240, 240, 240, 1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(240, 240, 240, 1);
	box-shadow: 0px 5px 5px 0px rgba(240, 240, 240, 1);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.case-block .inner-box:hover .image {
	background-color: #10d55d;
}

.case-block .inner-box .image .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.case-block .inner-box:hover .image .overlay-box {
	opacity: 1;
}

.case-block .inner-box .image .overlay-box .theme-btn {
	padding: 9px 34px;
	top: 50%;
	margin-top: -24px;
}

.case-block .inner-box .content-box {
	position: relative;
	padding: 25px 28px 25px;
	background-color: #f4f4f4;
}

.case-block .inner-box .content-box:before {
	position: absolute;
	left: 150px;
	top: -20px;
	content: '';
	border-bottom: 22px solid #f4f4f4;
	border-left: 18px solid transparent;
}

.case-block .inner-box .content-box .options {
	position: relative;
}

.case-block .inner-box .content-box .options li {
	position: relative;
	width: 45px;
	height: 45px;
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
	background-color: #ffffff;
	border: 1px solid #e7e7e7;
}

.case-block .inner-box .content-box .options li:hover {
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.10);
}

.case-block .inner-box .content-box .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 22px;
	margin-bottom: 15px;
}

.case-block .inner-box .content-box .read-more {
	position: relative;
	color: #0f1341;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.case-block .inner-box .content-box .read-more:hover,
.case-block .inner-box:hover .content-box .read-more {
	color: #087cf5;
}

.case-block .inner-box .content-box .read-more .icon {
	position: relative;
	font-weight: 700;
	margin-right: 10px;
}

.case-block.alternate .inner-box .content-box {
	margin-bottom: 50px;
}

.case-block.alternate .inner-box .content-box:before {
	border-top: 22px solid #f4f4f4;
	border-right: 18px solid transparent;
	border-bottom: none;
	border-left: none;
	bottom: -20px;
	top: auto;
}

.case-block.alternate .inner-box .image-box {
	margin-bottom: 0px;
}

.case-section .btn-box .theme-btn {
	padding: 9px 48px;
}

/*** 

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

***/

.testimonial-section {
	position: relative;
	padding: 85px 0px;
	background-color: #0f1341;
}

.testimonial-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.testimonial-section .title-column .inner-column {
	position: relative;
	padding-top: 90px;
}

.testimonial-section .title-column h2 {
	position: relative;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4em;
}

.testimonial-section .testimonial-column {
	position: relative;
}

.testimonial-section .testimonial-column .owl-dots {
	position: relative;
	display: none;
}

.testimonial-section .testimonial-column .owl-nav {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.testimonial-section .testimonial-column .owl-nav .owl-prev,
.testimonial-section .testimonial-column .owl-nav .owl-next {
	position: relative;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 34px;
	font-size: 28px;
	border-radius: 50%;
	display: inline-block;
	color: rgba(255, 255, 255, 0.50);
	margin-left: 10px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	border: 3px solid rgba(255, 255, 255, 0.50);
}

.testimonial-section .testimonial-column .owl-nav .owl-prev:hover,
.testimonial-section .testimonial-column .owl-nav .owl-next:hover {
	background-color: #087cf5;
	border-color: #087cf5;
	color: #0f1341;
}

.testimonial-block {
	position: relative;
}

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

.testimonial-block .inner-box .quote-icon {
	position: relative;
	color: #ffffff;
	font-size: 50px;
	margin-bottom: 25px;
}

.testimonial-block .inner-box .text {
	position: relative;
	color: #ffffff;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.7em;
	margin-bottom: 22px;
}

.testimonial-block .inner-box .continue {
	position: relative;
	color: #087cf5;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	display: inline-block;
	margin-bottom: 30px;
	text-transform: uppercase;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	font-family: 'Poppins', sans-serif;
}

.testimonial-block .inner-box .continue:hover {
	color: #ffffff;
}

.testimonial-block .inner-box .continue .icon {
	margin-right: 10px;
}

.testimonial-block .inner-box .author-info {
	position: relative;
}

.testimonial-block .inner-box .author-info .author-inner {
	position: relative;
	padding-left: 95px;
	padding-top: 8px;
	min-height: 75px;
}

.testimonial-block .inner-box .author-info .author-inner .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-block .inner-box .author-info .author-inner h3 {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 3px;
	font-weight: 700;
	text-transform: capitalize;
}

.testimonial-block .inner-box .author-info .author-inner .designation {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	font-weight: 400;
}

/*** 

====================================================================
	Price Section
====================================================================

***/

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

.price-section.style-two {
	padding-top: 10px;
}

.price-section .inner-container {
	background-color: #0f1341;
	padding: 45px 0px 40px;
	margin-bottom: 40px;
}

.price-block {
	position: relative;
	margin-bottom: 40px;
	padding: 0px;
}

.price-block .inner-box {
	position: relative;
	text-align: center;
	overflow: hidden;
	padding: 40px 15px 50px;
	border: 1px solid #f2f2f2;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.price-block .inner-box .off {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	line-height: 1.4em;
	text-align: center;
	padding-top: 10px;
	background-color: #087cf5;
	font-family: 'Poppins', sans-serif;
}

.price-block .inner-box .ribbon {
	position: absolute;
	right: -24px;
	top: 11px;
	font-size: 8px;
	font-weight: 700;
	color: #ffffff;
	padding: 0px 25px;
	letter-spacing: 1px;
	background-color: #087cf5;
	text-transform: uppercase;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.price-block.active .inner-box,
.price-block .inner-box:hover {
	border-color: #087cf5;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(208, 208, 208, 1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(208, 208, 208, 1);
	box-shadow: 0px 0px 30px 0px rgba(208, 208, 208, 1);
}

.price-block .inner-box .icon-box {
	position: relative;
	margin-bottom: 30px;
}

.price-block .inner-box h2 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.price-block .inner-box ul {
	position: relative;
	margin-bottom: 30px;
}

.price-block .inner-box ul li {
	position: relative;
	color: #848484;
	font-size: 14px;
	margin-bottom: 8px;
}

.price-block .inner-box .price {
	position: relative;
	font-size: 54px;
	font-weight: 600;
	color: #087cf5;
	line-height: 1em;
	margin-bottom: 25px;
	font-family: 'Poppins', sans-serif;
}

.price-block .inner-box .price sup {
	position: relative;
	font-size: 28px;
}

.price-block .inner-box .price span {
	position: relative;
	color: #087cf5;
	font-size: 14px;
}

.price-block .inner-box:hover .theme-btn {
	color: #ffffff;
	border-color: #087cf5;
	background: #087cf5;
}

.price-block.alternate .inner-box {
	border: none;
	padding: 0px;
	border-right: 1px solid rgba(255, 255, 255, 0.10);
}

.price-block.alternate:last-child .inner-box {
	border: none;
}

.price-block.alternate .inner-box:hover {
	box-shadow: none;
}

.price-block.alternate .inner-box h2 {
	color: #ffffff;
}

.price-block.alternate .inner-box .theme-btn {
	background-color: #ffffff;
}

.price-block.alternate .inner-box:hover .theme-btn {
	background-color: #087cf5;
}

/*** 

====================================================================
	Partners Section
====================================================================

***/

.partners-section {
	position: relative;
	padding: 60px 0px 40px;
	background-color: #f2f2f2;
}

.partners-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.partners-section .title-column .inner-column {
	position: relative;
}

.partners-section .title-column h2 {
	position: relative;
	color: #0f1341;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.partners-section .title-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 25px;
}

.partners-section .title-column .inner-column .theme-btn {
	padding: 9px 30px;
}

.partners-section .partners-column {
	position: relative;
}

.partners-section .partners-column .inner-column {
	position: relative;
}

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

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

.partner-block .inner-box .client-img {
	position: relative;
	margin-bottom: 25px;
}

.partner-block .inner-box .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 25px;
}

.partner-block .inner-box .read-more {
	position: relative;
	color: #252525;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	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;
}

.partner-block .inner-box .read-more .icon {
	position: relative;
	margin-right: 8px;
}

.partner-block .inner-box .read-more:hover {
	color: #087cf5;
}



/*** 

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

***/

.main-footer {
	position: relative;
	background-color: #0f1341;
	z-index: 10;
}

.main-footer .widgets-section {
	position: relative;
	padding: 65px 0px 40px;
}

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

.main-footer .footer-title {
	position: relative;
	margin-bottom: 30px;
}

.main-footer .footer-title h2 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	padding-bottom: 18px;
	text-transform: uppercase;
}

.main-footer .footer-title h2:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 70px;
	height: 2px;
	background-color: #087cf5;
}

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

/*Footer List*/

.footer-list {
	position: relative;
}

.footer-list li {
	position: relative;
	margin-bottom: 8px;
}

.footer-list li:last-child {
	margin-bottom: 0px;
}

.footer-list li a {
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	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;
}

.footer-list li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/*Subscribe Widget*/

.subscribe-widget {
	position: relative;
}

.subscribe-widget .widget-content {
	position: relative;
}

.subscribe-widget .widget-content .text {
	position: relative;
	color: #ffffff;
	line-height: 1.8em;
	font-size: 16px;
	margin-bottom: 20px;
}

/*subscribe widget*/

.main-footer .subscribe-widget .subscribe-form {
	margin-bottom: 20px;
}

.main-footer .subscribe-widget .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.main-footer .subscribe-widget .form-group input[type="text"],
.main-footer .subscribe-widget .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 0px;
	height: 48px;
	font-size: 15px;
	color: #ffffff;
	background: none;
	font-weight: 400;
	border-bottom: 2px solid rgba(255, 255, 255, 0.20);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .subscribe-widget .form-group button {
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 18px;
	color: #087cf5;
	background: none;
}


.office-widget .office-info {
	position: relative;
}

.office-widget .office-info ul {
	position: relative;
}

.office-widget .office-info ul li {
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 10px;
}

.office-widget .office-info ul li strong {
	font-size: 18px;
	color: #ffffff;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.office-widget .office-info ul li a {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-decoration: underline;
	font-family: 'Poppins', sans-serif;
}

.office-widget .owl-nav {
	display: none;
}

.office-widget .owl-dots {
	position: relative;
}

.office-widget .owl-dots .owl-dot {
	position: relative;
	width: 10px;
	height: 10px;
	margin-right: 10px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #fe4800;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.office-widget .owl-dots .owl-dot:hover,
.office-widget .owl-dots .owl-dot.active {
	background-color: #087cf5;
}

.main-footer .copyright {
	position: relative;
	padding: 20px 15px;
	text-align: center;
	color: #0f1341;
	font-size: 14px;
	background-color: #f2f2f2;
	font-family: 'Rubik', sans-serif;
}

.main-footer .copyright a {
	position: relative;
	color: #087cf5;
}

/*** 

====================================================================
	About Section
====================================================================

***/

.bottom-parallax {
	position: relative;
	height: 400px;
	opacity: 0;
	visibility: hidden;
	z-index: -999;
}

.parallax-visible .bottom-parallax {
	opacity: 1;
	visibility: visible;
	z-index: 1;
}

.bottom-parallax .about-section {
	position: fixed;
	left: 10px;
	right: 10px;
	bottom: 10px;
	text-align: center;
	padding: 115px 0px;
	min-height: 400px;
	background-color: #087cf5;
	background-repeat: no-repeat;
	background-position: center bottom;
}

.bottom-parallax .about-section .inner {
	position: relative;
	max-width: 570px;
	margin: 0 auto;
}

.bottom-parallax .about-section h2 {
	position: relative;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.6em;
	color: #ffffff;
	margin-bottom: 25px;
	text-transform: uppercase;
}

/*** 

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

***/

.page-title {
	position: relative;
	background-size: cover;
	background-color: #0f1341;
	background-repeat: no-repeat;
	padding: 260px 0px 110px 0px;
	background-position: center bottom;
}

.page-title h1 {
	position: relative;
	font-size: 36px;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
	line-height: 1.3em;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.page-title .title {
	position: relative;
	color: #cbcbcb;
	font-size: 18px;
	font-weight: 400;
}

.page-title .page-info {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	display: block;
	color: #272727;
	z-index: 1;
	text-align: right;
}

.page-info .inner-container {
	position: relative;
}

.page-info h2 {
	font-size: 16px;
	color: #272727;
	line-height: 24px;
	font-weight: 700;
}

.page-info .bread-crumb {
	position: relative;
	font-size: 15px;
	padding: 18px 0px 17px;
}

.page-info .bread-crumb li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	margin-right: 24px;
	color: #087cf5;
	font-weight: 400;
	line-height: 24px;
	text-transform: capitalize;
}

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

.page-info .bread-crumb li:after {
	content: '\f105';
	top: -1px;
	font-family: 'FontAwesome';
	position: absolute;
	right: -16px;
	width: 10px;
	line-height: 24px;
	font-size: 16px;
	color: #ffffff;
}

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

.page-info .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;
}

.page-info .bread-crumb li a:hover {
	color: #087cf5;
}

/*** 

====================================================================
	Mission Section
====================================================================

***/

.mission-section {
	position: relative;
	padding: 90px 0px 30px;
}

.mission-section .inner-container {
	position: relative;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
}

.mission-section .inner-container:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 55%;
	height: 100%;
	background-size: cover;
	background-position: left top;
	background: url(../images/resource/mission-1.png) no-repeat;
}

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

.mission-section .inner-container .image-column {
	position: relative;
}

.mission-section .inner-container .image-column .inner-column {
	position: relative;
	padding: 45px 0px;
}

.mission-section .inner-container .image-column .inner-column .content {
	position: relative;
	padding: 30px 30px;
	z-index: 9;
	float: right;
	max-width: 370px;
	width: 100%;
	margin-right: -180px;
	background-color: #ffffff;
}

.mission-section .inner-container .image-column .inner-column .title {
	position: relative;
}

.mission-section .inner-container .image-column .inner-column .title .title-inner {
	position: relative;
	padding-left: 65px;
	padding-bottom: 25px;
	padding-top: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}

.mission-section .inner-container .image-column .title .title-inner .image {
	position: absolute;
	left: 0px;
	top: 0px;
}

.mission-section .inner-container .image-column .inner-column .title h2 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.mission-section .image-column .inner-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 22px;
}

.mission-section .image-column .inner-column .more {
	position: relative;
	color: #0f1341;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.mission-section .image-column .inner-column .more:hover {
	color: #087cf5;
}

.mission-section .image-column .inner-column .more .icon {
	margin-right: 8px;
}

.mission-section .image-column .owl-nav {
	display: none;
}

.mission-section .image-column .owl-dots {
	position: relative;
	text-align: right;
}

.mission-section .image-column .owl-dots .owl-dot {
	position: relative;
	width: 9px;
	height: 9px;
	margin: 0px 5px;
	display: inline-block;
	border-radius: 50%;
	background-color: #dedede;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.mission-section .image-column .owl-dots .owl-dot:hover,
.mission-section .image-column .owl-dots .owl-dot.active {
	position: relative;
	width: 22px;
	height: 8px;
	border-radius: 10px;
	background-color: #087cf5;
}

/*** 

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

***/

.we-are-section {
	position: relative;
	padding: 30px 0px 50px;
}

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

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

.we-are-section .content-column .inner-column h2 {
	position: relative;
	color: #0f1341;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.we-are-section .content-column .inner-column .bold-text {
	position: relative;
	color: #087cf5;
	font-size: 18px;
	line-height: 1.7em;
	font-weight: 700;
	margin-bottom: 20px;
}

.we-are-section .content-column .inner-column .bold-text:before {
	position: absolute;
	content: '\f195';
	left: 0px;
	top: 0px;
	color: #087cf5;
	font-size: 60px;
	line-height: 1em;
	opacity: 0.1;
	font-family: "Flaticon";
}

.we-are-section .content-column .inner-column .text {
	position: relative;
	margin-bottom: 28px;
}

.we-are-section .content-column .inner-column .text p {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 16px;
}

.we-are-section .content-column .inner-column .text p:last-child {
	margin-bottom: 0px;
}

.we-are-section .content-column .inner-column .theme-btn {
	padding: 9px 40px;
}

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

.we-are-section .carousel-column .inner-column {
	position: relative;
	padding: 80px 0px 60px;
}

.we-are-section .carousel-column .inner-column:before {
	position: absolute;
	content: '';
	left: 92px;
	top: 0px;
	width: 2px;
	height: 100%;
	background-color: #e6e6e6;
}

.monthy-block {
	position: relative;
	padding-bottom: 30px;
}

.monthy-block:last-child {
	padding-bottom: 0px;
}

.monthy-block .inner-box {
	position: relative;
	padding-left: 140px;
}

.monthy-block .inner-box .month {
	position: absolute;
	left: 0px;
	top: 4px;
	width: 70px;
	color: #848484;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
}

.monthy-block .inner-box .month .dott {
	position: absolute;
	content: '';
	right: -28px;
	top: 8px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #0f1341;
}

.monthy-block .inner-box .month .dott:before {
	position: absolute;
	content: '';
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 50%;
	background-color: rgba(15, 19, 65, 0.50);
}

.monthy-block .inner-box h3 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 1px;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.monthy-block .inner-box h3 a {
	position: relative;
	color: #0f1341;
	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;
}

.monthy-block .inner-box h3 a:hover {
	color: #087cf5;
}

.monthy-block .inner-box .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.7em;
}

.we-are-section .carousel-column .slick-prev {
	position: absolute;
	left: 128px;
	top: -85px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: none;
	text-indent: 0;
	line-height: 26px;
	margin-left: -50px;
	font-size: 18px;
	color: #e6e6e6;
	background-color: #ffffff;
	border: 2px solid #e6e6e6;
	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;
}

.we-are-section .carousel-column .slick-next {
	position: absolute;
	left: 78px;
	bottom: -70px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: none;
	text-indent: 0;
	line-height: 26px;
	margin-left: -50px;
	font-size: 18px;
	color: #e6e6e6;
	background-color: #ffffff;
	border: 2px solid #e6e6e6;
	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;
}

.we-are-section .carousel-column .slick-arrow.slick-next {
	margin-left: 0px;
}

.we-are-section .carousel-column .slick-arrow.slick-prev:hover,
.we-are-section .carousel-column .slick-arrow.slick-next:hover {
	color: #ffffff;
	border-color: #087cf5;
	background-color: #087cf5;
}

/*** 

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
	position: relative;
	padding: 80px 0px 50px;
	background-color: #0f1341;
}

.services-section-three {
	position: relative;
	margin-bottom: 40px;
}

.services-section-three .inner-box {
	position: relative;
	padding: 35px 25px;
	border: 1px solid rgba(255, 255, 255, 0.10);
}

.services-section-three .inner-box h3 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 5px;
	font-family: 'Poppins', sans-serif;
}

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

.services-section-three .inner-box h3 a:hover {
	color: #087cf5;
}

.services-section-three .inner-box .title {
	position: relative;
	color: #087cf5;
	font-size: 16px;
}

.services-section-three .inner-box .image {
	text-align: center;
	margin: 20px 0px;
}

.services-section-three .inner-box .text {
	position: relative;
	color: #c7c7c7;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.services-section-three .inner-box .read-more {
	position: relative;
	color: #d9d9d9;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	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;
	font-family: 'Poppins', sans-serif;
}

.services-section-three .inner-box .read-more .icon {
	position: relative;
	margin-right: 10px;
}

.services-section-three .inner-box .read-more:hover {
	color: #087cf5;
}

/*** 

====================================================================
	Marketing Section Two
====================================================================

***/

.marketing-section-two {
	position: relative;
	text-align: center;
	padding: 160px 0px 90px;
	background-color: #f4f4f4;
	background-position: right top;
	background-repeat: no-repeat;
}

.marketing-section-two .steps-blocks {
	position: relative;
}

.marketing-section-two .theme-btn {
	padding: 9px 33px;
}

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

.step-block:nth-child(2) {
	margin-top: -20px;
}

.step-block:nth-child(3) {
	margin-top: -40px;
}

.step-block:nth-child(4) {
	margin-top: -60px;
}

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

.step-block .inner-box .icon-box {
	position: relative;
	width: 128px;
	height: 128px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%;
	margin-bottom: 15px;
}

.step-block .inner-box h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 4px;
}

.step-block .inner-box h3 a {
	position: relative;
	color: #0f1341;
	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;
}

.step-block .inner-box h3 a:hover {
	color: #087cf5;
}

.step-block .inner-box .step-number {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
}

.marketing-section-two h3 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	margin-top: 40px;
	margin-bottom: 18px;
	text-transform: uppercase;
}

/*** 

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

***/

.team-section {
	position: relative;
	padding: 80px 0px 50px;
}

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

.team-block .inner-box {
	position: relative;
	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;
}

.team-block .inner-box:hover {
	position: relative;
	-webkit-box-shadow: 0px 4px 5px 0px rgba(242, 242, 242, 1);
	-moz-box-shadow: 0px 4px 5px 0px rgba(242, 242, 242, 1);
	box-shadow: 0px 4px 5px 0px rgba(242, 242, 242, 1);
}

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

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

.team-block .inner-box .lower-content-box {
	position: relative;
	padding: 22px 25px 20px;
	border: 1px solid #f2f2f2;
}

.team-block .inner-box .lower-content-box .designation {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	margin-bottom: 2px;
}

.team-block .inner-box .lower-content-box h3 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	color: #0f1341;
	margin-bottom: 10px;
}

/*** 

====================================================================
	Error Section
====================================================================

***/

.error-section {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 300px 0px 150px;
	background-color: #0f1341;
}

.error-section .inner-section {
	position: relative;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	padding: 100px 30px 100px;
	background: rgba(255, 255, 255, 0.05) url(../images/resource/error-img.png) center center no-repeat;
}

.error-section .inner-section h1 {
	position: relative;
	color: #087cf5;
	font-size: 200px;
	line-height: 1em;
	font-weight: 700;
	font-family: 'Hind', sans-serif;
}

.error-section .inner-section h2 {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	font-weight: 400;
	margin-top: -10px;
	text-transform: uppercase;
	font-family: 'Rubik', sans-serif;
}

.error-section .inner-section .text {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	margin-top: 16px;
	margin-bottom: 40px;
}

.error-section .go-back {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
	margin-top: 18px;
	display: inline-block;
}

/*Error Form*/

.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: 28px;
	background: none;
	display: block;
	font-size: 16px;
	width: 100%;
	height: 50px;
	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: #ff6600;
}

.error-search-form .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 50px;
	width: 50px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 100%;
	background: #087cf5;
	font-weight: normal;
}

/*** 

====================================================================
	Comming Soon Section
====================================================================

***/

.comming-soon-section {
	position: relative;
	text-align: center;
	padding: 75px 0px 75px;
	background-color: #0f1341;
}

.comming-soon-section .logo-box {
	position: relative;
	margin-bottom: 20px;
}

.comming-soon-section h2 {
	position: relative;
	color: #ffffff;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.6em;
}

.comming-soon-section .text {
	position: relative;
	color: #808080;
	font-size: 20px;
	line-height: 1.6em;
	margin-top: 18px;
	margin-bottom: 35px;
}

.comming-soon-section .copyright {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	margin-top: 25px;
}

/*** 

====================================================================
	Countdown style
====================================================================

***/

.time-counter {
	position: relative;
	margin-bottom: 60px;
	padding: 40px 0px 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.10);
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.time-counter .time-countdown {
	position: relative;
}

.time-counter .time-countdown .counter-column {
	position: relative;
	padding: 0px 90px 0px;
	text-align: center;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
	font-family: 'Rubik', sans-serif;
}

.time-counter .time-countdown .counter-column:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 1px;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.10);
}

.time-counter .time-countdown .counter-column:last-child::after {
	display: none;
}

.time-counter .time-countdown .counter-column .count {
	position: relative;
	display: block;
	font-size: 72px;
	line-height: 1em;
	padding: 0px 0px 20px;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

/*Emailed Form*/

.emailed-form .form-group {
	position: relative;
	max-width: 430px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 30px;
}

.emailed-form .form-group input[type="text"],
.emailed-form .form-group input[type="email"] {
	position: relative;
	line-height: 28px;
	background: none;
	display: block;
	font-size: 16px;
	width: 100%;
	height: 50px;
	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;
}

.emailed-form .form-group input:focus {
	border-color: #ff6600;
}

.emailed-form .form-group button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 50px;
	width: 50px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 100%;
	background: #087cf5;
	font-weight: normal;
}

/*** 

====================================================================
	Contact Section
====================================================================

***/

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

.contact-section .contact-form-column {
	position: relative;
	margin-bottom: 40px;
}

.contact-section .contact-form-column .inner-column {
	position: relative;
	padding: 30px 25px 10px;
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(242, 242, 242, 1);
	-moz-box-shadow: 0px 3px 5px 0px rgba(242, 242, 242, 1);
	box-shadow: 0px 3px 5px 0px rgba(242, 242, 242, 1);
}

.contact-section .contact-form-column h2 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 12px;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.contact-section .contact-form-column h2:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 60px;
	height: 2px;
	background-color: #dedede;
}

.contact-section .contact-form-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 28px;
}

/*Contact Form*/

.contact-form {
	position: relative;
}

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

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="password"],
.contact-form textarea {
	display: block;
	width: 100%;
	height: 55px;
	font-size: 16px;
	color: #848484;
	line-height: 30px;
	padding: 10px 20px;
	font-weight: 300;
	border: 1px solid #f2f2f2;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

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

.contact-form button {
	width: 100%;
	margin-top: 10px;
	padding: 11px 26px;
}

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

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

.contact-section .contact-info-column {
	position: relative;
}

.contact-section .contact-info-column .inner-column {
	position: relative;
	border: 1px solid #f2f2f2;
}

.contact-section .contact-info-column .inner-column .upper-box {
	position: relative;
	padding: 35px 15px 35px;
	background-color: #f4f4f4;
}

.info-slide {
	position: relative;
}

.info-slide .image {
	position: relative;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 15px;
}

.info-slide .inner {
	position: relative;
	text-align: center;
}

.info-slide .inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
}

.info-slide .inner .title {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	font-weight: 400;
}

.info-slide .inner .emailed {
	position: relative;
	color: #555555;
	font-size: 16px;
	margin-top: 8px;
}

.info-slide .inner .emailed span {
	font-weight: 700;
	color: #0f1341;
}

.contact-section .contact-info-column .owl-dots {
	display: none;
}

.contact-section .contact-info-column .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	margin-top: -12px;
}

.contact-section .contact-info-column .owl-nav .owl-prev,
.contact-section .contact-info-column .owl-nav .owl-next {
	position: absolute;
	width: 30px;
	height: 30px;
	color: #dedede;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	border: 3px solid #dedede;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.contact-section .contact-info-column .owl-nav .owl-prev span:before {
	content: '\f104';
	font-family: 'FontAwesome';
}

.contact-section .contact-info-column .owl-nav .owl-next span:before {
	content: '\f105';
	font-family: 'FontAwesome';
}

.contact-section .contact-info-column .owl-nav .owl-next {
	right: 0px;
}

.contact-section .contact-info-column .owl-nav .owl-prev:hover,
.contact-section .contact-info-column .owl-nav .owl-next:hover {
	color: #f4f4f4;
	border-color: #087cf5;
	background-color: #087cf5;
}

.contact-section .contact-info-column .inner-column .lower-box {
	position: relative;
	padding: 25px 28px;
}

.info-list {
	position: relative;
}

.info-list li {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	padding-left: 45px;
	line-height: 1.8em;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #f2f2f2;
}

.info-list li:last-child {
	border: none;
	margin: 0px;
	padding-bottom: 0px;
}

.info-list li strong {
	color: #0f1341;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Poppins', sans-serif;
}

.info-list li .icon {
	position: absolute;
	left: 0px;
	top: 8px;
	line-height: 1em;
}

/*** 

====================================================================
	Map Section
====================================================================

***/

.map-data {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8em;
}

.map-data h6 {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
	color: #121212;
}

.map-canvas {
	height: 480px;
}

/*** 

====================================================================
	Quote Section
====================================================================

***/

.quote-section {
	position: relative;
	padding: 90px 0px 50px;
}

.quote-section .quote-info-column {
	position: relative;
	margin-bottom: 40px;
}

.quote-section .quote-info-column .inner-column {
	position: relative;
	padding: 32px 32px 45px;
	background-color: #f4f4f4;
}

.quote-section .quote-info-column .inner-column h2 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.quote-section .quote-info-column .inner-column h3 {
	position: relative;
	color: #0f1341;
	font-size: 16px;
	line-height: 1.4em;
	font-weight: 700;
	margin-top: 20px;
	padding-top: 28px;
	margin-bottom: 25px;
	border-top: 1px solid #e6e6e6;
}


/*Category Widget*/

.quote-section .quote-info-column .form-group {
	position: relative;
	margin-bottom: 8px;
}

.quote-section .quote-info-column .form-group .select-box {
	position: relative;
	margin-bottom: 0px;
}

.quote-section .quote-info-column .form-group .select-box label {
	position: relative;
	font-size: 15px;
	color: #808080;
	font-weight: 400;
	cursor: pointer;
	margin-bottom: 0px;
	padding-left: 35px;
	line-height: 1em;
}

.quote-section .quote-info-column .form-group .select-box input[type="checkbox"] {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 19px;
	height: 19px;
	visibility: hidden;
	background-color: #ffffff;
}

.quote-section .quote-info-column .form-group .select-box .default-check {
	position: absolute;
	left: 0px;
	top: -2px;
	width: 19px;
	height: 19px;
	border-radius: 4px;
	background-color: #f4f4f4;
	border: 1px solid #cfcfcf;
}

.quote-section .quote-info-column .form-group .select-box .check-icon {
	position: absolute;
	content: '\f00c';
	left: 0px;
	top: -2px;
	width: 19px;
	height: 19px;
	color: #087cf5;
	z-index: 99;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	opacity: 0;
	font-family: 'FontAwesome';
}

.quote-section .quote-info-column .form-group .select-box input[type="checkbox"]:checked+label .check-icon {
	opacity: 1;
}

/*Quote Form*/

.quote-form {
	position: relative;
}

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

.quote-form.style-two .form-group {
	margin-bottom: 20px;
}

.quote-form.style-two .form-group textarea {
	height: 120px;
}



.quote-form.style-two .form-group input[type="text"],
.quote-form.style-two .form-group input[type="email"],
.quote-form.style-two .form-group input[type="password"] {
	height: 50px;
	line-height: 28px;
}

.quote-form.style-two .form-group .ui-selectmenu-button.ui-button {
	height: 50px;
}

.quote-form input[type="text"],
.quote-form input[type="email"],
.quote-form input[type="password"],
.quote-form textarea {
	display: block;
	width: 100%;
	height: 55px;
	font-size: 16px;
	color: #848484;
	line-height: 30px;
	padding: 10px 20px;
	font-weight: 300;
	border: 1px solid #f2f2f2;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.quote-form textarea {
	height: 225px;
	resize: none;
}

.quote-form input:focus,
.quote-form select:focus,
.quote-form textarea:focus {
	border-color: #ff5400;
}

.quote-form button {
	width: 100%;
	padding: 11px 26px;
}

.quote-section .quote-form-column {
	position: relative;
}

.quote-section .quote-form-column .inner-column {
	position: relative;
	padding: 40px 30px 15px;
	border: 1px solid #f2f2f2;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	height: 55px;
	padding: 10px 20px;
	line-height: 33px;
	color: #333333;
	border-radius: 0px;
	border: 1px solid #f2f2f2;
	background: #ffffff;
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 4px;
	text-indent: 0px;
	color: #888888;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #333333;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.ui-widget.ui-widget-content {
	border: 1px solid #e0e0e0;
	font-family: 'Poppins', sans-serif;
}

.ui-menu .ui-menu-item {
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	background: #087cf5;
	border-color: #087cf5;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
}

.ui-menu-item:hover {
	background-color: #17519d;
}

/*** 

====================================================================
	Mobile Section
====================================================================

***/

.mobile-section {
	position: relative;
	padding: 70px 0px 90px;
	background-color: #f2f2f2;
}

.mobile-section .inner-container {
	position: relative;
	background-color: #ffffff;
}

.mobile-section .inner-container .image-column {
	position: relative;
}

.mobile-section .inner-container .image-column .image {
	position: relative;
}

.mobile-section .inner-container .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.mobile-section .inner-container .form-column {
	position: relative;
}

.mobile-section .inner-container .form-column .inner-column {
	position: relative;
	padding: 80px 30px 60px 15px;
}

.mobile-section .inner-container .form-column h2 {
	position: relative;
	color: #0f1341;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 4px;
}

.mobile-section .inner-container .form-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	margin-bottom: 28px;
}

/*subscribe widget*/

.mobile-form {
	margin-bottom: 20px;
}

.mobile-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.mobile-form .form-group input[type="text"],
.mobile-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 30px;
	padding: 10px 20px;
	height: 50px;
	font-size: 15px;
	color: #000000;
	background: #f2f2f2;
	font-weight: 400;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.mobile-form .form-group button {
	position: relative;
	padding: 9px 44px;
	margin-top: 30px;
}

/*** 

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

***/

.testimonial-page-section {
	position: relative;
	padding: 90px 0px 50px;
}

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

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

.testimonial-block-two .inner-box .upper-box {
	position: relative;
	padding: 34px 25px 30px;
	background-color: #f4f4f4;
}

.testimonial-block-two .inner-box .upper-box:before {
	position: absolute;
	content: '';
	left: 50px;
	bottom: -30px;
	border-top: 30px solid #f4f4f4;
	;
	border-right: 25px solid transparent;
}

.testimonial-block-two .inner-box .upper-box .quote-icon {
	position: relative;
	color: #dedede;
	font-size: 46px;
	line-height: 1em;
	margin-bottom: 10px;
}

.testimonial-block-two .inner-box .upper-box .text {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	line-height: 1.5em;
}

.testimonial-block-two .inner-box .lower-box {
	position: relative;
	margin-top: 55px;
}

.testimonial-block-two .inner-box .lower-box .lower-inner {
	position: relative;
	padding-left: 95px;
	min-height: 75px;
	padding-top: 12px;
}

.testimonial-block-two .inner-box .lower-box .lower-inner .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	overflow: hidden;
}

.testimonial-block-two .inner-box .lower-box .lower-inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 4px;
}

.testimonial-block-two .inner-box .lower-box .lower-inner .designation {
	position: relative;
	color: #087cf5;
	font-size: 16px;
}

/*** 

====================================================================
	Analysis Section
====================================================================

***/

.analysis-section {
	position: relative;
	padding: 90px 0px 50px;
}

.analysis-section .form-column {
	position: relative;
	margin-bottom: 40px;
}

.analysis-section .form-column .inner-column {
	position: relative;
	padding: 40px 28px 15px;
	border: 2px solid #f2f2f2;
}

/*Analysis Form*/

.analysis-form {
	position: relative;
}

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

.analysis-form input[type="text"],
.analysis-form input[type="email"],
.analysis-form textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 22px;
	height: 50px;
	color: #000000;
	font-size: 16px;
	background: none;
	border: 2px solid #f2f2f2;
	transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
}

.analysis-form input[type="text"]:focus,
.analysis-form input[type="email"]:focus,
.analysis-form textarea:focus {
	border-color: #087cf5;
}

.analysis-form .theme-btn {
	margin-top: 5px;
	padding: 9px 44px;
}

/*** 

====================================================================
	Featured Section Three
====================================================================

***/

.featured-section-three {
	position: relative;
	padding-top: 150px;
	padding-bottom: 30px;
}

.featured-section-three.alternate {
	border-bottom: 2px solid #f5f5f5;
	margin-bottom: 80px;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	-moz-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
}

.featured-section-three:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 450px;
	background-color: #f4f4f4;
}

.price-header-box {
	position: relative;
	min-width: 1000px;
}

.price-block-two {
	position: relative;
	float: left;
	width: 25%;
	padding: 0px;
	min-height: 2px;
	margin-bottom: -56px;
}

.price-block-two.empty-block {
	margin-bottom: 0;
}

.price-block-two .inner-box {
	position: relative;
	text-align: center;
	overflow: hidden;
	z-index: 1;
	padding: 40px 15px 45px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.price-block-two .inner-box h2 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.price-block-two .inner-box .off {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 50%;
	line-height: 1.4em;
	text-align: center;
	padding-top: 10px;
	background-color: #087cf5;
	font-family: 'Poppins', sans-serif;
}

.price-block-two .inner-box .ribbon {
	position: absolute;
	right: -24px;
	top: 11px;
	font-size: 8px;
	font-weight: 700;
	color: #ffffff;
	padding: 0px 25px;
	letter-spacing: 1px;
	background-color: #087cf5;
	text-transform: uppercase;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.price-block-two.active .inner-box,
.price-block-two .inner-box:hover {
	border-color: #087cf5;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(208, 208, 208, 1);
	-moz-box-shadow: 0px 0px 30px 0px rgba(208, 208, 208, 1);
	box-shadow: 0px 0px 30px 0px rgba(208, 208, 208, 1);
}

.price-block-two .inner-box .icon-box {
	position: relative;
	margin-bottom: 25px;
}

.price-block-two .inner-box .price {
	position: relative;
	font-size: 54px;
	font-weight: 600;
	color: #087cf5;
	line-height: 1em;
	margin-bottom: 4px;
	font-family: 'Poppins', sans-serif;
}

.price-block-two .inner-box .price sup {
	position: relative;
	font-size: 28px;
}

.price-block-two .inner-box .pr-month {
	position: relative;
	color: #808080;
	font-size: 14px;
	font-weight: 700;
	margin-top: 6px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.price-block-two .inner-box:hover .theme-btn {
	color: #ffffff;
	border-color: #087cf5;
	background: #087cf5;
}

/*Price Table Section*/

.price-table-section {
	position: relative;
	top: -60px;
	overflow-x: auto;
}

.price-table-section .price-list {
	position: relative;
	min-width: 1000px;
}

.price-table-section .price-list li {
	position: relative;
	color: #848484;
	font-size: 16px;
	font-weight: 400;
	width: 24.9%;
	display: block;
	float: left;
	min-height: 55px;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	line-height: 55px;
	border: 1px solid #f2f2f2;
}

.price-table-section .price-list li.price-title {
	position: relative;
	color: #848484;
	font-size: 16px;
	font-weight: 700;
	padding: 13px 20px;
	text-align: left;
	line-height: 28px;
	background-color: #f4f4f4;
}

.price-table-section .price-list li.price-title.active {
	color: #ffffff;
	background-color: #0f1341;
}

.price-table-section .price-list li .check {
	color: #33b27b;
	font-size: 18px;
}

.price-table-section .price-list li .cross {
	color: #ed4b4b;
	font-size: 18px;
}

/*** 

====================================================================
	Blog Page Section
====================================================================

***/

.blog-page-section {
	position: relative;
	padding: 90px 0px 50px;
}

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

.news-block .inner-box {
	position: relative;
	display: block;
	border: 1px solid #f2f2f2;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.news-block .inner-box:hover {
	-ms-transform: translateY(-10px);
	/* IE 9 */
	-webkit-transform: translateY(-10px);
	/* Safari */
	transform: translateY(-10px);
}

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

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

.news-block .inner-box .lower-content {
	position: relative;
	top: 0px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	background-color: #ffffff;
}

.news-block .inner-box:hover .lower-content {
	top: -60px;
}

.news-block .inner-box .lower-content .upper {
	position: relative;
	padding-bottom: 18px;
	padding: 18px 28px;
}

.news-block .inner-box .lower-content .post-date {
	position: relative;
	color: #808080;
	font-size: 14px;
	font-weight: 500;
	padding-left: 28px;
}

.news-block .inner-box .lower-content .post-date:before {
	position: absolute;
	content: '\f073';
	left: 0px;
	top: 3px;
	color: #c0c0c0;
	font-size: 18px;
	line-height: 1em;
	font-family: 'FontAwesome';
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.news-block .inner-box:hover .lower-content .post-date:before {
	color: #087cf5;
}

.news-block .inner-box .lower-content h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6em;
	margin-top: 10px;
}

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

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

.news-block .inner-box .lower-content .more {
	position: absolute;
	left: 0px;
	width: 100%;
	bottom: -60px;
	opacity: 0;
	visibility: hidden;
}

.news-block .inner-box:hover .lower-content .more {
	opacity: 1;
	visibility: visible;
	transition: all 0.6s ease 300ms;
	-moz-transition: all 0.6s ease 300ms;
	-webkit-transition: all 0.6s ease 300ms;
	-ms-transition: all 0.6s ease 300ms;
	-o-transition: all 0.6s ease 300ms;
}

.news-block .inner-box .lower-content .read-more {
	position: relative;
	color: #0f1341;
	font-size: 14px;
	font-weight: 700;
	display: block;
	padding: 15px 0px;
	margin: 0px 28px;
	text-transform: uppercase;
	border-top: 1px solid #f2f2f2;
	font-family: 'Poppins', sans-serif;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.news-block .inner-box .lower-content .read-more span {
	margin-right: 10px;
	font-size: 16px;
}

.news-block .inner-box .lower-content .read-more:hover {
	color: #087cf5;
}


/*** 

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

***/

.sidebar-page-container {
	position: relative;
	overflow: hidden;
	padding: 80px 0px 40px;
}

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

.sidebar-page-container .sidebar-side .with-border {
	padding-left: 30px;
}

.sidebar-page-container .sidebar-side .with-border:before {
	position: absolute;
	content: '';
	left: 15px;
	top: -200px;
	width: 1px;
	height: 5000px;
	background-color: #f0f0f0;
}

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

/*Sidebar Title*/

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

.sidebar-title h2 {
	font-size: 18px;
	color: #0f1341;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
}

/*Search Box Widget*/

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

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

.sidebar .search-box .form-group button {
	position: absolute;
	right: 14px;
	top: 10px;
	height: 28px;
	width: 30px;
	font-size: 14px;
	color: #222222;
	line-height: 100%;
	background: none;
	display: inline-block;
	font-weight: normal;
	text-align: right;
	border-left: 1px solid #f2f2f2;
}

/*Blog Category*/

.blog-cat {
	position: relative;
	padding: 20px 25px 20px;
	border: 1px solid #eeeeee;
	border-left-color: #087cf5;
}

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

.blog-cat li a {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	display: block;
	padding-bottom: 12px;
	color: #808080;
	padding-left: 25px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.blog-cat li a:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 80px;
	height: 1px;
	background-color: #eeeeee;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.blog-cat li a:hover::after {
	width: 100%;
	background-color: #087cf5;
}

.blog-cat li:last-child {
	margin-bottom: 0px;
}

.blog-cat li:last-child a {
	border: 0px;
}

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

.blog-cat li a:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 9px;
	width: 8px;
	height: 8px;
	background-color: #f6f6f6;
	border: 1px solid #e5e5e5;
	font-family: 'FontAwesome';
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.blog-cat li a:hover {
	color: #087cf5;
}

.blog-cat li a:hover::before {
	border-color: rgba(255, 72, 0, 0.20);
	background-color: #087cf5;
}



.recent-comments .sidebar-title {
	margin-bottom: 40px;
}

/*Comment Block*/

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

.comment-block .inner {
	position: relative;
	padding: 36px 20px 20px;
	border: 1px solid #f2f2f2;
}

.comment-block .inner .date {
	position: absolute;
	left: 22px;
	top: -15px;
	font-size: 14px;
	color: #0f1341;
	padding: 1px 12px;
	font-weight: 400;
	background-color: #f6f6f6;
}

.comment-block .inner .content {
	position: relative;
	padding-left: 70px;
}

.comment-block .inner .content .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 50px;
}

.comment-block .inner .content h3 {
	position: relative;
	color: #0f1341;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom: 3px;
}

.comment-block .inner .content h3 a {
	color: #0f1341;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.comment-block .inner .content h3 a:hover {
	color: #087cf5;
}

.comment-block .inner .content .text {
	position: relative;
	color: #808080;
	font-size: 16px;
}

.comment-block .inner .content .reply-btn {
	position: absolute;
	right: 0px;
	top: 10px;
	color: #0f1341;
	font-size: 18px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.comment-block .inner .content .reply-btn:hover {
	color: #087cf5;
}

/*Post Widget*/

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

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

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

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

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

.sidebar .popular-posts .post .post-thumb .overlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	background-color: rgba(255, 72, 0, 0.80);
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post:hover .post-thumb .overlay {
	opacity: 1;
}

.sidebar .popular-posts .post .text {
	position: relative;
	top: -4px;
	font-size: 16px;
	margin: 0px 0px 0px;
	font-weight: 600;
	color: #0f1341;
	line-height: 1.7em;
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
}

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

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

.sidebar .popular-posts .post-info {
	position: relative;
	font-size: 16px;
	color: #808080;
	padding-left: 22px;
	font-weight: 400;
}

.sidebar .popular-posts .post-info:before {
	position: absolute;
	content: '\f073';
	left: 0px;
	top: 0px;
	color: #087cf5;
	font-size: 14px;
	font-family: 'FontAwesome';
}

/*Popular Tags*/

.sidebar .popular-tags a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 2px 12px 2px;
	margin: 0px 6px 10px 0px;
	color: #808080;
	text-align: center;
	font-size: 16px;
	text-transform: capitalize;
	background: none;
	font-weight: 400;
	border: 1px solid #f0f0f0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

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

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

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

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

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

.news-block-two .inner-box .lower-content {
	position: relative;
	padding: 25px 25px;
	border: 1px solid #f2f2f2;
}

.news-block-two .inner-box .lower-content .post-date {
	position: relative;
	color: #808080;
	font-size: 14px;
	font-weight: 500;
	padding-left: 30px;
	margin-bottom: 8px;
}

.news-block-two .inner-box .lower-content .post-date:before {
	position: absolute;
	content: '\f073';
	left: 0px;
	top: 3px;
	color: #c0c0c0;
	font-size: 18px;
	line-height: 1em;
	font-family: 'FontAwesome';
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
}

.news-block-two .inner-box .lower-content h3 {
	position: relative;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.5em;
	margin-bottom: 18px;
}

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

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

.news-block-two .inner-box .lower-content .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.7em;
}



/*** 

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

***/

.styled-pagination {
	position: relative;
	padding-top: 10px;
}

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

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

.styled-pagination li a {
	position: relative;
	display: inline-block;
	line-height: 48px;
	height: 50px;
	font-size: 18px;
	min-width: 50px;
	color: #808080;
	font-weight: 700;
	text-align: center;
	background: none;
	border-radius: 50%;
	border: 1px solid #f4f4f4;
	text-transform: capitalize;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	font-family: 'Poppins', sans-serif;
}

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

.blog-single {
	position: relative;
}

.blog-single .inner-box {
	position: relative;
	margin-bottom: 70px;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	-moz-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
}

.blog-single .inner-box .image {
	position: relative;
}

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

.blog-single .inner-box .lower-content {
	position: relative;
	padding: 25px 25px;
	border: 1px solid #f2f2f2;
}

.blog-single .inner-box .lower-content .post-meta {
	position: relative;
}

.blog-single .inner-box .lower-content .post-meta li {
	position: relative;
	color: #808080;
	font-size: 14px;
	margin-right: 18px;
	margin-bottom: 6px;
	display: inline-block;
}

.blog-single .inner-box .lower-content .post-meta li .icon {
	position: relative;
	margin-right: 8px;
	color: #087cf5;
}

.blog-single .inner-box .lower-content h3 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	line-height: 1.5em;
	font-weight: 700;
	margin-top: 5px;
	margin-bottom: 20px;
}

.blog-single .inner-box .lower-content .text {
	position: relative;
}

.blog-single .inner-box .lower-content .text p {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 18px;
}

.blog-single .inner-box .lower-content .text blockquote {
	position: relative;
	border: none;
	text-align: center;
	padding: 35px 30px;
	margin-bottom: 40px;
	margin-top: 30px;
	background-color: #f6f6f6;
}

.blog-single .inner-box .lower-content .text blockquote .blockquote-text {
	position: relative;
	z-index: 1;
	font-size: 18px;
	color: #808080;
	line-height: 1.8em;
	font-weight: 400;
}

.blog-single .inner-box .lower-content .text blockquote .quote-icon {
	position: absolute;
	left: 50%;
	top: 20px;
	line-height: 1em;
	color: #ffffff;
	font-size: 120px;
	text-align: center;
	margin-left: -45px;
}

.blog-single .inner-box .lower-content .text blockquote .quote-info {
	position: relative;
	display: inline-block;
	padding: 12px 70px 0px;
	margin-top: 20px;
	border-top: 1px solid #e8e8e8;
}

.blog-single .inner-box .lower-content .text blockquote .quote-info h4 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
}

.blog-single .inner-box .lower-content .text blockquote .quote-info .quote-desination {
	position: relative;
	color: #087cf5;
	font-size: 16px;
}



/*post share options*/

.blog-single .post-share-options {
	position: relative;
	margin-top: 40px;
	padding: 0px 0px 0px;
}

.blog-single .post-share-options .post-share-inner {
	border-top: 1px solid #f4f4f4;
	padding-top: 20px;
}

.blog-single .post-share-options .info-links {
	position: relative;
}

.blog-single .post-share-options .info-links li {
	position: relative;
	margin-right: 20px;
	display: inline-block;
}

.blog-single .post-share-options .info-links li a {
	position: relative;
	width: 35px;
	height: 35px;
	color: #0f1341;
	font-size: 14px;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	line-height: 34px;
	margin-right: 10px;
	background-color: #f4f4f4;
}

.blog-single .post-share-options .tags span {
	font-size: 16px;
	color: #0f1341;
	font-weight: 700;
	margin-right: 8px;
	font-family: 'Poppins', sans-serif;
}

.blog-single .post-share-options .tags a {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}

.blog-single .post-share-options .tags {
	position: relative;
	color: #087cf5;
	font-size: 16px;
	font-weight: 400;
	margin-top: 3px;
}



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

.sidebar-page-container .group-title h2 {
	position: relative;
	font-size: 20px;
	color: #0f1341;
	font-weight: 700;
	text-transform: uppercase;
}

/*Author Box*/

.author-box {
	position: relative;
	margin-bottom: 60px;
}

.author-box .author-comment {
	position: relative;
	padding: 30px 0px 25px;
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}

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

.author-box .author-comment .inner .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 85px;
	margin-bottom: 20px;
}

.author-box .author-comment .inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.author-box .author-comment .inner .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
	margin-bottom: 10px;
}

/*** 

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

 ***/

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

.sidebar-page-container .comments-area .comment-box {
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment-box:nth-child(1) {
	padding-top: 0px;
}

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

.sidebar-page-container .comments-area .comment-box.reply-comment {
	margin-left: 30px;
}

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

.sidebar-page-container .comments-area .comment .comment-inner {
	position: relative;
	padding: 15px 20px;
	border: 1px solid #f4f4f4;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating {
	position: absolute;
	right: 15px;
	top: 15px;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating .fa {
	display: inline-block;
	color: #087cf5;
	font-size: 14px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-bottom: 20px;
}

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

.sidebar-page-container .comments-area .comment-info {
	position: relative;
	color: #0f1341;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
}

.sidebar-page-container .comments-area .comment-box .text {
	color: #808080;
	font-size: 16px;
	margin-top: 12px;
	font-weight: 400;
	line-height: 1.6em;
	margin-bottom: 0px;
}

/*Comment Form*/

.comment-form {
	position: relative;
}

.comment-form .group-title {
	margin-bottom: 20px;
}

.comment-form .rating-box {
	position: relative;
	margin-bottom: 20px;
}

.comment-form .rating-box .text {
	position: relative;
	font-size: 16px;
	color: #808080;
	margin-bottom: 10px;
}

.comment-form .rating-box .rating {
	position: relative;
	display: inline-block;
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px solid #ebebeb;
}

.comment-form .rating-box .rating:last-child {
	border: 0px;
}

.comment-form .rating-box .rating .fa {
	position: relative;
	margin-right: 2px;
	display: inline-block;
}

.comment-form .rating-box .rating a {
	position: relative;
	color: #d6d6d6;
	font-size: 12px;
	display: inline-block;
}

.comment-form .rating-box .rating a:hover {
	color: #087cf5;
}

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

.comment-form .form-group label {
	position: relative;
	color: #727272;
	font-size: 16px;
	font-weight: 400;
}

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

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 15px;
	border: 1px solid #efefef;
	height: 50px;
	color: #848484;
	font-weight: 300;
	background: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
	border-color: #087cf5;
}

.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 15px;
	color: #d6d6d6;
	border: 1px solid #efefef;
	height: 105px;
	font-weight: 300;
	background: #ffffff;
	resize: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form button {
	position: relative;
	margin-top: 20px;
	padding: 9px 33px;
}

.comment-form input:focus,
.comment-form select:focus,
.comment-form textarea:focus {
	border-color: #f06529;
}

/*** 

====================================================================
	Case Page Section
====================================================================

 ***/

.case-page-section {
	position: relative;
	padding: 90px 0px 90px;
}

.case-modern-section {
	position: relative;
	padding: 90px 0px 90px;
}

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

.case-block-two .inner-box {
	position: relative;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.case-block-two .inner-box:hover {
	-webkit-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	-moz-box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
	box-shadow: 0px 4px 13px 0px rgba(247, 247, 247, 1);
}

.case-block-two .inner-box .image {
	position: relative;
	padding: 20px 20px 0px;
	background-color: #f4f4f4;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.case-block-two .inner-box:hover .image {
	background-color: #10d55d;
}

.case-block-two.alternate .inner-box .image {
	background-color: #e6e6e6;
}

.case-block-two.alternate .inner-box:hover .image {
	background-color: #087cf5;
}

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

.case-block-two .inner-box .image .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.case-block-two .inner-box:hover .image .overlay-box {
	opacity: 1;
}

.case-block-two .inner-box .image .overlay-box .theme-btn {
	padding: 9px 34px;
	top: 50%;
	margin-top: -24px;
}

.case-block-two .inner-box .lower-box {
	position: relative;
	padding: 22px 20px;
	background-color: #ffffff;
	border: 1px solid #f4f4f4;
}

.case-block-two .inner-box .lower-box h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.case-block-two .inner-box .lower-box h3 a {
	position: relative;
	color: #0f1341;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.case-block-two .inner-box .lower-box h3 a:hover {
	color: #087cf5;
}

.case-block-two .inner-box .lower-box .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 12px;
}

.case-block-two .inner-box .lower-box .read-more {
	position: relative;
	color: #0f1341;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.case-block-two .inner-box .lower-box .read-more .icon {
	margin-right: 8px;
}

.case-block-two .inner-box .lower-box .read-more:hover,
.case-block-two .inner-box:hover .lower-box .read-more {
	color: #087cf5;
}

/*** 

====================================================================
	Case Banner Section
====================================================================

 ***/

.case-banner {
	position: relative;
	text-align: center;
	padding: 250px 0px 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

.case-banner h2 {
	position: relative;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.case-banner .text {
	position: relative;
	color: #ffffff;
	max-width: 700px;
	margin: 0 auto;
	margin-bottom: 45px;
}

/*** 

====================================================================
	Case Single Section
====================================================================

 ***/

.case-single-section {
	position: relative;
	padding-top: 60px;
}

.case-info-section {
	position: relative;
}

.case-info-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.case-info-section .title-column .inner-column {
	position: relative;
}

.case-info-section .title-column .inner-column h2 {
	position: relative;
	font-weight: 700;
	color: #0f1341;
	line-height: 1.4em;
	text-transform: uppercase;
}

.case-info-section .content-column {
	position: relative;
}

.case-info-section .content-column .inner-column {
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #f2f2f2;
}

.case-info-section .content-column .inner-column .text {
	position: relative;
}

.case-info-section .content-column .inner-column .text p {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7em;
	margin-bottom: 20px;
}

.info-category {
	position: relative;
}

.info-category li {
	position: relative;
	margin-bottom: 15px;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
}

.info-category li .title {
	position: relative;
	color: #0f1341;
	font-weight: 700;
	font-size: 16px;
	margin-right: 5px;
	font-family: 'Poppins', sans-serif;
}

.info-category li .fa {
	color: #087cf5;
}

/*** 

====================================================================
	Case Goal Section
====================================================================

 ***/

.case-goal-section {
	position: relative;
	padding-top: 60px;
}

.case-goal-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.case-goal-section .title-column h2 {
	position: relative;
	font-weight: 700;
	color: #0f1341;
	line-height: 1.4em;
	text-transform: uppercase;
}

.case-goal-section .image-column {
	position: relative;
}

.case-goal-section .image-column .image {
	position: relative;
	margin-bottom: 40px;
}

.case-goal-section .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.case-goal-section .content-column {
	position: relative;
}

.case-goal-section .content-column .inner-column {
	position: relative;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}

.case-goal-section .content-column h3 {
	position: relative;
	color: #0f1341;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7em;
	margin-bottom: 22px;
}

/*** 

====================================================================
	Case Challenge Section
====================================================================

 ***/

.case-challenge-section {
	position: relative;
	padding-top: 60px;
}

.case-challenge-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.case-challenge-section .title-column h2 {
	position: relative;
	font-weight: 700;
	color: #0f1341;
	line-height: 1.4em;
	text-transform: uppercase;
}

.case-challenge-section .content-column {
	position: relative;
}

.case-challenge-section .content-column .inner-column {
	position: relative;
	padding: 0px 0px 50px;
	border-bottom: 1px solid #f2f2f2;
}

.case-challenge-section .content-column .inner-column .owl-nav {
	display: none;
}

.case-challenge-section .content-column .inner-column .owl-dots {
	position: relative;
	text-align: center;
}

.case-challenge-section .content-column .inner-column .owl-dots .owl-dot {
	position: relative;
	width: 9px;
	height: 9px;
	margin: 0px 5px;
	display: inline-block;
	border-radius: 50%;
	background-color: #dedede;
	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-challenge-section .content-column .inner-column .owl-dots .owl-dot:hover,
.case-challenge-section .content-column .inner-column .owl-dots .owl-dot.active {
	position: relative;
	width: 22px;
	height: 8px;
	border-radius: 10px;
	background-color: #087cf5;
}

.case-challenge-section .content-column .inner-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 30px;
}

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

.challenge-block .inner-block {
	position: relative;
	text-align: center;
	padding: 45px 15px 35px;
	background-color: #f4f4f4;
}

.challenge-block .inner-block .percent-box {
	position: relative;
}

.challenge-block .inner-block .percent-box .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -27px;
	margin-top: -32px;
}

.challenge-block .inner-block h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 8px;
	margin-top: 8px;
}

.challenge-block .inner-block .text {
	position: relative;
	color: #808080;
	font-size: 16px;
}







/*** 

====================================================================
	Case Solution Section
====================================================================

 ***/

.case-solutions-section {
	position: relative;
	padding-top: 60px;
}

.case-solutions-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.case-solutions-section .title-column h2 {
	position: relative;
	font-weight: 700;
	color: #0f1341;
	line-height: 1.4em;
	text-transform: uppercase;
}

.case-solutions-section .content-column {
	position: relative;
}

.case-solutions-section .content-column .inner-column {
	position: relative;
	padding: 0px 0px 30px;
	border-bottom: 1px solid #f2f2f2;
}

.case-solutions-section .content-column .inner-column .image-column .image {
	margin-bottom: 30px;
}

.case-solutions-section .content-column .inner-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 35px;
}

/*Solution Icon Block*/

.solution-icon-block {
	position: relative;
	margin-bottom: 36px;
}

.solution-icon-block .solution-inner {
	position: relative;
}

.solution-icon-block .solution-inner .icon-box {
	position: relative;
	margin-bottom: 15px;
}

.solution-icon-block .solution-inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
}

/*** 

====================================================================
	Case Result Section
====================================================================

 ***/

.case-result-section {
	position: relative;
	padding-top: 60px;
}

.case-result-section .title-column {
	position: relative;
	margin-bottom: 40px;
}

.case-result-section .title-column h2 {
	position: relative;
	font-weight: 700;
	color: #0f1341;
	line-height: 1.4em;
	text-transform: uppercase;
}

.case-result-section .content-column {
	position: relative;
}

.case-result-section .content-column .inner-column {
	position: relative;
	padding: 0px 0px 30px;
}

.case-result-section .content-column .inner-column .chart-column .image {
	margin-bottom: 40px;
}

.case-result-section .content-column .inner-column .text {
	position: relative;
	margin-bottom: 20px;
	font-size: 16px;
	color: #808080;
}

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

.result-block .block-inner {
	position: relative;
	padding-left: 80px;
}

.result-block .block-inner .icon-box {
	position: absolute;
	left: 0px;
	top: 10px;
	line-height: 1em;
}

.result-block .block-inner .result-text {
	position: relative;
	color: #808080;
	font-size: 16px;
}

.result-block .block-inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.4em;
	margin-top: 5px;
}

.related-case-section {
	position: relative;
	padding: 85px 0px 40px;
	background-color: #f4f4f4;
}

/*** 

====================================================================
	Services Single Section
====================================================================

 ***/

.services-single-section {
	position: relative;
}

.services-sidebar {
	position: relative;
	padding: 30px 0px 1px 28px;
	background-color: #f4f4f4;
}

/*Blog Category*/

.blog-cat-two {
	position: relative;
	padding: 0px 18px 0px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
	-webkit-box-shadow: -2px 2px 12px 0px rgba(233, 233, 233, 1);
	-moz-box-shadow: -2px 2px 12px 0px rgba(233, 233, 233, 1);
	box-shadow: -2px 2px 12px 0px rgba(233, 233, 233, 1);
}

.blog-cat-two li {
	position: relative;
	padding: 8px 0px;
	border-bottom: 1px solid #eeeeee;
}

.blog-cat-two li a {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	display: block;
	color: #0f1341;
	padding: 4px 0px;
	padding-left: 25px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: 'Poppins', sans-serif;
}

.blog-cat-two li:last-child {
	margin-bottom: 0px;
	border: none;
}

.blog-cat-two li a:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 13px;
	width: 8px;
	height: 8px;
	background-color: #eeeeee;
	border: 1px solid #e6e6e6;
	font-family: 'FontAwesome';
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.blog-cat-two li.active a,
.blog-cat-two li a:hover {
	color: #ffffff;
	padding-left: 30px;
	background-color: #0f1341;
}

.blog-cat-two li.active a:before,
.blog-cat-two li a:hover::before {
	left: 10px;
	border-color: rgba(255, 255, 255, 0.50);
}

/*Broucher Widget*/

.sidebar-brochure .brochure {
	position: relative;
	color: #0f1341;
	font-weight: 400;
	font-size: 16px;
	padding: 5px 20px;
	display: block;
	padding-left: 70px;
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
	border-bottom: none;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.sidebar-brochure .brochure span {
	display: block;
	font-weight: 400;
	color: #808080;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.sidebar-brochure .brochure .icon {
	position: absolute;
	width: 54px;
	left: 0px;
	top: 0px;
	height: 65px;
	font-size: 18px;
	margin-right: 8px;
	text-align: center;
	font-weight: 400;
	line-height: 65px;
	color: #0f1341;
	border-right: 1px solid #f2f2f2;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.sidebar-brochure .brochure:hover {
	background-color: #087cf5;
	color: #ffffff;
}

.sidebar-brochure .brochure:hover span,
.sidebar-brochure .brochure:hover .icon {
	color: #ffffff;
}

.testimonial-widget {
	position: relative;
}

.testimonial-widget .inner-widget {
	position: relative;
	margin-right: 2px;
	padding: 25px 18px 55px;
	background-color: #ffffff;
	/*-webkit-box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
	-moz-box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);
	box-shadow: -2px 2px 12px 0px rgba(233,233,233,1);*/
}

.testimonial-widget .inner-widget .upper-box {
	position: relative;
}

.testimonial-widget .inner-widget .upper-box .upper-inner {
	position: relative;
	padding-left: 70px;
	min-height: 78px;
	margin-bottom: 20px;
	border-bottom: 1px solid #f2f2f2;
}

.testimonial-widget .inner-widget .upper-box .upper-inner .image {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 56px;
	height: 56px;
	overflow: hidden;
	border-radius: 50%;
}

.testimonial-widget .inner-widget .upper-box .upper-inner h3 {
	position: relative;
	color: #0f1341;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4em;
	text-transform: capitalize;
}

.testimonial-widget .inner-widget .upper-box .upper-inner .location {
	position: relative;
	color: #087cf5;
	font-size: 16px;
}

.testimonial-widget .inner-widget .text {
	position: relative;
	color: #808080;
	font-size: 17px;
	line-height: 1.7em;
	font-style: italic;
}

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

.testimonial-widget .owl-dots {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

.testimonial-widget .owl-dots .owl-dot {
	position: relative;
	width: 25px;
	height: 5px;
	margin-right: 8px;
	display: inline-block;
	background-color: #e6e6e6;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.testimonial-widget .owl-dots .owl-dot:hover,
.testimonial-widget .owl-dots .owl-dot.active {
	background-color: #087cf5;
}

.services-single {
	position: relative;
}

.services-single h2 {
	position: relative;
	color: #0f1341;
	font-size: 30px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 30px;
	text-transform: uppercase;
}

.services-single .inner-box {
	position: relative;
}

.services-single .inner-box .image {
	position: relative;
}

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

.services-single .inner-box .lower-content {
	position: relative;
	padding-top: 30px;
}

.services-single .inner-box .lower-content .text {
	position: relative;
}

.services-single .inner-box .lower-content .text p {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 30px;
}

.services-single .inner-box .lower-content .text .start-btn {
	padding: 9px 34px;
	margin-bottom: 60px;
}

.services-single .inner-box .lower-content .text h3 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.services-single .inner-box .lower-content .two-column {
	position: relative;
}

.services-single .inner-box .lower-content .two-column .graph-column {
	position: relative;
	margin-bottom: 40px;
}

.services-single .inner-box .lower-content .two-column .graph-column .inner-column {
	position: relative;
	padding: 25px 18px 20px;
	border: 1px solid #f2f2f2;
	-webkit-box-shadow: 0px 4px 18px 0px rgba(247, 247, 247, 1);
	-moz-box-shadow: 0px 4px 18px 0px rgba(247, 247, 247, 1);
	box-shadow: 0px 4px 18px 0px rgba(247, 247, 247, 1);
}

.services-single .inner-box .lower-content .two-column .graph-column .inner-column .image img {
	width: auto;
}

.services-single .inner-box .lower-content .two-column .graph-column .inner-column h4 {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 20px;
	text-transform: capitalize;
}

.services-single .inner-box .lower-content .carousel-column .inner-column {
	position: relative;
	padding-top: 65px;
	padding-bottom: 40px;
}

.services-single .inner-box .lower-content .carousel-column .inner-column:before {
	position: absolute;
	content: '';
	left: 6px;
	top: 0px;
	width: 2px;
	height: 100%;
	background-color: #e6e6e6;
}

.services-section-four {
	position: relative;
	margin-bottom: 40px;
}

.services-section-four .services-inner {
	position: relative;
	padding-left: 50px;
}

.services-section-four .services-inner .dott {
	position: absolute;
	content: '';
	left: 3px;
	top: 22px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background-color: #0f1341;
}

.services-section-four .services-inner .dott:before {
	position: absolute;
	content: '';
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 50%;
	background-color: rgba(15, 19, 65, 0.50);
}

.services-section-four .services-inner .icon-box {
	position: relative;
	margin-bottom: 18px;
}

.services-section-four .services-inner .icon-box {}

.services-section-four .services-inner .icon-box .icon {
	position: relative;
	line-height: 1em;
}

.services-section-four .services-inner .services-heading {
	position: relative;
	color: #0f1341;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.services-section-four .services-inner .services-text {
	position: relative;
	color: #808080;
	font-size: 16px;
	line-height: 1.8em;
}




.services-single .inner-box .lower-content .carousel-column .slick-prev {
	position: absolute;
	left: 42px;
	top: -66px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: none;
	text-indent: 0;
	line-height: 26px;
	margin-left: -50px;
	font-size: 18px;
	color: #e6e6e6;
	background-color: #ffffff;
	border: 2px solid #e6e6e6;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-single .inner-box .lower-content .carousel-column .slick-next {
	position: absolute;
	left: -8px;
	bottom: -40px;
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: none;
	text-indent: 0;
	line-height: 26px;
	margin-left: -50px;
	font-size: 18px;
	color: #e6e6e6;
	background-color: #ffffff;
	border: 2px solid #e6e6e6;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-single .inner-box .lower-content .carousel-column .slick-arrow.slick-next {
	margin-left: 0px;
}

.services-single .inner-box .lower-content .carousel-column .slick-arrow.slick-prev:hover,
.services-single .inner-box .lower-content .carousel-column .slick-arrow.slick-next:hover {
	color: #ffffff;
	border-color: #087cf5;
	background-color: #087cf5;
}

/*** 

====================================================================
	Accordion Style
====================================================================

***/

.accordian-boxed {
	position: relative;
	margin-top: 30px;
}

.accordian-boxed h3 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 28px;
	text-transform: uppercase;
}

.accordion-box {
	position: relative;
}

.accordion-box .block {
	position: relative;
	padding: 19px 0px;
	margin-bottom: 10px;
	border: 1px solid #f2f2f2;
	background-color: #ffffff;
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 18px;
	cursor: pointer;
	line-height: 30px;
	color: #0f1341;
	font-weight: 700;
	padding: 0px 10px 0px 100px;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	font-family: 'Poppins', sans-serif;
}

.accordion-box .block .acc-btn.active {
	color: #087cf5;
}

.accordion-box .block .icon-outer {
	position: absolute;
	left: 22px;
	top: 0px;
	font-size: 18px;
	color: #25baa9;
	padding-right: 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;
}

.accordion-box .block:after {
	position: absolute;
	content: '';
	left: 78px;
	top: 18px;
	bottom: 18px;
	width: 1px;
	background-color: #f2f2f2;
}

.accordion-box .block.active-block:after {
	background-color: #087cf5;
}

.accordion-box .block .acc-content {
	position: relative;
	display: none;
}

.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;
	padding: 15px 30px 0px 100px;
}

.accordion-box .block .content .text {
	line-height: 1.8em;
	font-size: 16px;
	color: #848484;
}

.accordion-box .block .content p:last-child {
	margin-bottom: 0px;
}

/*** 

====================================================================
	Quote Section Two
====================================================================

***/

.quote-two-section {
	position: relative;
	margin-top: 80px;
	padding-bottom: 90px;
	background-color: #f4f4f4;
}

.quote-two-section .title-column {
	position: relative;
	padding-bottom: 40px;
}

.quote-two-section .title-column .inner-column {
	position: relative;
	padding-top: 95px;
}

.quote-two-section .title-column h2 {
	position: relative;
	color: #0f1341;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.quote-two-section .title-column .text {
	position: relative;
	color: #808080;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 18px;
}

.quote-two-section .title-column .plans {
	position: relative;
	color: #087cf5;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.quote-two-section .title-column .plans .arrow {
	position: relative;
	margin-right: 8px;
}

.quote-two-section .form-column .inner-column {
	position: relative;
	padding: 45px 45px;
	margin-top: -90px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 1);
	-moz-box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 1);
	box-shadow: 0px 2px 16px 0px rgba(204, 204, 204, 1);
}

.quote-two-section .form-column .inner-column .text {
	position: relative;
	color: #808080;
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 30px;
}




/* =========================================================
   INNOTIC ADS - ISOLATED HERO CSS
   All classes use the "ia-" prefix to prevent template conflicts.
   ========================================================= */

.ia-hero,
.ia-hero *,
.ia-hero *::before,
.ia-hero *::after {
	box-sizing: border-box;
}

.ia-hero {
	--ia-primary: #0b63f6;
	--ia-secondary: #12a8ff;
	--ia-dark: #071525;
	--ia-white: #ffffff;
	--ia-muted: rgba(255, 255, 255, .82);

	position: relative;
	width: 100%;
	height: clamp(600px, 45vw, 760px);
	min-height: 600px;
	overflow: hidden;
	isolation: isolate;
	background: var(--ia-dark);
	font-family: Arial, Helvetica, sans-serif;
}

.ia-hero__slides {
	position: relative;
	width: 100%;
	height: 100%;
}

.ia-hero__slide {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	z-index: 0;
	animation: iaHeroSlide 18s infinite;
}

.ia-hero__slide--one {
	animation-delay: 0s;
}

.ia-hero__slide--two {
	animation-delay: 6s;
}

.ia-hero__slide--three {
	animation-delay: 12s;
}

.ia-hero__background {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	z-index: -3;
}

/* .ia-hero__overlay {
	position: absolute;
	inset: 0;
	z-index: -2;
	background:
		linear-gradient(90deg, rgba(3, 14, 30, .94) 0%, rgba(3, 14, 30, .78) 42%, rgba(3, 14, 30, .28) 72%, rgba(3, 14, 30, .12) 100%);
} */

.ia-hero__container {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 50px;
	width: min(1200px, calc(100% - 40px));
	height: 100%;
	margin: 60px auto;
	padding: 70px 0;
}

.ia-hero__content {
	position: relative;
	z-index: 5;
	flex: 1 1 58%;
	min-width: 0;
	max-width: 700px;
}

.ia-hero__eyebrow {
	display: inline-flex;
	align-items: center;
	min-height: 36px;
	margin-bottom: 20px;
	padding: 8px 15px;
	border: 1px solid rgba(255, 255, 255, .28);
	border-radius: 30px;
	color: #fff;
	background: #001170;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1.2px;
	line-height: 1.2;
}

.ia-hero__title {
	margin: 0 0 22px;
	padding: 0;
	color: var(--ia-white);
	font-size: clamp(38px, 4.2vw, 68px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -1.5px;
	text-shadow: 0 4px 25px rgba(0, 0, 0, .25);
}

.ia-hero__title span {
	color: #fa235d;
}

.ia-hero__description {
	max-width: 610px;
	margin: 0 0 32px;
	padding: 0;
	color: var(--ia-muted);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.7;
}

.ia-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
}

.ia-hero__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 52px;
	padding: 0 25px;
	border: 1px solid transparent;
	border-radius: 7px;
	text-decoration: none !important;
	white-space: nowrap;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.ia-hero__button:hover {
	transform: translateY(-2px);
}

.ia-hero__button--primary {
	color: #fff !important;
	background: linear-gradient(135deg, #001170, #087cf5);
	box-shadow: 0 12px 30px rgba(11, 99, 246, .28);
}

.ia-hero__button--secondary {
	color: #fff !important;
	border-color: rgba(255, 255, 255, .42);
	background: rgba(255, 255, 255, .08);
	backdrop-filter: blur(8px);
}

.ia-hero__visual {
	position: relative;
	z-index: 4;
	flex: 0 1 42%;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 0;
	max-width: 480px;
}

.ia-hero__visual img {
	display: block;
	width: 100%;
	max-width: 480px;
	height: auto;
	max-height: 520px;
	object-fit: contain;
	object-position: center;
	filter: drop-shadow(0 20px 35px rgba(0, 0, 0, .25));
}

.ia-hero__dots {
	position: absolute;
	left: 50%;
	bottom: 28px;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 8px;
	transform: translateX(-50%);
}

.ia-hero__dot {
	display: block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .45);
}

.ia-hero__dot--active {
	width: 28px;
	border-radius: 10px;
	background: #fff;
}

@keyframes iaHeroSlide {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	4% {
		opacity: 1;
		visibility: visible;
	}

	30% {
		opacity: 1;
		visibility: visible;
	}

	36% {
		opacity: 0;
		visibility: hidden;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}

/* ---------- Tablet ---------- */

@media (max-width: 991px) {
	.ia-hero {
		height: auto;
		min-height: 650px;
	}

	.ia-hero__container {
		gap: 25px;
		width: min(100% - 32px, 760px);
		padding: 70px 0;
	}

	.ia-hero__content {
		flex-basis: 62%;
	}

	.ia-hero__visual {
		flex-basis: 38%;
	}

	.ia-hero__title {
		font-size: 42px;
	}

	.ia-hero__description {
		font-size: 16px;
	}
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
	.ia-hero {
		height: 680px;
		min-height: 680px;
	}

	.ia-hero__background {
		object-position: center center;
	}

	/* .ia-hero__overlay {
		background: linear-gradient(180deg,
				rgba(3, 14, 30, .82) 0%,
				rgba(3, 14, 30, .72) 45%,
				rgba(3, 14, 30, .9) 100%);
	} */

	.ia-hero__container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 15px;
		width: calc(100% - 30px);
		height: 100%;
		/* padding: 55px 0 65px; */
		text-align: center;
		margin: 0 auto !important;
	}



	.ia-hero__content {
		flex: 0 0 auto;
		width: 100%;
		max-width: 620px;
	}

	.ia-hero__eyebrow {
		margin-bottom: 14px;
		font-size: 10px;
		letter-spacing: .8px;
	}

	.ia-hero__title {
		margin-bottom: 15px;
		font-size: clamp(31px, 9vw, 43px);
		line-height: 1.12;
		letter-spacing: -.7px;
	}

	.ia-hero__description {
		max-width: 560px;
		margin: 0 auto 20px;
		font-size: 14px;
		line-height: 1.55;
	}

	.ia-hero__actions {
		justify-content: center;
		gap: 9px;
	}

	.ia-hero__button {
		min-height: 46px;
		padding: 0 16px;
		font-size: 13px;
	}

	.ia-hero__visual {
		flex: 0 0 auto;
		width: 100%;
		max-width: 330px;
		height: 180px;
	}

	.ia-hero__visual img {
		display: block !important;
		visibility: visible !important;
		width: auto !important;
		max-width: 100% !important;
		height: 180px !important;
		max-height: 180px !important;
		object-fit: contain !important;
	}

	.ia-hero__dots {
		bottom: 18px;
	}
}

/* ---------- Small Mobile ---------- */

@media (max-width: 420px) {
	.ia-hero {
		height: 700px;
		min-height: 700px;
	}

	.ia-hero__container {
		width: calc(100% - 24px);
		padding-top: 45px;
	}

	.ia-hero__title {
		font-size: 29px;
	}

	.ia-hero__description {
		font-size: 13px;
	}

	.ia-hero__actions {
		flex-direction: column;
		width: 100%;
	}

	.ia-hero__button {
		width: min(100%, 250px);
	}

	.ia-hero__visual {
		max-width: 280px;
		height: 160px;
	}

	.ia-hero__visual img {
		height: 160px !important;
		max-height: 160px !important;
	}
}

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce) {
	.ia-hero__slide {
		animation: none;
	}

	.ia-hero__slide:first-child {
		opacity: 1;
		visibility: visible;
	}
}





/* ========================================= INNOTIC ADS - INDUSTRIES SECTION Isolated classes: ia-industries-* ========================================= */
.ia-industries-section {
	position: relative;
	overflow: hidden;
	padding: 95px 0 105px;
	background: #000000;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

.ia-industries-container {
	width: min(1240px, calc(100% - 50px));
	margin: 0 auto;
}

/* Heading */
.ia-industries-heading {
	margin-bottom: 25px;
}

.ia-industries-label {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 9px;
	color: #087cf5;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.8px;
}

.ia-industries-label span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #087cf5;
	box-shadow: 0 0 12px #087cf5;
}

.ia-industries-heading h2 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(42px, 4vw, 58px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -1.8px;
}

.ia-industries-heading h2 strong {
	color: #087cf5;
	font-weight: 800;
}

/* ========================================= INDUSTRY TABS ========================================= */
.ia-industries-tabs {
	display: flex;
	gap: 6px;
	width: 100%;
	margin-bottom: 30px;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0 0 7px;
	scrollbar-width: thin;
	scrollbar-color: #087cf5 transparent;
}

.ia-industries-tabs::-webkit-scrollbar {
	height: 4px;
}

.ia-industries-tabs::-webkit-scrollbar-track {
	background: transparent;
}

.ia-industries-tabs::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #087cf5;
}

.ia-industry-tab {
	flex: 0 0 96px;
	min-height: 52px;
	padding: 7px 5px;
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 10px;
	color: rgba(255, 255, 255, .48);
	background: #000f6d;
	cursor: pointer;
	font-family: inherit;
	transition: all .25s ease;
}

.ia-industry-tab:hover {
	color: #ffffff;
	border-color: rgba(50, 140, 255, .55);
	background: #0d111a;
}

.ia-industry-tab.active {
	color: #ffffff;
	border-color: #ffffff;
	background: #000f6d;
	box-shadow: inset 0 0 25px rgba(50, 140, 255, .04);
}

.ia-tab-icon {
	display: block;
	height: 18px;
	margin-bottom: 3px;
	color: #087cf5;
	font-size: 25px;
	line-height: 18px;
}

.ia-industry-tab span:last-child {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 600;
}

/* ========================================= MAIN CONTENT ========================================= */
.ia-industry-content {
	display: none;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
	gap: 30px;
	align-items: center;
}

.ia-industry-content.active {
	display: grid;
	animation: iaIndustryFade .45s ease both;
}

@keyframes iaIndustryFade {
	from {
		opacity: 0;
		transform: translateY(12px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Image */
.ia-industry-image {
	position: relative;
	height: 390px;
	overflow: hidden;
	border-radius: 12px;
	background: #0b1018;
}

.ia-industry-image::after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(180deg, rgba(3, 6, 13, .05) 20%, rgba(3, 6, 13, .65) 100%);
	pointer-events: none;
}

.ia-industry-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform .5s ease;
}

.ia-industry-content.active .ia-industry-image:hover img {
	transform: scale(1.04);
}

.ia-image-badge {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 13px;
	border: 1px solid rgba(50, 140, 255, .3);
	border-radius: 20px;
	color: #087cf5;
	background: rgba(4, 12, 24, .72);
	backdrop-filter: blur(8px);
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .7px;
}

/* Right Content */
.ia-industry-info {
	min-width: 0;
	padding: 10px 15px 10px 0;
}

.ia-industry-kicker {
	margin-bottom: 14px;
	color: #087cf5;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.7px;
}

.ia-industry-info h3 {
	max-width: 650px;
	margin: 0 0 18px;
	color: #ffffff;
	font-size: clamp(28px, 3vw, 39px);
	font-weight: 800;
	line-height: 1.16;
	letter-spacing: -.8px;
}

.ia-industry-info h3 strong {
	color: #087cf5;
}

.ia-industry-info p {
	max-width: 620px;
	margin: 0 0 11px;
	color: rgba(255, 255, 255, .43);
	font-size: 13px;
	line-height: 1.65;
}

.ia-industry-info .ia-industry-lead {
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
	line-height: 1.65;
}

.ia-industry-link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-top: 7px;
	color: #087cf5 !important;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
}

.ia-industry-link span {
	font-size: 18px;
	transition: transform .2s ease;
}

.ia-industry-link:hover span {
	transform: translateX(5px);
}

/* Feature Row */
.ia-industry-features {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
	margin-top: 30px;
	padding-top: 22px;
	border-top: 1px solid rgba(255, 255, 255, .09);
}

.ia-industry-features>div {
	min-width: 0;
}

.ia-industry-features b {
	display: block;
	margin-bottom: 6px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 700;
}

.ia-industry-features small {
	display: block;
	color: rgba(255, 255, 255, .74);
	font-size: 11px;
	line-height: 1.4;
}

/* ========================================= TABLET ========================================= */
@media (max-width: 991px) {
	.ia-industries-section {
		padding: 75px 0 80px;
	}

	.ia-industries-container {
		width: min(100% - 35px, 850px);
	}

	.ia-industry-content {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.ia-industry-image {
		height: 340px;
	}

	.ia-industry-info {
		padding: 0;
	}

	.ia-industry-info h3 {
		max-width: 700px;
	}
}

/* ========================================= MOBILE ========================================= */
@media (max-width: 767px) {
	.ia-industries-section {
		padding: 60px 0 65px;
	}

	.ia-industries-container {
		width: calc(100% - 28px);
	}

	.ia-industries-heading {
		margin-bottom: 22px;
	}

	.ia-industries-heading h2 {
		font-size: 38px;
		letter-spacing: -1px;
	}

	.ia-industries-tabs {
		gap: 6px;
		margin-bottom: 22px;
	}

	.ia-industry-tab {
		flex-basis: 88px;
		min-height: 51px;
	}

	.ia-industry-content {
		gap: 22px;
	}

	.ia-industry-image {
		height: 260px;
		border-radius: 10px;
	}

	.ia-industry-info h3 {
		font-size: 27px;
		line-height: 1.17;
	}

	.ia-industry-info .ia-industry-lead {
		font-size: 14px;
	}

	.ia-industry-info p {
		font-size: 12px;
	}

	.ia-industry-features {
		grid-template-columns: repeat(2, 1fr);
		gap: 18px 12px;
		margin-top: 25px;
	}
}

/* ========================================= SMALL MOBILE ========================================= */
@media (max-width: 420px) {
	.ia-industries-section {
		padding: 50px 0 55px;
	}

	.ia-industries-heading h2 {
		font-size: 33px;
	}

	.ia-industry-image {
		height: 220px;
	}

	.ia-industry-info h3 {
		font-size: 24px;
	}

	.ia-industry-features {
		gap: 15px 8px;
	}
}




/* ========================================================= INNOTIC ADS - FLOATING WIDGET Completely isolated using ia- prefix ========================================================= */
.ia-float-widget,
.ia-float-widget *,
.ia-quote-panel,
.ia-quote-panel *,
.ia-quote-overlay {
	box-sizing: border-box;
}

/* ========================================================= MAIN WIDGET ========================================================= */
.ia-float-widget {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 99990;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 10px;
	transform: translateY(-50%);
}

/* ========================================================= GET QUOTE BUTTON ========================================================= */
.ia-float-quote {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 150px;
	padding: 0;
	border: 0;
	border-radius: 16px 0 0 16px;
	color: #ffffff;
	background: linear-gradient(180deg, #087cf5 0%, #087cf5 100%);
	box-shadow: 0 12px 35px rgba(0, 0, 0, .25), 0 0 25px rgba(11, 99, 246, .18);
	cursor: pointer;
	overflow: hidden;
	transition: width .3s ease, box-shadow .3s ease;
}

.ia-float-quote:hover {
	width: 68px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, .3), 0 0 30px rgba(11, 99, 246, .3);
}

.ia-float-quote__text {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.5px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

.ia-float-quote__arrow {
	position: absolute;
	bottom: 13px;
	font-size: 16px;
	opacity: .9;
}

/* ========================================================= ACTION BUTTONS ========================================================= */
.ia-float-actions {
	display: flex;
	flex-direction: column;
	gap: 9px;
}

.ia-float-action {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid rgba(255, 255, 255, .75);
	border-radius: 50%;
	color: #ffffff !important;
	text-decoration: none !important;
	background: #ffffff;
	box-shadow: 0 7px 22px rgba(0, 0, 0, .16);
	transition: transform .25s ease, box-shadow .25s ease;
}

.ia-float-action:hover {
	transform: translateX(-5px);
	box-shadow: 0 10px 28px rgba(0, 0, 0, .25);
}

.ia-float-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	font-size: 20px;
}

.ia-float-whatsapp .ia-float-icon {
	color: #25D366;
}

.ia-float-email .ia-float-icon {
	color: #0785e8;
}

.ia-float-call .ia-float-icon {
	color: #f39a12;
}

/* ========================================================= TOOLTIP ========================================================= */
.ia-float-tooltip {
	position: absolute;
	right: 60px;
	top: 50%;
	padding: 8px 12px;
	border-radius: 6px;
	color: #ffffff;
	background: #071525;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 600;
	opacity: 0;
	visibility: hidden;
	transform: translate(8px, -50%);
	transition: all .25s ease;
}

.ia-float-tooltip::after {
	position: absolute;
	top: 50%;
	right: -5px;
	width: 9px;
	height: 9px;
	content: "";
	background: #071525;
	transform: translateY(-50%) rotate(45deg);
}

.ia-float-action:hover .ia-float-tooltip {
	opacity: 1;
	visibility: visible;
	transform: translate(0, -50%);
}

/* ========================================================= OVERLAY ========================================================= */
.ia-quote-overlay {
	position: fixed;
	inset: 0;
	z-index: 99998;
	background: rgba(2, 7, 15, .65);
	backdrop-filter: blur(5px);
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.ia-quote-overlay.active {
	opacity: 1;
	visibility: visible;
}

/* ========================================================= QUOTE PANEL ========================================================= */
.ia-quote-panel {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	width: min(510px, 100%);
	height: 100vh;
	padding: 35px;
	overflow-y: auto;
	color: #ffffff;
	background: radial-gradient(circle at top right, rgba(11, 99, 246, .13), transparent 38%), #060b14;
	border-left: 1px solid rgba(255, 255, 255, .08);
	box-shadow: -20px 0 70px rgba(0, 0, 0, .35);
	transform: translateX(100%);
	visibility: hidden;
	transition: transform .4s cubic-bezier(.77, 0, .18, 1), visibility .4s ease;
}

.ia-quote-panel.active {
	transform: translateX(0);
	visibility: visible;
}

/* ========================================================= PANEL HEADER ========================================================= */
.ia-quote-panel__header {
	position: relative;
	display: flex;
	justify-content: space-between;
	gap: 20px;
	padding-bottom: 25px;
}

.ia-quote-panel__eyebrow {
	display: block;
	margin-bottom: 9px;
	color: #087cf5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.6px;
}

.ia-quote-panel__header h3 {
	margin: 0 0 10px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight: 800;
	line-height: 1.15;
}

.ia-quote-panel__header h3 span {
	color: #087cf5;
}

.ia-quote-panel__header p {
	max-width: 390px;
	margin: 0;
	color: rgba(255, 255, 255, .52);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6;
}

/* Close */
.ia-quote-close {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: 50%;
	color: #ffffff;
	background: rgba(255, 255, 255, .05);
	cursor: pointer;
	font-size: 25px;
	line-height: 1;
	transition: all .25s ease;
}

.ia-quote-close:hover {
	color: #ffffff;
	background: #0b63f6;
	border-color: #0b63f6;
	transform: rotate(90deg);
}

/* ========================================================= FORM ========================================================= */
.ia-quote-form {
	width: 100%;
}

.ia-form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 13px;
}

.ia-form-group {
	margin-bottom: 16px;
}

.ia-form-group label {
	display: block;
	margin-bottom: 7px;
	color: rgba(255, 255, 255, .72);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
}

.ia-form-group input,
.ia-form-group select,
.ia-form-group textarea {
	display: block;
	width: 100%;
	padding: 13px 14px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 7px;
	outline: none;
	color: #ffffff;
	background: rgba(255, 255, 255, .045);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	transition: all .25s ease;
}

.ia-form-group input {
	height: 46px;
}

.ia-form-group textarea {
	min-height: 105px;
	resize: vertical;
}

.ia-form-group select {
	height: 46px;
	appearance: auto;
}

.ia-form-group input::placeholder,
.ia-form-group textarea::placeholder {
	color: rgba(255, 255, 255, .28);
}

.ia-form-group input:focus,
.ia-form-group select:focus,
.ia-form-group textarea:focus {
	border-color: #087cf5;
	background: rgba(50, 140, 255, .06);
	box-shadow: 0 0 0 3px rgba(50, 140, 255, .08);
}

/* Submit */
.ia-quote-submit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 52px;
	margin-top: 4px;
	padding: 0 18px 0 21px;
	border: 0;
	border-radius: 7px;
	color: #ffffff;
	background: linear-gradient(135deg, #0b63f6, #168fff);
	box-shadow: 0 10px 25px rgba(11, 99, 246, .22);
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 800;
	transition: all .25s ease;
}

.ia-quote-submit:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(11, 99, 246, .3);
}

.ia-quote-submit strong {
	font-size: 20px;
}

/* Contact */
.ia-quote-contact {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.ia-quote-contact a {
	color: rgba(255, 255, 255, .65) !important;
	text-decoration: none !important;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.ia-quote-contact a:hover {
	color: #087cf5 !important;
}

.ia-quote-contact i {
	margin-right: 5px;
	color: #087cf5;
}

.ia-quote-contact>span {
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .3);
}

/* ========================================================= MOBILE ========================================================= */
@media (max-width: 767px) {
	.ia-float-widget {
		right: 10px;
	}

	.ia-float-quote {
		width: 50px;
		height: 125px;
		border-radius: 13px;
	}

	.ia-float-quote:hover {
		width: 50px;
	}

	.ia-float-quote__text {
		font-size: 10px;
		letter-spacing: 1.1px;
	}

	.ia-float-action {
		width: 44px;
		height: 44px;
	}

	.ia-float-icon {
		width: 35px;
		height: 35px;
		font-size: 18px;
	}

	.ia-float-tooltip {
		display: none;
	}

	.ia-quote-panel {
		width: 100%;
		padding: 25px 20px;
	}

	.ia-quote-panel__header h3 {
		font-size: 27px;
	}

	.ia-form-row {
		grid-template-columns: 1fr;
		gap: 0;
	}
}

/* ========================================================= SMALL MOBILE ========================================================= */
@media (max-width: 420px) {
	.ia-float-widget {
		right: 7px;
	}

	.ia-float-quote {
		width: 46px;
		height: 115px;
	}

	.ia-float-action {
		width: 40px;
		height: 40px;
	}

	.ia-float-icon {
		width: 32px;
		height: 32px;
		font-size: 17px;
	}
}


/* ========================================================= INNOTIC ADS - SERVICES Completely isolated classes ========================================================= */
.ia-services-section {
	position: relative;
	width: 100%;
	padding: 90px 0 95px;
	overflow: hidden;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}

/* Container */
.ia-services-container {
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto;
}

/* ========================================================= HEADING ========================================================= */
.ia-services-heading {
	max-width: 760px;
	margin: 0 auto 45px;
	text-align: center;
}

.ia-services-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
	color: #000f6d;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.ia-services-label i {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #000f6d;
	box-shadow: 0 0 12px rgba(8, 124, 245, .45);
}

.ia-services-heading h2 {
	margin: 0 0 17px;
	color: #101c45;
	font-size: clamp(38px, 4vw, 52px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -1.5px;
}

.ia-services-heading h2 span {
	color: #000f6d;
}

.ia-services-heading p {
	max-width: 700px;
	margin: 0 auto;
	color: #687386;
	font-size: 15px;
	line-height: 1.75;
}

/* ========================================================= CAROUSEL ========================================================= */
.ia-services-carousel {
	position: relative;
	width: 100%;
}

.ia-services-carousel .owl-stage {
	display: flex;
}

.ia-services-carousel .owl-item {
	display: flex;
	height: auto;
}

.ia-services-carousel .owl-item>div {
	width: 100%;
}

/* Remove old template navigation */
.ia-services-carousel .owl-nav {
	position: absolute;
	top: -78px;
	right: 0;
	display: flex;
	gap: 8px;
}

.ia-services-carousel .owl-nav button {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0 !important;
	border: 1px solid #e2e7ef !important;
	border-radius: 50% !important;
	color: #17213f !important;
	background: #ffffff !important;
	font-size: 17px !important;
	transition: all .25s ease;
}

.ia-services-carousel .owl-nav button:hover {
	color: #ffffff !important;
	border-color: #000f6d !important;
	background: #000f6d !important;
}

/* ========================================================= SERVICE CARD ========================================================= */
.ia-service-card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	min-height: 335px;
	margin: 8px 0;
	padding: 28px 27px 25px;
	overflow: hidden;
	border: 1px solid #e8ecf2;
	border-radius: 10px;
	background: #ffffff;
	box-shadow: 0 8px 28px rgba(16, 28, 69, .055);
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}

/* Blue decorative corner */
.ia-service-card::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 85px;
	height: 85px;
	content: "";
	border-radius: 0 0 0 100%;
	background: rgba(8, 124, 245, .045);
	pointer-events: none;
}

.ia-service-card::after {
	position: absolute;
	right: -45px;
	bottom: -45px;
	width: 110px;
	height: 110px;
	content: "";
	border-radius: 50%;
	background: rgba(8, 124, 245, .035);
	pointer-events: none;
}

.ia-service-card:hover {
	transform: translateY(-7px);
	border-color: rgba(8, 124, 245, .35);
	box-shadow: 0 18px 45px rgba(16, 28, 69, .11), 0 5px 20px rgba(8, 124, 245, .06);
}

/* ========================================================= CARD TOP ========================================================= */
.ia-service-card__top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 24px;
}

.ia-service-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	border: 1px solid rgba(8, 124, 245, .12);
	border-radius: 10px;
	background: linear-gradient(145deg, #f4f9ff, #ffffff);
}

.ia-service-icon img {
	display: block;
	width: 43px;
	height: 43px;
	object-fit: contain;
}

.ia-service-number {
	color: #c6cfdb;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .5px;
}

/* ========================================================= CARD CONTENT ========================================================= */
.ia-service-card h3 {
	position: relative;
	z-index: 2;
	margin: 0 0 13px;
	padding: 0;
}

.ia-service-card h3 a {
	color: #087cf5 !important;
	font-size: 21px;
	font-weight: 800;
	line-height: 1.25;
	text-decoration: none !important;
	transition: color .25s ease;
}

.ia-service-card:hover h3 a {
	color: #000f6d !important;
}

.ia-service-card>p {
	position: relative;
	z-index: 2;
	min-height: 73px;
	margin: 0;
	color: #737e8f;
	font-size: 15px;
	line-height: 1.75;
}

/* ========================================================= CARD FOOTER ========================================================= */
.ia-service-card__bottom {
	position: relative;
	z-index: 2;
	margin-top: auto;
	padding-top: 22px;
}

.ia-service-card__bottom a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #000f6d !important;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .4px;
	text-decoration: none !important;
	text-transform: uppercase;
}

.ia-service-card__bottom a span {
	font-size: 17px;
	transition: transform .25s ease;
}

.ia-service-card:hover .ia-service-card__bottom a span {
	transform: translateX(5px);
}

/* ========================================================= DOTS ========================================================= */
.ia-services-carousel .owl-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 30px;
}

.ia-services-carousel .owl-dots .owl-dot {
	margin: 0 !important;
}

.ia-services-carousel .owl-dots .owl-dot span {
	display: block;
	width: 7px !important;
	height: 7px !important;
	margin: 0 !important;
	border-radius: 50% !important;
	background: #d9dee6 !important;
	transition: all .25s ease;
}

.ia-services-carousel .owl-dots .owl-dot.active span {
	width: 26px !important;
	border-radius: 10px !important;
	background: #000f6d !important;
}

/* ========================================================= TABLET ========================================================= */
@media (max-width: 991px) {
	.ia-services-section {
		padding: 75px 0 80px;
	}

	.ia-services-container {
		width: calc(100% - 32px);
	}

	.ia-services-heading {
		margin-bottom: 35px;
	}

	.ia-service-card {
		min-height: 320px;
	}
}

/* ========================================================= MOBILE ========================================================= */
@media (max-width: 767px) {
	.ia-services-section {
		padding: 60px 0 65px;
	}

	.ia-services-container {
		width: calc(100% - 28px);
	}

	.ia-services-heading {
		margin-bottom: 30px;
	}

	.ia-services-heading h2 {
		font-size: 36px;
		letter-spacing: -.8px;
	}

	.ia-services-heading p {
		font-size: 13px;
		line-height: 1.65;
	}

	.ia-service-card {
		min-height: 330px;
		padding: 24px 22px 22px;
	}

	.ia-service-card h3 a {
		font-size: 20px;
	}

	.ia-service-card>p {
		min-height: auto;
		font-size: 13px;
	}

	.ia-services-carousel .owl-nav {
		display: none;
	}

	.ia-services-carousel .owl-dots {
		margin-top: 22px;
	}
}

/* ========================================================= SMALL MOBILE ========================================================= */
@media (max-width: 420px) {
	.ia-services-heading h2 {
		font-size: 32px;
	}

	.ia-service-card {
		min-height: 315px;
	}

	.ia-service-icon {
		width: 58px;
		height: 58px;
	}

	.ia-service-icon img {
		width: 39px;
		height: 39px;
	}
}




/* ========================================================= INNOTIC ADS - ABOUT SECTION All classes isolated with ia-about prefix ========================================================= */
.ia-about-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 100px 0;
	color: #ffffff;
	background: radial-gradient(circle at 15% 30%, rgba(0, 0, 0, .09), transparent 30%), radial-gradient(circle at 90% 70%, rgba(0, 0, 0, .06), transparent 30%), #000000;
	font-family: Arial, Helvetica, sans-serif;
}

.ia-about-container {
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto;
}

/* ========================================================= HEADING ========================================================= */
.ia-about-heading {
	max-width: 820px;
	margin: 0 auto 65px;
	text-align: center;
}

.ia-about-label,
.ia-about-mini-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #087cf5;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.7px;
}

.ia-about-label {
	margin-bottom: 14px;
}

.ia-about-label i {
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #087cf5;
	box-shadow: 0 0 13px rgba(50, 140, 255, .7);
}

.ia-about-heading h2 {
	margin: 0 0 18px;
	color: #ffffff;
	font-size: clamp(38px, 4.3vw, 58px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -1.7px;
}

.ia-about-heading h2 span {
	color: #087cf5;
}

.ia-about-heading>p {
	max-width: 700px;
	margin: 0 auto;
	color: rgba(255, 255, 255, .73);
	font-size: 15px;
	line-height: 1.75;
}

/* ========================================================= MAIN GRID ========================================================= */
.ia-about-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	gap: 65px;
	align-items: center;
}

/* ========================================================= LEFT INTRO ========================================================= */
.ia-about-intro {
	min-width: 0;
}

.ia-about-image {
	position: relative;
	height: 270px;
	margin-bottom: 35px;
	overflow: hidden;
	border-radius: 13px;
	background: #0b111b;
}

.ia-about-image::after {
	position: absolute;
	inset: 0;
	content: "";
	background: linear-gradient(90deg, rgba(5, 10, 18, .05), rgba(5, 10, 18, .45));
	pointer-events: none;
}

.ia-about-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.ia-about-image-badge {
	position: absolute;
	right: 18px;
	bottom: 18px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 13px 17px;
	border: 1px solid rgba(50, 140, 255, .3);
	border-radius: 9px;
	background: rgba(4, 12, 23, .82);
	backdrop-filter: blur(10px);
}

.ia-about-image-badge strong {
	color: #087cf5;
	font-size: 25px;
	font-weight: 800;
}

.ia-about-image-badge span {
	color: rgba(255, 255, 255, .65);
	font-size: 9px;
	font-weight: 600;
	line-height: 1.4;
}

/* Content */
.ia-about-content {
	max-width: 620px;
}

.ia-about-mini-label {
	margin-bottom: 12px;
}

.ia-about-content h3 {
	margin: 0 0 17px;
	color: #ffffff;
	font-size: 35px;
	font-weight: 800;
	line-height: 1.15;
	letter-spacing: -.8px;
}

.ia-about-content h3 strong {
	color: #087cf5;
}

.ia-about-content p {
	margin: 0 0 13px;
	color: rgba(255, 255, 255, .43);
	font-size: 15px;
	line-height: 1.75;
}

.ia-about-content .ia-about-lead {
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
}

.ia-about-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	padding: 13px 18px;
	border-radius: 6px;
	color: #ffffff !important;
	background: #000f6d;
	box-shadow: 0 10px 25px rgba(8, 124, 245, .2);
	font-size: 11px;
	font-weight: 800;
	text-decoration: none !important;
	transition: all .25s ease;
}

.ia-about-button:hover {
	color: #ffffff !important;
	background: #168fff;
	transform: translateY(-2px);
}

.ia-about-button span {
	font-size: 17px;
}

/* ========================================================= WHY CHOOSE US ========================================================= */
.ia-about-why {
	min-width: 0;
}

.ia-about-why-heading {
	margin-bottom: 24px;
}

.ia-about-why-heading h3 {
	margin: 8px 0 0;
	color: #ffffff;
	font-size: 31px;
	font-weight: 800;
	line-height: 1.18;
}

.ia-about-why-heading h3 strong {
	color: #087cf5;
}

/* Feature */
.ia-about-feature {
	position: relative;
	display: grid;
	grid-template-columns: 30px 48px 1fr;
	gap: 14px;
	align-items: center;
	min-height: 90px;
	padding: 16px 0;
	border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.ia-about-feature:first-of-type {
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.ia-about-feature-number {
	color: rgba(255, 255, 255, .7);
	font-size: 10px;
	font-weight: 800;
}

.ia-about-feature-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(50, 140, 255, .2);
	border-radius: 9px;
	color: #087cf5;
	background: rgba(50, 140, 255, .07);
	font-size: 25px;
}

.ia-about-feature-content h4 {
	margin: 0 0 5px;
	color: #ffffff;
	font-size: 13px;
	font-weight: 800;
}

.ia-about-feature-content p {
	margin: 0;
	color: rgba(255, 255, 255, .58);
	font-size: 13px;
	line-height: 1.55;
}

/* ========================================================= STATS ========================================================= */
.ia-about-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 75px;
	border-top: 1px solid rgba(255, 255, 255, .09);
	border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.ia-about-stat {
	position: relative;
	padding: 25px 20px;
	text-align: center;
}

.ia-about-stat+.ia-about-stat {
	border-left: 1px solid rgba(255, 255, 255, .09);
}

.ia-about-stat strong {
	display: block;
	margin-bottom: 5px;
	color: #087cf5;
	font-size: 30px;
	font-weight: 800;
}

.ia-about-stat span {
	color: rgba(255, 255, 255, .42);
	font-size: 10px;
	font-weight: 600;
}

/* ========================================================= TABLET ========================================================= */
@media (max-width: 991px) {
	.ia-about-section {
		padding: 75px 0;
	}

	.ia-about-container {
		width: calc(100% - 32px);
	}

	.ia-about-grid {
		grid-template-columns: 1fr;
		gap: 55px;
	}

	.ia-about-content {
		max-width: 100%;
	}
}

/* ========================================================= MOBILE ========================================================= */
@media (max-width: 767px) {
	.ia-about-section {
		padding: 60px 0;
	}

	.ia-about-container {
		width: calc(100% - 28px);
	}

	.ia-about-heading {
		margin-bottom: 45px;
	}

	.ia-about-heading h2 {
		font-size: 35px;
		letter-spacing: -.8px;
	}

	.ia-about-heading>p {
		font-size: 13px;
		line-height: 1.65;
	}

	.ia-about-image {
		height: 230px;
		margin-bottom: 28px;
	}

	.ia-about-content h3 {
		font-size: 29px;
	}

	.ia-about-content p {
		font-size: 12px;
	}

	.ia-about-content .ia-about-lead {
		font-size: 14px;
	}

	.ia-about-why-heading h3 {
		font-size: 27px;
	}

	.ia-about-feature {
		grid-template-columns: 25px 44px 1fr;
		gap: 10px;
	}

	.ia-about-stats {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 50px;
	}

	.ia-about-stat:nth-child(3) {
		border-left: 0;
		border-top: 1px solid rgba(255, 255, 255, .09);
	}

	.ia-about-stat:nth-child(4) {
		border-top: 1px solid rgba(255, 255, 255, .09);
	}
}

/* ========================================================= SMALL MOBILE ========================================================= */
@media (max-width: 420px) {
	.ia-about-heading h2 {
		font-size: 31px;
	}

	.ia-about-image {
		height: 200px;
	}

	.ia-about-image-badge {
		right: 10px;
		bottom: 10px;
		padding: 10px 12px;
	}

	.ia-about-image-badge strong {
		font-size: 21px;
	}

	.ia-about-content h3 {
		font-size: 26px;
	}

	.ia-about-stat strong {
		font-size: 25px;
	}
}



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

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #0b63f6;
}

::-webkit-scrollbar-thumb:hover {
	background: #001170;
}




/* =========================================================
   INNOTIC ADS - RESULTS / CASE STUDIES
   Light premium section
   Completely isolated ia-results-* classes
   ========================================================= */

.ia-results-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 100px 0;
	color: #101c45;
	background: #f6f9fc;
	font-family: Arial, Helvetica, sans-serif;
}


.ia-results-container {
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-results-heading {
	max-width: 780px;
	margin: 0 auto 55px;
	text-align: center;
}


.ia-results-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 13px;
	color: #000f6d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-results-label i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #000f6d;
	box-shadow: 0 0 12px rgba(8, 124, 245, .45);
}


.ia-results-heading h2 {
	margin: 0 0 17px;
	color: #101c45;
	font-size: clamp(40px, 4.2vw, 56px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -1.7px;
}


.ia-results-heading h2 span {
	color: #000f6d;
}


.ia-results-heading p {
	max-width: 690px;
	margin: 0 auto;
	color: #687386;
	font-size: 15px;
	line-height: 1.75;
}


/* =========================================================
   RESULT CARDS
   ========================================================= */

.ia-results-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}


.ia-result-card {
	position: relative;
	min-height: 360px;
	padding: 28px;
	overflow: hidden;
	border: 1px solid #e3e9f0;
	border-radius: 12px;
	background: #ffffff;
	box-shadow: 0 10px 35px rgba(16, 28, 69, .055);
	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}


.ia-result-card::before {
	position: absolute;
	top: -55px;
	right: -55px;
	width: 150px;
	height: 150px;
	content: "";
	border-radius: 50%;
	background: rgba(8, 124, 245, .045);
}


.ia-result-card:hover {
	transform: translateY(-7px);
	border-color: rgba(8, 124, 245, .28);
	box-shadow: 0 20px 45px rgba(16, 28, 69, .1);
}


.ia-result-card--featured {
	border-color: rgba(8, 124, 245, .22);
	box-shadow:
		0 15px 40px rgba(8, 124, 245, .08);
}


/* =========================================================
   CARD TOP
   ========================================================= */

.ia-result-card__top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 28px;
}


.ia-result-card__tag {
	padding: 6px 9px;
	border-radius: 4px;
	color: #000f6d;
	background: #edf6ff;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .7px;
}


.ia-result-card__number {
	color: #c5ceda;
	font-size: 11px;
	font-weight: 800;
}


/* =========================================================
   ICON
   ========================================================= */

.ia-result-card__icon {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 55px;
	height: 55px;
	margin-bottom: 22px;
	border: 1px solid rgba(8, 124, 245, .14);
	border-radius: 10px;
	color: #000f6d;
	background: #f1f7ff;
	font-size: 21px;
	font-weight: 800;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.ia-result-card h3 {
	position: relative;
	z-index: 2;
	max-width: 345px;
	margin: 0 0 14px;
	color: #101c45;
	font-size: 24px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.5px;
}


.ia-result-card h3 strong {
	color: #000f6d;
}


.ia-result-card>p {
	position: relative;
	z-index: 2;
	margin: 0;
	color: #2a2a2a;
	font-size: 12px;
	line-height: 1.75;
}


/* =========================================================
   METRIC
   ========================================================= */

.ia-result-metric {
	position: absolute;
	right: 28px;
	bottom: 27px;
	left: 28px;
	z-index: 2;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 15px;
	padding-top: 18px;
	border-top: 1px solid #edf0f4;
}


.ia-result-metric strong {
	color: #000f6d;
	font-size: 24px;
	font-weight: 800;
}


.ia-result-metric span {
	max-width: 145px;
	color: #2e2e2e;
	font-size: 10px;
	line-height: 1.45;
	text-align: right;
}


/* =========================================================
   STATS BAR
   ========================================================= */

.ia-results-stats {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin-top: 55px;
	border: 1px solid #e3e9f0;
	border-radius: 11px;
	background: #ffffff;
	box-shadow: 0 8px 30px rgba(16, 28, 69, .045);
}


.ia-results-stat {
	display: flex;
	align-items: center;
	gap: 14px;
	min-height: 95px;
	padding: 18px 24px;
}


.ia-results-stat+.ia-results-stat {
	border-left: 1px solid #e8edf2;
}


.ia-results-stat__icon {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 9px;
	color: #000f6d;
	background: #edf6ff;
	font-size: 17px;
	font-weight: 800;
}


.ia-results-stat strong {
	display: block;
	margin-bottom: 3px;
	color: #101c45;
	font-size: 23px;
	font-weight: 800;
}


.ia-results-stat span {
	display: block;
	color: #8a94a3;
	font-size: 9px;
	font-weight: 600;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-results-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-top: 35px;
	padding: 28px 32px;
	border-radius: 12px;
	background: #101c45;
	box-shadow: 0 15px 35px rgba(16, 28, 69, .12);
}


.ia-results-cta>div span {
	display: block;
	margin-bottom: 6px;
	color: #087cf5;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.5px;
}


.ia-results-cta h3 {
	margin: 0;
	color: #ffffff;
	font-size: 24px;
	font-weight: 800;
}


.ia-results-cta h3 strong {
	color: #087cf5;
}


.ia-results-cta>a {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
	padding: 13px 19px;
	border-radius: 6px;
	color: #ffffff !important;
	background: #000f6d;
	font-size: 11px;
	font-weight: 800;
	text-decoration: none !important;
	transition: all .25s ease;
}


.ia-results-cta>a:hover {
	background: #168fff;
	transform: translateY(-2px);
}


.ia-results-cta>a span {
	font-size: 17px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-results-section {
		padding: 75px 0;
	}

	.ia-results-container {
		width: calc(100% - 32px);
	}

	.ia-results-grid {
		grid-template-columns: 1fr;
		gap: 18px;
	}

	.ia-result-card {
		min-height: 320px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-results-section {
		padding: 60px 0;
	}

	.ia-results-container {
		width: calc(100% - 28px);
	}

	.ia-results-heading {
		margin-bottom: 35px;
	}

	.ia-results-heading h2 {
		font-size: 36px;
		letter-spacing: -.8px;
	}

	.ia-results-heading p {
		font-size: 13px;
	}

	.ia-result-card {
		min-height: 335px;
		padding: 24px;
	}

	.ia-result-card h3 {
		font-size: 22px;
	}

	.ia-results-stats {
		grid-template-columns: repeat(2, 1fr);
	}

	.ia-results-stat {
		min-height: 85px;
		padding: 15px;
	}

	.ia-results-stat:nth-child(3) {
		border-top: 1px solid #e8edf2;
		border-left: 0;
	}

	.ia-results-stat:nth-child(4) {
		border-top: 1px solid #e8edf2;
	}

	.ia-results-cta {
		align-items: flex-start;
		flex-direction: column;
		padding: 24px;
	}

	.ia-results-cta h3 {
		font-size: 21px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-results-heading h2 {
		font-size: 32px;
	}

	.ia-result-card {
		min-height: 325px;
	}

	.ia-results-stat strong {
		font-size: 20px;
	}

	.ia-results-stat span {
		font-size: 8px;
	}

}




/* =========================================================
   INNOTIC ADS - FAQ
   Completely isolated classes
   ========================================================= */

.ia-faq-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 100px 0;
	color: #101c45;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}


.ia-faq-container {
	width: min(1150px, calc(100% - 40px));
	margin: 0 auto;

	display: grid;
	grid-template-columns: minmax(300px, .78fr) minmax(0, 1.22fr);
	gap: 80px;
	align-items: start;
}


/* =========================================================
   LEFT CONTENT
   ========================================================= */

.ia-faq-intro {
	position: sticky;
	top: 100px;
}


.ia-faq-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 15px;

	color: #000f6d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-faq-label i {
	display: block;
	width: 7px;
	height: 7px;

	border-radius: 50%;
	background: #000f6d;

	box-shadow: 0 0 12px rgba(8, 124, 245, .4);
}


.ia-faq-intro h2 {
	margin: 0 0 18px;

	color: #101c45;

	font-size: clamp(38px, 4vw, 52px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -1.5px;
}


.ia-faq-intro h2 span {
	display: block;
	color: #000f6d;
}


.ia-faq-intro>p {
	max-width: 430px;
	margin: 0 0 28px;

	color: #707b8c;

	font-size: 13px;
	line-height: 1.75;
}


/* =========================================================
   NOTE BOX
   ========================================================= */

.ia-faq-note {
	display: flex;
	align-items: flex-start;
	gap: 13px;

	max-width: 430px;

	margin-bottom: 25px;
	padding: 16px;

	border: 1px solid #e4ebf3;
	border-radius: 9px;

	background: #f7faff;
}


.ia-faq-note-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 auto;

	width: 36px;
	height: 36px;

	border-radius: 8px;

	color: #000f6d;
	background: #e8f4ff;

	font-size: 16px;
	font-weight: 800;
}


.ia-faq-note strong {
	display: block;
	margin-bottom: 4px;

	color: #101c45;

	font-size: 11px;
	font-weight: 800;
}


.ia-faq-note span {
	display: block;

	color: #7d8795;

	font-size: 12px;
	line-height: 1.55;
}


/* =========================================================
   BUTTON
   ========================================================= */

.ia-faq-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 13px 18px;

	border-radius: 6px;

	color: #ffffff !important;
	background: #000f6d;

	box-shadow: 0 9px 24px rgba(8, 124, 245, .17);

	font-size: 11px;
	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-faq-button:hover {
	color: #ffffff !important;
	background: #168fff;

	transform: translateY(-2px);
}


.ia-faq-button span {
	font-size: 17px;
}


/* =========================================================
   FAQ LIST
   ========================================================= */

.ia-faq-list {
	width: 100%;
}


.ia-faq-item {
	border-bottom: 1px solid #e4e9ef;
}


.ia-faq-item:first-child {
	border-top: 1px solid #e4e9ef;
}


/* =========================================================
   QUESTION
   ========================================================= */

.ia-faq-question {
	display: grid;

	grid-template-columns: 35px 1fr 35px;
	gap: 15px;

	align-items: center;

	width: 100%;
	min-height: 78px;

	padding: 16px 0;

	border: 0;
	outline: 0;

	color: #101c45;
	background: transparent;

	cursor: pointer;

	text-align: left;
	font-family: inherit;
}


.ia-faq-number {
	color: #b5bfcc;

	font-size: 10px;
	font-weight: 800;

	transition: color .25s ease;
}


.ia-faq-question-text {
	color: #182342;

	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;

	transition: color .25s ease;
}


.ia-faq-toggle {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 30px;
	height: 30px;

	border: 1px solid #dfe6ee;
	border-radius: 50%;

	color: #000f6d;
	background: #ffffff;

	font-size: 18px;
	font-weight: 400;

	transition: all .3s ease;
}


/* Hover */

.ia-faq-question:hover .ia-faq-question-text,
.ia-faq-item.active .ia-faq-question-text {
	color: #000f6d;
}


.ia-faq-question:hover .ia-faq-number,
.ia-faq-item.active .ia-faq-number {
	color: #000f6d;
}


/* Active toggle */

.ia-faq-item.active .ia-faq-toggle {
	color: #ffffff;
	border-color: #000f6d;
	background: #000f6d;

	transform: rotate(45deg);
}


/* =========================================================
   ANSWER
   ========================================================= */

.ia-faq-answer {
	display: grid;
	grid-template-rows: 0fr;

	opacity: 0;

	transition:
		grid-template-rows .35s ease,
		opacity .25s ease;
}


.ia-faq-answer p {
	min-height: 0;
	overflow: hidden;

	margin: 0;
	padding: 0 50px 0 50px;

	color: #778294;

	font-size: 13px;
	line-height: 1.75;

	transition: padding .35s ease;
}


.ia-faq-item.active .ia-faq-answer {
	grid-template-rows: 1fr;
	opacity: 1;
}


.ia-faq-item.active .ia-faq-answer p {
	padding-bottom: 23px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-faq-section {
		padding: 75px 0;
	}

	.ia-faq-container {
		width: calc(100% - 32px);

		grid-template-columns: 1fr;

		gap: 45px;
	}

	.ia-faq-intro {
		position: static;
	}

	.ia-faq-intro>p,
	.ia-faq-note {
		max-width: 650px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-faq-section {
		padding: 60px 0;
	}

	.ia-faq-container {
		width: calc(100% - 28px);
		gap: 35px;
	}

	.ia-faq-intro h2 {
		font-size: 35px;
	}

	.ia-faq-intro>p {
		font-size: 12px;
	}

	.ia-faq-question {
		grid-template-columns: 27px 1fr 32px;
		gap: 9px;

		min-height: 72px;
	}

	.ia-faq-question-text {
		font-size: 12px;
	}

	.ia-faq-answer p {
		padding-left: 36px;
		padding-right: 40px;

		font-size: 13px;
	}

	.ia-faq-item.active .ia-faq-answer p {
		padding-bottom: 20px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-faq-intro h2 {
		font-size: 31px;
	}

	.ia-faq-question {
		grid-template-columns: 24px 1fr 29px;
		gap: 7px;
	}

	.ia-faq-question-text {
		font-size: 11px;
	}

	.ia-faq-toggle {
		width: 27px;
		height: 27px;
		font-size: 16px;
	}

	.ia-faq-answer p {
		padding-left: 31px;
		padding-right: 30px;
	}

}




/* =========================================================
   INNOTIC ADS - ADVANTAGE SECTION
   Completely isolated classes
   ========================================================= */

.ia-advantage-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 55px 0 74px;
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
}


.ia-advantage-container {
	width: min(1200px, calc(100% - 40px));
	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-advantage-heading {
	max-width: 760px;
	margin: 0 auto 55px;
	text-align: center;
}


.ia-advantage-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 13px;

	color: #000f6d;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-advantage-label i {
	display: block;
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #000f6d;
	box-shadow: 0 0 12px rgba(8, 124, 245, .4);
}


.ia-advantage-heading h2 {
	margin: 0 0 17px;

	color: #101c45;

	font-size: clamp(40px, 4vw, 55px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -1.6px;
}


.ia-advantage-heading h2 span {
	color: #000f6d;
}


.ia-advantage-heading p {
	max-width: 700px;
	margin: 0 auto;

	color: #6f7a8c;

	font-size: 14px;
	line-height: 1.75;
}


/* =========================================================
   GRID
   ========================================================= */

.ia-advantage-grid {
	display: grid;

	grid-template-columns: repeat(3, 1fr);

	gap: 18px;
}


/* =========================================================
   CARD
   ========================================================= */

.ia-advantage-card {
	position: relative;

	min-height: 285px;

	padding: 27px 25px 24px;

	overflow: hidden;

	border: 1px solid #e4eaf1;
	border-radius: 11px;

	background: #ffffff;

	box-shadow: 0 7px 28px rgba(16, 28, 69, .045);

	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}


/* Decorative blue circle */

.ia-advantage-card::before {
	position: absolute;

	top: -65px;
	right: -65px;

	width: 150px;
	height: 150px;

	content: "";

	border-radius: 50%;

	background: rgba(8, 124, 245, .045);

	transition: transform .35s ease;
}


.ia-advantage-card:hover {
	transform: translateY(-7px);

	border-color: rgba(8, 124, 245, .28);

	box-shadow:
		0 18px 40px rgba(16, 28, 69, .09),
		0 5px 18px rgba(8, 124, 245, .05);
}


.ia-advantage-card:hover::before {
	transform: scale(1.25);
}


/* =========================================================
   CARD TOP
   ========================================================= */

.ia-advantage-card__top {
	position: relative;
	z-index: 2;

	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	margin-bottom: 25px;
}


.ia-advantage-icon {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 55px;
	height: 55px;

	border: 1px solid rgba(8, 124, 245, .13);
	border-radius: 10px;

	color: #000f6d;

	background: #f1f7ff;

	font-size: 45px;
	font-weight: 800;

	transition: all .25s ease;
}


.ia-advantage-card:hover .ia-advantage-icon {
	color: #ffffff;
	background: #000f6d;

	transform: translateY(-2px);
}


.ia-advantage-number {
	color: #c4ccd7;

	font-size: 11px;
	font-weight: 800;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ia-advantage-card h3 {
	position: relative;
	z-index: 2;

	margin: 0 0 11px;

	color: #101c45;

	font-size: 20px;
	font-weight: 800;
	line-height: 1.25;
}


.ia-advantage-card p {
	position: relative;
	z-index: 2;

	margin: 0;

	color: #898989;

	font-size: 14px;
	line-height: 1.7;
}


/* =========================================================
   LINK
   ========================================================= */

.ia-advantage-card a {
	position: absolute;

	left: 25px;
	bottom: 22px;

	z-index: 3;

	display: inline-flex;
	align-items: center;
	gap: 8px;

	color: #000f6d !important;

	font-size: 10px;
	font-weight: 800;
	letter-spacing: .5px;

	text-decoration: none !important;
	text-transform: uppercase;
}


.ia-advantage-card a span {
	font-size: 16px;

	transition: transform .25s ease;
}


.ia-advantage-card:hover a span {
	transform: translateX(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-advantage-section {
		padding: 75px 0 80px;
	}

	.ia-advantage-container {
		width: calc(100% - 32px);
	}

	.ia-advantage-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-advantage-section {
		padding: 60px 0 65px;
	}

	.ia-advantage-container {
		width: calc(100% - 28px);
	}

	.ia-advantage-heading {
		margin-bottom: 35px;
	}

	.ia-advantage-heading h2 {
		font-size: 36px;
		letter-spacing: -.8px;
	}

	.ia-advantage-heading p {
		font-size: 12px;
	}

	.ia-advantage-grid {
		grid-template-columns: 1fr;
		gap: 15px;
	}

	.ia-advantage-card {
		min-height: 270px;
		padding: 23px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-advantage-heading h2 {
		font-size: 32px;
	}

	.ia-advantage-card {
		min-height: 265px;
	}

}






/* =========================================================
   INNOTIC ADS - STATS SECTION
   Completely isolated classes
   ========================================================= */

.ia-stats-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 78px 0 85px;

	background: #f5f8fc;

	font-family: Arial, Helvetica, sans-serif;
}


/* Soft decorative background */

.ia-stats-section::before {
	position: absolute;
	top: -180px;
	left: -180px;

	width: 400px;
	height: 400px;

	content: "";

	border-radius: 50%;

	background: rgba(8, 124, 245, .045);

	pointer-events: none;
}


.ia-stats-section::after {
	position: absolute;
	right: -160px;
	bottom: -200px;

	width: 420px;
	height: 420px;

	content: "";

	border-radius: 50%;

	background: rgba(8, 124, 245, .035);

	pointer-events: none;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ia-stats-container {
	position: relative;
	z-index: 2;

	width: min(1200px, calc(100% - 40px));

	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-stats-heading {
	margin-bottom: 48px;

	text-align: center;
}


.ia-stats-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin-bottom: 11px;

	color: #000f6d;

	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-stats-label i {
	display: block;

	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #000f6d;

	box-shadow: 0 0 12px rgba(8, 124, 245, .4);
}


.ia-stats-heading h2 {
	margin: 0;

	color: #101c45;

	font-size: clamp(34px, 3.8vw, 48px);
	font-weight: 800;
	line-height: 1.1;

	letter-spacing: -1.3px;
}


.ia-stats-heading h2 span {
	color: #087cf5;
}


/* =========================================================
   STATS GRID
   ========================================================= */

.ia-stats-grid {
	display: grid;

	grid-template-columns: repeat(3, 1fr);

	border: 1px solid #e2e8f0;
	border-radius: 14px;

	background: #ffffff;

	box-shadow: 0 12px 40px rgba(16, 28, 69, .055);
}


/* =========================================================
   STAT ITEM
   ========================================================= */

.ia-stat-item {
	position: relative;

	min-height: 235px;

	padding: 38px 40px;

	text-align: center;
}


.ia-stat-item+.ia-stat-item {
	border-left: 1px solid #e5eaf0;
}


/* =========================================================
   LARGE NUMBER
   ========================================================= */

.ia-stat-number {
	display: flex;
	align-items: baseline;
	justify-content: center;

	margin-bottom: 8px;

	color: #101c45;

	line-height: 1;
}


.ia-stat-number strong {
	color: #087cf5;

	font-size: clamp(50px, 5vw, 68px);
	font-weight: 900;

	letter-spacing: -3px;
}


.ia-stat-number span {
	margin-left: 3px;

	color: #087cf5;

	font-size: 28px;
	font-weight: 800;
}


/* =========================================================
   TITLE
   ========================================================= */

.ia-stat-title {
	margin-bottom: 11px;

	color: #101c45;

	font-size: 17px;
	font-weight: 800;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.ia-stat-description {
	max-width: 240px;

	margin: 0 auto;

	color: #3e3e3e;
	font-size: 12px;
	line-height: 1.65;
}


/* =========================================================
   BLUE BOTTOM LINE
   ========================================================= */

.ia-stat-item::after {
	position: absolute;

	bottom: 0;
	left: 50%;

	width: 0;
	height: 3px;

	content: "";

	border-radius: 5px;

	background: #000f6d;

	transform: translateX(-50%);

	transition: width .3s ease;
}


.ia-stat-item:hover::after {
	width: 55px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-stats-section {
		padding: 70px 0 75px;
	}

	.ia-stats-container {
		width: calc(100% - 32px);
	}

	.ia-stat-item {
		padding: 32px 22px;
	}

	.ia-stat-number strong {
		font-size: 52px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-stats-section {
		padding: 60px 0 65px;
	}

	.ia-stats-container {
		width: calc(100% - 28px);
	}

	.ia-stats-heading {
		margin-bottom: 32px;
	}

	.ia-stats-heading h2 {
		font-size: 34px;
	}

	.ia-stats-grid {
		grid-template-columns: 1fr;

		border-radius: 11px;
	}

	.ia-stat-item {
		min-height: 190px;

		padding: 30px 20px;
	}

	.ia-stat-item+.ia-stat-item {
		border-top: 1px solid #e5eaf0;
		border-left: 0;
	}

	.ia-stat-number strong {
		font-size: 55px;
	}

	.ia-stat-title {
		font-size: 16px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-stats-heading h2 {
		font-size: 30px;
	}

	.ia-stat-item {
		min-height: 175px;
		padding: 27px 18px;
	}

	.ia-stat-number strong {
		font-size: 48px;
	}

	.ia-stat-number span {
		font-size: 23px;
	}

}



/* =========================================================
   INNOTIC ADS - PROCESS SECTION
   Completely isolated classes
   ========================================================= */

.ia-process-section {
	position: relative;
	width: 100%;
	overflow: hidden;

	padding: 39px 0 105px;

	background: #ffffff;

	font-family: Arial, Helvetica, sans-serif;
}


.ia-process-container {
	width: min(1240px, calc(100% - 40px));
	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-process-heading {
	max-width: 750px;

	margin: 0 auto 60px;

	text-align: center;
}


.ia-process-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin-bottom: 13px;

	color: #000f6d;

	font-size: 10px;
	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-process-label i {
	display: block;

	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #000f6d;

	box-shadow: 0 0 12px rgba(8, 124, 245, .45);
}


.ia-process-heading h2 {
	margin: 0 0 16px;

	color: #087cf5;

	font-size: clamp(38px, 4vw, 52px);

	font-weight: 800;

	line-height: 1.08;

	letter-spacing: -1.5px;
}


.ia-process-heading h2 span {
	color: #000f6d;
}


.ia-process-heading p {
	max-width: 680px;

	margin: 0 auto;

	color: #707b8b;

	font-size: 14px;

	line-height: 1.75;
}


/* =========================================================
   PROCESS WRAPPER
   ========================================================= */

.ia-process-wrapper {
	position: relative;

	width: 100%;

	padding: 0 5px;
}


/* =========================================================
   DOTTED CONNECTING LINE
   ========================================================= */

.ia-process-line {
	position: absolute;

	top: 145px;
	left: 8%;

	width: 84%;

	height: 2px;

	z-index: 1;
}


.ia-process-line::before {
	position: absolute;

	top: 0;
	left: 0;

	width: 100%;
	height: 2px;

	content: "";

	background:
		repeating-linear-gradient(90deg,
			#cbd5e1 0,
			#cbd5e1 5px,
			transparent 5px,
			transparent 12px);
}


/* =========================================================
   ITEMS
   ========================================================= */

.ia-process-items {
	position: relative;

	z-index: 2;

	display: grid;

	grid-template-columns:
		repeat(5, minmax(0, 1fr));

	gap: 18px;

	align-items: start;
}


.ia-process-item {
	position: relative;

	display: flex;

	flex-direction: column;

	align-items: center;

	min-width: 0;

	text-align: center;
}


/* =========================================================
   UP / DOWN POSITION
   ========================================================= */

.ia-process-item--up {
	transform: translateY(0);
}


.ia-process-item--down {
	transform: translateY(65px);
}


/* =========================================================
   CIRCLE
   ========================================================= */

.ia-process-circle {
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	width: 150px;
	height: 150px;

	margin: 0 auto 25px;

	border-radius: 50%;

	background: #000f6d;

	box-shadow:
		0 12px 30px rgba(8, 124, 245, .15);

	transition:
		transform .3s ease,
		box-shadow .3s ease;
}


/* Different shades */

.ia-process-item:nth-child(1) .ia-process-circle {
	background: #20c879;
}


.ia-process-item:nth-child(2) .ia-process-circle {
	background: #0c9bd0;
}


.ia-process-item:nth-child(3) .ia-process-circle {
	background: #4387ed;
}


.ia-process-item:nth-child(4) .ia-process-circle {
	background: #f5a925;
}


.ia-process-item:nth-child(5) .ia-process-circle {
	background: #000f6d;
}


.ia-process-item:hover .ia-process-circle {
	transform: scale(1.06);

	box-shadow:
		0 18px 40px rgba(8, 124, 245, .22);
}


/* =========================================================
   ICON
   ========================================================= */

.ia-process-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 70px;
	height: 70px;

	border: 2px solid rgba(255, 255, 255, .9);

	border-radius: 16px;

	color: #ffffff;

	background: rgba(255, 255, 255, .08);

	font-size: 40px;

	font-weight: 300;
}


.ia-process-icon span {
	line-height: 1;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ia-process-content {
	max-width: 190px;
}


.ia-process-number {
	display: inline-block;

	margin-bottom: 4px;

	color: #000f6d;

	font-size: 10px;

	font-weight: 800;

	letter-spacing: .8px;
}


.ia-process-content h3 {
	margin: 0 0 9px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;

	line-height: 1.25;
}


.ia-process-content p {
	margin: 0;
	color: #343434;
	font-size: 12px;
	line-height: 1.6;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-process-section {
		padding: 75px 0 85px;
	}

	.ia-process-container {
		width: calc(100% - 32px);
	}

	.ia-process-circle {
		width: 125px;
		height: 125px;
	}

	.ia-process-icon {
		width: 60px;
		height: 60px;

		font-size: 32px;
	}

	.ia-process-item--down {
		transform: translateY(50px);
	}

	.ia-process-line {
		top: 122px;
	}

	.ia-process-content {
		max-width: 155px;
	}

	.ia-process-content h3 {
		font-size: 16px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-process-section {
		padding: 60px 0 65px;
	}

	.ia-process-container {
		width: calc(100% - 28px);
	}

	.ia-process-heading {
		margin-bottom: 45px;
	}

	.ia-process-heading h2 {
		font-size: 35px;
	}

	.ia-process-heading p {
		font-size: 12px;
	}


	/* Vertical timeline */

	.ia-process-wrapper {
		padding-left: 10px;
	}


	.ia-process-items {
		display: flex;

		flex-direction: column;

		gap: 0;

		align-items: stretch;
	}


	/* Vertical line */

	.ia-process-line {
		top: 0;
		left: 52px;

		width: 2px;
		height: 100%;
	}


	.ia-process-line::before {
		width: 2px;
		height: 100%;

		background:
			repeating-linear-gradient(180deg,
				#cbd5e1 0,
				#cbd5e1 5px,
				transparent 5px,
				transparent 12px);
	}


	.ia-process-item,
	.ia-process-item--up,
	.ia-process-item--down {
		display: grid;

		grid-template-columns: 105px 1fr;

		gap: 22px;

		align-items: center;

		min-height: 155px;

		text-align: left;

		transform: none;
	}


	.ia-process-circle {
		width: 105px;
		height: 105px;

		margin: 0;

		z-index: 3;
	}


	.ia-process-icon {
		width: 52px;
		height: 52px;

		border-radius: 12px;

		font-size: 27px;
	}


	.ia-process-content {
		max-width: none;
	}


	.ia-process-number {
		margin-bottom: 3px;
	}


	.ia-process-content h3 {
		font-size: 18px;
	}


	.ia-process-content p {
		max-width: 300px;

		font-size: 11px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-process-heading h2 {
		font-size: 31px;
	}


	.ia-process-item,
	.ia-process-item--up,
	.ia-process-item--down {
		grid-template-columns: 82px 1fr;

		gap: 17px;

		min-height: 135px;
	}


	.ia-process-circle {
		width: 82px;
		height: 82px;
	}


	.ia-process-icon {
		width: 43px;
		height: 43px;

		border-radius: 9px;

		font-size: 23px;
	}


	.ia-process-line {
		left: 41px;
	}


	.ia-process-content h3 {
		font-size: 16px;
	}


	.ia-process-content p {
		font-size: 10px;
	}

}




/* =========================================================
   INNOTIC ADS - TESTIMONIAL SECTION
   Completely isolated classes
   ========================================================= */

.ia-testimonial-section {
	position: relative;
	width: 100%;
	overflow: hidden;

	padding: 85px 0 75px;

	color: #ffffff;

	background: #000000;

	font-family: Arial, Helvetica, sans-serif;
}


.ia-testimonial-container {
	width: min(1100px, calc(100% - 40px));
	margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-testimonial-heading {
	max-width: 700px;

	margin: 0 auto 48px;

	text-align: center;
}


.ia-testimonial-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin-bottom: 12px;

	color: #087cf5;

	font-size: 10px;
	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-testimonial-label i {
	display: block;

	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #ffffff;

	box-shadow: 0 0 12px rgba(255, 255, 255, .5);
}


.ia-testimonial-heading h2 {
	margin: 0 0 13px;

	color: #ffffff;

	font-size: clamp(38px, 4vw, 52px);

	font-weight: 800;

	line-height: 1.08;

	letter-spacing: -1.5px;
}


.ia-testimonial-heading h2 span {
	color: #087cf5;
}


.ia-testimonial-heading p {
	max-width: 650px;

	margin: 0 auto;

	color: rgba(255, 255, 255, .72);

	font-size: 13px;

	line-height: 1.7;
}


/* =========================================================
   SLIDER
   ========================================================= */

.ia-testimonial-slider {
	position: relative;

	width: 100%;

	padding: 0 70px;
}


.ia-testimonial-track {
	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 22px;
}


/* =========================================================
   CARD
   ========================================================= */

.ia-testimonial-card {
	position: relative;

	min-height: 255px;

	padding: 25px 26px;

	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, .14);

	border-radius: 10px;

	background: rgba(255, 255, 255, .09);

	box-shadow:
		0 12px 35px rgba(8, 20, 70, .13);

	backdrop-filter: blur(8px);

	transition:
		transform .3s ease,
		background .3s ease;
}


.ia-testimonial-card:hover {
	transform: translateY(-5px);

	background: rgba(255, 255, 255, .13);
}


/* =========================================================
   CLIENT
   ========================================================= */

.ia-testimonial-client {
	display: flex;

	align-items: center;

	gap: 13px;

	margin-bottom: 20px;
}


.ia-testimonial-avatar {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 52px;
	height: 52px;

	flex: 0 0 auto;

	border: 2px solid rgba(255, 255, 255, .75);

	border-radius: 50%;

	color: #2f55a9;

	background: #ffffff;

	font-size: 18px;

	font-weight: 800;
}


.ia-testimonial-client-info h3 {
	margin: 0 0 4px;

	color: #ffffff;

	font-size: 14px;

	font-weight: 800;
}


.ia-testimonial-client-info span {
	color: rgba(255, 255, 255, .9);

	font-size: 12px;
}


/* =========================================================
   QUOTE
   ========================================================= */

.ia-testimonial-quote {
	position: absolute;

	top: 18px;
	right: 25px;

	color: rgb(0 16 110);

	font-family: Georgia, serif;

	font-size: 80px;

	line-height: 1;
}


/* =========================================================
   TEXT
   ========================================================= */

.ia-testimonial-text {
	position: relative;

	z-index: 2;

	margin: 0 0 22px;

	color: rgba(255, 255, 255, .82);

	font-size: 12px;

	line-height: 1.75;
}


/* =========================================================
   FOOTER
   ========================================================= */

.ia-testimonial-footer {
	display: flex;

	align-items: center;
	justify-content: space-between;

	padding-top: 15px;

	border-top: 1px solid rgba(255, 255, 255, .1);
}


.ia-testimonial-stars {
	color: #ffd15c;

	font-size: 13px;

	letter-spacing: 2px;
}


.ia-testimonial-footer>span {
	color: #087cf5;

	font-size: 11px;

	font-weight: 600;
}


/* =========================================================
   ARROWS
   ========================================================= */

.ia-testimonial-arrow {
	position: absolute;

	top: 50%;

	display: flex;

	align-items: center;
	justify-content: center;

	width: 36px;
	height: 36px;

	padding: 0;

	border: 0;

	border-radius: 50%;

	color: #3654a8;

	background: #ffffff;

	box-shadow: 0 5px 18px rgba(0, 0, 0, .15);

	cursor: pointer;

	font-size: 25px;

	line-height: 1;

	transform: translateY(-50%);

	transition: all .25s ease;
}


.ia-testimonial-arrow:hover {
	color: #ffffff;

	background: #000f6d;

	transform:
		translateY(-50%) scale(1.08);
}


.ia-testimonial-prev {
	left: 12px;
}


.ia-testimonial-next {
	right: 12px;
}


/* =========================================================
   DOTS
   ========================================================= */

.ia-testimonial-dots {
	display: flex;

	align-items: center;
	justify-content: center;

	gap: 10px;

	margin-top: 32px;
}


.ia-testimonial-dots button {
	width: 8px;
	height: 8px;

	padding: 0;

	border: 0;

	border-radius: 50%;

	background: rgba(255, 255, 255, .55);

	cursor: pointer;

	transition:
		width .25s ease,
		background .25s ease;
}


.ia-testimonial-dots button.active {
	width: 25px;

	border-radius: 10px;

	background: #ffd15c;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-testimonial-section {
		padding: 75px 0 65px;
	}

	.ia-testimonial-container {
		width: calc(100% - 32px);
	}

	.ia-testimonial-slider {
		padding: 0 45px;
	}

	.ia-testimonial-track {
		gap: 15px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-testimonial-section {
		padding: 60px 0 55px;
	}

	.ia-testimonial-container {
		width: calc(100% - 28px);
	}

	.ia-testimonial-heading {
		margin-bottom: 35px;
	}

	.ia-testimonial-heading h2 {
		font-size: 35px;
	}

	.ia-testimonial-heading p {
		font-size: 12px;
	}

	.ia-testimonial-slider {
		padding: 0 38px;
	}

	.ia-testimonial-track {
		grid-template-columns: 1fr;
	}

	.ia-testimonial-card {
		min-height: 270px;
		padding: 23px;
	}

	.ia-testimonial-track .ia-testimonial-card:not(:first-child) {
		display: none;
	}

	.ia-testimonial-arrow {
		width: 34px;
		height: 34px;
	}

	.ia-testimonial-prev {
		left: 0;
	}

	.ia-testimonial-next {
		right: 0;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-testimonial-heading h2 {
		font-size: 31px;
	}

	.ia-testimonial-slider {
		padding: 0 32px;
	}

	.ia-testimonial-card {
		min-height: 285px;
	}

}




/* =========================================================
   INNOTIC ADS - LEFT SOCIAL MEDIA
   ========================================================= */

.ia-social-widget {
	position: fixed;

	left: 10px;
	bottom: 28px;

	z-index: 99980;

	display: flex;
	flex-direction: column;

	gap: 9px;

	font-family: Arial, Helvetica, sans-serif;
}


/* =========================================================
   SOCIAL BUTTON
   ========================================================= */

.ia-social-btn {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 52px;
	height: 52px;

	padding: 0;

	border: 1px solid #d9dfe6;
	border-radius: 50%;

	background: #ffffff;

	box-shadow:
		0 4px 9px rgba(0, 0, 0, .18);

	text-decoration: none !important;

	transition:
		transform .25s ease,
		box-shadow .25s ease;
}


.ia-social-btn:hover {
	transform: translateX(5px) scale(1.04);

	box-shadow:
		0 7px 17px rgba(0, 0, 0, .24);
}


/* =========================================================
   SPLASH CIRCLE
   ========================================================= */

.ia-social-splash {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 40px;
	height: 40px;

	border-radius: 50%;

	color: #ffffff;

	font-size: 21px;

	line-height: 1;

	clip-path: polygon(50% 2%,
			64% 8%,
			78% 4%,
			86% 17%,
			98% 23%,
			91% 38%,
			98% 51%,
			89% 63%,
			94% 78%,
			78% 82%,
			68% 96%,
			53% 89%,
			38% 98%,
			30% 85%,
			14% 88%,
			17% 71%,
			3% 61%,
			11% 47%,
			4% 34%,
			17% 26%,
			15% 11%,
			32% 13%);

	transition:
		transform .25s ease;
}


.ia-social-btn:hover .ia-social-splash {
	transform: rotate(8deg) scale(1.08);
}


/* =========================================================
   FACEBOOK
   ========================================================= */

.ia-social-facebook .ia-social-splash {
	background: #3b73dc;
}


.ia-social-facebook i {
	font-size: 23px;
}


/* =========================================================
   INSTAGRAM
   ========================================================= */

.ia-social-instagram .ia-social-splash {
	background: linear-gradient(135deg,
			#f9a51a,
			#ef3d83,
			#a72ce0);
}


.ia-social-instagram i {
	font-size: 22px;
}


/* =========================================================
   LINKEDIN
   ========================================================= */

.ia-social-linkedin .ia-social-splash {
	background: #0789aa;
}


.ia-social-linkedin i {
	font-size: 20px;
}


/* =========================================================
   X / TWITTER
   ========================================================= */

.ia-social-x .ia-social-splash {
	background: #050505;
}


.ia-social-x-icon {
	color: #ffffff;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 20px;
	font-weight: 800;

	line-height: 1;
}


/* =========================================================
   TOOLTIP
   ========================================================= */

.ia-social-tooltip {
	position: absolute;

	left: 62px;
	top: 50%;

	padding: 7px 10px;

	border-radius: 5px;

	color: #ffffff;

	background: #101c45;

	white-space: nowrap;

	font-size: 10px;
	font-weight: 700;

	opacity: 0;
	visibility: hidden;

	transform:
		translate(-7px, -50%);

	transition: all .22s ease;
}


.ia-social-tooltip::before {
	position: absolute;

	left: -4px;
	top: 50%;

	width: 8px;
	height: 8px;

	content: "";

	background: #101c45;

	transform:
		translateY(-50%) rotate(45deg);
}


.ia-social-btn:hover .ia-social-tooltip {
	opacity: 1;
	visibility: visible;

	transform:
		translate(0, -50%);
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-social-widget {
		left: 7px;
		bottom: 20px;

		gap: 7px;
	}

	.ia-social-btn {
		width: 45px;
		height: 45px;
	}

	.ia-social-splash {
		width: 35px;
		height: 35px;

		font-size: 18px;
	}

	.ia-social-facebook i {
		font-size: 20px;
	}

	.ia-social-instagram i {
		font-size: 19px;
	}

	.ia-social-linkedin i {
		font-size: 18px;
	}

	.ia-social-x-icon {
		font-size: 17px;
	}

	.ia-social-tooltip {
		display: none;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-social-widget {
		left: 5px;
		bottom: 15px;
	}

	.ia-social-btn {
		width: 41px;
		height: 41px;
	}

	.ia-social-splash {
		width: 32px;
		height: 32px;
	}

}



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

	/* Let's Talk button hide */
	.main-header .nav-outer .outer-box {
		display: none !important;
	}

	/* Mobile logo show */
	.main-header .main-box .logo-box {
		display: block !important;
	}

	.main-header .main-box .logo img {
		display: block;
		max-width: 150px;
		height: auto;
	}

}


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

	/* Hide Let's Talk */
	.main-header .main-box .outer-box {
		display: none !important;
	}

	/* Logo position */
	.main-header .main-box .logo-box {
		display: block !important;
		float: left;
		width: auto;
		margin-top: 5px;
	}

	.main-header .main-box .logo img {
		width: 145px;
		height: auto;
	}

}





/* =========================================================
   INNOTIC ADS - SEO ANALYSIS
   ========================================================= */

.ia-seo-analysis-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f7faff;

	color: #101b43;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* Background */

.ia-seo-analysis-bg {
	position: absolute;

	inset: 0;

	opacity: .55;

	background-image:
		linear-gradient(rgba(13, 110, 210, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(13, 110, 210, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-seo-analysis-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-seo-analysis-heading {
	max-width: 760px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-seo-analysis-tag {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	margin-bottom: 14px;

	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-seo-analysis-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 9px rgba(8, 124, 245, .45);
}


.ia-seo-analysis-heading h2 {
	margin: 0 0 16px;

	color: #101b43;

	font-size: clamp(36px, 5vw, 58px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.8px;
}


.ia-seo-analysis-heading h2 span {
	color: #087cf5;
}


.ia-seo-analysis-heading p {
	max-width: 690px;

	margin: auto;

	color: #69758a;

	font-size: 12px;

	line-height: 1.8;
}


/* =========================================================
   AUDIT BOX
   ========================================================= */

.ia-seo-audit-box {
	display: flex;

	align-items: center;

	justify-content: space-between;

	min-height: 280px;

	margin-bottom: 45px;

	padding: 45px 55px;

	overflow: hidden;

	border: 1px solid #dce8f4;

	border-radius: 12px;

	background:
		linear-gradient(120deg,
			#ffffff,
			#f1f8ff);

	box-shadow:
		0 18px 45px rgba(26, 80, 130, .07);
}


.ia-seo-audit-content {
	max-width: 650px;
}


.ia-seo-small-label {
	display: block;

	margin-bottom: 10px;

	color: #087cf5;

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-seo-audit-content h3 {
	margin: 0 0 12px;

	color: #101b43;

	font-size: 34px;

	font-weight: 800;
}


.ia-seo-audit-content h3 strong {
	color: #087cf5;
}


.ia-seo-audit-content p {
	max-width: 570px;

	margin: 0 0 22px;

	color: #68758a;

	font-size: 14px;

	line-height: 1.8;
}


.ia-seo-audit-btn {
	display: inline-flex;

	align-items: center;

	gap: 30px;

	padding: 13px 17px;

	border-radius: 5px;

	color: #fff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	box-shadow:
		0 9px 22px rgba(8, 124, 245, .18);

	transition: all .25s ease;
}


.ia-seo-audit-btn:hover {
	transform: translateY(-2px);

	background: #056bd8;

	box-shadow:
		0 12px 28px rgba(8, 124, 245, .25);
}


.ia-seo-audit-btn span {
	font-size: 15px;
}


/* Score */

.ia-seo-score {
	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	min-width: 220px;
}


.ia-seo-score-circle {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 155px;
	height: 155px;

	border: 10px solid #087cf5;

	border-right-color: #dceaf8;

	border-radius: 50%;

	transform: rotate(-35deg);
}


.ia-seo-score-circle div {
	text-align: center;

	transform: rotate(35deg);
}


.ia-seo-score-circle strong {
	display: block;

	color: #101b43;

	font-size: 22px;
}


.ia-seo-score-circle span {
	display: block;

	margin-top: 3px;

	color: #087cf5;

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-seo-score small {
	margin-top: 10px;

	color: #8a96a8;

	font-size: 7px;

	letter-spacing: 1.2px;
}


/* =========================================================
   ANALYSIS GRID
   ========================================================= */

.ia-seo-analysis-grid {
	display: grid;

	grid-template-columns:
		repeat(3, minmax(0, 1fr));

	gap: 15px;

	margin-bottom: 70px;
}


.ia-seo-analysis-card {
	position: relative;

	min-height: 285px;

	padding: 25px;

	border: 1px solid #e1e8f0;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 7px 25px rgba(28, 72, 120, .035);

	transition:
		transform .25s ease,
		border-color .25s ease,
		box-shadow .25s ease;
}


.ia-seo-analysis-card:hover {
	transform: translateY(-5px);

	border-color: #aad1f5;

	box-shadow:
		0 15px 35px rgba(28, 72, 120, .09);
}


.ia-seo-card-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 44px;
	height: 44px;

	margin-bottom: 17px;

	border-radius: 8px;

	color: #087cf5;

	background: #edf6ff;

	font-size: 42px;

	font-weight: 700;
}


.ia-seo-card-top {
	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 8px;
}


.ia-seo-card-top span {
	color: #a5b0bf;

	font-size: 12px;

	font-weight: 800;
}


.ia-seo-card-top b {
	color: #087cf5;

	font-size: 11px;

	letter-spacing: 1px;
}


.ia-seo-analysis-card h3 {
	margin: 0 0 10px;

	color: #152043;

	font-size: 17px;

	font-weight: 800;
}


.ia-seo-analysis-card p {
	/* margin: 0 0 17px; */

	color: #778294;

	font-size: 13px;

	line-height: 1.7;
}


.ia-seo-check-list {
	display: flex;

	flex-direction: column;

	gap: 7px;

	padding-top: 12px;

	border-top: 1px solid #edf1f5;
}


.ia-seo-check-list span {
	color: #677486;

	font-size: 13px;
}

.ia-seo-process-heading>span .ia-seo-check-list span::first-letter {
	color: #087cf5;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ia-seo-process {
	padding: 55px 45px;

	border: 1px solid #dfe8f1;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(20, 60, 100, .04);

	margin-bottom: 55px;
}


.ia-seo-process-heading {
	text-align: center;

	margin-bottom: 48px;
}


.ia-seo-process-heading>span {
	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-seo-process-heading h3 {
	margin: 9px 0 0;

	color: #172043;

	font-size: 31px;

	font-weight: 800;
}


.ia-seo-process-heading strong {
	color: #087cf5;
}


.ia-seo-process-line {
	position: relative;

	display: grid;

	grid-template-columns:
		repeat(5, 1fr);

	gap: 20px;
}


.ia-seo-process-line::before {
	position: absolute;

	top: 22px;
	left: 9%;

	right: 9%;

	height: 1px;

	content: "";

	background: #d7e7f5;
}


.ia-seo-process-step {
	position: relative;

	z-index: 2;

	text-align: center;
}


.ia-seo-step-number {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 45px;
	height: 45px;

	margin: 0 auto 14px;

	border: 1px solid #b9dbf8;

	border-radius: 50%;

	color: #087cf5;

	background: #ffffff;

	font-size: 13px;

	font-weight: 800;
}


.ia-seo-process-step h4 {
	margin: 0 0 6px;

	color: #182243;

	font-size: 15px;

	font-weight: 800;
}


.ia-seo-process-step p {
	max-width: 130px;

	margin: auto;

	color: #8490a0;

	font-size: 12px;

	line-height: 1.55;
}


/* =========================================================
   BOTTOM CTA
   ========================================================= */

.ia-seo-bottom-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 35px 42px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#101c43,
			#092e55);

	box-shadow:
		0 15px 40px rgba(16, 40, 80, .12);
}


.ia-seo-bottom-cta>div>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-seo-bottom-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 25px;

	font-weight: 800;
}


.ia-seo-bottom-cta h3 strong {
	color: #087cf5;
}


.ia-seo-bottom-cta p {
	margin: 0;

	color: #9baabc;

	font-size: 12px;

	line-height: 1.6;
}


.ia-seo-bottom-btn {
	display: inline-flex;

	align-items: center;

	gap: 25px;

	flex-shrink: 0;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 9px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-seo-bottom-btn:hover {
	transform: translateY(-2px);

	background: #ff7b1b;
}


.ia-seo-bottom-btn span {
	font-size: 15px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-seo-analysis-section {
		padding: 80px 0;
	}

	.ia-seo-audit-box {
		padding: 35px;
	}

	.ia-seo-analysis-grid {
		grid-template-columns:
			repeat(2, minmax(0, 1fr));
	}

	.ia-seo-process {
		padding: 40px 25px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-seo-analysis-section {
		padding: 65px 0;
	}


	.ia-seo-analysis-container {
		width: calc(100% - 28px);
	}


	.ia-seo-analysis-heading {
		margin-bottom: 35px;
	}


	.ia-seo-analysis-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}


	.ia-seo-analysis-heading p {
		font-size: 10px;
	}


	.ia-seo-audit-box {
		flex-direction: column;

		align-items: flex-start;

		gap: 30px;

		padding: 30px 23px;
	}


	.ia-seo-audit-content h3 {
		font-size: 27px;
	}


	.ia-seo-score {
		align-self: center;

		min-width: auto;
	}


	.ia-seo-analysis-grid {
		grid-template-columns: 1fr;

		gap: 12px;

		margin-bottom: 50px;
	}


	.ia-seo-analysis-card {
		min-height: auto;

		padding: 22px;
	}


	.ia-seo-process {
		padding: 35px 20px;
	}


	.ia-seo-process-heading {
		margin-bottom: 35px;
	}


	.ia-seo-process-line {
		grid-template-columns: 1fr;

		gap: 24px;
	}


	.ia-seo-process-line::before {
		top: 0;
		bottom: 0;

		left: 50%;

		right: auto;

		width: 1px;

		height: auto;
	}


	.ia-seo-process-step {
		background: #ffffff;
	}


	.ia-seo-bottom-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 30px 23px;
	}


	.ia-seo-bottom-btn {
		width: 100%;

		justify-content: space-between;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-seo-analysis-heading h2 {
		font-size: 31px;
	}


	.ia-seo-analysis-heading p {
		font-size: 10px;
	}


	.ia-seo-audit-content h3 {
		font-size: 24px;
	}


	.ia-seo-process-heading h3 {
		font-size: 23px;
	}


	.ia-seo-bottom-cta h3 {
		font-size: 22px;
	}

}





/* =========================================================
   INNOTIC ADS - MOBILE FRIENDLY TEST
   ========================================================= */

.ia-mobile-test-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f7faff;

	color: #101b43;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* Background Grid */

.ia-mobile-test-grid {
	position: absolute;

	inset: 0;

	opacity: .55;

	background-image:
		linear-gradient(rgba(8, 124, 245, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(8, 124, 245, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-mobile-test-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-mobile-test-heading {
	max-width: 760px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-mobile-test-badge {
	display: inline-flex;

	align-items: center;

	gap: 7px;

	margin-bottom: 14px;

	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-mobile-test-badge i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 9px rgba(8, 124, 245, .45);
}


.ia-mobile-test-heading h2 {
	margin: 0 0 16px;

	color: #101b43;

	font-size: clamp(37px, 5vw, 58px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.8px;
}


.ia-mobile-test-heading h2 span {
	color: #087cf5;
}


.ia-mobile-test-heading p {
	max-width: 690px;

	margin: auto;

	color: #6d798c;

	font-size: 12px;

	line-height: 1.8;
}


/* =========================================================
   MAIN TEST
   ========================================================= */

.ia-mobile-test-main {
	display: flex;

	align-items: center;

	justify-content: space-between;

	min-height: 470px;

	margin-bottom: 80px;

	padding: 50px 65px;

	overflow: hidden;

	border: 1px solid #dce8f4;

	border-radius: 13px;

	background:
		linear-gradient(120deg,
			#ffffff,
			#f0f8ff);

	box-shadow:
		0 18px 50px rgba(28, 72, 120, .07);
}


.ia-mobile-test-content {
	width: 55%;

	max-width: 610px;
}


.ia-mobile-small-label {
	display: block;

	margin-bottom: 12px;

	color: #087cf5;

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 1.6px;
}


.ia-mobile-test-content h3 {
	margin: 0 0 15px;

	color: #101b43;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.08;
}


.ia-mobile-test-content p {
	max-width: 550px;

	margin: 0 0 25px;

	color: #6d798b;

	font-size: 11px;

	line-height: 1.8;
}


/* URL */

.ia-mobile-url-box {
	display: flex;

	align-items: center;

	width: 100%;

	max-width: 550px;

	box-sizing: border-box;

	padding: 7px;

	border: 1px solid #dce6ef;

	border-radius: 7px;

	background: #ffffff;

	box-shadow:
		0 8px 25px rgba(20, 70, 110, .06);
}


.ia-mobile-url-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 38px;
	height: 38px;

	margin-right: 10px;

	border-radius: 5px;

	color: #087cf5;

	background: #edf6ff;

	font-size: 26px;
}


.ia-mobile-url-text {
	flex: 1;

	min-width: 0;
}


.ia-mobile-url-text span {
	display: block;

	margin-bottom: 3px;

	color: #9aa6b5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-mobile-url-text strong {
	display: block;

	overflow: hidden;

	color: #3e4b5d;

	font-size: 12px;

	font-weight: 600;

	text-overflow: ellipsis;

	white-space: nowrap;
}


.ia-mobile-test-btn {
	display: flex;

	align-items: center;

	justify-content: center;

	gap: 18px;

	min-width: 105px;

	height: 40px;

	border: 0;

	border-radius: 5px;

	color: #ffffff;

	background: #087cf5;

	cursor: pointer;

	font-size: 9px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-mobile-test-btn:hover {
	background: #056bd8;

	transform: translateY(-1px);
}


.ia-mobile-test-btn b {
	font-size: 13px;
}


.ia-mobile-note {
	display: flex;

	align-items: center;

	gap: 8px;

	margin-top: 13px;

	color: #8490a0;

	font-size: 13px;
}


.ia-mobile-note span {
	color: #0bb879;

	font-weight: 900;
}


/* =========================================================
   MOBILE DEVICE
   ========================================================= */

.ia-mobile-device-area {
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	width: 38%;

	min-height: 400px;
}


.ia-mobile-glow {
	position: absolute;

	width: 280px;
	height: 280px;

	border-radius: 50%;

	background:
		rgba(8, 124, 245, .10);

	filter: blur(45px);
}


.ia-mobile-device {
	position: relative;

	z-index: 3;

	width: 205px;
	height: 375px;

	padding: 8px;

	border: 5px solid #17233f;

	border-radius: 30px;

	background: #17233f;

	box-shadow:
		0 25px 55px rgba(12, 42, 75, .22);
}


.ia-mobile-device-top {
	position: absolute;

	top: 7px;
	left: 50%;

	z-index: 5;

	width: 65px;
	height: 16px;

	border-radius: 0 0 10px 10px;

	background: #17233f;

	transform: translateX(-50%);
}


.ia-mobile-device-top span {
	display: block;

	width: 25px;
	height: 3px;

	margin: 5px auto;

	border-radius: 5px;

	background: #48556f;
}


.ia-mobile-screen {
	width: 100%;
	height: 100%;

	overflow: hidden;

	border-radius: 21px;

	background:
		linear-gradient(160deg,
			#07162a,
			#0a3150);
}


.ia-mobile-screen-header {
	display: flex;

	align-items: center;
	justify-content: space-between;

	padding: 24px 15px 10px;

	color: #ffffff;
}


.ia-mobile-logo {
	color: #ffffff;

	font-size: 8px;

	font-weight: 900;

	letter-spacing: 1px;
}


.ia-mobile-menu {
	color: #5ed7ff;

	font-size: 13px;
}


.ia-mobile-screen-content {
	padding: 35px 17px;
}


.ia-mobile-screen-content small {
	color: #42caff;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1.1px;
}


.ia-mobile-screen-content h4 {
	margin: 8px 0;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;

	line-height: 1;
}


.ia-mobile-screen-content p {
	margin: 0 0 17px;

	color: #8ba6bc;

	font-size: 10px;

	line-height: 1.6;
}


.ia-mobile-screen-btn {
	display: inline-block;

	padding: 8px 12px;

	border-radius: 4px;

	color: #ffffff;

	background: #087cf5;

	font-size: 7px;

	font-weight: 800;
}


.ia-mobile-screen-cards {
	display: flex;

	gap: 5px;

	margin-top: 30px;
}


.ia-mobile-screen-cards span {
	flex: 1;

	height: 55px;

	border: 1px solid rgba(70, 200, 255, .15);

	border-radius: 4px;

	background: rgba(255, 255, 255, .035);
}


/* Score */

.ia-mobile-score-card {
	position: absolute;

	right: 0;
	bottom: 38px;

	z-index: 5;

	display: flex;

	align-items: center;

	gap: 11px;

	padding: 10px 13px;

	border: 1px solid #dce8f3;

	border-radius: 8px;

	background: rgba(255, 255, 255, .96);

	box-shadow:
		0 10px 28px rgba(20, 65, 100, .13);
}


.ia-mobile-score-circle {
	display: flex;

	flex-direction: column;

	align-items: center;
	justify-content: center;

	width: 64px;
	height: 68px;

	border: 4px solid #16b97b;

	border-left-color: #dff4eb;

	border-radius: 50%;
}


.ia-mobile-score-circle strong {
	color: #152043;

	font-size: 13px;

	line-height: 1;
}


.ia-mobile-score-circle span {
	/* margin-top: 3px; */

	color: #0aaf73;
	font-size: 8px;
	font-weight: 800;
}


.ia-mobile-score-card b {
	display: block;

	color: #172043;

	font-size: 8px;
}


.ia-mobile-score-card small {
	display: block;

	margin-top: 3px;

	color: #545454;
	font-size: 9px;
}


/* =========================================================
   CHECK HEADING
   ========================================================= */

.ia-mobile-check-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-mobile-check-heading>span {
	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-mobile-check-heading h3 {
	margin: 9px 0 0;

	color: #172043;

	font-size: 30px;

	font-weight: 800;
}


.ia-mobile-check-heading strong {
	color: #087cf5;
}


/* =========================================================
   CHECK CARDS
   ========================================================= */

.ia-mobile-check-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 80px;
}


.ia-mobile-check-card {
	position: relative;

	min-height: 250px;

	padding: 25px;

	border: 1px solid #e0e8f0;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 25px rgba(30, 75, 120, .035);

	transition: all .25s ease;
}


.ia-mobile-check-card:hover {
	transform: translateY(-5px);

	border-color: #b9d9f4;

	box-shadow:
		0 15px 35px rgba(30, 75, 120, .08);
}


.ia-mobile-check-number {
	position: absolute;

	top: 17px;
	right: 18px;

	color: #b6c0cc;

	font-size: 8px;

	font-weight: 800;
}


.ia-mobile-check-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 45px;
	height: 45px;

	margin-bottom: 18px;

	border-radius: 8px;

	color: #087cf5;

	background: #edf6ff;

	font-size: 27px;

	font-weight: 800;
}


.ia-mobile-check-card h4 {
	margin: 0 0 10px;

	color: #172043;

	font-size: 17px;

	font-weight: 800;
}


.ia-mobile-check-card p {
	margin: 0 0 18px;

	color: #788497;

	font-size: 13px;

	line-height: 1.75;
}


.ia-mobile-check-card>span {
	display: block;

	padding-top: 12px;

	border-top: 1px solid #edf1f5;

	color: #087cf5;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: .6px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ia-mobile-process {
	margin-bottom: 65px;

	padding: 50px 40px;

	border: 1px solid #dfe8f1;

	border-radius: 11px;

	background: #ffffff;
}


.ia-mobile-process-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-mobile-process-heading>span {
	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-mobile-process-heading h3 {
	margin: 8px 0 0;

	color: #172043;

	font-size: 28px;

	font-weight: 800;
}


.ia-mobile-process-heading strong {
	color: #087cf5;
}


.ia-mobile-process-steps {
	display: flex;

	align-items: flex-start;

	justify-content: center;
}


.ia-mobile-process-step {
	flex: 1;

	text-align: center;
}


.ia-mobile-process-step>div {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 45px;
	height: 45px;

	margin: 0 auto 13px;

	border: 1px solid #afd5f5;

	border-radius: 50%;

	color: #087cf5;

	background: #ffffff;

	font-size: 15px;

	font-weight: 800;
}


.ia-mobile-process-step h4 {
	margin: 0 0 6px;

	color: #172043;

	font-size: 15px;

	font-weight: 800;
}


.ia-mobile-process-step p {
	max-width: 125px;

	margin: auto;

	color: #8993a2;

	font-size: 12px;

	line-height: 1.6;
}


.ia-mobile-process-line {
	flex: .35;

	height: 1px;

	margin-top: 22px;

	background: #d6e7f5;
}


/* =========================================================
   BENEFITS
   ========================================================= */

.ia-mobile-benefits {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 20px;

	padding: 35px 40px;

	border-radius: 10px;

	background: #ffffff;

	border: 1px solid #e1e8f0;
}


.ia-mobile-benefits>div:first-child>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-mobile-benefits h3 {
	margin: 8px 0 0;

	color: #172043;

	font-size: 24px;

	font-weight: 800;
}


.ia-mobile-benefits h3 strong {
	color: #087cf5;
}


.ia-mobile-benefit-list {
	display: grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap: 12px 25px;
}


.ia-mobile-benefit-list div {
	color: #69778a;

	font-size: 13px;

	font-weight: 700;
}


.ia-mobile-benefit-list i {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	width: 17px;
	height: 17px;

	margin-right: 5px;

	border-radius: 50%;

	color: #0aae76;

	background: #e9faf4;

	font-size: 8px;

	font-style: normal;
}


/* =========================================================
   FINAL CTA
   ========================================================= */

.ia-mobile-final-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 38px 42px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#101c43,
			#092e55);

	box-shadow:
		0 15px 40px rgba(16, 40, 80, .12);
}


.ia-mobile-final-cta>div>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-mobile-final-cta h3 {
	margin: 7px 0;

	color: #ffffff;

	font-size: 25px;

	font-weight: 800;
}


.ia-mobile-final-cta h3 strong {
	color: #087cf5;
}


.ia-mobile-final-cta p {
	margin: 0;

	color: #9caabd;

	font-size: 13px;

	line-height: 1.6;
}


.ia-mobile-final-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	flex-shrink: 0;

	padding: 14px 17px;

	min-width: 150px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 9px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-mobile-final-btn:hover {
	color: #ffffff !important;

	background: #ff7b1b;

	transform: translateY(-2px);
}


.ia-mobile-final-btn b {
	font-size: 15px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-mobile-test-section {
		padding: 80px 0;
	}


	.ia-mobile-test-main {
		padding: 40px;
	}


	.ia-mobile-test-content {
		width: 56%;
	}


	.ia-mobile-test-content h3 {
		font-size: 32px;
	}


	.ia-mobile-check-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}


	.ia-mobile-process {
		padding: 40px 25px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-mobile-test-section {
		padding: 65px 0;
	}


	.ia-mobile-test-container {
		width: calc(100% - 28px);
	}


	.ia-mobile-test-heading {
		margin-bottom: 35px;
	}


	.ia-mobile-test-heading h2 {
		font-size: 35px;

		letter-spacing: -1px;
	}


	.ia-mobile-test-heading p {
		font-size: 10px;
	}


	.ia-mobile-test-main {
		flex-direction: column;

		gap: 45px;

		padding: 30px 22px;

		margin-bottom: 60px;
	}


	.ia-mobile-test-content {
		width: 100%;
	}


	.ia-mobile-test-content h3 {
		font-size: 28px;
	}


	.ia-mobile-test-content p {
		font-size: 10px;
	}


	.ia-mobile-url-box {
		align-items: center;
	}


	.ia-mobile-url-text {
		min-width: 0;
	}


	.ia-mobile-test-btn {
		min-width: 85px;
	}


	.ia-mobile-device-area {
		width: 100%;

		min-height: 410px;
	}


	.ia-mobile-score-card {
		right: 3%;
		bottom: 25px;
	}


	.ia-mobile-check-heading h3 {
		font-size: 26px;
	}


	.ia-mobile-check-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}


	.ia-mobile-check-card {
		min-height: auto;
	}


	.ia-mobile-process {
		padding: 35px 20px;
	}


	.ia-mobile-process-heading h3 {
		font-size: 23px;
	}


	.ia-mobile-process-steps {
		flex-direction: column;

		gap: 0;
	}


	.ia-mobile-process-step {
		width: 100%;
	}


	.ia-mobile-process-line {
		width: 1px;

		height: 28px;

		flex: none;

		margin: 0 auto;

		background: #d6e7f5;
	}


	.ia-mobile-benefits {
		flex-direction: column;

		align-items: flex-start;

		padding: 30px 22px;
	}


	.ia-mobile-benefit-list {
		width: 100%;
	}


	.ia-mobile-final-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 30px 22px;
	}


	.ia-mobile-final-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-mobile-test-heading h2 {
		font-size: 31px;
	}


	.ia-mobile-test-content h3 {
		font-size: 25px;
	}


	.ia-mobile-url-box {
		padding: 5px;
	}


	.ia-mobile-url-icon {
		width: 34px;
		height: 34px;
	}


	.ia-mobile-test-btn {
		min-width: 70px;

		gap: 5px;

		padding: 0 9px;
	}


	.ia-mobile-test-btn b {
		display: none;
	}


	.ia-mobile-benefit-list {
		grid-template-columns: 1fr;
	}


	.ia-mobile-final-cta h3 {
		font-size: 22px;
	}

}



/* =========================================================
   INNOTIC ADS - CONTACT SECTION
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-contact-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* Background */

.ia-contact-bg {
	position: absolute;

	inset: 0;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-contact-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-contact-heading {
	max-width: 780px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-contact-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-contact-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .35);
}


.ia-contact-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(38px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-contact-heading h2 span {
	color: #087cf5;
}


.ia-contact-heading p {
	max-width: 690px;

	margin: auto;

	color: #667085;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   MAIN
   ========================================================= */

.ia-contact-main {
	display: grid;

	grid-template-columns:
		.85fr 1.15fr;

	gap: 25px;

	margin-bottom: 25px;
}


/* =========================================================
   LEFT INFO
   ========================================================= */

.ia-contact-info {
	position: relative;

	overflow: hidden;

	padding: 45px 40px;

	border-radius: 12px;

	color: #ffffff;

	background:
		linear-gradient(145deg,
			#000f6d,
			#001b86);

	box-shadow:
		0 18px 45px rgba(0, 15, 109, .15);
}


.ia-contact-info::after {
	position: absolute;

	right: -100px;
	bottom: -100px;

	width: 280px;
	height: 280px;

	border: 1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


.ia-contact-label {
	display: block;

	margin-bottom: 12px;

	color: #fa6c91;

	font-size: 10px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-contact-info h3 {
	position: relative;

	z-index: 2;

	margin: 0 0 16px;

	color: #ffffff;

	font-size: 35px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-contact-info h3 strong {
	color: #087cf5;
}


.ia-contact-description {
	position: relative;

	z-index: 2;

	margin: 0 0 30px;

	color: rgba(255, 255, 255, .72);

	font-size: 13px;

	line-height: 1.8;
}


/* =========================================================
   CONTACT ITEMS
   ========================================================= */

.ia-contact-info-item {
	position: relative;

	z-index: 3;

	display: flex;

	align-items: center;

	gap: 14px;

	margin-bottom: 17px;

	color: #ffffff !important;

	text-decoration: none !important;
}


.ia-contact-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 45px;

	width: 45px;
	height: 45px;

	border: 1px solid rgba(255, 255, 255, .15);

	border-radius: 8px;

	color: #ffffff;

	background: rgba(255, 255, 255, .09);

	font-size: 18px;

	transition: all .25s ease;
}


.ia-contact-info-item:hover .ia-contact-icon {
	color: #ffffff;

	background: #087cf5;

	border-color: #087cf5;

	transform: translateY(-2px);
}


.ia-contact-info-item small {
	display: block;

	margin-bottom: 4px;

	color: rgba(255, 255, 255, .45);

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.2px;
}


.ia-contact-info-item strong {
	display: block;

	color: #ffffff;

	font-size: 13px;

	font-weight: 700;
}


/* =========================================================
   SOCIAL
   ========================================================= */

.ia-contact-social {
	position: relative;

	z-index: 3;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-top: 30px;

	padding-top: 22px;

	border-top: 1px solid rgba(255, 255, 255, .1);
}


.ia-contact-social>span {
	color: rgba(255, 255, 255, .45);

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.2px;
}


.ia-contact-social>div {
	display: flex;

	gap: 7px;
}


.ia-contact-social a {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 31px;
	height: 31px;

	border: 1px solid rgba(255, 255, 255, .13);

	border-radius: 50%;

	color: #ffffff !important;

	background: rgba(255, 255, 255, .07);

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-contact-social a:hover {
	color: #ffffff !important;

	background: #087cf5;

	border-color: #087cf5;

	transform: translateY(-2px);
}


/* =========================================================
   FORM BOX
   ========================================================= */

.ia-contact-form-box {
	padding: 40px;

	border: 1px solid #e1e5ef;

	border-radius: 12px;

	background: #ffffff;

	box-shadow:
		0 12px 40px rgba(0, 15, 109, .06);
}


.ia-contact-form-header {
	margin-bottom: 27px;
}


.ia-contact-form-header>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-contact-form-header h3 {
	margin: 8px 0 7px;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-contact-form-header p {
	margin: 0;

	color: #7a8495;

	font-size: 12px;

	line-height: 1.6;
}


/* =========================================================
   FORM
   ========================================================= */

.ia-contact-form-row {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 15px;
}


.ia-contact-field {
	margin-bottom: 17px;
}


.ia-contact-field label {
	display: block;

	margin-bottom: 7px;

	color: #17204c;

	font-size: 10px;

	font-weight: 800;
}


.ia-contact-field input,
.ia-contact-field select,
.ia-contact-field textarea {
	display: block;

	width: 100%;

	box-sizing: border-box;

	padding: 13px 14px;

	border: 1px solid #dfe4ec;

	border-radius: 6px;

	outline: none;

	color: #17204c;

	background: #fafbfc;

	font-family: inherit;

	font-size: 12px;

	transition: all .2s ease;
}


.ia-contact-field textarea {
	min-height: 105px;

	resize: vertical;
}


.ia-contact-field input::placeholder,
.ia-contact-field textarea::placeholder {
	color: #a2a9b5;
}


.ia-contact-field input:focus,
.ia-contact-field select:focus,
.ia-contact-field textarea:focus {
	border-color: #087cf5;

	background: #ffffff;

	box-shadow:
		0 0 0 3px rgba(250, 35, 93, .07);
}


/* =========================================================
   SUBMIT
   ========================================================= */

.ia-contact-submit {
	display: flex;

	align-items: center;

	justify-content: space-between;

	width: 100%;

	min-height: 51px;

	padding: 0 18px;

	border: 0;

	border-radius: 6px;

	color: #ffffff;

	background:
		linear-gradient(90deg,
			#087cf5,
			#e81550);

	cursor: pointer;

	font-family: inherit;

	font-size: 12px;

	font-weight: 800;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);

	transition: all .25s ease;
}


.ia-contact-submit:hover {
	transform: translateY(-2px);

	box-shadow:
		0 12px 28px rgba(250, 35, 93, .28);
}


.ia-contact-submit b {
	font-size: 18px;

	font-weight: 400;
}


.ia-contact-form-note {
	margin-top: 13px;

	text-align: center;

	color: #9aa3b0;

	font-size: 9px;
}


.ia-contact-form-note i {
	margin-right: 4px;

	color: #20a879;
}


/* =========================================================
   BOTTOM CTA
   ========================================================= */

.ia-contact-bottom {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 28px 35px;

	border-radius: 10px;

	background: #000f6d;

	box-shadow:
		0 12px 35px rgba(0, 15, 109, .12);
}


.ia-contact-bottom>div:first-child>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-contact-bottom h3 {
	margin: 7px 0 0;

	color: #ffffff;

	font-size: 23px;

	font-weight: 800;
}


.ia-contact-bottom h3 strong {
	color: #087cf5;
}


.ia-contact-bottom-buttons {
	display: flex;

	gap: 9px;
}


.ia-contact-bottom-buttons a {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 8px;

	min-width: 105px;

	padding: 12px 14px;

	border: 1px solid rgba(255, 255, 255, .2);

	border-radius: 5px;

	color: #ffffff !important;

	background: rgba(255, 255, 255, .07);

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-contact-bottom-buttons a:hover {
	border-color: #087cf5;

	background: #087cf5;

	transform: translateY(-2px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-contact-section {
		padding: 80px 0;
	}


	.ia-contact-main {
		grid-template-columns: 1fr;
	}


	.ia-contact-info {
		padding: 40px;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-contact-section {
		padding: 65px 0;
	}


	.ia-contact-container {
		width: calc(100% - 28px);
	}


	.ia-contact-heading {
		margin-bottom: 35px;
	}


	.ia-contact-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}


	.ia-contact-heading p {
		font-size: 12px;
	}


	.ia-contact-info {
		padding: 30px 23px;
	}


	.ia-contact-info h3 {
		font-size: 30px;
	}


	.ia-contact-description {
		font-size: 12px;
	}


	.ia-contact-form-box {
		padding: 27px 20px;
	}


	.ia-contact-form-header h3 {
		font-size: 23px;
	}


	.ia-contact-form-row {
		grid-template-columns: 1fr;

		gap: 0;
	}


	.ia-contact-field input,
	.ia-contact-field select,
	.ia-contact-field textarea {
		font-size: 13px;
	}


	.ia-contact-bottom {
		flex-direction: column;

		align-items: flex-start;

		padding: 27px 22px;
	}


	.ia-contact-bottom h3 {
		font-size: 21px;
	}


	.ia-contact-bottom-buttons {
		width: 100%;
	}


	.ia-contact-bottom-buttons a {
		flex: 1;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-contact-heading h2 {
		font-size: 32px;
	}


	.ia-contact-info h3 {
		font-size: 27px;
	}


	.ia-contact-social {
		align-items: flex-start;

		flex-direction: column;

		gap: 12px;
	}


	.ia-contact-bottom-buttons {
		flex-direction: column;

		width: 100%;
	}


	.ia-contact-bottom-buttons a {
		width: 100%;

		box-sizing: border-box;
	}

}




/* =========================================================
   INNOTIC ADS - PLATFORMS & TOOLS
   ========================================================= */

.ia-platforms-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* Background */

.ia-platforms-bg {
	position: absolute;

	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-platforms-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ia-platforms-heading {
	max-width: 760px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-platforms-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-platforms-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .35);
}


.ia-platforms-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(39px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-platforms-heading h2 span {
	color: #087cf5;
}


.ia-platforms-heading p {
	max-width: 700px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   GRID
   ========================================================= */

.ia-platforms-grid {
	display: grid;

	grid-template-columns:
		repeat(2, 1fr);

	gap: 15px;

	margin-bottom: 55px;
}


/* =========================================================
   CARD
   ========================================================= */

.ia-platform-card {
	position: relative;

	display: flex;

	align-items: center;

	gap: 18px;

	min-height: 145px;

	padding: 24px 25px;

	border: 1px solid #e2e6ef;

	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	overflow: hidden;

	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}


.ia-platform-card::after {
	position: absolute;

	left: 0;
	bottom: 0;

	width: 0;
	height: 3px;

	content: "";

	background: #087cf5;

	transition: width .3s ease;
}


.ia-platform-card:hover {
	transform: translateY(-5px);

	border-color: rgba(250, 35, 93, .25);

	box-shadow:
		0 17px 38px rgba(0, 15, 109, .08);
}


.ia-platform-card:hover::after {
	width: 100%;
}


/* =========================================================
   LOGO BOX
   ========================================================= */

.ia-platform-logo {
	display: flex;

	align-items: center;
	justify-content: center;

	flex: 0 0 62px;

	width: 62px;
	height: 62px;

	border-radius: 12px;

	font-size: 27px;

	font-weight: 900;
}


/* Meta */

.ia-platform-meta {
	color: #ffffff;

	background:
		linear-gradient(135deg,
			#1877f2,
			#0866ff);
}


/* Google */

.ia-platform-google {
	color: #4285f4;

	background: #eef4ff;

	font-size: 30px;
}


/* GA */

.ia-platform-ga {
	color: #f9ab00;

	background: #fff8e6;

	font-size: 17px;
}


/* Search */

.ia-platform-search {
	color: #087cf5;

	background: #edf6ff;
}


/* eBay */

.ia-platform-ebay {
	color: #e53238;

	background: #fff0f1;

	font-size: 29px;
}


/* Etsy */

.ia-platform-etsy {
	color: #f1641e;

	background: #fff3ec;

	font-size: 29px;
}


/* WordPress */

.ia-platform-wordpress {
	color: #21759b;

	background: #edf8fc;
}


/* Canva */

.ia-platform-canva {
	color: #ffffff;

	background:
		linear-gradient(135deg,
			#00c4cc,
			#7d2ae8);

	font-size: 29px;
}


/* =========================================================
   CARD CONTENT
   ========================================================= */

.ia-platform-content {
	min-width: 0;

	flex: 1;
}


.ia-platform-content>span {
	display: block;

	margin-bottom: 6px;

	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.2px;
}


.ia-platform-content h3 {
	margin: 0 0 7px;

	color: #000f6d;

	font-size: 19px;

	font-weight: 800;
}


.ia-platform-content p {
	margin: 0;

	color: #748095;

	font-size: 11px;

	line-height: 1.65;
}


/* Arrow */

.ia-platform-arrow {
	flex: 0 0 auto;

	color: #b4bcc9;

	font-size: 21px;

	font-weight: 400;

	transition:
		color .25s ease,
		transform .25s ease;
}


.ia-platform-card:hover .ia-platform-arrow {
	color: #087cf5;

	transform: translateX(4px);
}


/* =========================================================
   BOTTOM
   ========================================================= */

.ia-platforms-bottom {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 35px;

	padding: 32px 38px;

	border-radius: 10px;

	background: #000f6d;

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-platforms-bottom-content {
	max-width: 550px;
}


.ia-platforms-bottom-content>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-platforms-bottom-content h3 {
	margin: 8px 0 7px;

	color: #ffffff;

	font-size: 25px;

	font-weight: 800;
}


.ia-platforms-bottom-content h3 strong {
	color: #087cf5;
}


.ia-platforms-bottom-content p {
	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.65;
}


/* Pills */

.ia-platforms-bottom-pills {
	display: flex;

	flex-wrap: wrap;

	justify-content: flex-end;

	gap: 8px;

	max-width: 400px;
}


.ia-platforms-bottom-pills span {
	padding: 8px 11px;

	border: 1px solid rgba(255, 255, 255, .14);

	border-radius: 30px;

	color: rgba(255, 255, 255, .75);

	background: rgba(255, 255, 255, .06);

	font-size: 8px;

	font-weight: 700;

	white-space: nowrap;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-platforms-section {
		padding: 80px 0;
	}


	.ia-platforms-grid {
		grid-template-columns: 1fr;
	}


	.ia-platforms-bottom {
		align-items: flex-start;

		flex-direction: column;
	}


	.ia-platforms-bottom-pills {
		justify-content: flex-start;

		max-width: none;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-platforms-section {
		padding: 65px 0;
	}


	.ia-platforms-container {
		width: calc(100% - 28px);
	}


	.ia-platforms-heading {
		margin-bottom: 35px;
	}


	.ia-platforms-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}


	.ia-platforms-heading p {
		font-size: 12px;
	}


	.ia-platforms-grid {
		gap: 12px;

		margin-bottom: 45px;
	}


	.ia-platform-card {
		min-height: 125px;

		padding: 20px 17px;

		gap: 14px;
	}


	.ia-platform-logo {
		flex-basis: 52px;

		width: 52px;
		height: 52px;

		border-radius: 9px;

		font-size: 23px;
	}


	.ia-platform-google,
	.ia-platform-ebay,
	.ia-platform-etsy,
	.ia-platform-canva {
		font-size: 24px;
	}


	.ia-platform-content h3 {
		font-size: 17px;
	}


	.ia-platform-content p {
		font-size: 10px;
	}


	.ia-platform-arrow {
		display: none;
	}


	.ia-platforms-bottom {
		padding: 27px 22px;

		gap: 25px;
	}


	.ia-platforms-bottom-content h3 {
		font-size: 22px;
	}


	.ia-platforms-bottom-content p {
		font-size: 10px;
	}


	.ia-platforms-bottom-pills {
		gap: 6px;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-platforms-heading h2 {
		font-size: 32px;
	}


	.ia-platform-card {
		padding: 17px 14px;
	}


	.ia-platform-logo {
		flex-basis: 46px;

		width: 46px;
		height: 46px;
	}


	.ia-platform-content h3 {
		font-size: 16px;
	}


	.ia-platform-content p {
		font-size: 9px;
	}

}



/* =========================================================
   INNOTIC ADS - CASE STUDIES
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-case-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* Background */

.ia-case-bg {
	position: absolute;

	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-case-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.ia-case-heading {
	max-width: 780px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-case-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-case-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .35);
}


.ia-case-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(39px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-case-heading h2 span {
	color: #087cf5;
}


.ia-case-heading p {
	max-width: 700px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   CASE STUDY GRID
   ========================================================= */

.ia-case-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 17px;

	margin-bottom: 50px;
}


/* =========================================================
   CARD
   ========================================================= */

.ia-case-card {
	overflow: hidden;

	border: 1px solid #e1e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 8px 30px rgba(0, 15, 109, .045);

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}


.ia-case-card:hover {
	transform: translateY(-7px);

	border-color: rgba(250, 35, 93, .25);

	box-shadow:
		0 20px 45px rgba(0, 15, 109, .10);
}


/* =========================================================
   VISUAL
   ========================================================= */

.ia-case-visual {
	position: relative;

	display: flex;

	align-items: flex-end;

	min-height: 215px;

	padding: 25px;

	overflow: hidden;

	color: #ffffff;
}


.ia-case-ayurveda {
	background:
		linear-gradient(135deg,
			#000f6d,
			#124d77);
}


.ia-case-ecommerce {
	background:
		linear-gradient(135deg,
			#00124e,
			#5b145f);
}


.ia-case-realestate {
	background:
		linear-gradient(135deg,
			#10184c,
			#174f79);
}


/* Decorative circles */

.ia-case-visual::before {
	position: absolute;

	top: -70px;
	right: -45px;

	width: 210px;
	height: 210px;

	border: 1px solid rgba(255, 255, 255, .13);

	border-radius: 50%;

	content: "";
}


.ia-case-visual::after {
	position: absolute;

	right: 30px;
	bottom: -75px;

	width: 160px;
	height: 160px;

	border: 1px solid rgba(250, 35, 93, .25);

	border-radius: 50%;

	content: "";
}


.ia-case-pattern {
	position: absolute;

	inset: 0;

	opacity: .22;

	background-image:
		linear-gradient(135deg,
			transparent 48%,
			rgba(255, 255, 255, .12) 49%,
			transparent 50%);

	background-size: 18px 18px;
}


.ia-case-visual-content {
	position: relative;

	z-index: 3;
}


.ia-case-visual-content>span {
	display: block;

	margin-bottom: 9px;

	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-case-visual-content h3 {
	margin: 0;

	max-width: 220px;

	color: #ffffff;

	font-size: 25px;

	font-weight: 800;

	line-height: 1.12;
}


.ia-case-visual-content h3 strong {
	display: block;

	color: #087cf5;

	font-weight: 800;
}


/* Floating label */

.ia-case-floating {
	position: absolute;

	top: 20px;
	right: 20px;

	z-index: 3;

	padding: 9px 11px;

	border: 1px solid rgba(255, 255, 255, .15);

	border-radius: 5px;

	background: rgba(255, 255, 255, .07);

	backdrop-filter: blur(8px);
}


.ia-case-floating small {
	display: block;

	margin-bottom: 3px;

	color: rgba(255, 255, 255, .5);

	font-size: 6px;

	letter-spacing: 1px;
}


.ia-case-floating b {
	color: #ffffff;

	font-size: 8px;

	letter-spacing: 1px;
}


/* =========================================================
   BODY
   ========================================================= */

.ia-case-body {
	padding: 25px;
}


.ia-case-meta {
	display: flex;

	flex-wrap: wrap;

	gap: 6px;

	margin-bottom: 14px;
}


.ia-case-meta span {
	padding: 5px 8px;

	border-radius: 20px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 7px;

	font-weight: 800;
}


.ia-case-body h3 {
	margin: 0 0 11px;

	color: #000f6d;

	font-size: 19px;

	font-weight: 800;

	line-height: 1.25;
}


.ia-case-body>p {
	min-height: 72px;

	margin: 0 0 20px;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ia-case-results {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 8px;

	padding: 17px 0;

	border-top: 1px solid #edf0f5;

	border-bottom: 1px solid #edf0f5;
}


.ia-case-results div {
	text-align: center;
}


.ia-case-results strong {
	display: block;

	color: #000f6d;

	font-size: 21px;

	font-weight: 800;
}


.ia-case-results span {
	display: block;

	margin-top: 4px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


.ia-case-link {
	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-top: 17px;

	color: #000f6d !important;

	font-size: 9px;

	font-weight: 800;

	text-decoration: none !important;

	transition: color .2s ease;
}


.ia-case-link b {
	color: #087cf5;

	font-size: 17px;

	font-weight: 400;

	transition: transform .2s ease;
}


.ia-case-link:hover {
	color: #087cf5 !important;
}


.ia-case-link:hover b {
	transform: translateX(4px);
}


/* =========================================================
   RESULTS STRIP
   ========================================================= */

.ia-case-results-strip {
	display: grid;

	grid-template-columns:
		1.5fr repeat(4, 1fr);

	align-items: center;

	gap: 20px;

	margin-bottom: 25px;

	padding: 30px 32px;

	border-radius: 10px;

	background: #ffffff;

	border: 1px solid #e1e6ef;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .04);
}


.ia-case-results-intro span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.3px;
}


.ia-case-results-intro h3 {
	margin: 7px 0 0;

	color: #000f6d;

	font-size: 20px;

	font-weight: 800;

	line-height: 1.2;
}


.ia-case-results-intro h3 strong {
	color: #087cf5;
}


.ia-case-stat {
	text-align: center;

	padding-left: 18px;

	border-left: 1px solid #e7eaf0;
}


.ia-case-stat strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-case-stat span {
	display: block;

	margin-top: 4px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-case-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 36px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-case-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-case-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-case-cta h3 strong {
	color: #087cf5;
}


.ia-case-cta p {
	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-case-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 155px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-case-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);

	box-shadow:
		0 10px 25px rgba(250, 35, 93, .25);
}


.ia-case-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-case-section {
		padding: 80px 0;
	}


	.ia-case-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}


	.ia-case-grid .ia-case-card:last-child {
		grid-column: 1 / -1;

		max-width: 50%;

		width: 100%;

		margin: auto;
	}


	.ia-case-results-strip {
		grid-template-columns:
			repeat(2, 1fr);
	}


	.ia-case-results-intro {
		grid-column: 1 / -1;

		text-align: center;
	}


	.ia-case-stat {
		border-left: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-case-section {
		padding: 65px 0;
	}


	.ia-case-container {
		width: calc(100% - 28px);
	}


	.ia-case-heading {
		margin-bottom: 35px;
	}


	.ia-case-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}


	.ia-case-heading p {
		font-size: 12px;
	}


	.ia-case-grid {
		grid-template-columns: 1fr;

		gap: 13px;

		margin-bottom: 35px;
	}


	.ia-case-grid .ia-case-card:last-child {
		grid-column: auto;

		max-width: none;
	}


	.ia-case-visual {
		min-height: 200px;
	}


	.ia-case-visual-content h3 {
		font-size: 23px;
	}


	.ia-case-body {
		padding: 22px;
	}


	.ia-case-body h3 {
		font-size: 18px;
	}


	.ia-case-body>p {
		min-height: auto;

		font-size: 11px;
	}


	.ia-case-results-strip {
		grid-template-columns:
			repeat(2, 1fr);

		gap: 20px 10px;

		padding: 25px 20px;
	}


	.ia-case-results-intro {
		grid-column: 1 / -1;
	}


	.ia-case-results-intro h3 {
		font-size: 21px;
	}


	.ia-case-stat {
		padding-left: 0;

		border: 0;
	}


	.ia-case-stat strong {
		font-size: 23px;
	}


	.ia-case-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}


	.ia-case-cta h3 {
		font-size: 23px;
	}


	.ia-case-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-case-heading h2 {
		font-size: 32px;
	}


	.ia-case-visual {
		min-height: 185px;

		padding: 20px;
	}


	.ia-case-visual-content h3 {
		font-size: 21px;
	}


	.ia-case-floating {
		top: 15px;

		right: 15px;
	}


	.ia-case-results {
		gap: 3px;
	}


	.ia-case-results strong {
		font-size: 19px;
	}


	.ia-case-results-strip {
		padding: 23px 15px;
	}


	.ia-case-stat strong {
		font-size: 21px;
	}

}



/* =========================================================
   INNOTIC ADS - BLOG & INSIGHTS
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-blog-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* Background */

.ia-blog-bg {
	position: absolute;

	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-blog-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.ia-blog-heading {
	max-width: 780px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-blog-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-blog-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .35);
}


.ia-blog-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(39px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-blog-heading h2 span {
	color: #087cf5;
}


.ia-blog-heading p {
	max-width: 700px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   FEATURED
   ========================================================= */

.ia-blog-featured {
	display: grid;

	grid-template-columns:
		1.15fr .85fr;

	min-height: 365px;

	margin-bottom: 25px;

	overflow: hidden;

	border-radius: 12px;

	background: #000f6d;

	box-shadow:
		0 18px 45px rgba(0, 15, 109, .13);
}


.ia-blog-featured-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 48px;
}


.ia-blog-meta {
	display: flex;

	align-items: center;

	gap: 12px;

	margin-bottom: 16px;
}


.ia-blog-category {
	padding: 6px 9px;

	border-radius: 20px;

	color: #ffffff;

	background: #087cf5;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


.ia-blog-meta>span:last-child {
	color: rgba(255, 255, 255, .45);

	font-size: 8px;

	font-weight: 700;
}


.ia-blog-featured-content h3 {
	max-width: 610px;

	margin: 0 0 15px;

	color: #ffffff;

	font-size: 34px;

	font-weight: 800;

	line-height: 1.15;
}


.ia-blog-featured-content p {
	max-width: 570px;

	margin: 0;

	color: rgba(255, 255, 255, .67);

	font-size: 12px;

	line-height: 1.75;
}


.ia-blog-featured-bottom {
	display: flex;

	align-items: center;

	justify-content: space-between;

	max-width: 570px;

	margin-top: 28px;

	padding-top: 19px;

	border-top: 1px solid rgba(255, 255, 255, .11);
}


.ia-blog-featured-bottom>span {
	color: rgba(255, 255, 255, .45);

	font-size: 9px;

	font-weight: 700;
}


.ia-blog-featured-bottom a {
	display: inline-flex;

	align-items: center;

	gap: 16px;

	color: #ffffff !important;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;
}


.ia-blog-featured-bottom a b {
	color: #087cf5;

	font-size: 18px;

	font-weight: 400;
}


/* =========================================================
   FEATURED VISUAL
   ========================================================= */

.ia-blog-featured-visual {
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	min-height: 365px;

	overflow: hidden;

	background:
		linear-gradient(145deg,
			#001c84,
			#07124d);
}


.ia-blog-featured-visual::before {
	position: absolute;

	top: -100px;
	right: -80px;

	width: 310px;
	height: 310px;

	border: 1px solid rgba(255, 255, 255, .1);

	border-radius: 50%;

	content: "";
}


.ia-blog-featured-visual::after {
	position: absolute;

	bottom: -120px;
	left: -80px;

	width: 270px;
	height: 270px;

	border: 1px solid rgba(250, 35, 93, .25);

	border-radius: 50%;

	content: "";
}


/* Chart */

.ia-blog-chart {
	position: relative;

	z-index: 3;

	width: 260px;
	height: 175px;

	padding: 22px;

	box-sizing: border-box;

	border: 1px solid rgba(255, 255, 255, .13);

	border-radius: 10px;

	background: rgba(255, 255, 255, .05);

	backdrop-filter: blur(8px);
}


.ia-chart-label {
	display: block;

	color: rgba(255, 255, 255, .55);

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1.2px;
}


.ia-chart-bars {
	position: absolute;

	left: 22px;
	right: 22px;
	bottom: 22px;

	display: flex;

	align-items: flex-end;

	gap: 9px;

	height: 105px;
}


.ia-chart-bars i {
	flex: 1;

	display: block;

	min-height: 15px;

	border-radius: 3px 3px 0 0;

	background:
		linear-gradient(to top,
			#087cf5,
			#ff769b);
}


.ia-chart-line {
	position: absolute;

	left: 20px;
	right: 20px;

	bottom: 56px;

	height: 2px;

	background: #ffffff;

	opacity: .8;

	transform:
		rotate(-8deg);
}


/* Growth badge */

.ia-blog-growth-badge {
	position: absolute;

	right: 25px;
	bottom: 25px;

	z-index: 5;

	padding: 11px 13px;

	border: 1px solid rgba(255, 255, 255, .14);

	border-radius: 7px;

	background: rgba(255, 255, 255, .08);

	backdrop-filter: blur(8px);
}


.ia-blog-growth-badge small {
	display: block;

	margin-bottom: 3px;

	color: rgba(255, 255, 255, .45);

	font-size: 6px;

	letter-spacing: 1px;
}


.ia-blog-growth-badge strong {
	color: #087cf5;

	font-size: 10px;

	letter-spacing: 1px;
}


/* =========================================================
   BLOG GRID
   ========================================================= */

.ia-blog-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 16px;

	margin-bottom: 35px;
}


.ia-blog-card {
	overflow: hidden;

	border: 1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition:
		transform .3s ease,
		box-shadow .3s ease,
		border-color .3s ease;
}


.ia-blog-card:hover {
	transform: translateY(-6px);

	border-color: rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .09);
}


/* Card Visual */

.ia-blog-card-visual {
	position: relative;

	display: flex;

	align-items: center;
	justify-content: center;

	height: 190px;

	overflow: hidden;
}


.ia-blog-visual-ads {
	background:
		linear-gradient(135deg,
			#001878,
			#233a98);
}


.ia-blog-visual-seo {
	background:
		linear-gradient(135deg,
			#10184d,
			#1e5d86);
}


.ia-blog-visual-ecommerce {
	background:
		linear-gradient(135deg,
			#000f6d,
			#6b194c);
}


.ia-blog-card-visual>span {
	position: absolute;

	top: 18px;
	left: 18px;

	z-index: 4;

	color: rgba(255, 255, 255, .65);

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1.2px;
}


.ia-blog-visual-icon {
	position: relative;

	z-index: 3;

	display: flex;

	align-items: center;
	justify-content: center;

	width: 76px;
	height: 76px;

	border: 1px solid rgba(255, 255, 255, .17);

	border-radius: 14px;

	color: #ffffff;

	background: rgba(255, 255, 255, .09);

	font-size: 32px;

	backdrop-filter: blur(8px);
}


.ia-blog-visual-shape {
	position: absolute;

	right: -60px;
	bottom: -90px;

	width: 220px;
	height: 220px;

	border: 1px solid rgba(250, 35, 93, .3);

	border-radius: 50%;
}


.ia-blog-seo-lines {
	position: absolute;

	right: 35px;
	bottom: 30px;

	display: flex;

	align-items: flex-end;

	gap: 5px;

	height: 65px;
}


.ia-blog-seo-lines i {
	width: 10px;

	border-radius: 2px 2px 0 0;

	background: #087cf5;
}


.ia-blog-seo-lines i:nth-child(1) {
	height: 30%;
}


.ia-blog-seo-lines i:nth-child(2) {
	height: 50%;
}


.ia-blog-seo-lines i:nth-child(3) {
	height: 70%;
}


.ia-blog-seo-lines i:nth-child(4) {
	height: 100%;
}


.ia-blog-product {
	position: absolute;

	right: 30px;
	bottom: 25px;

	display: flex;

	gap: 6px;
}


.ia-blog-product i {
	display: block;

	width: 30px;
	height: 38px;

	border: 1px solid rgba(255, 255, 255, .15);

	border-radius: 4px;

	background: rgba(255, 255, 255, .08);
}


/* Card body */

.ia-blog-card-body {
	padding: 24px;
}


.ia-blog-card-meta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 12px;
}


.ia-blog-card-meta span {
	color: #087cf5;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .9px;
}


.ia-blog-card-meta small {
	color: #9ba3b1;

	font-size: 8px;
}


.ia-blog-card-body h3 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 20px;

	font-weight: 800;

	line-height: 1.25;
}


.ia-blog-card-body p {
	min-height: 75px;

	margin: 0 0 18px;

	color: #748095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-blog-read {
	display: flex;

	align-items: center;

	justify-content: space-between;

	padding-top: 15px;

	border-top: 1px solid #edf0f5;

	color: #000f6d !important;

	font-size: 9px;

	font-weight: 800;

	text-decoration: none !important;
}


.ia-blog-read b {
	color: #087cf5;

	font-size: 17px;

	font-weight: 400;

	transition: transform .2s ease;
}


.ia-blog-read:hover b {
	transform: translateX(4px);
}


/* =========================================================
   TOPICS
   ========================================================= */

.ia-blog-topics {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	margin-bottom: 25px;

	padding: 28px 32px;

	border: 1px solid #e1e5ed;

	border-radius: 10px;

	background: #ffffff;
}


.ia-blog-topics-title>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-blog-topics-title h3 {
	margin: 6px 0 0;

	color: #000f6d;

	font-size: 22px;

	font-weight: 800;
}


.ia-blog-topics-title h3 strong {
	color: #087cf5;
}


.ia-blog-topic-list {
	display: flex;

	flex-wrap: wrap;

	justify-content: flex-end;

	gap: 7px;

	max-width: 600px;
}


.ia-blog-topic-list a {
	padding: 9px 12px;

	border: 1px solid #e3e7ee;

	border-radius: 30px;

	color: #657187 !important;

	background: #fafbfc;

	font-size: 8px;

	font-weight: 700;

	text-decoration: none !important;

	transition: all .2s ease;
}


.ia-blog-topic-list a:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-blog-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 36px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-blog-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-blog-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-blog-cta h3 strong {
	color: #087cf5;
}


.ia-blog-cta p {
	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-blog-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 150px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-blog-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);

	box-shadow:
		0 10px 25px rgba(250, 35, 93, .25);
}


.ia-blog-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-blog-section {
		padding: 80px 0;
	}


	.ia-blog-featured {
		grid-template-columns: 1fr;
	}


	.ia-blog-featured-visual {
		min-height: 300px;
	}


	.ia-blog-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}


	.ia-blog-grid .ia-blog-card:last-child {
		grid-column: 1 / -1;

		max-width: calc(50% - 8px);

		width: 100%;

		margin: auto;
	}


	.ia-blog-topics {
		align-items: flex-start;

		flex-direction: column;
	}


	.ia-blog-topic-list {
		justify-content: flex-start;

		max-width: none;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-blog-section {
		padding: 65px 0;
	}


	.ia-blog-container {
		width: calc(100% - 28px);
	}


	.ia-blog-heading {
		margin-bottom: 35px;
	}


	.ia-blog-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}


	.ia-blog-heading p {
		font-size: 12px;
	}


	.ia-blog-featured {
		margin-bottom: 15px;
	}


	.ia-blog-featured-content {
		padding: 30px 22px;
	}


	.ia-blog-featured-content h3 {
		font-size: 27px;
	}


	.ia-blog-featured-content p {
		font-size: 11px;
	}


	.ia-blog-featured-visual {
		min-height: 270px;
	}


	.ia-blog-grid {
		grid-template-columns: 1fr;

		gap: 13px;
	}


	.ia-blog-grid .ia-blog-card:last-child {
		grid-column: auto;

		max-width: none;
	}


	.ia-blog-card-visual {
		height: 175px;
	}


	.ia-blog-card-body {
		padding: 22px;
	}


	.ia-blog-card-body h3 {
		font-size: 19px;
	}


	.ia-blog-card-body p {
		min-height: auto;

		font-size: 11px;
	}


	.ia-blog-topics {
		padding: 25px 20px;

		gap: 20px;
	}


	.ia-blog-topic-list {
		gap: 6px;
	}


	.ia-blog-topic-list a {
		font-size: 8px;
	}


	.ia-blog-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}


	.ia-blog-cta h3 {
		font-size: 23px;
	}


	.ia-blog-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-blog-heading h2 {
		font-size: 32px;
	}


	.ia-blog-featured-content h3 {
		font-size: 24px;
	}


	.ia-blog-featured-bottom {
		align-items: flex-start;

		flex-direction: column;

		gap: 12px;
	}


	.ia-blog-featured-visual {
		min-height: 235px;
	}


	.ia-blog-chart {
		transform: scale(.85);
	}


	.ia-blog-growth-badge {
		right: 15px;

		bottom: 15px;
	}


	.ia-blog-topics-title h3 {
		font-size: 20px;
	}

}


/* =========================================================
   INNOTIC ADS - META ADS SECTION
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-meta-section {
	position: relative;

	width: 100%;

	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.ia-meta-bg {
	position: absolute;

	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-meta-container {
	position: relative;

	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* =========================================================
   HEADER
   ========================================================= */

.ia-meta-heading {
	/* max-width: 800px; */

	margin: 0 auto 55px;

	text-align: center;
}


.ia-meta-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-meta-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .4);
}


.ia-meta-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(39px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-meta-heading h2 span {
	color: #087cf5;
}


.ia-meta-heading p {
	max-width: 710px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   HERO
   ========================================================= */

.ia-meta-hero {
	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	min-height: 440px;

	margin-bottom: 75px;

	overflow: hidden;

	border-radius: 13px;

	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);

	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-meta-hero-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 55px;
}


.ia-meta-label {
	margin-bottom: 13px;

	color: #fa6c91;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-meta-hero-content h3 {
	max-width: 570px;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-meta-hero-content h3 strong {
	display: block;

	color: #087cf5;
}


.ia-meta-hero-content p {
	max-width: 560px;

	margin: 0 0 25px;

	color: rgba(255, 255, 255, .68);

	font-size: 13px;

	line-height: 1.8;
}


.ia-meta-hero-buttons {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 22px;
}


.ia-meta-primary-btn,
.ia-meta-secondary-btn {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 46px;

	padding: 0 16px;

	box-sizing: border-box;

	border-radius: 5px;

	text-decoration: none !important;

	font-size: 10px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-meta-primary-btn {
	color: #ffffff !important;

	background: #087cf5;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-meta-primary-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-meta-primary-btn b {
	font-size: 17px;

	font-weight: 400;
}


.ia-meta-secondary-btn {
	color: rgba(255, 255, 255, .82) !important;

	border: 1px solid rgba(255, 255, 255, .16);

	background: rgba(255, 255, 255, .06);
}


.ia-meta-secondary-btn:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


.ia-meta-secondary-btn i {
	color: #087cf5;

	transition: color .2s ease;
}


.ia-meta-secondary-btn:hover i {
	color: #ffffff;
}


.ia-meta-trust {
	display: flex;

	flex-wrap: wrap;

	gap: 17px;
}


.ia-meta-trust span {
	color: rgba(255, 255, 255, .46);

	font-size: 11px;

	font-weight: 700;
}


/* =========================================================
   DASHBOARD
   ========================================================= */

.ia-meta-dashboard {
	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 35px;

	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-meta-dashboard::before {
	position: absolute;

	top: -100px;
	right: -100px;

	width: 300px;
	height: 300px;

	border: 1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


.ia-meta-dashboard-top {
	position: relative;

	z-index: 2;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 25px;
}


.ia-meta-dashboard-top small {
	display: block;

	margin-bottom: 5px;

	color: rgba(255, 255, 255, .4);

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-meta-dashboard-top strong {
	color: #ffffff;

	font-size: 18px;

	font-weight: 800;
}


.ia-meta-live {
	display: inline-flex;

	align-items: center;

	gap: 5px;

	padding: 5px 7px;

	border: 1px solid rgba(255, 255, 255, .1);

	border-radius: 20px;

	color: rgba(255, 255, 255, .55);

	font-size: 6px;

	font-weight: 800;
}


.ia-meta-live i {
	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: #22d08d;
}


/* Chart */

.ia-meta-dashboard-chart {
	position: relative;

	display: flex;

	height: 210px;
}


.ia-meta-y-axis {
	display: flex;

	flex-direction: column;

	justify-content: space-between;

	padding: 0 10px 0 0;
}


.ia-meta-y-axis span {
	color: rgba(255, 255, 255, .25);

	font-size: 7px;
}


.ia-meta-chart-area {
	position: relative;

	flex: 1;

	overflow: hidden;

	border-left: 1px solid rgba(255, 255, 255, .08);

	border-bottom: 1px solid rgba(255, 255, 255, .08);
}


.ia-meta-chart-grid {
	position: absolute;

	inset: 0;

	background-image:
		linear-gradient(rgba(255, 255, 255, .06) 1px,
			transparent 1px);

	background-size: 100% 25%;
}


.ia-meta-chart-line {
	position: absolute;

	left: 3%;
	right: 3%;

	top: 63%;

	height: 3px;

	border-radius: 5px;

	background: #087cf5;

	transform:
		rotate(-18deg);

	transform-origin: left center;

	box-shadow:
		0 0 12px rgba(250, 35, 93, .45);
}


.ia-meta-chart-point {
	position: absolute;

	z-index: 3;

	width: 7px;
	height: 7px;

	border: 2px solid #ffffff;

	border-radius: 50%;

	background: #087cf5;
}


.ia-meta-chart-point.p1 {
	left: 10%;
	top: 65%;
}


.ia-meta-chart-point.p2 {
	left: 29%;
	top: 58%;
}


.ia-meta-chart-point.p3 {
	left: 48%;
	top: 50%;
}


.ia-meta-chart-point.p4 {
	left: 68%;
	top: 35%;
}


.ia-meta-chart-point.p5 {
	right: 8%;
	top: 19%;
}


/* Stats */

.ia-meta-dashboard-stats {
	position: relative;

	z-index: 3;

	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 8px;

	margin-top: 25px;

	padding-top: 20px;

	border-top: 1px solid rgba(255, 255, 255, .09);
}


.ia-meta-dashboard-stats div {
	text-align: center;
}


.ia-meta-dashboard-stats span {
	display: block;

	margin-bottom: 4px;

	color: rgba(255, 255, 255, .35);

	font-size: 10px;

	font-weight: 800;

	letter-spacing: .8px;
}


.ia-meta-dashboard-stats strong {
	color: #ffffff;

	font-size: 20px;

	font-weight: 800;
}


.ia-meta-dashboard-stats div:first-child strong {
	color: #087cf5;
}


/* =========================================================
   SERVICES HEADING
   ========================================================= */

.ia-meta-services-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-meta-services-heading>span {
	color: #087cf5;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-meta-services-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 31px;

	font-weight: 800;
}


.ia-meta-services-heading strong {
	color: #087cf5;
}


/* =========================================================
   SERVICE GRID
   ========================================================= */

.ia-meta-services-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 75px;
}


.ia-meta-service-card {
	position: relative;

	min-height: 260px;

	padding: 25px;

	overflow: hidden;

	border: 1px solid #e1e5ee;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition:
		transform .3s ease,
		border-color .3s ease,
		box-shadow .3s ease;
}


.ia-meta-service-card:hover {
	transform: translateY(-6px);

	border-color: rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-meta-service-number {
	position: absolute;

	top: 18px;
	right: 20px;

	color: #b8bfcb;

	font-size: 8px;

	font-weight: 800;
}


.ia-meta-service-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;

	margin-bottom: 18px;

	border-radius: 9px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 19px;

	transition: all .25s ease;
}


.ia-meta-service-card:hover .ia-meta-service-icon {
	color: #ffffff;

	background: #087cf5;
}


.ia-meta-service-card h4 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;
}


.ia-meta-service-card p {
	margin: 0 0 18px;

	color: #758095;

	font-size: 13px;

	line-height: 1.75;
}


.ia-meta-service-card>span {
	display: block;

	padding-top: 2px;

	border-top: 1px solid #edf0f5;

	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* =========================================================
   FUNNEL
   ========================================================= */

.ia-meta-funnel {
	margin-bottom: 65px;

	padding: 50px 40px;

	border: 1px solid #e0e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-meta-funnel-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-meta-funnel-heading>span {
	color: #087cf5;

	font-size: 12px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-meta-funnel-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 29px;

	font-weight: 800;
}


.ia-meta-funnel-heading strong {
	color: #087cf5;
}


.ia-meta-funnel-flow {
	display: flex;

	align-items: flex-start;
}


.ia-meta-funnel-step {
	flex: 1;

	text-align: center;
}


.ia-meta-funnel-icon {
	display: flex;

	align-items: center;
	justify-content: center;

	width: 48px;
	height: 48px;

	margin: 0 auto 14px;

	border: 1px solid #f6b8ca;

	border-radius: 50%;

	color: #087cf5;

	background: #fff7f9;

	font-size: 14px;

	font-weight: 800;
}


.ia-meta-funnel-step h4 {
	margin: 0 0 6px;

	color: #000f6d;

	font-size: 15px;

	font-weight: 800;
}


.ia-meta-funnel-step p {
	max-width: 130px;

	margin: auto;

	color: #8791a0;

	font-size: 12px;

	line-height: 1.6;
}


.ia-meta-funnel-arrow {
	margin-top: 15px;

	color: #087cf5;

	font-size: 20px;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ia-meta-results {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 25px;

	padding: 35px 40px;

	border-radius: 10px;

	background: #ffffff;

	border: 1px solid #e1e5ee;
}


.ia-meta-results-content {
	max-width: 540px;
}


.ia-meta-results-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-meta-results-content h3 {
	margin: 8px 0 8px;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-meta-results-content h3 strong {
	color: #087cf5;
}


.ia-meta-results-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-meta-result-items {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	min-width: 390px;
}


.ia-meta-result-items div {
	text-align: center;

	padding: 0 18px;

	border-left: 1px solid #e6e9ef;
}


.ia-meta-result-items strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-meta-result-items span {
	display: block;

	margin-top: 5px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-meta-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 37px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-meta-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-meta-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-meta-cta h3 strong {
	color: #087cf5;
}


.ia-meta-cta p {
	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-meta-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 165px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-meta-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);

	box-shadow:
		0 10px 25px rgba(250, 35, 93, .25);
}


.ia-meta-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-meta-section {
		padding: 80px 0;
	}


	.ia-meta-hero {
		grid-template-columns: 1fr;
	}


	.ia-meta-dashboard {
		min-height: 360px;
	}


	.ia-meta-services-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}


	.ia-meta-services-grid .ia-meta-service-card:last-child {
		grid-column: 1 / -1;

		max-width: calc(50% - 8px);

		width: 100%;

		margin: auto;
	}


	.ia-meta-results {
		align-items: flex-start;

		flex-direction: column;
	}


	.ia-meta-result-items {
		width: 100%;

		min-width: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-meta-section {
		padding: 65px 0;
	}


	.ia-meta-container {
		width: calc(100% - 28px);
	}


	.ia-meta-heading {
		margin-bottom: 35px;
	}


	.ia-meta-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}


	.ia-meta-heading p {
		font-size: 12px;
	}


	.ia-meta-hero {
		margin-bottom: 55px;
	}


	.ia-meta-hero-content {
		padding: 30px 22px;
	}


	.ia-meta-hero-content h3 {
		font-size: 29px;
	}


	.ia-meta-hero-content p {
		font-size: 11px;
	}


	.ia-meta-hero-buttons {
		align-items: stretch;

		flex-direction: column;
	}


	.ia-meta-primary-btn,
	.ia-meta-secondary-btn {
		width: 100%;

		box-sizing: border-box;
	}


	.ia-meta-trust {
		gap: 10px;
	}


	.ia-meta-dashboard {
		min-height: 330px;

		padding: 27px 20px;
	}


	.ia-meta-dashboard-chart {
		height: 170px;
	}


	.ia-meta-services-heading h3 {
		font-size: 27px;
	}


	.ia-meta-services-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}


	.ia-meta-services-grid .ia-meta-service-card:last-child {
		grid-column: auto;

		max-width: none;
	}


	.ia-meta-service-card {
		min-height: auto;

		padding: 22px;
	}


	.ia-meta-funnel {
		padding: 35px 20px;
	}


	.ia-meta-funnel-heading h3 {
		font-size: 24px;
	}


	.ia-meta-funnel-flow {
		flex-direction: column;

		align-items: center;

		gap: 0;
	}


	.ia-meta-funnel-step {
		width: 100%;
	}


	.ia-meta-funnel-arrow {
		margin: 12px 0;

		transform: rotate(90deg);
	}


	.ia-meta-results {
		padding: 28px 22px;
	}


	.ia-meta-result-items {
		width: 100%;
	}


	.ia-meta-result-items div {
		padding: 0 8px;
	}


	.ia-meta-result-items strong {
		font-size: 22px;
	}


	.ia-meta-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}


	.ia-meta-cta h3 {
		font-size: 23px;
	}


	.ia-meta-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-meta-heading h2 {
		font-size: 32px;
	}


	.ia-meta-hero-content h3 {
		font-size: 26px;
	}


	.ia-meta-dashboard {
		min-height: 310px;
	}


	.ia-meta-dashboard-chart {
		height: 145px;
	}


	.ia-meta-dashboard-stats strong {
		font-size: 17px;
	}


	.ia-meta-result-items strong {
		font-size: 20px;
	}


	.ia-meta-cta h3 {
		font-size: 21px;
	}

}




/* =========================================================
   INNOTIC ADS - GOOGLE ADS
   #000f6d
   #087cf5
   ========================================================= */

.ia-gads-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 105px 0;
	background: #f8f9fd;
	color: #000f6d;
	font-family: Arial, Helvetica, sans-serif;
}


/* ================= BACKGROUND ================= */

.ia-gads-bg {
	position: absolute;
	inset: 0;
	opacity: .65;
	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);
	background-size: 55px 55px;
	pointer-events: none;
}


.ia-gads-container {
	position: relative;
	z-index: 2;
	width: min(1180px, calc(100% - 40px));
	margin: auto;
}


/* ================= HEADER ================= */

.ia-gads-heading {
	/* max-width: 800px; */
	margin: 0 auto 55px;
	text-align: center;
}


.ia-gads-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 15px;
	color: #087cf5;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-gads-tag i {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #087cf5;
	box-shadow: 0 0 10px rgba(250, 35, 93, .4);
}


.ia-gads-heading h2 {
	margin: 0 0 17px;
	color: #000f6d;
	font-size: clamp(39px, 5vw, 60px);
	font-weight: 800;
	line-height: 1.05;
	letter-spacing: -1.5px;
}


.ia-gads-heading h2 span {
	color: #087cf5;
}


.ia-gads-heading p {
	max-width: 710px;
	margin: auto;
	color: #687386;
	font-size: 14px;
	line-height: 1.8;
}


/* ================= HERO ================= */

.ia-gads-hero {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	min-height: 450px;
	margin-bottom: 75px;
	overflow: hidden;
	border-radius: 13px;
	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);
	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-gads-hero-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 55px;
}


.ia-gads-label {
	margin-bottom: 13px;
	color: #fa6c91;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.7px;
}


.ia-gads-hero-content h3 {
	max-width: 570px;
	margin: 0 0 17px;
	color: #ffffff;
	font-size: 39px;
	font-weight: 800;
	line-height: 1.1;
}


.ia-gads-hero-content h3 strong {
	display: block;
	color: #087cf5;
}


.ia-gads-hero-content p {
	max-width: 560px;
	margin: 0 0 25px;
	color: rgba(255, 255, 255, .68);
	font-size: 13px;
	line-height: 1.8;
}


.ia-gads-buttons {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 22px;
}


.ia-gads-primary-btn,
.ia-gads-secondary-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	min-height: 46px;
	padding: 0 16px;
	box-sizing: border-box;
	border-radius: 5px;
	text-decoration: none !important;
	font-size: 10px;
	font-weight: 800;
	transition: all .25s ease;
}


.ia-gads-primary-btn {
	color: #ffffff !important;
	background: #087cf5;
	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-gads-primary-btn:hover {
	color: #ffffff !important;
	background: #e81750;
	transform: translateY(-2px);
}


.ia-gads-primary-btn b {
	font-size: 17px;
	font-weight: 400;
}


.ia-gads-secondary-btn {
	color: rgba(255, 255, 255, .82) !important;
	border: 1px solid rgba(255, 255, 255, .16);
	background: rgba(255, 255, 255, .06);
}


.ia-gads-secondary-btn:hover {
	color: #ffffff !important;
	border-color: #087cf5;
	background: #087cf5;
}


.ia-gads-secondary-btn i {
	color: #087cf5;
}


.ia-gads-secondary-btn:hover i {
	color: #ffffff;
}


.ia-gads-trust {
	display: flex;
	flex-wrap: wrap;
	gap: 17px;
}


.ia-gads-trust span {
	color: rgba(255, 255, 255, .46);
	font-size: 11px;
	font-weight: 700;
}


/* ================= DASHBOARD ================= */

.ia-gads-dashboard {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 35px;
	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-gads-dashboard::before {
	position: absolute;
	top: -100px;
	right: -100px;
	width: 300px;
	height: 300px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 50%;
	content: "";
}


.ia-gads-dashboard-top {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 22px;
}


.ia-gads-dashboard-top small {
	display: block;
	margin-bottom: 5px;
	color: rgba(255, 255, 255, .4);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1px;
}


.ia-gads-dashboard-top strong {
	color: #ffffff;
	font-size: 18px;
	font-weight: 800;
}


.ia-gads-live {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 5px 7px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 20px;
	color: rgba(255, 255, 255, .55);
	font-size: 6px;
	font-weight: 800;
}


.ia-gads-live i {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #22d08d;
}


/* Search preview */

.ia-gads-search-box {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 11px;
	padding: 13px;
	margin-bottom: 22px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 7px;
	background: rgba(255, 255, 255, .06);
}


.ia-gads-search-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	color: #087cf5;
	background: rgba(250, 35, 93, .12);
}


.ia-gads-search-text {
	flex: 1;
}


.ia-gads-search-text span {
	display: block;
	margin-bottom: 3px;
	color: #ffffff;
	font-size: 10px;
	font-weight: 700;
}


.ia-gads-search-text small {
	color: rgba(255, 255, 255, .35);
	font-size: 10px;
}


.ia-gads-search-box>b {
	padding: 4px 5px;
	border-radius: 3px;
	color: #ffffff;
	background: #087cf5;
	font-size: 6px;
}


/* Performance */

.ia-gads-performance {
	position: relative;
	z-index: 2;
	padding: 20px;
	border: 1px solid rgba(255, 255, 255, .09);
	border-radius: 8px;
	background: rgba(255, 255, 255, .04);
}


.ia-gads-performance-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 17px;
}


.ia-gads-performance-head span {
	color: rgba(255, 255, 255, .4);
	font-size: 7px;
	font-weight: 800;
	letter-spacing: 1px;
}


.ia-gads-performance-head strong {
	color: #087cf5;
	font-size: 15px;
}


.ia-gads-bars {
	display: flex;
	align-items: flex-end;
	gap: 7px;
	height: 105px;
}


.ia-gads-bars i {
	flex: 1;
	min-height: 12px;
	border-radius: 3px 3px 0 0;
	background:
		linear-gradient(to top,
			#087cf5,
			#ff769b);
}


/* Stats */

.ia-gads-dashboard-stats {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, .09);
}


.ia-gads-dashboard-stats div {
	text-align: center;
}


.ia-gads-dashboard-stats span {
	display: block;
	margin-bottom: 4px;
	color: rgba(255, 255, 255, .35);
	font-size: 7px;
	font-weight: 800;
}


.ia-gads-dashboard-stats strong {
	color: #ffffff;
	font-size: 19px;
	font-weight: 800;
}


.ia-gads-dashboard-stats div:first-child strong {
	color: #087cf5;
}


/* ================= SERVICES ================= */

.ia-gads-services-heading {
	margin-bottom: 40px;
	text-align: center;
}


.ia-gads-services-heading>span {
	color: #087cf5;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.5px;
}


.ia-gads-services-heading h3 {
	margin: 9px 0 0;
	color: #000f6d;
	font-size: 31px;
	font-weight: 800;
}


.ia-gads-services-heading strong {
	color: #087cf5;
}


.ia-gads-services-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	margin-bottom: 75px;
}


.ia-gads-service-card {
	position: relative;
	min-height: 260px;
	padding: 25px;
	overflow: hidden;
	border: 1px solid #e1e5ee;
	border-radius: 9px;
	background: #ffffff;
	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);
	transition: all .3s ease;
}


.ia-gads-service-card:hover {
	transform: translateY(-6px);
	border-color: rgba(250, 35, 93, .25);
	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-gads-number {
	position: absolute;
	top: 18px;
	right: 20px;
	color: #b8bfcb;
	font-size: 8px;
	font-weight: 800;
}


.ia-gads-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin-bottom: 18px;
	border-radius: 9px;
	color: #087cf5;
	background: #fff0f4;
	font-size: 26px;
	transition: all .25s ease;
}


.ia-gads-service-card:hover .ia-gads-icon {
	color: #ffffff;
	background: #087cf5;
}


.ia-gads-service-card h4 {
	margin: 0 0 10px;
	color: #000f6d;
	font-size: 18px;
	font-weight: 800;
}


.ia-gads-service-card p {
	margin: 0 0 18px;
	color: #758095;
	font-size: 13px;
	line-height: 1.75;
}


.ia-gads-service-card>span {
	display: block;
	padding-top: 12px;
	border-top: 1px solid #edf0f5;
	color: #087cf5;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1px;
}


/* ================= PROCESS ================= */

.ia-gads-process {
	margin-bottom: 65px;
	padding: 50px 40px;
	border: 1px solid #e0e5ee;
	border-radius: 11px;
	background: #ffffff;
	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-gads-process-heading {
	margin-bottom: 45px;
	text-align: center;
}


.ia-gads-process-heading>span {
	color: #087cf5;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: 1.5px;
}


.ia-gads-process-heading h3 {
	margin: 9px 0 0;
	color: #000f6d;
	font-size: 29px;
	font-weight: 800;
}


.ia-gads-process-heading strong {
	color: #087cf5;
}


.ia-gads-process-flow {
	display: flex;
	align-items: flex-start;
}


.ia-gads-process-step {
	flex: 1;
	text-align: center;
}


.ia-gads-process-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0 auto 14px;
	border: 1px solid #f6b8ca;
	border-radius: 50%;
	color: #087cf5;
	background: #fff7f9;
	font-size: 15px;
	font-weight: 800;
}


.ia-gads-process-step h4 {
	margin: 0 0 6px;
	color: #000f6d;
	font-size: 15px;
	font-weight: 800;
}


.ia-gads-process-step p {
	max-width: 125px;
	margin: auto;
	color: #8791a0;
	font-size: 11px;
	line-height: 1.6;
}


.ia-gads-process-arrow {
	margin-top: 15px;
	color: #087cf5;
	font-size: 20px;
}


/* ================= WHY GOOGLE ================= */

.ia-gads-why {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	align-items: center;
	margin-bottom: 25px;
	padding: 38px 40px;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid #e1e5ee;
}


.ia-gads-why-content {
	max-width: 530px;
}


.ia-gads-why-content>span {
	color: #087cf5;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 1.4px;
}


.ia-gads-why-content h3 {
	margin: 8px 0;
	color: #000f6d;
	font-size: 27px;
	font-weight: 800;
}


.ia-gads-why-content h3 strong {
	color: #087cf5;
}


.ia-gads-why-content p {
	margin: 0;
	color: #758095;
	font-size: 13px;
	line-height: 1.75;
}


.ia-gads-benefits {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}


.ia-gads-benefits div {
	padding: 18px 12px;
	text-align: center;
	border: 1px solid #edf0f5;
	border-radius: 7px;
}


.ia-gads-benefits i {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	margin: 0 auto 9px;
	border-radius: 7px;
	color: #087cf5;
	background: #fff0f4;
}


.ia-gads-benefits strong {
	display: block;
	margin-bottom: 6px;
	color: #000f6d;
	font-size: 14px;
}


.ia-gads-benefits span {
	display: block;
	color: #8b94a2;
	font-size: 11px;
	line-height: 1.5;
}


/* ================= RESULTS ================= */

.ia-gads-results {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	margin-bottom: 25px;
	padding: 35px 40px;
	border: 1px solid #e1e5ee;
	border-radius: 10px;
	background: #ffffff;
}


.ia-gads-results-content {
	max-width: 540px;
}


.ia-gads-results-content>span {
	color: #087cf5;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 1.4px;
}


.ia-gads-results-content h3 {
	margin: 8px 0;
	color: #000f6d;
	font-size: 27px;
	font-weight: 800;
}


.ia-gads-results-content h3 strong {
	color: #087cf5;
}


.ia-gads-results-content p {
	margin: 0;
	color: #758095;
	font-size: 13px;
	line-height: 1.7;
}


.ia-gads-results-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	min-width: 390px;
}


.ia-gads-results-stats div {
	padding: 0 18px;
	text-align: center;
	border-left: 1px solid #e6e9ef;
}


.ia-gads-results-stats strong {
	display: block;
	color: #000f6d;
	font-size: 26px;
	font-weight: 800;
}


.ia-gads-results-stats span {
	display: block;
	margin-top: 5px;
	color: #929aaa;
	font-size: 9px;
	font-weight: 800;
	letter-spacing: .8px;
}


/* ================= CTA ================= */

.ia-gads-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	padding: 37px 40px;
	border-radius: 10px;
	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);
	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-gads-cta>div>span {
	color: #fa6c91;
	font-size: 8px;
	font-weight: 800;
	letter-spacing: 1.5px;
}


.ia-gads-cta h3 {
	margin: 7px 0 6px;
	color: #ffffff;
	font-size: 27px;
	font-weight: 800;
}


.ia-gads-cta h3 strong {
	color: #087cf5;
}


.ia-gads-cta p {
	margin: 0;
	color: rgba(255, 255, 255, .65);
	font-size: 13px;
	line-height: 1.6;
}


.ia-gads-cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	min-width: 165px;
	padding: 14px 17px;
	border-radius: 5px;
	color: #ffffff !important;
	background: #087cf5;
	font-size: 10px;
	font-weight: 800;
	text-decoration: none !important;
	transition: all .25s ease;
}


.ia-gads-cta-btn:hover {
	color: #ffffff !important;
	background: #e81750;
	transform: translateY(-2px);
}


.ia-gads-cta-btn b {
	font-size: 17px;
	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-gads-section {
		padding: 80px 0;
	}

	.ia-gads-hero {
		grid-template-columns: 1fr;
	}

	.ia-gads-dashboard {
		min-height: 390px;
	}

	.ia-gads-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ia-gads-services-grid .ia-gads-service-card:last-child {
		grid-column: 1 / -1;
		max-width: calc(50% - 8px);
		width: 100%;
		margin: auto;
	}

	.ia-gads-why {
		grid-template-columns: 1fr;
	}

	.ia-gads-results {
		align-items: flex-start;
		flex-direction: column;
	}

	.ia-gads-results-stats {
		width: 100%;
		min-width: 0;
	}
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-gads-section {
		padding: 65px 0;
	}

	.ia-gads-container {
		width: calc(100% - 28px);
	}

	.ia-gads-heading {
		margin-bottom: 35px;
	}

	.ia-gads-heading h2 {
		font-size: 36px;
		letter-spacing: -1px;
	}

	.ia-gads-heading p {
		font-size: 12px;
	}

	.ia-gads-hero {
		margin-bottom: 55px;
	}

	.ia-gads-hero-content {
		padding: 30px 22px;
	}

	.ia-gads-hero-content h3 {
		font-size: 29px;
	}

	.ia-gads-hero-content p {
		font-size: 11px;
	}

	.ia-gads-buttons {
		align-items: stretch;
		flex-direction: column;
	}

	.ia-gads-primary-btn,
	.ia-gads-secondary-btn {
		width: 100%;
	}

	.ia-gads-dashboard {
		min-height: 340px;
		padding: 27px 20px;
	}

	.ia-gads-performance {
		padding: 15px;
	}

	.ia-gads-bars {
		height: 85px;
	}

	.ia-gads-services-heading h3 {
		font-size: 27px;
	}

	.ia-gads-services-grid {
		grid-template-columns: 1fr;
		margin-bottom: 55px;
	}

	.ia-gads-services-grid .ia-gads-service-card:last-child {
		grid-column: auto;
		max-width: none;
	}

	.ia-gads-service-card {
		min-height: auto;
		padding: 22px;
	}

	.ia-gads-process {
		padding: 35px 20px;
	}

	.ia-gads-process-heading h3 {
		font-size: 24px;
	}

	.ia-gads-process-flow {
		flex-direction: column;
		align-items: center;
		gap: 0;
	}

	.ia-gads-process-step {
		width: 100%;
	}

	.ia-gads-process-arrow {
		margin: 12px 0;
		transform: rotate(90deg);
	}

	.ia-gads-why {
		padding: 28px 22px;
	}

	.ia-gads-benefits {
		grid-template-columns: 1fr;
	}

	.ia-gads-results {
		padding: 28px 22px;
	}

	.ia-gads-results-stats {
		width: 100%;
	}

	.ia-gads-results-stats div {
		padding: 0 7px;
	}

	.ia-gads-results-stats strong {
		font-size: 21px;
	}

	.ia-gads-cta {
		flex-direction: column;
		align-items: flex-start;
		padding: 28px 22px;
	}

	.ia-gads-cta h3 {
		font-size: 23px;
	}

	.ia-gads-cta-btn {
		width: 100%;
		box-sizing: border-box;
	}
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-gads-heading h2 {
		font-size: 32px;
	}

	.ia-gads-hero-content h3 {
		font-size: 26px;
	}

	.ia-gads-dashboard {
		min-height: 320px;
	}

	.ia-gads-dashboard-stats strong {
		font-size: 17px;
	}

	.ia-gads-results-stats strong {
		font-size: 19px;
	}

	.ia-gads-cta h3 {
		font-size: 21px;
	}
}



/* =========================================================
   INNOTIC ADS - SEO SERVICES
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-seo-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 105px 0;
	background: #f8f9fd;
	color: #000f6d;
	font-family: Arial, Helvetica, sans-serif;
}


/* ================= BACKGROUND ================= */

.ia-seo-bg {
	position: absolute;
	inset: 0;
	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-seo-container {
	position: relative;
	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* ================= HEADER ================= */

.ia-seo-heading {
	/* max-width: 800px; */
	margin: 0 auto 55px;
	text-align: center;
}


.ia-seo-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-seo-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .4);
}


.ia-seo-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(39px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-seo-heading h2 span {
	color: #087cf5;
}


.ia-seo-heading p {
	max-width: 710px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* ================= HERO ================= */

.ia-seo-hero {
	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	min-height: 450px;

	margin-bottom: 75px;

	overflow: hidden;

	border-radius: 13px;

	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);

	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-seo-hero-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 55px;
}


.ia-seo-label {
	margin-bottom: 13px;

	color: #fa6c91;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-seo-hero-content h3 {
	max-width: 570px;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-seo-hero-content h3 strong {
	display: block;

	color: #087cf5;
}


.ia-seo-hero-content p {
	max-width: 560px;

	margin: 0 0 25px;

	color: rgba(255, 255, 255, .68);

	font-size: 13px;

	line-height: 1.8;
}


/* Buttons */

.ia-seo-buttons {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 22px;
}


.ia-seo-primary-btn,
.ia-seo-secondary-btn {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 46px;

	padding: 0 16px;

	box-sizing: border-box;

	border-radius: 5px;

	text-decoration: none !important;

	font-size: 10px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-seo-primary-btn {
	color: #ffffff !important;

	background: #087cf5;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-seo-primary-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-seo-primary-btn b {
	font-size: 17px;

	font-weight: 400;
}


.ia-seo-secondary-btn {
	color: rgba(255, 255, 255, .82) !important;

	border: 1px solid rgba(255, 255, 255, .16);

	background: rgba(255, 255, 255, .06);
}


.ia-seo-secondary-btn:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


.ia-seo-secondary-btn i {
	color: #087cf5;
}


.ia-seo-secondary-btn:hover i {
	color: #ffffff;
}


.ia-seo-trust {
	display: flex;

	flex-wrap: wrap;

	gap: 17px;
}


.ia-seo-trust span {
	color: rgba(255, 255, 255, .46);

	font-size: 8px;

	font-weight: 700;
}


/* ================= DASHBOARD ================= */

.ia-seo-dashboard {
	position: relative;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 35px;

	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-seo-dashboard::before {
	position: absolute;

	top: -100px;

	right: -100px;

	width: 300px;
	height: 300px;

	border: 1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


.ia-seo-dashboard-top {
	position: relative;

	z-index: 2;

	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 20px;
}


.ia-seo-dashboard-top small {
	display: block;

	margin-bottom: 5px;

	color: rgba(255, 255, 255, .4);

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-seo-dashboard-top strong {
	color: #ffffff;

	font-size: 18px;

	font-weight: 800;
}


.ia-seo-live {
	display: inline-flex;

	align-items: center;

	gap: 5px;

	padding: 5px 7px;

	border: 1px solid rgba(255, 255, 255, .1);

	border-radius: 20px;

	color: rgba(255, 255, 255, .55);

	font-size: 6px;

	font-weight: 800;
}


.ia-seo-live i {
	width: 5px;
	height: 5px;

	border-radius: 50%;

	background: #22d08d;
}


/* Search */

.ia-seo-search {
	position: relative;

	z-index: 2;

	display: flex;

	align-items: center;

	gap: 11px;

	padding: 13px;

	margin-bottom: 17px;

	border: 1px solid rgba(255, 255, 255, .1);

	border-radius: 7px;

	background: rgba(255, 255, 255, .06);
}


.ia-seo-search-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 31px;
	height: 31px;

	border-radius: 5px;

	color: #087cf5;

	background: rgba(250, 35, 93, .12);
}


.ia-seo-search>div:nth-child(2) {
	flex: 1;
}


.ia-seo-search span {
	display: block;

	margin-bottom: 3px;

	color: #ffffff;

	font-size: 10px;

	font-weight: 700;
}


.ia-seo-search small {
	color: rgba(255, 255, 255, .35);

	font-size: 7px;
}


.ia-seo-search>b {
	padding: 4px 5px;

	border-radius: 3px;

	color: #ffffff;

	background: #087cf5;

	font-size: 6px;
}


/* Chart */

.ia-seo-chart {
	position: relative;

	z-index: 2;

	padding: 19px;

	border: 1px solid rgba(255, 255, 255, .09);

	border-radius: 8px;

	background: rgba(255, 255, 255, .04);
}


.ia-seo-chart-head {
	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 15px;
}


.ia-seo-chart-head span {
	color: rgba(255, 255, 255, .4);

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-seo-chart-head strong {
	color: #087cf5;

	font-size: 15px;
}


.ia-seo-chart-area {
	position: relative;

	height: 115px;

	overflow: hidden;

	border-left: 1px solid rgba(255, 255, 255, .08);

	border-bottom: 1px solid rgba(255, 255, 255, .08);
}


.ia-seo-grid {
	position: absolute;

	inset: 0;

	background-image:
		linear-gradient(rgba(255, 255, 255, .06) 1px,
			transparent 1px);

	background-size: 100% 25%;
}


.ia-seo-line {
	position: absolute;

	left: 3%;

	right: 3%;

	top: 72%;

	height: 3px;

	border-radius: 5px;

	background: #087cf5;

	transform:
		rotate(-22deg);

	transform-origin: left center;

	box-shadow:
		0 0 12px rgba(250, 35, 93, .5);
}


.ia-seo-point {
	position: absolute;

	z-index: 3;

	width: 7px;

	height: 7px;

	border: 2px solid #ffffff;

	border-radius: 50%;

	background: #087cf5;
}


.seo-p1 {
	left: 8%;
	top: 73%;
}


.seo-p2 {
	left: 28%;
	top: 64%;
}


.seo-p3 {
	left: 48%;
	top: 52%;
}


.seo-p4 {
	left: 68%;
	top: 37%;
}


.seo-p5 {
	right: 7%;
	top: 19%;
}


/* Dashboard stats */

.ia-seo-dashboard-stats {
	position: relative;

	z-index: 2;

	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 8px;

	margin-top: 18px;

	padding-top: 17px;

	border-top: 1px solid rgba(255, 255, 255, .09);
}


.ia-seo-dashboard-stats div {
	text-align: center;
}


.ia-seo-dashboard-stats span {
	display: block;

	margin-bottom: 4px;

	color: rgba(255, 255, 255, .35);

	font-size: 11px;

	font-weight: 800;
}


.ia-seo-dashboard-stats strong {
	color: #ffffff;

	font-size: 19px;

	font-weight: 800;
}


.ia-seo-dashboard-stats div:first-child strong {
	color: #087cf5;
}


/* ================= SERVICES ================= */

.ia-seo-services-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-seo-services-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-seo-services-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 31px;

	font-weight: 800;
}


.ia-seo-services-heading strong {
	color: #087cf5;
}


.ia-seo-services-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 75px;
}


.ia-seo-service-card {
	position: relative;

	min-height: 260px;

	padding: 25px;

	overflow: hidden;

	border: 1px solid #e1e5ee;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition: all .3s ease;
}


.ia-seo-service-card:hover {
	transform: translateY(-6px);

	border-color: rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-seo-number {
	position: absolute;

	top: 18px;

	right: 20px;

	color: #b8bfcb;

	font-size: 8px;

	font-weight: 800;
}


.ia-seo-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;

	height: 48px;

	margin-bottom: 18px;

	border-radius: 9px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 19px;

	transition: all .25s ease;
}


.ia-seo-service-card:hover .ia-seo-icon {
	color: #ffffff;

	background: #087cf5;
}


.ia-seo-service-card h4 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;
}


.ia-seo-service-card p {
	margin: 0 0 18px;

	color: #758095;

	font-size: 14px;

	line-height: 1.75;
}


.ia-seo-service-card>span {
	display: block;

	padding-top: 12px;

	border-top: 1px solid #edf0f5;

	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* ================= PROCESS ================= */

.ia-seo-process {
	margin-bottom: 65px;

	padding: 50px 40px;

	border: 1px solid #e0e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-seo-process-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-seo-process-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-seo-process-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 29px;

	font-weight: 800;
}


.ia-seo-process-heading strong {
	color: #087cf5;
}


.ia-seo-process-flow {
	display: flex;

	align-items: flex-start;
}


.ia-seo-process-step {
	flex: 1;

	text-align: center;
}


.ia-seo-process-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;

	height: 48px;

	margin: 0 auto 14px;

	border: 1px solid #f6b8ca;

	border-radius: 50%;

	color: #087cf5;

	background: #fff7f9;

	font-size: 15px;

	font-weight: 800;
}


.ia-seo-process-step h4 {
	margin: 0 0 6px;

	color: #000f6d;

	font-size: 15px;

	font-weight: 800;
}


.ia-seo-process-step p {
	max-width: 125px;

	margin: auto;

	color: #8791a0;

	font-size: 11px;

	line-height: 1.6;
}


.ia-seo-process-arrow {
	margin-top: 15px;

	color: #087cf5;

	font-size: 20px;
}


/* ================= BENEFITS ================= */

.ia-seo-benefits {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 40px;

	align-items: center;

	margin-bottom: 25px;

	padding: 38px 40px;

	border: 1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-seo-benefits-content {
	max-width: 530px;
}


.ia-seo-benefits-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-seo-benefits-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-seo-benefits-content h3 strong {
	color: #087cf5;
}


.ia-seo-benefits-content p {
	margin: 0;

	color: #758095;

	font-size: 12px;

	line-height: 1.75;
}


.ia-seo-benefits-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 10px;
}


.ia-seo-benefits-grid div {
	padding: 18px 12px;

	text-align: center;

	border: 1px solid #edf0f5;

	border-radius: 7px;
}


.ia-seo-benefits-grid i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;

	height: 35px;

	margin: 0 auto 9px;

	border-radius: 7px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-seo-benefits-grid strong {
	display: block;

	margin-bottom: 6px;

	color: #000f6d;

	font-size: 14px;
}


.ia-seo-benefits-grid span {
	display: block;

	color: #8b94a2;

	font-size: 11px;

	line-height: 1.5;
}


/* ================= RESULTS ================= */

.ia-seo-results {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 25px;

	padding: 35px 40px;

	border: 1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-seo-results-content {
	max-width: 540px;
}


.ia-seo-results-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-seo-results-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-seo-results-content h3 strong {
	color: #087cf5;
}


.ia-seo-results-content p {
	margin: 0;

	color: #758095;

	font-size: 13px;

	line-height: 1.7;
}


.ia-seo-results-stats {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	min-width: 390px;
}


.ia-seo-results-stats div {
	padding: 0 18px;

	text-align: center;

	border-left: 1px solid #e6e9ef;
}


.ia-seo-results-stats strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-seo-results-stats span {
	display: block;

	margin-top: 5px;

	color: #929aaa;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* ================= CTA ================= */

.ia-seo-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 37px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-seo-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-seo-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-seo-cta h3 strong {
	color: #087cf5;
}


.ia-seo-cta p {
	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 12px;

	line-height: 1.6;
}


.ia-seo-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 165px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-seo-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-seo-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-seo-section {
		padding: 80px 0;
	}

	.ia-seo-hero {
		grid-template-columns: 1fr;
	}

	.ia-seo-dashboard {
		min-height: 390px;
	}

	.ia-seo-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ia-seo-services-grid .ia-seo-service-card:last-child {
		grid-column: 1 / -1;

		max-width: calc(50% - 8px);

		width: 100%;

		margin: auto;
	}

	.ia-seo-benefits {
		grid-template-columns: 1fr;
	}

	.ia-seo-results {
		align-items: flex-start;

		flex-direction: column;
	}

	.ia-seo-results-stats {
		width: 100%;

		min-width: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-seo-section {
		padding: 65px 0;
	}

	.ia-seo-container {
		width: calc(100% - 28px);
	}

	.ia-seo-heading {
		margin-bottom: 35px;
	}

	.ia-seo-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}

	.ia-seo-heading p {
		font-size: 12px;
	}

	.ia-seo-hero {
		margin-bottom: 55px;
	}

	.ia-seo-hero-content {
		padding: 30px 22px;
	}

	.ia-seo-hero-content h3 {
		font-size: 29px;
	}

	.ia-seo-hero-content p {
		font-size: 11px;
	}

	.ia-seo-buttons {
		align-items: stretch;

		flex-direction: column;
	}

	.ia-seo-primary-btn,
	.ia-seo-secondary-btn {
		width: 100%;
	}

	.ia-seo-dashboard {
		min-height: 340px;

		padding: 27px 20px;
	}

	.ia-seo-chart-area {
		height: 100px;
	}

	.ia-seo-services-heading h3 {
		font-size: 27px;
	}

	.ia-seo-services-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}

	.ia-seo-services-grid .ia-seo-service-card:last-child {
		grid-column: auto;

		max-width: none;
	}

	.ia-seo-service-card {
		min-height: auto;

		padding: 22px;
	}

	.ia-seo-process {
		padding: 35px 20px;
	}

	.ia-seo-process-heading h3 {
		font-size: 24px;
	}

	.ia-seo-process-flow {
		flex-direction: column;

		align-items: center;

		gap: 0;
	}

	.ia-seo-process-step {
		width: 100%;
	}

	.ia-seo-process-arrow {
		margin: 12px 0;

		transform: rotate(90deg);
	}

	.ia-seo-benefits {
		padding: 28px 22px;
	}

	.ia-seo-benefits-grid {
		grid-template-columns: 1fr;
	}

	.ia-seo-results {
		padding: 28px 22px;
	}

	.ia-seo-results-stats {
		width: 100%;
	}

	.ia-seo-results-stats div {
		padding: 0 7px;
	}

	.ia-seo-results-stats strong {
		font-size: 21px;
	}

	.ia-seo-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}

	.ia-seo-cta h3 {
		font-size: 23px;
	}

	.ia-seo-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-seo-heading h2 {
		font-size: 32px;
	}

	.ia-seo-hero-content h3 {
		font-size: 26px;
	}

	.ia-seo-dashboard {
		min-height: 320px;
	}

	.ia-seo-dashboard-stats strong {
		font-size: 17px;
	}

	.ia-seo-results-stats strong {
		font-size: 19px;
	}

	.ia-seo-cta h3 {
		font-size: 21px;
	}

}




/* =========================================================
   INNOTIC ADS - WEBSITE DESIGN
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-web-section {
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 105px 0;
	background: #f8f9fd;
	color: #000f6d;
	font-family: Arial, Helvetica, sans-serif;
}


/* ================= BACKGROUND ================= */

.ia-web-bg {
	position: absolute;
	inset: 0;
	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-web-container {
	position: relative;
	z-index: 2;

	width: min(1180px, calc(100% - 40px));

	margin: auto;
}


/* ================= HEADER ================= */

.ia-web-heading {
	/* max-width: 820px; */

	margin: 0 auto 55px;

	text-align: center;
}


.ia-web-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;
	font-weight: 800;
	letter-spacing: 1.8px;
}


.ia-web-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .4);
}


.ia-web-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size: clamp(39px, 5vw, 60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-web-heading h2 span {
	color: #087cf5;
}


.ia-web-heading p {
	max-width: 720px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* ================= HERO ================= */

.ia-web-hero {
	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	min-height: 450px;

	margin-bottom: 75px;

	overflow: hidden;

	border-radius: 13px;

	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);

	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-web-hero-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 55px;
}


.ia-web-label {
	margin-bottom: 13px;

	color: #fa6c91;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-web-hero-content h3 {
	max-width: 570px;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-web-hero-content h3 strong {
	display: block;

	color: #087cf5;
}


.ia-web-hero-content p {
	max-width: 560px;

	margin: 0 0 25px;

	color: rgba(255, 255, 255, .68);

	font-size: 13px;

	line-height: 1.8;
}


/* Buttons */

.ia-web-buttons {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 22px;
}


.ia-web-primary-btn,
.ia-web-secondary-btn {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 46px;

	padding: 0 16px;

	box-sizing: border-box;

	border-radius: 5px;

	text-decoration: none !important;

	font-size: 10px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-web-primary-btn {
	color: #ffffff !important;

	background: #087cf5;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-web-primary-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-web-primary-btn b {
	font-size: 17px;

	font-weight: 400;
}


.ia-web-secondary-btn {
	color: rgba(255, 255, 255, .82) !important;

	border: 1px solid rgba(255, 255, 255, .16);

	background: rgba(255, 255, 255, .06);
}


.ia-web-secondary-btn:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


.ia-web-secondary-btn i {
	color: #087cf5;
}


.ia-web-secondary-btn:hover i {
	color: #ffffff;
}


.ia-web-trust {
	display: flex;

	flex-wrap: wrap;

	gap: 17px;
}


.ia-web-trust span {
	color: rgba(255, 255, 255, .46);

	font-size: 8px;

	font-weight: 700;
}


/* =========================================================
   WEBSITE PREVIEW
   ========================================================= */

.ia-web-preview {
	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 450px;

	padding: 30px;

	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-web-preview::before {
	position: absolute;

	top: -80px;

	right: -80px;

	width: 260px;

	height: 260px;

	border: 1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


/* Browser */

.ia-web-browser {
	position: relative;

	z-index: 3;

	width: 100%;

	max-width: 390px;

	overflow: hidden;

	border: 1px solid rgba(255, 255, 255, .14);

	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 25px 50px rgba(0, 0, 0, .25);

	transform:
		perspective(800px) rotateY(-4deg) rotateX(2deg);
}


.ia-web-browser-top {
	display: flex;

	align-items: center;

	gap: 15px;

	height: 34px;

	padding: 0 12px;

	background: #f3f4f7;
}


.ia-web-dots {
	display: flex;

	gap: 4px;
}


.ia-web-dots i {
	width: 6px;
	height: 6px;

	border-radius: 50%;

	background: #b9bdc5;
}


.ia-web-address {
	flex: 1;

	padding: 5px 10px;

	border-radius: 20px;

	color: #8c929d;

	background: #ffffff;

	font-size: 7px;

	text-align: center;
}


.ia-web-screen {
	min-height: 260px;

	padding: 18px;

	background:
		linear-gradient(135deg,
			#ffffff,
			#f3f6ff);
}


/* Navigation */

.ia-web-screen-nav {
	display: flex;

	align-items: center;

	justify-content: space-between;

	margin-bottom: 28px;
}


.ia-web-screen-nav strong {
	color: #000f6d;

	font-size: 12px;

	font-weight: 900;
}


.ia-web-screen-nav div {
	display: flex;

	gap: 5px;
}


.ia-web-screen-nav div span {
	width: 25px;
	height: 4px;

	border-radius: 5px;

	background: #dfe3eb;
}


/* Screen content */

.ia-web-screen-content {
	display: grid;

	grid-template-columns:
		1.1fr .9fr;

	align-items: center;

	gap: 15px;
}


.ia-web-screen-copy small {
	color: #087cf5;

	font-size: 5px;

	font-weight: 900;

	letter-spacing: 1px;
}


.ia-web-screen-copy h4 {
	margin: 7px 0;

	color: #000f6d;

	font-size: 21px;

	line-height: 1.05;
}


.ia-web-screen-copy h4 b {
	display: block;

	color: #087cf5;
}


.ia-web-screen-copy p {
	margin: 0 0 10px;

	color: #87909f;

	font-size: 7px;

	line-height: 1.5;
}


.ia-web-fake-btn {
	display: inline-block;

	padding: 7px 10px;

	border-radius: 3px;

	color: #ffffff;

	background: #000f6d;

	font-size: 6px;

	font-weight: 800;
}


/* Visual */

.ia-web-screen-visual {
	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 150px;

	border-radius: 8px;

	background:
		linear-gradient(145deg,
			#000f6d,
			#087cf5);
}


.ia-web-visual-card {
	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	width: 90px;

	height: 90px;

	border: 1px solid rgba(255, 255, 255, .2);

	border-radius: 10px;

	background: rgba(255, 255, 255, .1);
}


.ia-web-visual-card i {
	margin-bottom: 6px;

	color: #ffffff;

	font-size: 17px;
}


.ia-web-visual-card strong {
	color: #ffffff;

	font-size: 20px;

	font-weight: 800;
}


.ia-web-visual-card span {
	color: rgba(255, 255, 255, .6);

	font-size: 6px;

	text-transform: uppercase;
}


/* Floating */

.ia-web-floating-card {
	position: absolute;

	right: 20px;

	bottom: 40px;

	z-index: 5;

	display: flex;

	align-items: center;

	gap: 9px;

	padding: 10px 12px;

	border: 1px solid rgba(255, 255, 255, .13);

	border-radius: 7px;

	background: rgba(255, 255, 255, .08);

	backdrop-filter: blur(8px);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .15);
}


.ia-web-floating-card>i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 25px;
	height: 25px;

	border-radius: 50%;

	color: #ffffff;

	background: #087cf5;

	font-size: 9px;
}


.ia-web-floating-card strong {
	display: block;

	margin-bottom: 2px;

	color: #ffffff;

	font-size: 8px;
}


.ia-web-floating-card span {
	color: rgba(255, 255, 255, .45);

	font-size: 6px;
}


/* =========================================================
   SERVICES
   ========================================================= */

.ia-web-services-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-web-services-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-web-services-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 31px;

	font-weight: 800;
}


.ia-web-services-heading strong {
	color: #087cf5;
}


.ia-web-services-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 75px;
}


.ia-web-service-card {
	position: relative;

	min-height: 260px;

	padding: 25px;

	overflow: hidden;

	border: 1px solid #e1e5ee;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition: all .3s ease;
}


.ia-web-service-card:hover {
	transform: translateY(-6px);

	border-color: rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-web-number {
	position: absolute;

	top: 18px;

	right: 20px;

	color: #b8bfcb;

	font-size: 8px;

	font-weight: 800;
}


.ia-web-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin-bottom: 18px;

	border-radius: 9px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 19px;

	transition: all .25s ease;
}


.ia-web-service-card:hover .ia-web-icon {
	color: #ffffff;

	background: #087cf5;
}


.ia-web-service-card h4 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;
}


.ia-web-service-card p {
	margin: 0 0 18px;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-web-service-card>span {
	display: block;

	padding-top: 12px;

	border-top: 1px solid #edf0f5;

	color: #087cf5;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ia-web-process {
	margin-bottom: 65px;

	padding: 50px 40px;

	border: 1px solid #e0e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-web-process-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-web-process-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-web-process-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 29px;

	font-weight: 800;
}


.ia-web-process-heading strong {
	color: #087cf5;
}


.ia-web-process-flow {
	display: flex;

	align-items: flex-start;
}


.ia-web-process-step {
	flex: 1;

	text-align: center;
}


.ia-web-process-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin: 0 auto 14px;

	border: 1px solid #f6b8ca;

	border-radius: 50%;

	color: #087cf5;

	background: #fff7f9;

	font-size: 9px;

	font-weight: 800;
}


.ia-web-process-step h4 {
	margin: 0 0 6px;

	color: #000f6d;

	font-size: 15px;

	font-weight: 800;
}


.ia-web-process-step p {
	max-width: 125px;

	margin: auto;

	color: #8791a0;

	font-size: 9px;

	line-height: 1.6;
}


.ia-web-process-arrow {
	margin-top: 15px;

	color: #087cf5;

	font-size: 20px;
}


/* =========================================================
   CONVERSION
   ========================================================= */

.ia-web-conversion {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 40px;

	align-items: center;

	margin-bottom: 25px;

	padding: 38px 40px;

	border: 1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-web-conversion-content {
	max-width: 530px;
}


.ia-web-conversion-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-web-conversion-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;

	line-height: 1.2;
}


.ia-web-conversion-content h3 strong {
	color: #087cf5;
}


.ia-web-conversion-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-web-conversion-points {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 10px;
}


.ia-web-conversion-points div {
	padding: 18px 12px;

	text-align: center;

	border: 1px solid #edf0f5;

	border-radius: 7px;
}


.ia-web-conversion-points i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;
	height: 35px;

	margin: 0 auto 9px;

	border-radius: 7px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-web-conversion-points strong {
	display: block;

	margin-bottom: 6px;

	color: #000f6d;

	font-size: 11px;
}


.ia-web-conversion-points span {
	display: block;

	color: #8b94a2;

	font-size: 8px;

	line-height: 1.5;
}


/* =========================================================
   FEATURES
   ========================================================= */

.ia-web-features {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap: 10px;

	margin-bottom: 25px;

	padding: 25px;

	border: 1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-web-feature-item {
	display: flex;

	align-items: center;

	gap: 11px;

	padding: 10px;

	border-right: 1px solid #edf0f5;
}


.ia-web-feature-item:last-child {
	border-right: none;
}


.ia-web-feature-item>i {
	color: #087cf5;

	font-size: 17px;
}


.ia-web-feature-item strong {
	display: block;

	/* margin-bottom: 3px; */

	color: #000f6d;
	font-size: 11px;
}


.ia-web-feature-item span {
	color: #8a93a1;

	font-size: 9px;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ia-web-results {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 25px;

	padding: 35px 40px;

	border: 1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-web-results-content {
	max-width: 540px;
}


.ia-web-results-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-web-results-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-web-results-content h3 strong {
	color: #087cf5;
}


.ia-web-results-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-web-results-stats {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	min-width: 390px;
}


.ia-web-results-stats div {
	padding: 0 18px;

	text-align: center;

	border-left: 1px solid #e6e9ef;
}


.ia-web-results-stats strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-web-results-stats span {
	display: block;

	margin-top: 5px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-web-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 37px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-web-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-web-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-web-cta h3 strong {
	color: #087cf5;
}


.ia-web-cta p {
	margin: 0;

	color: rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-web-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 165px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-web-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-web-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-web-section {
		padding: 80px 0;
	}

	.ia-web-hero {
		grid-template-columns: 1fr;
	}

	.ia-web-preview {
		min-height: 390px;
	}

	.ia-web-services-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ia-web-services-grid .ia-web-service-card:last-child {
		grid-column: 1 / -1;

		max-width: calc(50% - 8px);

		width: 100%;

		margin: auto;
	}

	.ia-web-conversion {
		grid-template-columns: 1fr;
	}

	.ia-web-features {
		grid-template-columns: repeat(2, 1fr);
	}

	.ia-web-feature-item:nth-child(2) {
		border-right: none;
	}

	.ia-web-results {
		align-items: flex-start;

		flex-direction: column;
	}

	.ia-web-results-stats {
		width: 100%;

		min-width: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-web-section {
		padding: 65px 0;
	}

	.ia-web-container {
		width: calc(100% - 28px);
	}

	.ia-web-heading {
		margin-bottom: 35px;
	}

	.ia-web-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}

	.ia-web-heading p {
		font-size: 12px;
	}

	.ia-web-hero {
		margin-bottom: 55px;
	}

	.ia-web-hero-content {
		padding: 30px 22px;
	}

	.ia-web-hero-content h3 {
		font-size: 29px;
	}

	.ia-web-hero-content p {
		font-size: 11px;
	}

	.ia-web-buttons {
		align-items: stretch;

		flex-direction: column;
	}

	.ia-web-primary-btn,
	.ia-web-secondary-btn {
		width: 100%;
	}

	.ia-web-preview {
		min-height: 330px;

		padding: 20px;
	}

	.ia-web-browser {
		transform: none;
	}

	.ia-web-floating-card {
		right: 12px;

		bottom: 18px;
	}

	.ia-web-services-heading h3 {
		font-size: 27px;
	}

	.ia-web-services-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}

	.ia-web-services-grid .ia-web-service-card:last-child {
		grid-column: auto;

		max-width: none;
	}

	.ia-web-service-card {
		min-height: auto;

		padding: 22px;
	}

	.ia-web-process {
		padding: 35px 20px;
	}

	.ia-web-process-heading h3 {
		font-size: 24px;
	}

	.ia-web-process-flow {
		flex-direction: column;

		align-items: center;

		gap: 0;
	}

	.ia-web-process-step {
		width: 100%;
	}

	.ia-web-process-arrow {
		margin: 12px 0;

		transform: rotate(90deg);
	}

	.ia-web-conversion {
		padding: 28px 22px;
	}

	.ia-web-conversion-points {
		grid-template-columns: 1fr;
	}

	.ia-web-features {
		grid-template-columns: 1fr;

		padding: 18px;
	}

	.ia-web-feature-item {
		border-right: none;

		border-bottom: 1px solid #edf0f5;

		padding: 12px 5px;
	}

	.ia-web-feature-item:last-child {
		border-bottom: none;
	}

	.ia-web-results {
		padding: 28px 22px;
	}

	.ia-web-results-stats {
		width: 100%;
	}

	.ia-web-results-stats div {
		padding: 0 7px;
	}

	.ia-web-results-stats strong {
		font-size: 21px;
	}

	.ia-web-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}

	.ia-web-cta h3 {
		font-size: 23px;
	}

	.ia-web-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-web-heading h2 {
		font-size: 32px;
	}

	.ia-web-hero-content h3 {
		font-size: 26px;
	}

	.ia-web-preview {
		min-height: 290px;
	}

	.ia-web-screen {
		min-height: 220px;
	}

	.ia-web-screen-copy h4 {
		font-size: 17px;
	}

	.ia-web-screen-visual {
		min-height: 120px;
	}

	.ia-web-floating-card {
		transform: scale(.85);

		transform-origin: right bottom;
	}

	.ia-web-results-stats strong {
		font-size: 19px;
	}

	.ia-web-cta h3 {
		font-size: 21px;
	}

}



/* =========================================================
   INNOTIC ADS - GRAPHICS DESIGN
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-graphics-section {
	position: relative;
	width: 100%;
	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* ================= BACKGROUND ================= */

.ia-graphics-bg {
	position: absolute;
	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-graphics-container {
	position: relative;
	z-index: 2;

	width: min(1180px,
			calc(100% - 40px));

	margin: auto;
}


/* ================= HEADER ================= */

.ia-graphics-heading {
	max-width: 820px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-graphics-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-graphics-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .4);
}


.ia-graphics-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size:
		clamp(39px,
			5vw,
			60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-graphics-heading h2 span {
	color: #087cf5;
}


.ia-graphics-heading p {
	max-width: 720px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* ================= HERO ================= */

.ia-graphics-hero {
	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	min-height: 450px;

	margin-bottom: 75px;

	overflow: hidden;

	border-radius: 13px;

	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);

	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-graphics-hero-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 55px;
}


.ia-graphics-label {
	margin-bottom: 13px;

	color: #fa6c91;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-graphics-hero-content h3 {
	max-width: 570px;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-graphics-hero-content h3 strong {
	display: block;

	color: #087cf5;
}


.ia-graphics-hero-content p {
	max-width: 560px;

	margin: 0 0 25px;

	color:
		rgba(255, 255, 255, .68);

	font-size: 13px;

	line-height: 1.8;
}


/* ================= BUTTONS ================= */

.ia-graphics-buttons {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 22px;
}


.ia-graphics-primary-btn,
.ia-graphics-secondary-btn {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 46px;

	padding: 0 16px;

	box-sizing: border-box;

	border-radius: 5px;

	text-decoration: none !important;

	font-size: 10px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-graphics-primary-btn {
	color: #ffffff !important;

	background: #087cf5;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-graphics-primary-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-graphics-primary-btn b {
	font-size: 17px;

	font-weight: 400;
}


.ia-graphics-secondary-btn {
	color:
		rgba(255, 255, 255, .82) !important;

	border:
		1px solid rgba(255, 255, 255, .16);

	background:
		rgba(255, 255, 255, .06);
}


.ia-graphics-secondary-btn:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


.ia-graphics-secondary-btn i {
	color: #087cf5;
}


.ia-graphics-secondary-btn:hover i {
	color: #ffffff;
}


.ia-graphics-trust {
	display: flex;

	flex-wrap: wrap;

	gap: 17px;
}


.ia-graphics-trust span {
	color:
		rgba(255, 255, 255, .46);

	font-size: 8px;

	font-weight: 700;
}


/* =========================================================
   DESIGN PREVIEW
   ========================================================= */

.ia-graphics-preview {
	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 450px;

	padding: 30px;

	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-graphics-preview::before {
	position: absolute;

	top: -80px;

	right: -80px;

	width: 270px;
	height: 270px;

	border:
		1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


/* ================= CANVAS ================= */

.ia-graphics-canvas {
	position: relative;

	z-index: 2;

	width: 100%;

	max-width: 390px;

	overflow: hidden;

	border:
		1px solid rgba(255, 255, 255, .14);

	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 25px 50px rgba(0, 0, 0, .25);

	transform:
		perspective(800px) rotateY(-4deg) rotateX(2deg);
}


.ia-graphics-canvas-top {
	display: flex;

	align-items: center;

	gap: 14px;

	height: 34px;

	padding: 0 12px;

	background: #f1f3f7;
}


.ia-graphics-dots {
	display: flex;

	gap: 4px;
}


.ia-graphics-dots i {
	width: 6px;
	height: 6px;

	border-radius: 50%;

	background: #b9bdc5;
}


.ia-graphics-canvas-top span {
	color: #7d8490;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* ================= ART ================= */

.ia-graphics-art {
	position: relative;

	display: flex;

	align-items: center;

	justify-content: space-between;

	min-height: 260px;

	padding: 30px;

	overflow: hidden;

	background:
		linear-gradient(135deg,
			#ffffff,
			#f3f5ff);
}


.ia-graphics-art-copy {
	position: relative;

	z-index: 3;

	max-width: 175px;
}


.ia-graphics-art-copy small {
	color: #087cf5;

	font-size: 6px;

	font-weight: 900;

	letter-spacing: 1.2px;
}


.ia-graphics-art-copy h4 {
	margin: 9px 0;

	color: #000f6d;

	font-size: 25px;

	font-weight: 900;

	line-height: .95;
}


.ia-graphics-art-copy h4 strong {
	display: block;

	color: #087cf5;
}


.ia-graphics-art-copy p {
	margin: 0 0 12px;

	color: #818a99;

	font-size: 7px;
}


.ia-graphics-art-btn {
	display: inline-block;

	padding: 7px 12px;

	border-radius: 3px;

	color: #ffffff;

	background: #000f6d;

	font-size: 6px;

	font-weight: 800;
}


/* ================= ABSTRACT ART ================= */

.ia-graphics-art-shape {
	position: relative;

	width: 140px;

	height: 170px;
}


.ia-graphics-circle {
	position: absolute;

	top: 25px;

	right: 15px;

	display: flex;

	align-items: center;

	justify-content: center;

	width: 95px;
	height: 95px;

	border-radius: 50%;

	background:
		linear-gradient(145deg,
			#000f6d,
			#087cf5);

	box-shadow:
		0 15px 30px rgba(0, 15, 109, .2);
}


.ia-graphics-circle i {
	color: #ffffff;

	font-size: 25px;
}


.ia-graphics-square {
	position: absolute;

	bottom: 15px;

	left: 8px;

	width: 65px;
	height: 65px;

	border-radius: 9px;

	background: #087cf5;

	transform: rotate(15deg);
}


.ia-graphics-small-circle {
	position: absolute;

	top: 5px;

	left: 20px;

	width: 22px;
	height: 22px;

	border-radius: 50%;

	background: #000f6d;
}


/* ================= FLOATING ================= */

.ia-graphics-floating {
	position: absolute;

	z-index: 5;

	display: flex;

	align-items: center;

	gap: 9px;

	padding: 10px 12px;

	border:
		1px solid rgba(255, 255, 255, .13);

	border-radius: 7px;

	background:
		rgba(255, 255, 255, .08);

	backdrop-filter: blur(8px);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .15);
}


.ia-graphics-floating>i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 25px;
	height: 25px;

	border-radius: 50%;

	color: #ffffff;

	background: #087cf5;

	font-size: 9px;
}


.ia-graphics-floating strong {
	display: block;

	margin-bottom: 2px;

	color: #ffffff;

	font-size: 8px;
}


.ia-graphics-floating span {
	color:
		rgba(255, 255, 255, .45);

	font-size: 6px;
}


.floating-one {
	left: 18px;

	top: 75px;
}


.floating-two {
	right: 15px;

	bottom: 65px;
}


/* =========================================================
   SERVICES
   ========================================================= */

.ia-graphics-services-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-graphics-services-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-graphics-services-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 31px;

	font-weight: 800;
}


.ia-graphics-services-heading strong {
	color: #087cf5;
}


.ia-graphics-services-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 75px;
}


.ia-graphics-service-card {
	position: relative;

	min-height: 260px;

	padding: 25px;

	overflow: hidden;

	border:
		1px solid #e1e5ee;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition: all .3s ease;
}


.ia-graphics-service-card:hover {
	transform: translateY(-6px);

	border-color:
		rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-graphics-number {
	position: absolute;

	top: 18px;

	right: 20px;

	color: #b8bfcb;

	font-size: 8px;

	font-weight: 800;
}


.ia-graphics-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin-bottom: 18px;

	border-radius: 9px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 19px;

	transition: all .25s ease;
}


.ia-graphics-service-card:hover .ia-graphics-icon {
	color: #ffffff;

	background: #087cf5;
}


.ia-graphics-service-card h4 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;
}


.ia-graphics-service-card p {
	margin: 0 0 18px;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-graphics-service-card>span {
	display: block;

	padding-top: 12px;

	border-top:
		1px solid #edf0f5;

	color: #087cf5;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ia-graphics-process {
	margin-bottom: 65px;

	padding: 50px 40px;

	border:
		1px solid #e0e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-graphics-process-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-graphics-process-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-graphics-process-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 29px;

	font-weight: 800;
}


.ia-graphics-process-heading strong {
	color: #087cf5;
}


.ia-graphics-process-flow {
	display: flex;

	align-items: flex-start;
}


.ia-graphics-process-step {
	flex: 1;

	text-align: center;
}


.ia-graphics-process-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin: 0 auto 14px;

	border:
		1px solid #f6b8ca;

	border-radius: 50%;

	color: #087cf5;

	background: #fff7f9;

	font-size: 9px;

	font-weight: 800;
}


.ia-graphics-process-step h4 {
	margin: 0 0 6px;

	color: #000f6d;

	font-size: 15px;

	font-weight: 800;
}


.ia-graphics-process-step p {
	max-width: 125px;

	margin: auto;

	color: #8791a0;

	font-size: 9px;

	line-height: 1.6;
}


.ia-graphics-process-arrow {
	margin-top: 15px;

	color: #087cf5;

	font-size: 20px;
}


/* =========================================================
   VALUE
   ========================================================= */

.ia-graphics-value {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 40px;

	align-items: center;

	margin-bottom: 25px;

	padding: 38px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-graphics-value-content {
	max-width: 530px;
}


.ia-graphics-value-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-graphics-value-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;

	line-height: 1.2;
}


.ia-graphics-value-content h3 strong {
	color: #087cf5;
}


.ia-graphics-value-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-graphics-value-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 10px;
}


.ia-graphics-value-grid div {
	padding: 18px 12px;

	text-align: center;

	border:
		1px solid #edf0f5;

	border-radius: 7px;
}


.ia-graphics-value-grid i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;
	height: 35px;

	margin: 0 auto 9px;

	border-radius: 7px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-graphics-value-grid strong {
	display: block;

	margin-bottom: 6px;

	color: #000f6d;

	font-size: 11px;
}


.ia-graphics-value-grid span {
	display: block;

	color: #8b94a2;

	font-size: 8px;

	line-height: 1.5;
}


/* =========================================================
   TYPES
   ========================================================= */

.ia-graphics-types {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap: 10px;

	margin-bottom: 25px;

	padding: 25px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-graphics-type-item {
	display: flex;

	align-items: center;

	gap: 11px;

	padding: 10px;

	border-right:
		1px solid #edf0f5;
}


.ia-graphics-type-item:last-child {
	border-right: none;
}


.ia-graphics-type-item>i {
	color: #087cf5;

	font-size: 17px;
}


.ia-graphics-type-item strong {
	display: block;

	margin-bottom: 3px;

	color: #000f6d;

	font-size: 10px;
}


.ia-graphics-type-item span {
	color: #8a93a1;

	font-size: 7px;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ia-graphics-results {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 25px;

	padding: 35px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-graphics-results-content {
	max-width: 540px;
}


.ia-graphics-results-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-graphics-results-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-graphics-results-content h3 strong {
	color: #087cf5;
}


.ia-graphics-results-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-graphics-results-stats {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	min-width: 390px;
}


.ia-graphics-results-stats div {
	padding: 0 18px;

	text-align: center;

	border-left:
		1px solid #e6e9ef;
}


.ia-graphics-results-stats strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-graphics-results-stats span {
	display: block;

	margin-top: 5px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-graphics-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 37px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-graphics-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-graphics-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-graphics-cta h3 strong {
	color: #087cf5;
}


.ia-graphics-cta p {
	margin: 0;

	color:
		rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-graphics-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 165px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-graphics-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-graphics-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-graphics-section {
		padding: 80px 0;
	}

	.ia-graphics-hero {
		grid-template-columns: 1fr;
	}

	.ia-graphics-preview {
		min-height: 390px;
	}

	.ia-graphics-services-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-graphics-services-grid .ia-graphics-service-card:last-child {
		grid-column: 1 / -1;

		max-width:
			calc(50% - 8px);

		width: 100%;

		margin: auto;
	}

	.ia-graphics-value {
		grid-template-columns: 1fr;
	}

	.ia-graphics-types {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-graphics-type-item:nth-child(2) {
		border-right: none;
	}

	.ia-graphics-results {
		align-items: flex-start;

		flex-direction: column;
	}

	.ia-graphics-results-stats {
		width: 100%;

		min-width: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-graphics-section {
		padding: 65px 0;
	}

	.ia-graphics-container {
		width:
			calc(100% - 28px);
	}

	.ia-graphics-heading {
		margin-bottom: 35px;
	}

	.ia-graphics-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}

	.ia-graphics-heading p {
		font-size: 12px;
	}

	.ia-graphics-hero {
		margin-bottom: 55px;
	}

	.ia-graphics-hero-content {
		padding: 30px 22px;
	}

	.ia-graphics-hero-content h3 {
		font-size: 29px;
	}

	.ia-graphics-hero-content p {
		font-size: 11px;
	}

	.ia-graphics-buttons {
		align-items: stretch;

		flex-direction: column;
	}

	.ia-graphics-primary-btn,
	.ia-graphics-secondary-btn {
		width: 100%;
	}

	.ia-graphics-preview {
		min-height: 330px;

		padding: 20px;
	}

	.ia-graphics-canvas {
		transform: none;
	}

	.ia-graphics-floating {
		transform: scale(.85);
	}

	.floating-one {
		left: 4px;
	}

	.floating-two {
		right: 4px;
	}

	.ia-graphics-services-heading h3 {
		font-size: 27px;
	}

	.ia-graphics-services-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}

	.ia-graphics-services-grid .ia-graphics-service-card:last-child {
		grid-column: auto;

		max-width: none;
	}

	.ia-graphics-service-card {
		min-height: auto;

		padding: 22px;
	}

	.ia-graphics-process {
		padding: 35px 20px;
	}

	.ia-graphics-process-heading h3 {
		font-size: 24px;
	}

	.ia-graphics-process-flow {
		flex-direction: column;

		align-items: center;

		gap: 0;
	}

	.ia-graphics-process-step {
		width: 100%;
	}

	.ia-graphics-process-arrow {
		margin: 12px 0;

		transform: rotate(90deg);
	}

	.ia-graphics-value {
		padding: 28px 22px;
	}

	.ia-graphics-value-grid {
		grid-template-columns: 1fr;
	}

	.ia-graphics-types {
		grid-template-columns: 1fr;

		padding: 18px;
	}

	.ia-graphics-type-item {
		border-right: none;

		border-bottom:
			1px solid #edf0f5;

		padding: 12px 5px;
	}

	.ia-graphics-type-item:last-child {
		border-bottom: none;
	}

	.ia-graphics-results {
		padding: 28px 22px;
	}

	.ia-graphics-results-stats {
		width: 100%;
	}

	.ia-graphics-results-stats div {
		padding: 0 7px;
	}

	.ia-graphics-results-stats strong {
		font-size: 21px;
	}

	.ia-graphics-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}

	.ia-graphics-cta h3 {
		font-size: 23px;
	}

	.ia-graphics-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-graphics-heading h2 {
		font-size: 32px;
	}

	.ia-graphics-hero-content h3 {
		font-size: 26px;
	}

	.ia-graphics-preview {
		min-height: 290px;
	}

	.ia-graphics-art {
		min-height: 220px;

		padding: 20px;
	}

	.ia-graphics-art-copy h4 {
		font-size: 19px;
	}

	.ia-graphics-art-shape {
		transform: scale(.75);
	}

	.ia-graphics-results-stats strong {
		font-size: 19px;
	}

	.ia-graphics-cta h3 {
		font-size: 21px;
	}

}




/* =========================================================
   INNOTIC ADS - EBAY ADS
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-ebay-section {
	position: relative;
	width: 100%;
	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* ================= BACKGROUND ================= */

.ia-ebay-bg {
	position: absolute;
	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-ebay-container {
	position: relative;
	z-index: 2;

	width:
		min(1180px,
			calc(100% - 40px));

	margin: auto;
}


/* ================= HEADER ================= */

.ia-ebay-heading {
	max-width: 820px;

	margin: 0 auto 55px;

	text-align: center;
}


.ia-ebay-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-ebay-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .4);
}


.ia-ebay-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size:
		clamp(39px,
			5vw,
			60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-ebay-heading h2 span {
	color: #087cf5;
}


.ia-ebay-heading p {
	max-width: 720px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   HERO
   ========================================================= */

.ia-ebay-hero {
	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	min-height: 450px;

	margin-bottom: 75px;

	overflow: hidden;

	border-radius: 13px;

	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);

	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-ebay-hero-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 55px;
}


.ia-ebay-label {
	margin-bottom: 13px;

	color: #fa6c91;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-ebay-hero-content h3 {
	max-width: 570px;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-ebay-hero-content h3 strong {
	display: block;

	color: #087cf5;
}


.ia-ebay-hero-content p {
	max-width: 560px;

	margin: 0 0 25px;

	color:
		rgba(255, 255, 255, .68);

	font-size: 13px;

	line-height: 1.8;
}


/* ================= BUTTONS ================= */

.ia-ebay-buttons {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 22px;
}


.ia-ebay-primary-btn,
.ia-ebay-secondary-btn {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 46px;

	padding: 0 16px;

	box-sizing: border-box;

	border-radius: 5px;

	text-decoration: none !important;

	font-size: 10px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-ebay-primary-btn {
	color: #ffffff !important;

	background: #087cf5;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-ebay-primary-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-ebay-primary-btn b {
	font-size: 17px;

	font-weight: 400;
}


.ia-ebay-secondary-btn {
	color:
		rgba(255, 255, 255, .82) !important;

	border:
		1px solid rgba(255, 255, 255, .16);

	background:
		rgba(255, 255, 255, .06);
}


.ia-ebay-secondary-btn:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


.ia-ebay-secondary-btn i {
	color: #087cf5;
}


.ia-ebay-secondary-btn:hover i {
	color: #ffffff;
}


.ia-ebay-trust {
	display: flex;

	flex-wrap: wrap;

	gap: 17px;
}


.ia-ebay-trust span {
	color:
		rgba(255, 255, 255, .46);

	font-size: 8px;

	font-weight: 700;
}


/* =========================================================
   DASHBOARD
   ========================================================= */

.ia-ebay-preview {
	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 450px;

	padding: 30px;

	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-ebay-preview::before {
	position: absolute;

	top: -80px;

	right: -80px;

	width: 270px;
	height: 270px;

	border:
		1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


.ia-ebay-dashboard {
	position: relative;

	z-index: 2;

	width: 100%;

	max-width: 400px;

	overflow: hidden;

	border:
		1px solid rgba(255, 255, 255, .14);

	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 25px 50px rgba(0, 0, 0, .25);

	transform:
		perspective(800px) rotateY(-4deg) rotateX(2deg);
}


.ia-ebay-dashboard-top {
	display: flex;

	align-items: center;

	gap: 14px;

	height: 34px;

	padding: 0 12px;

	background: #f2f4f8;
}


.ia-ebay-dashboard-dots {
	display: flex;

	gap: 4px;
}


.ia-ebay-dashboard-dots i {
	width: 6px;
	height: 6px;

	border-radius: 50%;

	background: #b9bdc5;
}


.ia-ebay-dashboard-top span {
	color: #7c8491;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-ebay-dashboard-body {
	padding: 20px;

	background:
		linear-gradient(135deg,
			#ffffff,
			#f4f6ff);
}


/* Store */

.ia-ebay-store-head {
	display: flex;

	align-items: center;

	gap: 9px;

	margin-bottom: 20px;
}


.ia-ebay-store-logo {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;
	height: 35px;

	border-radius: 7px;

	color: #ffffff;

	background:
		linear-gradient(135deg,
			#000f6d,
			#087cf5);

	font-size: 21px;

	font-weight: 900;
}


.ia-ebay-store-head strong {
	display: block;

	color: #000f6d;

	font-size: 10px;
}


.ia-ebay-store-head span {
	display: block;

	margin-top: 3px;

	color: #89919e;

	font-size: 6px;
}


/* Stats */

.ia-ebay-stat-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 7px;

	margin-bottom: 16px;
}


.ia-ebay-stat-grid>div {
	padding: 10px 8px;

	border:
		1px solid #e7eaf0;

	border-radius: 6px;

	background: #ffffff;
}


.ia-ebay-stat-grid small {
	display: block;

	margin-bottom: 5px;

	color: #929aa7;

	font-size: 5px;

	font-weight: 800;
}


.ia-ebay-stat-grid strong {
	display: block;

	color: #000f6d;

	font-size: 15px;
}


.ia-ebay-stat-grid span {
	display: block;

	margin-top: 3px;

	color: #087cf5;

	font-size: 6px;

	font-weight: 800;
}


/* Chart */

.ia-ebay-chart {
	position: relative;

	height: 85px;

	margin-bottom: 13px;

	overflow: hidden;

	border:
		1px solid #e9ecf2;

	border-radius: 7px;

	background:
		repeating-linear-gradient(0deg,
			#ffffff 0,
			#ffffff 20px,
			#f0f2f6 21px);
}


.ia-ebay-chart-line {
	position: absolute;

	inset:
		15px 10px 15px 10px;

	display: flex;

	align-items: flex-end;

	gap: 14px;
}


.ia-ebay-chart-line span {
	position: relative;

	width: 9px;

	border-radius: 5px 5px 0 0;

	background:
		linear-gradient(to top,
			#000f6d,
			#087cf5);
}


.ia-ebay-chart-line span:nth-child(1) {
	height: 25%;
}


.ia-ebay-chart-line span:nth-child(2) {
	height: 39%;
}


.ia-ebay-chart-line span:nth-child(3) {
	height: 34%;
}


.ia-ebay-chart-line span:nth-child(4) {
	height: 58%;
}


.ia-ebay-chart-line span:nth-child(5) {
	height: 51%;
}


.ia-ebay-chart-line span:nth-child(6) {
	height: 76%;
}


.ia-ebay-chart-line span:nth-child(7) {
	height: 92%;
}


/* Product */

.ia-ebay-product-row {
	display: flex;

	align-items: center;

	gap: 8px;

	padding: 9px;

	border:
		1px solid #e8ebf0;

	border-radius: 6px;

	background: #ffffff;
}


.ia-ebay-product-image {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 34px;
	height: 34px;

	border-radius: 5px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-ebay-product-image i {
	font-size: 12px;
}


.ia-ebay-product-info {
	flex: 1;
}


.ia-ebay-product-info strong {
	display: block;

	color: #000f6d;

	font-size: 7px;
}


.ia-ebay-product-info span {
	display: block;

	margin-top: 3px;

	color: #929aa5;

	font-size: 5px;
}


.ia-ebay-product-sales {
	color: #087cf5;

	font-size: 10px;

	font-weight: 900;
}


/* Floating */

.ia-ebay-floating {
	position: absolute;

	z-index: 5;

	display: flex;

	align-items: center;

	gap: 9px;

	padding: 10px 12px;

	border:
		1px solid rgba(255, 255, 255, .13);

	border-radius: 7px;

	background:
		rgba(255, 255, 255, .08);

	backdrop-filter: blur(8px);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .15);
}


.ia-ebay-floating>i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 25px;
	height: 25px;

	border-radius: 50%;

	color: #ffffff;

	background: #087cf5;

	font-size: 9px;
}


.ia-ebay-floating strong {
	display: block;

	margin-bottom: 2px;

	color: #ffffff;

	font-size: 8px;
}


.ia-ebay-floating span {
	color:
		rgba(255, 255, 255, .45);

	font-size: 6px;
}


.ebay-float-one {
	left: 15px;

	top: 75px;
}


.ebay-float-two {
	right: 12px;

	bottom: 60px;
}


/* =========================================================
   SERVICES
   ========================================================= */

.ia-ebay-services-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-ebay-services-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-ebay-services-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 31px;

	font-weight: 800;
}


.ia-ebay-services-heading strong {
	color: #087cf5;
}


.ia-ebay-services-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 75px;
}


.ia-ebay-service-card {
	position: relative;

	min-height: 260px;

	padding: 25px;

	overflow: hidden;

	border:
		1px solid #e1e5ee;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition: all .3s ease;
}


.ia-ebay-service-card:hover {
	transform: translateY(-6px);

	border-color:
		rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-ebay-number {
	position: absolute;

	top: 18px;

	right: 20px;

	color: #b8bfcb;

	font-size: 8px;

	font-weight: 800;
}


.ia-ebay-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin-bottom: 18px;

	border-radius: 9px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 19px;

	transition: all .25s ease;
}


.ia-ebay-service-card:hover .ia-ebay-icon {
	color: #ffffff;

	background: #087cf5;
}


.ia-ebay-service-card h4 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;
}


.ia-ebay-service-card p {
	margin: 0 0 18px;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-ebay-service-card>span {
	display: block;

	padding-top: 12px;

	border-top:
		1px solid #edf0f5;

	color: #087cf5;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ia-ebay-process {
	margin-bottom: 65px;

	padding: 50px 40px;

	border:
		1px solid #e0e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-ebay-process-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-ebay-process-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-ebay-process-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 29px;

	font-weight: 800;
}


.ia-ebay-process-heading strong {
	color: #087cf5;
}


.ia-ebay-process-flow {
	display: flex;

	align-items: flex-start;
}


.ia-ebay-process-step {
	flex: 1;

	text-align: center;
}


.ia-ebay-process-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin: 0 auto 14px;

	border:
		1px solid #f6b8ca;

	border-radius: 50%;

	color: #087cf5;

	background: #fff7f9;

	font-size: 9px;

	font-weight: 800;
}


.ia-ebay-process-step h4 {
	margin: 0 0 6px;

	color: #000f6d;

	font-size: 15px;

	font-weight: 800;
}


.ia-ebay-process-step p {
	max-width: 125px;

	margin: auto;

	color: #8791a0;

	font-size: 9px;

	line-height: 1.6;
}


.ia-ebay-process-arrow {
	margin-top: 15px;

	color: #087cf5;

	font-size: 20px;
}


/* =========================================================
   PERFORMANCE
   ========================================================= */

.ia-ebay-performance {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 40px;

	align-items: center;

	margin-bottom: 25px;

	padding: 38px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-ebay-performance-content {
	max-width: 530px;
}


.ia-ebay-performance-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-ebay-performance-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;

	line-height: 1.2;
}


.ia-ebay-performance-content h3 strong {
	color: #087cf5;
}


.ia-ebay-performance-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-ebay-performance-points {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 10px;
}


.ia-ebay-performance-points div {
	padding: 18px 12px;

	text-align: center;

	border:
		1px solid #edf0f5;

	border-radius: 7px;
}


.ia-ebay-performance-points i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;
	height: 35px;

	margin: 0 auto 9px;

	border-radius: 7px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-ebay-performance-points strong {
	display: block;

	margin-bottom: 6px;

	color: #000f6d;

	font-size: 11px;
}


.ia-ebay-performance-points span {
	display: block;

	color: #8b94a2;

	font-size: 8px;

	line-height: 1.5;
}


/* =========================================================
   FEATURES
   ========================================================= */

.ia-ebay-features {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap: 10px;

	margin-bottom: 25px;

	padding: 25px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-ebay-feature-item {
	display: flex;

	align-items: center;

	gap: 11px;

	padding: 10px;

	border-right:
		1px solid #edf0f5;
}


.ia-ebay-feature-item:last-child {
	border-right: none;
}


.ia-ebay-feature-item>i {
	color: #087cf5;

	font-size: 17px;
}


.ia-ebay-feature-item strong {
	display: block;

	margin-bottom: 3px;

	color: #000f6d;

	font-size: 10px;
}


.ia-ebay-feature-item span {
	color: #8a93a1;

	font-size: 7px;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ia-ebay-results {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 25px;

	padding: 35px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-ebay-results-content {
	max-width: 540px;
}


.ia-ebay-results-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-ebay-results-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-ebay-results-content h3 strong {
	color: #087cf5;
}


.ia-ebay-results-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-ebay-results-stats {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	min-width: 390px;
}


.ia-ebay-results-stats div {
	padding: 0 18px;

	text-align: center;

	border-left:
		1px solid #e6e9ef;
}


.ia-ebay-results-stats strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-ebay-results-stats span {
	display: block;

	margin-top: 5px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-ebay-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 37px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-ebay-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-ebay-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-ebay-cta h3 strong {
	color: #087cf5;
}


.ia-ebay-cta p {
	margin: 0;

	color:
		rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-ebay-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 165px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-ebay-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-ebay-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-ebay-section {
		padding: 80px 0;
	}

	.ia-ebay-hero {
		grid-template-columns: 1fr;
	}

	.ia-ebay-preview {
		min-height: 390px;
	}

	.ia-ebay-services-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-ebay-services-grid .ia-ebay-service-card:last-child {
		grid-column: 1 / -1;

		max-width:
			calc(50% - 8px);

		width: 100%;

		margin: auto;
	}

	.ia-ebay-performance {
		grid-template-columns: 1fr;
	}

	.ia-ebay-features {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-ebay-feature-item:nth-child(2) {
		border-right: none;
	}

	.ia-ebay-results {
		align-items: flex-start;

		flex-direction: column;
	}

	.ia-ebay-results-stats {
		width: 100%;

		min-width: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-ebay-section {
		padding: 65px 0;
	}

	.ia-ebay-container {
		width:
			calc(100% - 28px);
	}

	.ia-ebay-heading {
		margin-bottom: 35px;
	}

	.ia-ebay-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}

	.ia-ebay-heading p {
		font-size: 12px;
	}

	.ia-ebay-hero {
		margin-bottom: 55px;
	}

	.ia-ebay-hero-content {
		padding: 30px 22px;
	}

	.ia-ebay-hero-content h3 {
		font-size: 29px;
	}

	.ia-ebay-hero-content p {
		font-size: 11px;
	}

	.ia-ebay-buttons {
		align-items: stretch;

		flex-direction: column;
	}

	.ia-ebay-primary-btn,
	.ia-ebay-secondary-btn {
		width: 100%;
	}

	.ia-ebay-preview {
		min-height: 330px;

		padding: 20px;
	}

	.ia-ebay-dashboard {
		transform: none;
	}

	.ia-ebay-floating {
		transform: scale(.82);
	}

	.ebay-float-one {
		left: 2px;
	}

	.ebay-float-two {
		right: 2px;
	}

	.ia-ebay-services-heading h3 {
		font-size: 27px;
	}

	.ia-ebay-services-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}

	.ia-ebay-services-grid .ia-ebay-service-card:last-child {
		grid-column: auto;

		max-width: none;
	}

	.ia-ebay-service-card {
		min-height: auto;

		padding: 22px;
	}

	.ia-ebay-process {
		padding: 35px 20px;
	}

	.ia-ebay-process-heading h3 {
		font-size: 24px;
	}

	.ia-ebay-process-flow {
		flex-direction: column;

		align-items: center;
	}

	.ia-ebay-process-step {
		width: 100%;
	}

	.ia-ebay-process-arrow {
		margin: 12px 0;

		transform: rotate(90deg);
	}

	.ia-ebay-performance {
		padding: 28px 22px;
	}

	.ia-ebay-performance-points {
		grid-template-columns: 1fr;
	}

	.ia-ebay-features {
		grid-template-columns: 1fr;

		padding: 18px;
	}

	.ia-ebay-feature-item {
		border-right: none;

		border-bottom:
			1px solid #edf0f5;

		padding: 12px 5px;
	}

	.ia-ebay-feature-item:last-child {
		border-bottom: none;
	}

	.ia-ebay-results {
		padding: 28px 22px;
	}

	.ia-ebay-results-stats {
		width: 100%;
	}

	.ia-ebay-results-stats div {
		padding: 0 7px;
	}

	.ia-ebay-results-stats strong {
		font-size: 21px;
	}

	.ia-ebay-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}

	.ia-ebay-cta h3 {
		font-size: 23px;
	}

	.ia-ebay-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-ebay-heading h2 {
		font-size: 32px;
	}

	.ia-ebay-hero-content h3 {
		font-size: 26px;
	}

	.ia-ebay-preview {
		min-height: 290px;
	}

	.ia-ebay-dashboard-body {
		padding: 14px;
	}

	.ia-ebay-stat-grid {
		gap: 4px;
	}

	.ia-ebay-stat-grid>div {
		padding: 8px 5px;
	}

	.ia-ebay-stat-grid strong {
		font-size: 13px;
	}

	.ia-ebay-results-stats strong {
		font-size: 19px;
	}

	.ia-ebay-cta h3 {
		font-size: 21px;
	}

}




/* =========================================================
   INNOTIC ADS - ETSY ADS
   Theme:
   #000f6d
   #087cf5
   ========================================================= */

.ia-etsy-section {
	position: relative;
	width: 100%;
	overflow: hidden;

	padding: 105px 0;

	background: #f8f9fd;

	color: #000f6d;

	font-family:
		Arial,
		Helvetica,
		sans-serif;
}


/* ================= BACKGROUND ================= */

.ia-etsy-bg {
	position: absolute;
	inset: 0;

	opacity: .65;

	background-image:
		linear-gradient(rgba(0, 15, 109, .035) 1px,
			transparent 1px),
		linear-gradient(90deg,
			rgba(0, 15, 109, .035) 1px,
			transparent 1px);

	background-size: 55px 55px;

	pointer-events: none;
}


.ia-etsy-container {
	position: relative;
	z-index: 2;

	width:
		min(1180px,
			calc(100% - 40px));

	margin: auto;
}


/* ================= HEADER ================= */

.ia-etsy-heading {
	/* max-width: 820px; */

	margin: 0 auto 55px;

	text-align: center;
}


.ia-etsy-tag {
	display: inline-flex;

	align-items: center;

	gap: 8px;

	margin-bottom: 15px;

	color: #087cf5;

	font-size: 11px;

	font-weight: 800;

	letter-spacing: 1.8px;
}


.ia-etsy-tag i {
	width: 7px;
	height: 7px;

	border-radius: 50%;

	background: #087cf5;

	box-shadow:
		0 0 10px rgba(250, 35, 93, .4);
}


.ia-etsy-heading h2 {
	margin: 0 0 17px;

	color: #000f6d;

	font-size:
		clamp(39px,
			5vw,
			60px);

	font-weight: 800;

	line-height: 1.05;

	letter-spacing: -1.5px;
}


.ia-etsy-heading h2 span {
	color: #087cf5;
}


.ia-etsy-heading p {
	max-width: 720px;

	margin: auto;

	color: #687386;

	font-size: 14px;

	line-height: 1.8;
}


/* =========================================================
   HERO
   ========================================================= */

.ia-etsy-hero {
	display: grid;

	grid-template-columns:
		1.05fr .95fr;

	min-height: 450px;

	margin-bottom: 75px;

	overflow: hidden;

	border-radius: 13px;

	background:
		linear-gradient(125deg,
			#000f6d,
			#001c84);

	box-shadow:
		0 20px 55px rgba(0, 15, 109, .15);
}


.ia-etsy-hero-content {
	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 55px;
}


.ia-etsy-label {
	margin-bottom: 13px;

	color: #fa6c91;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.7px;
}


.ia-etsy-hero-content h3 {
	max-width: 570px;

	margin: 0 0 17px;

	color: #ffffff;

	font-size: 39px;

	font-weight: 800;

	line-height: 1.1;
}


.ia-etsy-hero-content h3 strong {
	display: block;

	color: #087cf5;
}


.ia-etsy-hero-content p {
	max-width: 560px;

	margin: 0 0 25px;

	color:
		rgba(255, 255, 255, .68);

	font-size: 13px;

	line-height: 1.8;
}


/* ================= BUTTONS ================= */

.ia-etsy-buttons {
	display: flex;

	align-items: center;

	gap: 10px;

	margin-bottom: 22px;
}


.ia-etsy-primary-btn,
.ia-etsy-secondary-btn {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	min-height: 46px;

	padding: 0 16px;

	box-sizing: border-box;

	border-radius: 5px;

	text-decoration: none !important;

	font-size: 10px;

	font-weight: 800;

	transition: all .25s ease;
}


.ia-etsy-primary-btn {
	color: #ffffff !important;

	background: #087cf5;

	box-shadow:
		0 9px 22px rgba(250, 35, 93, .18);
}


.ia-etsy-primary-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-etsy-primary-btn b {
	font-size: 17px;

	font-weight: 400;
}


.ia-etsy-secondary-btn {
	color:
		rgba(255, 255, 255, .82) !important;

	border:
		1px solid rgba(255, 255, 255, .16);

	background:
		rgba(255, 255, 255, .06);
}


.ia-etsy-secondary-btn:hover {
	color: #ffffff !important;

	border-color: #087cf5;

	background: #087cf5;
}


.ia-etsy-secondary-btn i {
	color: #087cf5;
}


.ia-etsy-secondary-btn:hover i {
	color: #ffffff;
}


.ia-etsy-trust {
	display: flex;

	flex-wrap: wrap;

	gap: 17px;
}


.ia-etsy-trust span {
	color:
		rgba(255, 255, 255, .46);

	font-size: 8px;

	font-weight: 700;
}


/* =========================================================
   DASHBOARD
   ========================================================= */

.ia-etsy-preview {
	position: relative;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 450px;

	padding: 30px;

	background:
		linear-gradient(145deg,
			#071b76,
			#050e47);
}


.ia-etsy-preview::before {
	position: absolute;

	top: -80px;

	right: -80px;

	width: 270px;
	height: 270px;

	border:
		1px solid rgba(255, 255, 255, .08);

	border-radius: 50%;

	content: "";
}


.ia-etsy-dashboard {
	position: relative;

	z-index: 2;

	width: 100%;

	max-width: 400px;

	overflow: hidden;

	border:
		1px solid rgba(255, 255, 255, .14);

	border-radius: 10px;

	background: #ffffff;

	box-shadow:
		0 25px 50px rgba(0, 0, 0, .25);

	transform:
		perspective(800px) rotateY(-4deg) rotateX(2deg);
}


.ia-etsy-dashboard-top {
	display: flex;

	align-items: center;

	gap: 14px;

	height: 34px;

	padding: 0 12px;

	background: #f2f4f8;
}


.ia-etsy-dashboard-dots {
	display: flex;

	gap: 4px;
}


.ia-etsy-dashboard-dots i {
	width: 6px;
	height: 6px;

	border-radius: 50%;

	background: #b9bdc5;
}


.ia-etsy-dashboard-top span {
	color: #7c8491;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


.ia-etsy-dashboard-body {
	padding: 20px;

	background:
		linear-gradient(135deg,
			#ffffff,
			#f4f6ff);
}


/* Store */

.ia-etsy-store-head {
	display: flex;

	align-items: center;

	gap: 9px;

	margin-bottom: 20px;
}


.ia-etsy-store-logo {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;
	height: 35px;

	border-radius: 7px;

	color: #ffffff;

	background:
		linear-gradient(135deg,
			#000f6d,
			#087cf5);

	font-size: 20px;

	font-weight: 900;
}


.ia-etsy-store-head strong {
	display: block;

	color: #000f6d;

	font-size: 10px;
}


.ia-etsy-store-head span {
	display: block;

	margin-top: 3px;

	color: #89919e;

	font-size: 6px;
}


/* Stats */

.ia-etsy-stat-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 7px;

	margin-bottom: 16px;
}


.ia-etsy-stat-grid>div {
	padding: 10px 8px;

	border:
		1px solid #e7eaf0;

	border-radius: 6px;

	background: #ffffff;
}


.ia-etsy-stat-grid small {
	display: block;

	margin-bottom: 5px;

	color: #929aa7;

	font-size: 5px;

	font-weight: 800;
}


.ia-etsy-stat-grid strong {
	display: block;

	color: #000f6d;

	font-size: 15px;
}


.ia-etsy-stat-grid span {
	display: block;

	margin-top: 3px;

	color: #087cf5;

	font-size: 6px;

	font-weight: 800;
}


/* Chart */

.ia-etsy-chart {
	position: relative;

	height: 85px;

	margin-bottom: 13px;

	overflow: hidden;

	border:
		1px solid #e9ecf2;

	border-radius: 7px;

	background:
		repeating-linear-gradient(0deg,
			#ffffff 0,
			#ffffff 20px,
			#f0f2f6 21px);
}


.ia-etsy-chart-line {
	position: absolute;

	inset:
		15px 10px 15px 10px;

	display: flex;

	align-items: flex-end;

	gap: 14px;
}


.ia-etsy-chart-line span {
	width: 9px;

	border-radius:
		5px 5px 0 0;

	background:
		linear-gradient(to top,
			#000f6d,
			#087cf5);
}


.ia-etsy-chart-line span:nth-child(1) {
	height: 27%;
}


.ia-etsy-chart-line span:nth-child(2) {
	height: 36%;
}


.ia-etsy-chart-line span:nth-child(3) {
	height: 31%;
}


.ia-etsy-chart-line span:nth-child(4) {
	height: 54%;
}


.ia-etsy-chart-line span:nth-child(5) {
	height: 48%;
}


.ia-etsy-chart-line span:nth-child(6) {
	height: 73%;
}


.ia-etsy-chart-line span:nth-child(7) {
	height: 91%;
}


/* Product */

.ia-etsy-product-row {
	display: flex;

	align-items: center;

	gap: 8px;

	padding: 9px;

	border:
		1px solid #e8ebf0;

	border-radius: 6px;

	background: #ffffff;
}


.ia-etsy-product-image {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 34px;
	height: 34px;

	border-radius: 5px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-etsy-product-image i {
	font-size: 12px;
}


.ia-etsy-product-info {
	flex: 1;
}


.ia-etsy-product-info strong {
	display: block;

	color: #000f6d;

	font-size: 7px;
}


.ia-etsy-product-info span {
	display: block;

	margin-top: 3px;

	color: #929aa5;

	font-size: 5px;
}


.ia-etsy-product-sales {
	color: #087cf5;

	font-size: 10px;

	font-weight: 900;
}


/* Floating */

.ia-etsy-floating {
	position: absolute;

	z-index: 5;

	display: flex;

	align-items: center;

	gap: 9px;

	padding: 10px 12px;

	border:
		1px solid rgba(255, 255, 255, .13);

	border-radius: 7px;

	background:
		rgba(255, 255, 255, .08);

	backdrop-filter: blur(8px);

	box-shadow:
		0 12px 30px rgba(0, 0, 0, .15);
}


.ia-etsy-floating>i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 25px;
	height: 25px;

	border-radius: 50%;

	color: #ffffff;

	background: #087cf5;

	font-size: 9px;
}


.ia-etsy-floating strong {
	display: block;

	margin-bottom: 2px;

	color: #ffffff;

	font-size: 8px;
}


.ia-etsy-floating span {
	color:
		rgba(255, 255, 255, .45);

	font-size: 6px;
}


.etsy-float-one {
	left: 15px;

	top: 75px;
}


.etsy-float-two {
	right: 12px;

	bottom: 60px;
}


/* =========================================================
   SERVICES
   ========================================================= */

.ia-etsy-services-heading {
	margin-bottom: 40px;

	text-align: center;
}


.ia-etsy-services-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-etsy-services-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 31px;

	font-weight: 800;
}


.ia-etsy-services-heading strong {
	color: #087cf5;
}


.ia-etsy-services-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 15px;

	margin-bottom: 75px;
}


.ia-etsy-service-card {
	position: relative;

	min-height: 260px;

	padding: 25px;

	overflow: hidden;

	border:
		1px solid #e1e5ee;

	border-radius: 9px;

	background: #ffffff;

	box-shadow:
		0 8px 28px rgba(0, 15, 109, .035);

	transition: all .3s ease;
}


.ia-etsy-service-card:hover {
	transform: translateY(-6px);

	border-color:
		rgba(250, 35, 93, .25);

	box-shadow:
		0 18px 40px rgba(0, 15, 109, .08);
}


.ia-etsy-number {
	position: absolute;

	top: 18px;

	right: 20px;

	color: #b8bfcb;

	font-size: 8px;

	font-weight: 800;
}


.ia-etsy-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin-bottom: 18px;

	border-radius: 9px;

	color: #087cf5;

	background: #fff0f4;

	font-size: 19px;

	transition: all .25s ease;
}


.ia-etsy-service-card:hover .ia-etsy-icon {
	color: #ffffff;

	background: #087cf5;
}


.ia-etsy-service-card h4 {
	margin: 0 0 10px;

	color: #000f6d;

	font-size: 18px;

	font-weight: 800;
}


.ia-etsy-service-card p {
	margin: 0 0 18px;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-etsy-service-card>span {
	display: block;

	padding-top: 12px;

	border-top:
		1px solid #edf0f5;

	color: #087cf5;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: 1px;
}


/* =========================================================
   PROCESS
   ========================================================= */

.ia-etsy-process {
	margin-bottom: 65px;

	padding: 50px 40px;

	border:
		1px solid #e0e5ee;

	border-radius: 11px;

	background: #ffffff;

	box-shadow:
		0 10px 35px rgba(0, 15, 109, .04);
}


.ia-etsy-process-heading {
	margin-bottom: 45px;

	text-align: center;
}


.ia-etsy-process-heading>span {
	color: #087cf5;

	font-size: 9px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-etsy-process-heading h3 {
	margin: 9px 0 0;

	color: #000f6d;

	font-size: 29px;

	font-weight: 800;
}


.ia-etsy-process-heading strong {
	color: #087cf5;
}


.ia-etsy-process-flow {
	display: flex;

	align-items: flex-start;
}


.ia-etsy-process-step {
	flex: 1;

	text-align: center;
}


.ia-etsy-process-icon {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 48px;
	height: 48px;

	margin: 0 auto 14px;

	border:
		1px solid #f6b8ca;

	border-radius: 50%;

	color: #087cf5;

	background: #fff7f9;

	font-size: 9px;

	font-weight: 800;
}


.ia-etsy-process-step h4 {
	margin: 0 0 6px;

	color: #000f6d;

	font-size: 15px;

	font-weight: 800;
}


.ia-etsy-process-step p {
	max-width: 125px;

	margin: auto;

	color: #8791a0;

	font-size: 9px;

	line-height: 1.6;
}


.ia-etsy-process-arrow {
	margin-top: 15px;

	color: #087cf5;

	font-size: 20px;
}


/* =========================================================
   PERFORMANCE
   ========================================================= */

.ia-etsy-performance {
	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 40px;

	align-items: center;

	margin-bottom: 25px;

	padding: 38px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-etsy-performance-content {
	max-width: 530px;
}


.ia-etsy-performance-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-etsy-performance-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;

	line-height: 1.2;
}


.ia-etsy-performance-content h3 strong {
	color: #087cf5;
}


.ia-etsy-performance-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.75;
}


.ia-etsy-performance-points {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 10px;
}


.ia-etsy-performance-points div {
	padding: 18px 12px;

	text-align: center;

	border:
		1px solid #edf0f5;

	border-radius: 7px;
}


.ia-etsy-performance-points i {
	display: flex;

	align-items: center;

	justify-content: center;

	width: 35px;
	height: 35px;

	margin: 0 auto 9px;

	border-radius: 7px;

	color: #087cf5;

	background: #fff0f4;
}


.ia-etsy-performance-points strong {
	display: block;

	margin-bottom: 6px;

	color: #000f6d;

	font-size: 11px;
}


.ia-etsy-performance-points span {
	display: block;

	color: #8b94a2;

	font-size: 8px;

	line-height: 1.5;
}


/* =========================================================
   FEATURES
   ========================================================= */

.ia-etsy-features {
	display: grid;

	grid-template-columns:
		repeat(4, 1fr);

	gap: 10px;

	margin-bottom: 25px;

	padding: 25px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-etsy-feature-item {
	display: flex;

	align-items: center;

	gap: 11px;

	padding: 10px;

	border-right:
		1px solid #edf0f5;
}


.ia-etsy-feature-item:last-child {
	border-right: none;
}


.ia-etsy-feature-item>i {
	color: #087cf5;

	font-size: 17px;
}


.ia-etsy-feature-item strong {
	display: block;

	margin-bottom: 3px;

	color: #000f6d;

	font-size: 10px;
}


.ia-etsy-feature-item span {
	color: #8a93a1;

	font-size: 7px;
}


/* =========================================================
   NICHES
   ========================================================= */

.ia-etsy-niches {
	margin-bottom: 25px;

	padding: 38px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-etsy-niches-heading {
	max-width: 680px;

	margin-bottom: 30px;
}


.ia-etsy-niches-heading>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-etsy-niches-heading h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-etsy-niches-heading h3 strong {
	color: #087cf5;
}


.ia-etsy-niches-heading p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-etsy-niches-grid {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	gap: 10px;
}


.ia-etsy-niches-grid>div {
	display: flex;

	align-items: center;

	gap: 11px;

	min-height: 58px;

	padding: 10px 14px;

	border:
		1px solid #edf0f5;

	border-radius: 7px;

	background: #fbfcff;

	transition: all .25s ease;
}


.ia-etsy-niches-grid>div:hover {
	border-color:
		rgba(250, 35, 93, .25);

	transform: translateY(-3px);
}


.ia-etsy-niches-grid i {
	color: #087cf5;

	font-size: 16px;
}


.ia-etsy-niches-grid strong {
	color: #000f6d;

	font-size: 10px;
}


/* =========================================================
   RESULTS
   ========================================================= */

.ia-etsy-results {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 40px;

	margin-bottom: 25px;

	padding: 35px 40px;

	border:
		1px solid #e1e5ee;

	border-radius: 10px;

	background: #ffffff;
}


.ia-etsy-results-content {
	max-width: 540px;
}


.ia-etsy-results-content>span {
	color: #087cf5;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.4px;
}


.ia-etsy-results-content h3 {
	margin: 8px 0;

	color: #000f6d;

	font-size: 27px;

	font-weight: 800;
}


.ia-etsy-results-content h3 strong {
	color: #087cf5;
}


.ia-etsy-results-content p {
	margin: 0;

	color: #758095;

	font-size: 11px;

	line-height: 1.7;
}


.ia-etsy-results-stats {
	display: grid;

	grid-template-columns:
		repeat(3, 1fr);

	min-width: 390px;
}


.ia-etsy-results-stats div {
	padding: 0 18px;

	text-align: center;

	border-left:
		1px solid #e6e9ef;
}


.ia-etsy-results-stats strong {
	display: block;

	color: #000f6d;

	font-size: 26px;

	font-weight: 800;
}


.ia-etsy-results-stats span {
	display: block;

	margin-top: 5px;

	color: #929aaa;

	font-size: 7px;

	font-weight: 800;

	letter-spacing: .8px;
}


/* =========================================================
   CTA
   ========================================================= */

.ia-etsy-cta {
	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	padding: 37px 40px;

	border-radius: 10px;

	background:
		linear-gradient(110deg,
			#000f6d,
			#001b82);

	box-shadow:
		0 15px 40px rgba(0, 15, 109, .13);
}


.ia-etsy-cta>div>span {
	color: #fa6c91;

	font-size: 8px;

	font-weight: 800;

	letter-spacing: 1.5px;
}


.ia-etsy-cta h3 {
	margin: 7px 0 6px;

	color: #ffffff;

	font-size: 27px;

	font-weight: 800;
}


.ia-etsy-cta h3 strong {
	color: #087cf5;
}


.ia-etsy-cta p {
	margin: 0;

	color:
		rgba(255, 255, 255, .65);

	font-size: 11px;

	line-height: 1.6;
}


.ia-etsy-cta-btn {
	display: inline-flex;

	align-items: center;

	justify-content: space-between;

	gap: 25px;

	min-width: 165px;

	padding: 14px 17px;

	border-radius: 5px;

	color: #ffffff !important;

	background: #087cf5;

	font-size: 10px;

	font-weight: 800;

	text-decoration: none !important;

	transition: all .25s ease;
}


.ia-etsy-cta-btn:hover {
	color: #ffffff !important;

	background: #e81750;

	transform: translateY(-2px);
}


.ia-etsy-cta-btn b {
	font-size: 17px;

	font-weight: 400;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

	.ia-etsy-section {
		padding: 80px 0;
	}

	.ia-etsy-hero {
		grid-template-columns: 1fr;
	}

	.ia-etsy-preview {
		min-height: 390px;
	}

	.ia-etsy-services-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-etsy-services-grid .ia-etsy-service-card:last-child {
		grid-column: 1 / -1;

		max-width:
			calc(50% - 8px);

		width: 100%;

		margin: auto;
	}

	.ia-etsy-performance {
		grid-template-columns: 1fr;
	}

	.ia-etsy-features {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-etsy-feature-item:nth-child(2) {
		border-right: none;
	}

	.ia-etsy-niches-grid {
		grid-template-columns:
			repeat(2, 1fr);
	}

	.ia-etsy-results {
		align-items: flex-start;

		flex-direction: column;
	}

	.ia-etsy-results-stats {
		width: 100%;

		min-width: 0;
	}

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	.ia-etsy-section {
		padding: 65px 0;
	}

	.ia-etsy-container {
		width:
			calc(100% - 28px);
	}

	.ia-etsy-heading {
		margin-bottom: 35px;
	}

	.ia-etsy-heading h2 {
		font-size: 36px;

		letter-spacing: -1px;
	}

	.ia-etsy-heading p {
		font-size: 12px;
	}

	.ia-etsy-hero {
		margin-bottom: 55px;
	}

	.ia-etsy-hero-content {
		padding: 30px 22px;
	}

	.ia-etsy-hero-content h3 {
		font-size: 29px;
	}

	.ia-etsy-hero-content p {
		font-size: 11px;
	}

	.ia-etsy-buttons {
		align-items: stretch;

		flex-direction: column;
	}

	.ia-etsy-primary-btn,
	.ia-etsy-secondary-btn {
		width: 100%;
	}

	.ia-etsy-preview {
		min-height: 330px;

		padding: 20px;
	}

	.ia-etsy-dashboard {
		transform: none;
	}

	.ia-etsy-floating {
		transform: scale(.82);
	}

	.etsy-float-one {
		left: 2px;
	}

	.etsy-float-two {
		right: 2px;
	}

	.ia-etsy-services-heading h3 {
		font-size: 27px;
	}

	.ia-etsy-services-grid {
		grid-template-columns: 1fr;

		margin-bottom: 55px;
	}

	.ia-etsy-services-grid .ia-etsy-service-card:last-child {
		grid-column: auto;

		max-width: none;
	}

	.ia-etsy-service-card {
		min-height: auto;

		padding: 22px;
	}

	.ia-etsy-process {
		padding: 35px 20px;
	}

	.ia-etsy-process-heading h3 {
		font-size: 24px;
	}

	.ia-etsy-process-flow {
		flex-direction: column;

		align-items: center;
	}

	.ia-etsy-process-step {
		width: 100%;
	}

	.ia-etsy-process-arrow {
		margin: 12px 0;

		transform: rotate(90deg);
	}

	.ia-etsy-performance {
		padding: 28px 22px;
	}

	.ia-etsy-performance-points {
		grid-template-columns: 1fr;
	}

	.ia-etsy-features {
		grid-template-columns: 1fr;

		padding: 18px;
	}

	.ia-etsy-feature-item {
		border-right: none;

		border-bottom:
			1px solid #edf0f5;

		padding: 12px 5px;
	}

	.ia-etsy-feature-item:last-child {
		border-bottom: none;
	}

	.ia-etsy-niches {
		padding: 28px 22px;
	}

	.ia-etsy-niches-grid {
		grid-template-columns: 1fr;
	}

	.ia-etsy-results {
		padding: 28px 22px;
	}

	.ia-etsy-results-stats {
		width: 100%;
	}

	.ia-etsy-results-stats div {
		padding: 0 7px;
	}

	.ia-etsy-results-stats strong {
		font-size: 21px;
	}

	.ia-etsy-cta {
		flex-direction: column;

		align-items: flex-start;

		padding: 28px 22px;
	}

	.ia-etsy-cta h3 {
		font-size: 23px;
	}

	.ia-etsy-cta-btn {
		width: 100%;

		box-sizing: border-box;
	}

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 420px) {

	.ia-etsy-heading h2 {
		font-size: 32px;
	}

	.ia-etsy-hero-content h3 {
		font-size: 26px;
	}

	.ia-etsy-preview {
		min-height: 290px;
	}

	.ia-etsy-dashboard-body {
		padding: 14px;
	}

	.ia-etsy-stat-grid {
		gap: 4px;
	}

	.ia-etsy-stat-grid>div {
		padding: 8px 5px;
	}

	.ia-etsy-stat-grid strong {
		font-size: 13px;
	}

	.ia-etsy-results-stats strong {
		font-size: 19px;
	}

	.ia-etsy-cta h3 {
		font-size: 21px;
	}

}