:root {
	font-size: 15px
}
body {
	font-family: 'Quicksand', sans-serif;
	font-weight: 400;
	line-height: 1.7333333333;
	color: #7a7a7a;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
iframe {
	border: none
}
a, b, div, li, ul {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	-moz-outline-: none
}
a:active, a:focus, input, input:active, input:focus, input:hover, textarea, textarea:active, textarea:focus, textarea:hover {
	-moz-outline: none;
	outline: none
	
}
embed, img:not([draggable]), object, video {
	max-width: 100%;
	height: auto
}
p {
	text-align: justify;
	color: #1e1e1e;
}
a {
	text-decoration: none;
	outline: 0
}
a:active, a:focus, a:hover, a:visited {
	text-decoration: none;
	outline: 0
}
img {
	border: none;
	max-width: 100%
}
li, ul {
	margin: 0;
	padding: 0;
	list-style: none
}
.clear-both:after, .clear-both:before {
	display: table;
	content: "";
	clear: both
}
button:focus {
	outline: none
}
.header {
	position: relative;
	z-index: 999
}
.header-transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header-transparent .xs-menus .nav-menu>li>a {
	color: #FFFFFF
	
}
.header-transparent .xs-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.header-transparent .xs-menu-tools>li>a {
	color: #FFFFFF
}
.header-transparent .xs-menus .nav-menu>li>a:before {
	background-color: #fefefe

}
.header-transparent .xs-header.header-main {
	background-color: transparent;
	border-bottom: 0px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1)
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li:not(:last-child) {
	margin-right: 25px;
	padding-right: 25px

}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li.active>a {
	color: #5ec1fd
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li.active>a .submenu-indicator-chevron {
	border-color: transparent #181818 #181818 transparent
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li.active>a:before {
	background-color: #181818;
	-webkit-box-shadow: 9px 0px 0px 0px #181818, 18px 0px 0px 0px #181818;
	box-shadow: 9px 0px 0px 0px #181818, 18px 0px 0px 0px #181818
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a {
	color: #FFFFFF
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
	border-color: transparent #FFFFFF #FFFFFF transparent
}
.header-transparent .xs-header.header-main .xs-menus .nav-menu>li>a:before {
	background-color: #FFFFFF;
	-webkit-box-shadow: 9px 0px 0px 0px #FFFFFF, 18px 0px 0px 0px #FFFFFF;
	box-shadow: 9px 0px 0px 0px #FFFFFF, 18px 0px 0px 0px #FFFFFF
}
.header-transparent .xs-header.header-main .xs-menu-tools {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header-transparent .xs-header.header-main .xs-menu-tools>li>a {
	color: #FFFFFF
}
.header-tranparent-style2 .xs-header.header-main {
	background-color: #FFFFFF
}
.header-tranparent-style2 .xs-header.header-main .xs-menus .nav-menu>li>a {
	color: #181818
}
.header-tranparent-style2 .xs-header.header-main .xs-menus .nav-menu>li>a:before {
	background-color: #181818;
	-webkit-box-shadow: 9px 0px 0px 0px #181818, 18px 0px 0px 0px #181818;
	box-shadow: 9px 0px 0px 0px #181818, 18px 0px 0px 0px #181818
}
.header-tranparent-style2 .xs-header.header-main .xs-menu-tools {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.header-tranparent-style2 .xs-header.header-main .xs-menu-tools>li>a {
	color: #181818
}
.xs-menus .nav-menu>li {
	margin-right: 30px
}
.xs-menus .nav-menu>li:last-child {
	margin-right: 0px
}
.xs-menus .nav-menu>li.active>a {
	color: #fcaf17
}
.xs-menus .nav-menu>li>.nav-dropdown a.active {
	color: #000000
}
.xs-menus .nav-menu>li>a {
	color: #333333;
	padding: 60px 10px 0;
	position: relative;
	text-transform: uppercase;
	font-size: 1rem;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-menus .nav-menu>li>a .submenu-indicator-chevron {
	border-color: transparent #FFFFFF #FFFFFF transparent
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a {
	padding-left: 0px;
	padding-right: 0px;
	display: block;
	color: #141414;
	font-size: 1rem
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a:hover {
	color: #16264c
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a i {
	font-size: 1rem;
	position: relative;
	top: 1px;
	padding-right: 18px
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:last-child) a {
	padding-bottom: 20px;
	border-bottom: 1px solid #f7f7f7
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:first-child) a {
	padding-top: 20px
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item.active>a {
	color: #16264c
}
.xs-menus .nav-menu .megamenu-panel.xs-service-menu {
	padding: 35px
}
.xs-menus .nav-menu li>.nav-dropdown li a {
	background-color: transparent;
	border-bottom: 1px solid #F1F1F1;
	color: #333333;
	font-size: 1.1333333333rem
}
.xs-menus .nav-menu li>.nav-submenu {
	-webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
	background-color: #FFFFFF;
	border-top: 0px;
	padding: 20px;
	text-transform: uppercase
}
.xs-menus .nav-menu .nav-dropdown li:last-child a {
	border-bottom: 0px
}
.xs-menus .nav-toggle {
	margin-top: 0px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
.xs-header {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-header .xs-logo {
	display: block;
	padding: 57px 0 0
}
.xs-header.header-main {
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF
}
.xs-header.header-main>.container {
	position: relative
}
.xs-header.header-main .navSidebar-wraper {
	position: absolute;
	right: 15px;
	bottom: -30px;
	z-index: 11;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-header.header-main .navSidebar-wraper .single-navicon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	display: inline-block;
	float: left
}
.xs-header.header-main .navSidebar-wraper .single-navicon:not(:last-child) {
	margin-right: 10px
}
.xs-header.header-main .navSidebar-wraper .navSidebar-button {
	height: calc(100% - 12px);
	width: calc(100% - 12px);
	border-radius: 50%;
	background-color: #00138e;
	display: block;
	text-align: center;
	margin: 0 auto;
	line-height: 48px;
	font-size: 1.2rem;
	color: #FFFFFF;
	position: relative;
	top: 6px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-header.header-main .navSidebar-wraper .navSidebar-button:hover {
	background-color: #16264c
}
.xs-header.header-main .xs-logo {
	padding: 28px 0
}
.xs-header.header-main .xs-menus .nav-menu>li.active>a {
	color: #fcaf17
}
.xs-header.header-main .xs-menus .nav-menu>li a .submenu-indicator-chevron {
	border-color: transparent #00138e #00138e transparent
}
.xs-header.header-main .xs-menus .nav-menu>li:not(:last-child) {
	margin-right: 27px;
	padding-right: 16px
}
.xs-header.header-main .xs-menus .nav-menu>li>.nav-submenu>li>a.active {
	color: #16264c
}
.xs-header.header-main .xs-menus .nav-menu>li>.nav-dropdown {
	right: auto!important
}
.xs-header.header-main .xs-menus .nav-menu>li>a {
	padding: 44px 0;
	color: #00138e;
	font-weight: 700;
	font-family: 'Quicksand';
	position: relative
}
.xs-header.header-main .xs-menus .nav-menu>li>a:before {
	position: absolute;
	content: "";
	bottom: calc(0% + 32px);
	left: -10%;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: #16264c;
	-webkit-box-shadow: 9px 0px 0px 0px #16264c, 18px 0px 0px 0px #16264c;
	box-shadow: 9px 0px 0px 0px #16264c, 18px 0px 0px 0px #16264c;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	margin-left: -12px
}
.xs-header.header-main .xs-menus .nav-menu>li:hover>a:before, .xs-header.header-main .xs-menus .nav-menu>li>a:hover:before {
	opacity: 1;
	left: 50%
}
.xs-header.header-main .xs-menu-tools {
	line-height: 1;
	padding: 39px 0
}
.xs-header.header-main .xs-menu-tools>li>a {
	color: #00138e
}
.xs-header.header-main .xs-menu-tools>li>a:hover {
	color: #16264c
}
.xs-header.header-main .xs-menu-tools>li>a .xs-flag {
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #FFFFFF
}
.xs_nav-landscape .nav-brand {
	display: none
}
.xs-menu-tools {
	text-align: right;
	padding: 56px 0 0
}
.xs-menu-tools>li {
	display: inline-block;
	margin-right: 20px
}
.xs-menu-tools>li:last-child {
	margin-right: 0px
}
.xs-menu-tools>li>a {
	color: #333333;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	font-weight: 700
}
.xs-menu-tools>li>a .xs-flag {
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 9px
}
.xs-menu-tools>li>a .lang-title {
	vertical-align: middle;
	font-size: 0.9333333333rem
}
.home-menu-panel a {
	display: block;
	text-align: center
}
.home-menu-panel a img {
	margin-bottom: 20px
}
.home-menu-panel a h4 {
	font-size: 1.1333333333rem;
	margin-bottom: 0px
}
.xs_nav-portrait {
	height: 100%
}
.xs_nav-portrait .nav-header {
	margin-top: 0px;
	height: 100%
}
.xs_nav-portrait .nav-brand {
	line-height: 0;
	max-width: 154px;
	max-height: 50px;
	display: block;
	padding: 0
}
.nav-sticky {
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease
}
.nav-sticky .xs-header .nav-brand, .nav-sticky .xs-header .xs-logo {
	position: relative
}
.nav-sticky .xs-header .nav-brand>img, .nav-sticky .xs-header .xs-logo>img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.nav-sticky .xs-header .nav-brand .logo-sticky, .nav-sticky .xs-header .xs-logo .logo-sticky {
	opacity: 0;
	visibility: hidden;
	top: 200%
}
.nav-sticky .xs-header .nav-brand .logo-transparent, .nav-sticky .xs-header .xs-logo .logo-transparent {
	opacity: 1;
	visibility: visible
}
.nav-sticky.sticky-header {
	position: fixed;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	background-color: #FFFFFF;
	top: -1px;
	width: 100%
}
.nav-sticky.sticky-header .xs-header .nav-brand, .nav-sticky.sticky-header .xs-header .xs-logo {
	padding: 17px 0
}
.nav-sticky.sticky-header .xs-header .nav-brand .logo-sticky, .nav-sticky.sticky-header .xs-header .xs-logo .logo-sticky {
	opacity: 1;
	visibility: visible;
	top: 50%
}
.nav-sticky.sticky-header .xs-header .nav-brand .logo-transparent, .nav-sticky.sticky-header .xs-header .xs-logo .logo-transparent {
	opacity: 0;
	visibility: hidden
}
.nav-sticky.sticky-header .xs-header .xs-menu-tools {
	padding: 30px 0
}
.nav-sticky.sticky-header .xs-header .xs-menu-tools>li>a {
	color: #181818
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a {
	padding: 33px 0;
	color: #181818
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a:before {
	background-color: #181818;
	-webkit-box-shadow: 9px 0px 0px 0px #181818, 18px 0px 0px 0px #181818;
	box-shadow: 9px 0px 0px 0px #181818, 18px 0px 0px 0px #181818;
	bottom: calc(0% + 25px)
}
.nav-sticky.sticky-header .xs-header .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
	border-color: transparent #181818 #181818 transparent
}
.nav-sticky.sticky-header .xs-header .navSidebar-wraper {
	-webkit-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	transform: translateY(-200%);
	opacity: 0
}
.nav-sticky.sticky-header.sticky {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%)
}
.nav-sticky .xs-header.header-main .xs-menus .nav-menu.single-page-menu>li:not(:last-child) {
	margin-right: 15px;
	padding-right: 15px
}
.header-tranparent-style2+.banner-v2 {
	padding-top: 149px
}

/* Blink Free Consultation */
.free-consult-btn {
  display: inline-block;
  padding: 14px 28px;
  background: linear-gradient(135deg, #002454, #1a73e8);
  color: white;
  font-weight: bold;
  font-size: 20px;
  border-radius: 50px;
  text-align: center;
  animation: blink 1s infinite;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  cursor: default;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.free-consult-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
/* Blink Free Consultation */

/* ===== Quick Wins Search Engine Optimization ===== */
.quick-wins {
  position: relative;
  background: linear-gradient(135deg, #f9fbff 0%, #eef3f9 100%);
  padding: 40px 20px;
  text-align: center;
  overflow: hidden;
}

.quick-wins h2 {
  font-size: 2.0rem;
  font-weight: 700;
  background: linear-gradient(90deg, #0056ff, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}

.quick-wins .subtitle {
  font-size: 1.1rem;
  color: #555;
  margin-bottom: 50px;
  position: relative;
  z-index: 2;
}

.quick-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  max-width: 1100px;
  margin: auto;
  position: relative;
  z-index: 2;
}

.quick-card {
  background: #fff;
  border-radius: 20px;
  padding: 30px 25px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.quick-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.15);
}

.quick-card i {
  font-size: 40px;
  background: linear-gradient(135deg, #0056ff, #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  transition: transform 0.6s ease;
  display: inline-block;
}

/* Icon animations on hover */
.quick-card:hover i.fa-chart-line { transform: scale(1.3) rotate(-5deg); }
.quick-card:hover i.fa-rocket { transform: translateY(-8px) rotate(-45deg); }
.quick-card:hover i.fa-search { transform: scale(1.3) rotate(20deg); }
.quick-card:hover i.fa-seedling { transform: scale(1.2) rotate(10deg); }

.quick-card h3 {
  font-size: 1.3rem;
  color: #222;
  margin-bottom: 12px;
  font-weight: 600;
}

.quick-card p {
  color: #666;
  font-size: 0.95rem;
  line-height: 1.6;
}

/* Flying rockets background */
.bg-rockets {
  position: absolute;
  inset: 0;
  overflow: hidden;
  z-index: 1;
}

.bg-rockets span {
  position: absolute;
  display: block;
  font-size: 30px;
  color: rgba(0, 86, 255, 0.8); /* more visible */
  animation: flyUp linear infinite;
}

/* Different rocket sizes + speeds — starting from bottom */
.bg-rockets span:nth-child(1) {
  left: 5%; bottom: -40px;
  font-size: 20px; 
  animation-duration: 14s;
  animation-delay: 0s;
}
.bg-rockets span:nth-child(2) {
  left: 25%; bottom: -60px;
  font-size: 40px;
  animation-duration: 20s;
  animation-delay: 4s;
}
.bg-rockets span:nth-child(3) {
  left: 50%; bottom: -50px;
  font-size: 28px;
  animation-duration: 18s;
  animation-delay: 2s;
}
.bg-rockets span:nth-child(4) {
  left: 70%; bottom: -70px;
  font-size: 35px;
  animation-duration: 16s;
  animation-delay: 6s;
}
.bg-rockets span:nth-child(5) {
  left: 85%; bottom: -45px;
  font-size: 24px;
  animation-duration: 22s;
  animation-delay: 8s;
}
.bg-rockets span:nth-child(6) {
  left: 95%; bottom: -65px;
  font-size: 32px;
  animation-duration: 19s;
  animation-delay: 10s;
}

/* Fly up animation */
@keyframes flyUp {
  0%   { transform: translateY(0) scale(1) rotate(-45deg); opacity: 0.9; }
  50%  { transform: translateY(-400px) scale(1.2) rotate(-45deg); opacity: 1; }
  100% { transform: translateY(-900px) scale(1) rotate(-45deg); opacity: 0; }
}
/* ===== Quick Wins Search Engine Optimization ===== */

/* SEO Process Section */
.seo-process {
  text-align: center;
  padding: 60px 20px;
  background: #f9fbff;
}

.process-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 40px;
  color: #003399;
}

.process-steps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  flex-wrap: nowrap;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 120px;
}

.circle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #e0e7ff;
  color: #003399;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  transition: all 0.5s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.step p {
  margin-top: 8px;
  font-weight: 500;
  font-size: 14px;
  color: #333;
  text-align: center;
  max-width: 110px;
}

.line {
  flex: 1;
  height: 3px;
  background: #ccc;
  margin: 0 6px;
  transition: background 0.5s ease;
}

/* Animation when active */
.active .circle {
  background: linear-gradient(135deg, #0066ff, #00ccff);
  color: #fff;
  transform: scale(1.1);
}

.active + .line {
  background: linear-gradient(135deg, #0066ff, #00ccff);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .process-steps {
    flex-direction: column;
    align-items: center;
  }
  .line {
    width: 3px;
    height: 40px;
    margin: 12px 0;
  }
  .step {
    min-width: auto;
    margin-bottom: 10px;
  }
}
/* SEO Process Section */


/* SEO Preview */
.seo-preview {
  padding: 40px 20px;
  background: #f9fbff;
  text-align: center;
}
.preview-title {
  font-size: 2rem;
  font-weight: 700;
  color: #003399;
}
.preview-subtitle {
  font-size: 1rem;
  color: #555;
  margin-bottom: 40px;
  text-align: center;
}
.preview-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 25px;
  max-width: 1200px;
  margin: 0 auto;
}
.preview-card {
  background: #fff;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-align: left;
}
.preview-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}
.google-result .title {
  font-size: 16px;
  font-weight: 600;
  color: #1a0dab;
}
.google-result .link {
  color: #006621;
  font-size: 13px;
}
.google-result .desc {
  color: #444;
  font-size: 14px;
  margin: 5px 0;
}
.google-result .rating {
  color: #eab308;
  font-size: 14px;
}
.google-map {
  background: #eef3ff;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
}
.faq summary {
  font-weight: 600;
  cursor: pointer;
  margin: 5px 0;
}
.sitelinks .title {
  font-size: 15px;
  font-weight: 600;
  color: #1a0dab;
}
.sitelinks .link {
  color: #006621;
  font-size: 13px;
}
.sitelinks ul {
  margin-top: 5px;
  padding-left: 20px;
}
.sitelinks li {
  list-style: disc;
  color: #444;
  font-size: 14px;
  margin: 2px 0;
}
/* SEO Preview */

/* VA Pricing Animated */
.pricing-section {
  font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
  padding: 8px 20px;
  background: #f7fbff;
  color: #0e2540;
}
.pricing-container {
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.plan {
  background: linear-gradient(180deg, #ffffff, #f5f9ff);
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(12,34,60,0.08);
  padding: 22px;
  width: 45%;
  min-width: 280px;
  border: 1px solid rgba(12,34,60,0.05);
  transform-origin: center;
  transition: transform .36s cubic-bezier(.2,.9,.3,1), box-shadow .36s;
  position: relative;
  overflow: visible;
  animation: floatIn .6s ease forwards;
  opacity: 0;
}
.plan:nth-child(1){ animation-delay:.08s }
.plan:nth-child(2){ animation-delay:.18s }

@keyframes floatIn {
  from { transform: translateY(18px) scale(.98); opacity:0; }
  to { transform: translateY(0) scale(1); opacity:1; }
}
.plan:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 18px 42px rgba(12,34,60,0.12);
}

/* Ribbon */
.ribbon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) translateY(-56px);
  background: #0b5ed7;
  color: #fff;
  padding: 8px 16px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 13px;
  box-shadow: 0 6px 18px rgba(11,94,215,0.18);
  animation: popPulse 3s ease-in-out infinite;
}

/* Headers & Price */
.plan h3 { margin: 8px 0 6px; font-size: 20px; letter-spacing: .2px; color: #072040; text-align: center; }
.plan .hours { color: #2b5a8a; font-weight: 700; margin-bottom: 12px; font-size: 14px; text-align: center; }
.price { display: flex; justify-content: center; align-items: baseline; gap: 8px; margin: 8px 0 16px; }
.price .amount { font-size: 32px; font-weight: 800; color: #072040; }
.price .period { color: #4b6f98; font-size: 13px; }

/* Features */
.features { 
    list-style: none; 
    padding: 0; 
    margin: 12px 0 18px; 
    color: #244a73; 
    font-size: 14px; 
    line-height: 1.6; 
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers horizontally */
    text-align: center;  /* Centers text inside */
}

.features li { 
    display: flex; 
    gap: 8px; 
    align-items: flex-start; 
    justify-content: center; /* Centers icon + text together */
}

.features li::before { 
    content: "✓"; 
    color: #0b5ed7; 
    font-weight: 700; 
    margin-top: 2px; 
}

/* CTA button */
.cta { text-align: center; }
.btn {
  display: inline-block;
  padding: 12px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  background: #0b5ed7;
  color: #fff;
  border: 0;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(11,94,215,0.12);
  transition: transform .18s, box-shadow .18s, opacity .18s;
}

/* Pro highlight */
.plan.pro { border: 1px solid rgba(11,94,215,0.14); transform: scale(1.02); }
.plan.pro .ribbon { background: #ff7a18; box-shadow: 0 8px 28px rgba(255,122,24,0.16); }
.plan.pro .price .amount { color: #0b3d6a; }

/* Pulse animation */
@keyframes popPulse {
  0%{ transform:translateX(-50%) scale(1); }
  50%{ transform:translateX(-50%) scale(1.06);}
  100%{ transform:translateX(-50%) scale(1);}
}

/* Responsive */
@media (max-width: 768px) {
  .plan { width: 100%; max-width: 500px; }
}
/* VA Pricing Animated */


/* Animated Service Button End */
/* Button Container */
.category-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  margin-bottom: 40px;
}

/* Base Button Style */
.btn {
  padding: 14px 28px;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  transition: all 0.35s ease;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.btn::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
}

.btn:hover::before {
  transform: scaleX(1);
}

/* Hover Effect: Scale, Glow, Slide Overlay */
.btn:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Specific Category Buttons */
.service-btn {
  background-color: #5a6772;
}
.service-btn:hover {
  background-color: #434f5a;
}

.wellness-btn {
  background-color: #6fa76f;
}
.wellness-btn:hover {
  background-color: #538a53;
}

.retail-btn {
  background-color: #447fa0;
}
.retail-btn:hover {
  background-color: #2f5f79;
}

.food-btn {
  background-color: #d36c46;
}
.food-btn:hover {
  background-color: #a85136;
}

.pro-btn {
  background-color: #4c4c4c;
}
.pro-btn:hover {
  background-color: #333;
}

.industrial-btn {
  background-color: #7a7a7a;
}
.industrial-btn:hover {
  background-color: #5e5e5e;
}

.travel-btn {
  background-color: #5b9ea0;
}
.travel-btn:hover {
  background-color: #46777a;
}



/* Responsive for Tablets & Phones */
@media (max-width: 768px) {
  .btn {
    min-width: 100%;
  }
}

/* Animated Service Button End */


/* Service Button Portfolio */
/* Service Button Portfolio */
.portfolio-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 40px auto;
  max-width: 1200px;
  padding: 0 20px;
}

.portfolio-item {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.portfolio-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
}

.portfolio-item img {
  width: 100%;
  height: auto;
  display: block;
}

.portfolio-item p {
  padding: 15px;
  font-weight: 600;
  color: #333;
  background: #f9f9f9;
  margin: 0;
}

/* Responsive Breakpoints */
@media (max-width: 992px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .portfolio-grid {
    grid-template-columns: 1fr;
  }
}
/* Service Button Portfolio */

/* Voice Google */
#voice-search-btn {
  font-size: 22px;
  padding: 8px 15px;
  border: none;
  border-radius: 5px;
  background: #1a73e8;
  color: #fff;
  cursor: pointer;
}
/* Voice Google */

/* Color Button List */
.services-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', sans-serif;
    color: #fff;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0;
  }

.services-table th {
    background-color: #004c8c; /* Dark Blue */
    padding: 16px;
    text-align: left;
    font-size: 20px;
  }

.services-table td {
    background-color: #e0f0ff; /* Sky Blue background */
    color: #003a66; /* Dark text for contrast */
    padding: 16px;
    font-size: 16px;
    border-bottom: 2px solid #c2e0ff;
  }

.services-table tr:hover td {
    background-color: #cce8ff;
  }

.service-name {
    font-weight: bold;
    font-size: 17px;
    color: #004c8c;
  }

@media (max-width: 768px) {
.services-table, .services-table tr, .services-table td, .services-table th {
      display: block;
      width: 100%;
    }
.services-table tr {
      margin-bottom: 10px;
    }
  }
/* Color Button List */

/* FAQ Bottom */
.faq-container {
      max-width: 800px;
      margin: 30px auto;
      font-family: Arial, sans-serif;
    }

.faq-item {
      border: 1px solid #ccc;
      border-radius: 5px;
      margin-bottom: 10px;
      background-color: #f8f8f8;
    }

.faq-question {
      padding: 15px;
      cursor: pointer;
      font-weight: bold;
      background-color: #000712;
      transition: background-color 0.3s;
	  color: #e3e3e3; /* Updated text color */
    }

.faq-question:hover {
      background-color: #0048ad;
    }

.faq-answer {
      display: none;
      padding: 15px;
      border-top: 1px solid #ccc;
      background-color: #fff;
    }

.faq-item.active .faq-answer {
      display: block;
    }
/* FAQ Bottom */



/* Floating Call Button Right */
.floating-call-button {
    position: fixed;
    bottom: 90px;
    right: 0px;
    z-index: 9999;
    width: auto;
    height: auto;
  }

.floating-call-button img {
    width: auto;
    height: auto;
    display: block;
  }

@media (max-width: 768px) {
.floating-call-button {
      width: auto;
      bottom: 90px;
      right: 0px;
    }
  }
/* Floating Call Button Right */

/* Floating WhatsApp Right */
.floating-wap-button {
    position: fixed;
    bottom: 150px;
    right: 0px;
    z-index: 9999;
    width: auto;
    height: auto;
  }

.floating-wap-button img {
    width: auto;
    height: auto;
    display: block;
  }

@media (max-width: 768px) {
.floating-wap-button {
      width: auto;
      bottom: 150px;
      right: 0px;
    }
  }
/* Floating WhatsApp Right */

/* Core Benefits */
.core-benefits-gradient {
  background: linear-gradient(135deg, #007bff, #00c6ff, #6a11cb, #2575fc);
  background-size: 400% 400%;
  animation: gradientBG 10s ease infinite;
  color: #fff;
  text-align:center
}

@keyframes gradientBG {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Text Color and Font Weight for Core Benefits */
.core-benefits-gradient h2,
.core-benefits-gradient h5,
.core-benefits-gradient p {
  color: #fff !important;
}

.core-benefits-gradient h5 {
  font-weight: 700; /* Stronger titles */
}

.core-benefits-gradient p {
  font-weight: 400;
}


/* Icon Styling */
.benefit-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 32px;
  color: #fff;
  position: relative;
  transition: all 0.4s ease;
}


.benefit-card-glass:hover .benefit-icon {
  transform: rotate(15deg) scale(1.2);
}

/* Icon Gradients */
.bg-gradient-primary { background: linear-gradient(135deg, #007bff, #00c6ff); }
.bg-gradient-success { background: linear-gradient(135deg, #28a745, #a2f55e); }
.bg-gradient-warning { background: linear-gradient(135deg, #ffc107, #ff9f1a); }
.bg-gradient-danger  { background: linear-gradient(135deg, #ff4b1f, #ff9068); }

/* Pulse Animation for Icons */
.pulse {
  animation: pulseAnim 2s infinite;
}

@keyframes pulseAnim {
  0% { box-shadow: 0 0 0 0 rgba(255,255,255,0.6); }
  70% { box-shadow: 0 0 0 20px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

.benefit-card-glass {
  text-align: center;
   padding: 20px;
}

@media (max-width: 767px) {
  .benefit-card-glass {
    margin-bottom: 20px;
  }
  .benefit-icon {
    margin: 0 auto 15px auto; /* Centers icon */
    display: inline-flex;
  }
}
/* Core Benefits */


/* Case Study */

.case-image img {
  border-radius: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.case-image img:hover {
  transform: scale(1.03);
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.case-results li {
  font-size: 1.1rem;
  margin-bottom: 10px;
}

.case-results i {
  margin-right: 10px;
  font-size: 1.2rem;
}
/* Case Study */

/* Brand Marquee Homepage */
.brand-marquee__inner {
  padding: 31px 0 10px;
  background-size: cover;
  border-radius: 24px;
  position: relative;
  z-index: 0;
}

.brand-marquee__inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(20, 20, 20, 0.95);
  z-index: -1;
}

.brand-marquee__heading {
  padding-bottom: 34px;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.brand-marquee__title {
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}

.brand-marquee__title span {
  padding: 2px 6.5px 4px;
  background-color: #156ee7;
  border-radius: 45px;
  line-height: 1;
}

.brand-marquee__slider__wrapper {
  -webkit-mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 2.91%, #fff 30.6%, #fff 69.51%, rgba(255, 255, 255, 0) 97.03%);
  mask-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 2.91%, #fff 30.6%, #fff 69.51%, rgba(255, 255, 255, 0) 97.03%);
}

.brand-marquee__item img {
  width: 200px;
}

@media (max-width: 991px) {
  .brand-marquee__item img {
    width: 150px;
  }
}
/* Brand Marquee Homepage */

/* Client Testimonials */
/* Testimonials Section */
.testimonials-grand {
  background: linear-gradient(135deg, #6a11cb, #2575fc); /* Rich gradient */
  padding: 80px 20px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

/* Animated gradient overlay for subtle motion */
.testimonials-grand::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: linear-gradient(270deg, rgba(255,255,255,0.05), rgba(0,0,0,0.05));
  background-size: 400% 400%;
  animation: gradientMove 10s ease infinite;
  z-index: 0;
}

@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Testimonial Card */
.testimonial-card {
  background: rgba(255,255,255,0.1);
  border-radius: 20px;
  padding: 45px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  transition: all 0.4s ease;
  position: relative;
  z-index: 1;
  backdrop-filter: blur(10px);
}

.testimonial-card:hover {
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 25px 50px rgba(0,0,0,0.3);
}

/* Client Image */
.client-photo img {
  width: 90px;
  height: 90px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid #fff;
  margin-top: -60px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Testimonial Text & Headings */
.testimonial-content h5 {
  font-weight: 700;
  margin-bottom: 5px;
  color: #fff;
}

.section-title-test, h2 {
	font-size: 1.5rem;
	font-weight: 900;
	color: #FFF
}

.section-title-test3, h3 {
	font-size: 1.4rem;
	font-weight: 400;
	color: #FFF
}

.client-role {
  color: rgba(255,255,255,0.85);
  font-size: 0.9rem;
  text-align: center
}

.stars {
  color: #ffd700;
  font-size: 1.2rem;
  margin: 8px 0;
}

.testimonial-text {
  font-size: 1rem;
  color: rgba(255,255,255,0.9);
  font-style: italic;
}

/* Mobile Adjustments */
@media (max-width: 767px) {
  .testimonial-card {
    padding: 25px;
    margin-bottom: 20px;
  }

  .client-photo img {
    width: 70px;
    height: 70px;
    margin-top: -40px;
  }

  .testimonial-text {
    font-size: 0.95rem;
  }
}
/* Client Testimonials */

/* Grand Call button CTA */
/* Force section to cover full viewport width */
.full-width-section {
  width: 100vw; /* Full viewport width */
  margin-left: calc(-50vw + 50%); /* Removes body/container centering */
}

/* CTA Styles */
.grand-cta {
  background: linear-gradient(135deg, #007bff, #00c6ff);
  padding: 80px 20px;
  color: #fff;
}

.cta-content {
  max-width: 900px;
  margin: auto;
}

.cta-title {
  font-size: 2.5rem;
  color: #FFFFFF;
  font-weight: 800;
  margin-bottom: 15px;
}

.cta-subtitle {
  font-size: 1.2rem;
  margin-bottom: 30px;
  color: rgba(255,255,255,0.9);
}

.btn-cta {
  background-color: #fff;
  color: #007bff;
  font-weight: 700;
  padding: 15px 40px;
  font-size: 1.1rem;
  border-radius: 50px;
  transition: all 0.3s ease;
}

.btn-cta:hover {
  background-color: #f1f1f1;
  color: #0056b3;
  transform: translateY(-3px);
}
/* Grand Call button CTA */


/* Pricing DM */
.pricing-section-clean {
  width: 100%;
  padding: 60px 0;
  color: #333;
}

/* Card base style */
.pricing-box-white {
  background: #fff;
  padding: 40px 25px;
  border-radius: 15px;
  text-align: center;
  min-height: 500px;
  box-shadow: 0 8px 25px rgba(0,0,0,0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  border: 2px solid transparent;
}

.pricing-box-white h2 {
  font-weight: 800;
  font-size: 1.8rem;
  text-align: center;
  background: linear-gradient(90deg, #0d6efd, #6f42c1);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  position: relative;
  padding-bottom: 8px;
}

.pricing-box-white h2::after {
  content: "";
  display: block;
  width: 50px;
  height: 4px;
  margin: 8px auto 0;
  background: linear-gradient(90deg, #0d6efd, #6f42c1);
  border-radius: 2px;
}

/* Different border colors for variety */
.pricing-box-white:nth-child(1) {
  border-color: #0d6efd; /* Blue */
}
.pricing-box-white:nth-child(2) {
  border-color: #6f42c1; /* Purple */
}
.pricing-box-white:nth-child(3) {
  border-color: #198754; /* Green */
}

/* Hover effect: make border thicker and brighter */
.pricing-box-white:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 40px rgba(0,0,0,0.15);
  border-width: 4px;
}

/* Price styling */
.price1 {
  font-size: 2rem;     /* Large for desktop */
  text-align: center;
  font-weight: 800;    /* Extra bold */
  color: #0d6efd;      /* Theme color */
}

.price1 span {
  font-size: 1.1rem;
  font-weight: 500;
  opacity: 0.8;
}

.plan-desc1 {
  text-align: center;
  margin: 10px 0 20px;
  font-size: 1rem;
  line-height: 1.4;
}

.price2 {
  font-size: 2rem;     /* Large for desktop */
  text-align: center;
  font-weight: 800;    /* Extra bold */
  color: #0d6efd;      /* Theme color */
}

.price2 span {
  font-size: 1.1rem;
  font-weight: 500;
  opacity: 0.8;
}

.plan-desc2 {
  text-align: center;
  margin: 10px 0 20px;
  font-size: 1rem;
  line-height: 1.4;
}

/* Features list */
.features {
  margin-top: 20px;
}
.features h4 {
  margin-bottom: 10px;
  font-weight: bold;
  color: #0d6efd;
}
.features ul {
  list-style: none;
  padding: 0;
}
.features ul li {
  margin-bottom: 8px;
}

/* Pricing H3 Animated */
h3.section-heading-animated {
  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;

  /* Gradient text effect */
  background: linear-gradient(
    270deg,
    #0d6efd,
    #6f42c1,
    #20c997,
    #e83e8c,
    #0d6efd
  );
  background-size: 400% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Animate gradient + pulse together */
  animation: headingGradientFlow 5s ease-in-out infinite,
             headingPulse 2s ease-in-out infinite;
}

/* Gradient animation */
@keyframes headingGradientFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Gentle pulsing animation */
@keyframes headingPulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.05); }
}
/* Pricing H3 Animated */

/* Buttons */
.btn-primary {
  background-color: #0d6efd;
  border: none;
  color: #fff;
  padding: 10px 25px;
  font-weight: bold;
  border-radius: 25px;
  transition: background 0.3s ease;
}
.btn-primary:hover {
  background-color: #084298;
}

/* Mobile-friendly scaling */
@media (max-width: 768px) {
  .price {
    font-size: 2.5rem; /* Smaller on tablets & mobiles */
  }
  .price span {
    font-size: 1rem;
  }
}
/* Pricing DM */

/* Certifications Section */
.cert-box {
  background: #fff;
  border-radius: 15px;
  padding: 15px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  
  /* Equal box sizing */
  aspect-ratio: 4 / 3;  /* keeps all boxes the same proportion */
  overflow: hidden;
}

.cert-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;  /* fit whole certificate without cropping */
  transition: transform 0.3s ease;
}

.cert-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.12);
}

.cert-box:hover img {
  transform: scale(1.05);
}
/* End Certifications Section */

/* SEO & PPC Pricing Section */
.pricing-box-seo {
  background: #ffffff;
  border: 2px solid #e3e3e3;
  border-radius: 12px;
  padding: 25px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.05);
  transition: all 0.3s ease-in-out;
}

.pricing-box-seo:hover {
  border-color: #0d6efd;
  transform: translateY(-5px);
}

.pricing-box-seo h3 {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 15px;
  text-align: center;
}

.price {
  font-size: 3rem;
  font-weight: 800;
  color: #0d6efd;
  text-align: center;
}

.price span {
  font-size: 1rem;
  font-weight: 400;
}

.plan-desc {
  text-align: center;
  margin-bottom: 20px;
  font-size: 0.95rem;
  color: #555;
}

.pricing-box-seo ul {
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
}

.pricing-box-seo ul li {
  padding: 5px 0;
  position: relative;
  padding-left: 25px;
}

.pricing-box-seo ul li::before {
  content: "✔";
  position: absolute;
  left: 0;
  color: #0d6efd;
  font-weight: bold;
}

.pricing-box-seo .btn {
  display: block;
  width: 100%;
  font-weight: 600;
}
/* SEO & PPC Pricing Section */


/* DM Pricing */
.pricing-section-clean .pricing-box-white {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  text-align: center;
  border: 2px solid #eee;
  box-shadow: 0px 8px 25px rgba(0,0,0,0.08);
  transition: all 0.3s ease-in-out;
}
.pricing-section-clean .pricing-box-white:hover {
  transform: translateY(-5px);
  box-shadow: 0px 12px 35px rgba(0,0,0,0.12);
}
.pricing-section-clean .wide-card {
  max-width: 100%;
}
.pricing-section-clean .price {
  font-size: 2rem;
  font-weight: 800;
  color: #0d6efd;
  margin-bottom: 10px;
}
.pricing-section-clean .plan-desc {
  font-size: 1.1rem;
  margin-bottom: 20px;
}
.pricing-section-clean .features ul {
  list-style: none;
  padding: 0;
}
.pricing-section-clean .features ul li {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
.pricing-section-clean .features h4 {
  margin-bottom: 15px;
  font-weight: 700;
}
@media (max-width: 768px) {
  .pricing-section-clean .wide-card {
    padding: 20px;
  }
  .pricing-section-clean .price {
    font-size: 2.5rem;
  }
}
/* DM Pricing */


.image-slider-wrapper {
  position: relative;
  background-size: cover;
  background-position: center;
  height: 100vh;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.overlay-content {
  padding: 12px 24px;
  border-radius: 10px;
  max-width: 700px;
  margin-top: 120px; /* move it down */
}

.overlay-content h2 {
  font-size: 2.5em;
  margin-bottom: 20px;
}

.overlay-content p {
  font-size: 1.2em;
  line-height: 1.6;
}

/* Left Side Widget container */
.widget.widget-categories {
  background: linear-gradient(145deg, #00275a, #020f22);
  border-radius: 10px;
  padding: 25px 20px;
  color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
  animation: fadeInUp 0.6s ease forwards;
  opacity: 0;
}

@keyframes fadeInUp {
  from {
    transform: translateY(30px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}

/* Widget title */
.widget-header h3.xs-title {
  font-size: 22px;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center; /* 🔥 Centers the title text */
}

/* Divider */
.border-divider {
  display: block;
  width: 40px;
  height: 3px;
  background: #FFFFFF;
  margin: 0 auto 20px auto; /* 🔥 Centered horizontally */
}

/* List styling */
.widget-categories .list-group {
  list-style: none;
  padding-left: 0;
}

/* List items with custom icon */
.widget-categories .list-group li {
  position: relative;
  margin-bottom: 12px;
  padding-left: 25px;
  text-transform: uppercase;
}

.widget-categories .list-group li::before {
  content: "★"; /* Or use "➤", "→", "➔", "✔", "★" etc. */
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 18px;
  color: #65d3fd;
}

/* Link style */
.widget-categories .list-group li a {
  display: block;
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
  padding: 10px 15px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  transition: background 0.3s, color 0.3s, transform 0.3s;
}

/* Hover effect */
.widget-categories .list-group li a:hover {
  background: #65d3fd;
  color: #FFFFFF;   /* ✅ Text will now be bright white */
  transform: translateX(5px);
}
/* Left Side Widget container */

.mfp-bg.xs-promo-popup {
	background-color: rgba(0, 0, 0, 0.87);
	padding-bottom: 100%;
	border-radius: 100%;
	overflow: hidden;
	-webkit-animation: menu-animation .8s ease-out forwards;
	animation: menu-animation .8s ease-out forwards
}
@-webkit-keyframes menu-animation {
0% {
opacity:0;
-webkit-transform:scale(0.04) translateY(300%);
transform:scale(0.04) translateY(300%)
}
40% {
-webkit-transform:scale(0.04) translateY(0);
transform:scale(0.04) translateY(0);
-webkit-transition:ease-out;
-o-transition:ease-out;
transition:ease-out
}
40% {
-webkit-transform:scale(0.04) translateY(0);
transform:scale(0.04) translateY(0)
}
60% {
opacity:1;
-webkit-transform:scale(0.02) translateY(0px);
transform:scale(0.02) translateY(0px)
}
61% {
opacity:1;
-webkit-transform:scale(0.04) translateY(0px);
transform:scale(0.04) translateY(0px)
}
99.9% {
opacity:1;
height:0;
padding-bottom:100%;
border-radius:100%
}
to {
	opacity: 1;
	-webkit-transform: scale(2) translateY(0px);
	transform: scale(2) translateY(0px);
	height: 100%;
	padding-bottom: 0;
	border-radius: 0
}
}
@keyframes menu-animation {
0% {
opacity:0;
-webkit-transform:scale(0.04) translateY(300%);
transform:scale(0.04) translateY(300%)
}
40% {
-webkit-transform:scale(0.04) translateY(0);
transform:scale(0.04) translateY(0);
-webkit-transition:ease-out;
-o-transition:ease-out;
transition:ease-out
}
40% {
-webkit-transform:scale(0.04) translateY(0);
transform:scale(0.04) translateY(0)
}
60% {
opacity:1;
-webkit-transform:scale(0.02) translateY(0px);
transform:scale(0.02) translateY(0px)
}
61% {
opacity:1;
-webkit-transform:scale(0.04) translateY(0px);
transform:scale(0.04) translateY(0px)
}
99.9% {
opacity:1;
height:0;
padding-bottom:100%;
border-radius:100%
}
to {
	opacity: 1;
	-webkit-transform: scale(2) translateY(0px);
	transform: scale(2) translateY(0px);
	height: 100%;
	padding-bottom: 0;
	border-radius: 0
}
}
.xs-promo-popup .modal-content {
	background-color: transparent;
	padding: 0px;
	border: 0px
}
.xs-promo-popup .mfp-close {
	color: #FFFFFF;
	opacity: 0;
	-webkit-transition: all 1s ease .8s;
	-o-transition: all 1s ease .8s;
	transition: all 1s ease .8s;
	-webkit-transform: translateY(-500px);
	-ms-transform: translateY(-500px);
	transform: translateY(-500px)
}
.xs-promo-popup.mfp-ready .mfp-close {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 1s ease .8s;
	-o-transition: all 1s ease .8s;
	transition: all 1s ease .8s;
	-webkit-transform: translateY(-500px);
	-ms-transform: translateY(-500px);
	transform: translateY(-500px)
}
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}
.modal-searchPanel .xs-search-group {
	position: relative
}
.modal-searchPanel .xs-search-group input:not([type=submit]) {
	height: 70px;
	background-color: transparent;
	border-radius: 50px;
	border: 2px solid #FFFFFF;
	color: #FFFFFF;
	padding: 0 30px
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-webkit-input-placeholder {
color:#FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit])::-moz-placeholder {
color:#FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-ms-input-placeholder {
color:#FFFFFF
}
.modal-searchPanel .xs-search-group input:not([type=submit]):-moz-placeholder {
color:#FFFFFF
}
.modal-searchPanel .xs-search-group .search-button {
	background-color: transparent;
	border: 0px;
	padding: 0;
	color: #FFFFFF;
	position: absolute;
	right: 0;
	cursor: pointer;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	width: 70px;
	border-radius: 0 50px 50px 0
}
.language-content p {
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.3333333333rem
}
.flag-lists {
	text-align: center
}
.flag-lists li {
	display: inline-block;
	margin-right: 25px
}
.flag-lists li:last-child {
	margin-right: 0
}
.flag-lists li a {
	display: block;
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.flag-lists li a:hover {
	opacity: .7
}
.flag-lists li a img {
	width: 40px;
	height: 40px;
	margin-right: 10px
}
.xs-sidebar-group .xs-overlay {
	left: 100%;
	top: 0;
	position: fixed;
	z-index: 101;
	height: 100%;
	opacity: 0;
	width: 100%;
	visibility: hidden;
	-webkit-transition: all .4s ease-in .8s;
	-o-transition: all .4s ease-in .8s;
	transition: all .4s ease-in .8s;
	cursor: url(../images/cross-out.png), pointer
}
.xs-sidebar-widget {
	position: fixed;
	right: -100%;
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 420px;
	z-index: 999999;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #fff;
	-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
	-o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
	transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
	visibility: hidden;
	opacity: 0
}
.xs-sidebar-group.isActive .xs-overlay {
	opacity: .9;
	visibility: visible;
	-webkit-transition: all .8s ease-out 0s;
	-o-transition: all .8s ease-out 0s;
	transition: all .8s ease-out 0s;
	left: 0
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
	opacity: 1;
	visibility: visible;
	right: 0;
	-webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
	-o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
	transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s
}
.sidebar-textwidget {
	padding: 40px;
	padding-top: 120px
}
.close-side-widget {
	color: #1768dd;
	font-size: 1rem;
	display: block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: 1px solid currentColor;
	border-radius: 50%;
	text-align: center
}
.sidebar-widget-container {
	position: relative;
	top: 150px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease-in .3s;
	-o-transition: all .3s ease-in .3s;
	transition: all .3s ease-in .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.xs-sidebar-group.isActive .sidebar-widget-container {
	top: 0px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 1s ease-out 1.2s;
	-o-transition: all 1s ease-out 1.2s;
	transition: all 1s ease-out 1.2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.widget-heading {
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px
}
.mini_cart_item {
	margin-bottom: 20px;
	padding-bottom: 20px
}
.xs-empty-content {
	text-align: center;
	padding: 120px 30px 30px
}
.xs-empty-content .widget-title {
	font-size: 1.4666666667rem
}
.xs-empty-content .xs-title {
	margin-bottom: 20px;
	font-size: 1.2rem
}
.xs-empty-content .woocommerce-mini-cart__empty-message {
	font-size: 1.3333333333rem
}
.xs-empty-content .empty-cart-icon {
	font-size: 3.3333333333rem
}
.sidebar-textwidget .sidebar-logo-wraper {
	margin-bottom: 33px
}
.sidebar-textwidget .sidebar-logo-wraper a {
	display: inline-block
}
.sidebar-textwidget>p {
	font-size: 1rem;
	line-height: 1.5;
	margin-bottom: 40px
}
.sidebar-textwidget .social-list {
	margin-bottom: 30px;
	text-align: center
}
.sideabr-list-widget {
	margin-bottom: 40px
}
.sideabr-list-widget li {
	margin-bottom: 20px
}
.sideabr-list-widget li:last-child {
	margin-bottom: 0px
}
.sideabr-list-widget img {
	margin-right: 15px;
	margin-top: 3px
}
.sideabr-list-widget a, .sideabr-list-widget p {
	margin-bottom: 2px;
	color: #000000;
	margin-bottom: 8px;
	display: block
}
.sideabr-list-widget span {
	display: block;
	font-size: 0.9333333333rem;
	color: #1768dd
}
.sideabr-list-widget .media-body {
	line-height: 1;
	margin-top: 6px
}
.subscribe-from {
	position: relative;
	margin-bottom: 40px
}
.subscribe-from p {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1;
	color: #1768dd
}
.subscribe-from label {
	position: absolute;
	bottom: -24px;
	left: 0px;
	margin-bottom: 0;
	line-height: 1
}
.subscribe-from .form-control {
	border: 1px solid #f5f5f5;
	height: 50px;
	padding-left: 25px
}
.subscribe-from .sub-btn {
	background-color: transparent;
	border: 0px;
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 25px;
	cursor: pointer;
	color: #1768dd;
	height: 100%
}
.subscribe-from .sub-btn:focus {
	outline: none
}
.subscribe-from .form-group {
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
	box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
	border-radius: 25px;
	margin-bottom: 0px
}
.xs-banner .single-banner-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	min-height: 850px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.xs-banner.banner-v2 .single-banner-slide {
	background-color: #FFFFFF;
	min-height: 650px;
	background-size: contain;
	background-position: bottom center;
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	align-items: baseline
}
.single-banner-slide.slide-two .xs-banner-content {
	padding-left: 25px
}
.xs-banner-content .banner-subtitle {
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: 300;
	margin-bottom: 8px
}
.xs-banner-content .banner-title {
	margin-bottom: 36px
}
.xs-banner-content p {
	margin-bottom: 35px;
	color: #FFFFFF
}
.xs-banner-content .btn:not([class*=btn-outline-]) {
	-webkit-box-shadow: none;
	box-shadow: none
}
.xs-banner-content.banner-content-v2 {
	margin-top: 70px
}
.xs-banner-content.banner-content-v2 .banner-subtitle {
	color: #16264c;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px
}
.xs-banner-content.banner-content-v2 .banner-title {
	color: #000000;
	font-size: 3.2rem;
	margin-bottom: 12px
}
.xs-banner-content.banner-content-v2 .banner-title span {
	color: #16264c
}
.xs-banner-content.banner-content-v2 p {
	color: #7a7a7a;
	margin-bottom: 22px
}
.xs-banner-content.banner-content-v2 .btn:not([class*=btn-outline-]) {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12)
}
.banner-image.image-one {
	margin-right: -130px;
	margin-left: -30px
}
.banner-image.image-two {
	margin-left: -65px
}
.banner-image.image-three {
	margin-right: -100px
}
.banner-slider .active .banner-image, .banner-slider .active .banner-subtitle, .banner-slider .active .banner-title, .banner-slider .active .banner-title, .banner-slider .active .btn-wraper a, .banner-slider .active .xs-banner-content p {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.banner-slider .active .banner-image.image-one, .banner-slider .active .banner-image.image-three {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
.banner-slider .active .banner-image.image-two {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
.banner-slider .active .xs-banner-content .banner-subtitle {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
.banner-slider .active .xs-banner-content .banner-title {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}
.banner-slider .active .xs-banner-content p {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}
.banner-slider .active .xs-banner-content .btn-wraper a {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
transform:translate3d(100px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100px, 0, 0);
transform:translate3d(100px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
transform:translate3d(-100px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100px, 0, 0);
transform:translate3d(-100px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.why-choose-us-block {
	text-align: center;
	padding: 0 35px
}
.why-choose-us-block p {
	margin-bottom: 0px
}
.choose-us-img {
	min-height: 145px;
	margin-bottom: 38px;
	margin-left: 23px
}
.xs-inline-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-filter: drop-shadow(0px 20px 45px rgba(0, 0, 0, 0.08));
	filter: drop-shadow(0px 20px 45px rgba(0, 0, 0, 0.08));
	position: relative
}
.xs-inline-form .form-control {
	height: 65px;
	background-color: #FFFFFF;
	border-radius: 0px;
	border: 0px;
	border-radius: 32.5px 0 0 32.5px;
	padding-left: 40px
}
.xs-inline-form .form-control::-webkit-input-placeholder {
color:#9a9a9a;
font-size:0.9333333333rem
}
.xs-inline-form .form-control::-moz-placeholder {
color:#9a9a9a;
font-size:0.9333333333rem
}
.xs-inline-form .form-control:-ms-input-placeholder {
color:#9a9a9a;
font-size:0.9333333333rem
}
.xs-inline-form .form-control:-moz-placeholder {
color:#9a9a9a;
font-size:0.9333333333rem
}
.xs-inline-form [class*=col-]+[class*=col-] .form-control {
	border-radius: 0px
}
.xs-inline-form .row {
	width: 100%;
	position: relative
}
.xs-inline-form .row:before {
	position: absolute;
	content: "";
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: rgba(12, 90, 219, 0.25);
	width: 1px;
	height: 32px;
	z-index: 1
}
.xs-inline-form .row+.check-btn {
	border-radius: 0 32.5px 32.5px 0
}
.xs-inline-form .check-btn {
	height: 65px;
	background-color: #00138e;
	border: 0px;
	border-radius: 32.5px 0 0 32.5px;
	padding: 0 40px;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-inline-form .check-btn:hover {
	background-color: #0018b2
}
.xs-inline-form .check-btn+.row [class*=col-] .form-control {
	border-radius: 0
}
.xs-inline-form .check-btn+.row [class*=col-]+[class*=col-] .form-control {
	border-radius: 0 32.5px 32.5px 0
}
.free-quote-area {
	position: relative;
	overflow: hidden
}
.free-quote-area .parallax-icon-wraper .parallax-icon {
	position: absolute;
	opacity: .2
}
.free-quote-area .parallax-icon-wraper .parallax-icon.icon-one {
	top: 64px;
	left: 98px
}
.free-quote-area .parallax-icon-wraper .parallax-icon.icon-two {
	top: 52px;
	right: 0
}
.free-quote-area.delighter .parallax-icon-wraper .parallax-icon {
	-webkit-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
	-o-transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
	transition: all 0.6s cubic-bezier(0.22, 0.61, 0.36, 1);
	opacity: 0;
	visibility: hidden
}
.free-quote-area.delighter .parallax-icon-wraper .icon-one {
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%)
}
.free-quote-area.delighter .parallax-icon-wraper .icon-two {
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%)
}
.free-quote-area.delighter.started .parallax-icon-wraper .parallax-icon {
	opacity: .2;
	visibility: visible
}
.free-quote-area.delighter.started .parallax-icon-wraper .icon-one {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%)
}
.free-quote-area.delighter.started .parallax-icon-wraper .icon-two {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%)
}
.xs-info-img {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
	animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
	-webkit-animation-name: floating;
	animation-name: floating;
	-webkit-animation-duration: 5s;
	animation-duration: 5s
}
.xs-info-wraper {
	padding-left: 30px
}
.xs-info-wraper .content-title {
	margin-bottom: 30px
}
.xs-info-wraper p {
	margin-bottom: 30px
}
.xs-info-wraper .xs-list {
	margin-bottom: 40px
}
.xs-info-wraper .xs-list li:not(:last-child) {
	margin-bottom: 14px
}
.xs-info-wraper .xs-heading .section-title.line {
	margin-bottom: 25px
}
.xs-info-wraper.style2 {
	padding-left: 0px
}
.xs-info-wraper.style2 .xs-list li:not(:last-child) {
	margin-bottom: 6px
}
.xs-info-list {
	padding-left: 10px;
	margin-bottom: 30px
}
.xs-info-list .xs-title {
	margin-bottom: 15px
}
.xs-info-list p {
	margin-bottom: 0px
}
.xs-xs-info .row {
	margin-bottom: 90px
}
.xs-xs-info .row+.row {
	margin-bottom: 0px
}
@-webkit-keyframes floating {
0% {
-webkit-transform:rotateX(0deg) translateY(0px);
transform:rotateX(0deg) translateY(0px)
}
50% {
-webkit-transform:rotateX(0deg) translateY(15px);
transform:rotateX(0deg) translateY(15px)
}
to {
	-webkit-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px)
}
}
@keyframes floating {
0% {
-webkit-transform:rotateX(0deg) translateY(0px);
transform:rotateX(0deg) translateY(0px)
}
50% {
-webkit-transform:rotateX(0deg) translateY(15px);
transform:rotateX(0deg) translateY(15px)
}
to {
	-webkit-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px)
}
}
.single-work-process {
	text-align: center;
	cursor: pointer
}
.single-work-process h4 {
	color: #7897e6;
	margin-bottom: 0px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-work-process:hover .work-process-icon {
	border-color: #02d1d1;
	background-color: #1040d2;
	-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1)
}
.single-work-process:hover h4 {
	color: #FFFFFF
}
.work-process-icon {
	text-align: center;
	width: 124px;
	height: 124px;
	line-height: 124px;
	border: 1px solid #4ac2c4;
	border-radius: 50%;
	background-color: #ffffff;
	width: 124px;
	height: 124px;
	margin: 0 auto;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-bottom: 40px;
	position: relative
}
.work-process-icon:before {
	position: absolute;
	content: "";
	top: 50%;
	right: -70%;
	width: 70%;
	height: 1px;
	background-color: #02cfd1;
	opacity: .5
}
.work-process-icon:after {
	content: '';
	position: absolute;
	left: calc(-30% + 2px);
	width: 10px;
	height: 10px;
	border-top: solid 1px #02cfd1;
	border-right: solid 1px #02cfd1;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}
.working-process-group [class^=col-]:last-child .work-process-icon:before {
	display: none
}
.working-process-group [class^=col-]:first-child .work-process-icon:after {
	display: none
}
.current-section .working-process-group .work-process-icon {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceIns;
	animation-name: bounceIns
}
.current-section .working-process-group .work-process-icon:before {
	right: -70%;
	opacity: .5
}
.current-section .working-process-group [class^=col-]:nth-of-type(2) .work-process-icon {
	-webkit-animation-delay: .5s;
	animation-delay: .5s
}
.current-section .working-process-group [class^=col-]:nth-of-type(2) .work-process-icon:before {
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.current-section .working-process-group [class^=col-]:nth-of-type(3) .work-process-icon {
	-webkit-animation-delay: .7s;
	animation-delay: .7s
}
.current-section .working-process-group [class^=col-]:nth-of-type(3) .work-process-icon:before {
	-webkit-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.current-section .working-process-group [class^=col-]:last-child .work-process-icon {
	-webkit-animation-delay: .9s;
	animation-delay: .9s
}
.current-section .working-process-group [class^=col-]:last-child .work-process-icon:before {
	-webkit-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.working-process-anim .work-process-icon {
	opacity: 0
}
.working-process-anim .work-process-icon:before {
	right: 0%;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	opacity: 0
}
@-webkit-keyframes bounceIns {
20%, 40%, 60%, 80%, 0%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIns {
20%, 40%, 60%, 80%, 0%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, 0.3, 0.3);
transform:scale3d(0.3, 0.3, 0.3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, 0.9, 0.9);
transform:scale3d(0.9, 0.9, 0.9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, 0.97, 0.97);
transform:scale3d(0.97, 0.97, 0.97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}

.xs-single-pricing {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.08);
	text-align: center;
	padding: 40px;
	border-radius: 5px;
	border: 1px solid #efefef;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.xs-single-pricing .pricing-img-block {
	margin-bottom: 25px
}
.xs-single-pricing .pricing-header {
	margin-bottom: 34px
}
.xs-single-pricing .pricing-header .xs-content-title {
	margin-bottom: 25px
}
.xs-single-pricing.active {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	background-color: #16264c
}
.xs-single-pricing.active .pricing-header .price-table, .xs-single-pricing.active .pricing-header .xs-content-title {
	color: #FFFFFF
}
.xs-single-pricing.active .pricing-body .xs-list li {
	color: #FFFFFF
}
.xs-single-pricing.active .pricing-footer .btn:not([class*=btn-outline-]) {
	background-color: #FFFFFF;
	color: #16264c
}
.xs-single-pricing.active .pulse-anim {
	background-color: #417ee3
}
.xs-single-pricing.active .pulse-anim:before {
	-webkit-box-shadow: 0 0 0 42px #3173e1, 0 0 0 84px #1f67de;
	box-shadow: 0 0 0 42px #3173e1, 0 0 0 84px #1f67de
}
.testimonial-slider-preview {
	padding: 0 50px;
	margin-bottom: 20px
}
.testimonial-slider-preview .owl-stage-outer {
	padding-bottom: 15px
}
.single-testimonial-preview {
	text-align: center;
	color: #000000
}
.single-testimonial-preview p {
	font-size: 1.2rem;
	margin-bottom: 18px
}
.border-line {
	width: 128px;
	display: block;
	height: 1px;
	position: relative;
	background-color: rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 10px 0px 0px 0px rgba(255, 168, 1, 0), 138px 0px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 10px 0px 0px 0px rgba(255, 168, 1, 0), 138px 0px 0px rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	left: -64px
}
.border-line:after, .border-line:before {
	position: absolute;
	content: "";
	top: 0;
	left: calc(100% + 10px);
	height: 13px;
	width: 1px;
	border-right: 1px solid rgba(0, 0, 0, 0.25)
}
.border-line:after {
	left: calc(107% - 10px);
	height: 16px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	transform-origin: top right
}
.gradient-bg .single-testimonial-preview, .primary-bg .single-testimonial-preview {
	color: #FFFFFF
}
.gradient-bg .single-testimonial-preview .border-line, .primary-bg .single-testimonial-preview .border-line {
	background-color: #FFFFFF;
	-webkit-box-shadow: 10px 0px 0px 0px rgba(0, 0, 0, 0), 138px 0px 0px #FFFFFF;
	box-shadow: 10px 0px 0px 0px rgba(0, 0, 0, 0), 138px 0px 0px #FFFFFF
}
.gradient-bg .single-testimonial-preview .border-line:after, .gradient-bg .single-testimonial-preview .border-line:before, .primary-bg .single-testimonial-preview .border-line:after, .primary-bg .single-testimonial-preview .border-line:before {
	border-right: 1px solid #FFFFFF
}
.gradient-bg .single-bio-thumb h4, .gradient-bg .single-bio-thumb p, .primary-bg .single-bio-thumb h4, .primary-bg .single-bio-thumb p {
	color: #FFFFFF
}
.gradient-bg .testimonial-slider-thumb .owl-dots button span, .primary-bg .testimonial-slider-thumb .owl-dots button span {
	background-color: white
}
.gradient-bg .big-watermark-icon, .primary-bg .big-watermark-icon {
	color: #FFFFFF
}
.testimonial-slider-thumb {
	padding: 0 96px
}
.testimonial-slider-thumb.owl-carousel .owl-stage-outer {
	padding: 0 5px
}
.testimonial-slider-thumb .owl-item:not(.current) .single-bio-thumb {
	opacity: .25
}
.testimonial-slider-thumb .owl-dots {
	text-align: center;
	line-height: 1;
	margin-top: 55px
}
.testimonial-slider-thumb .owl-dots button:not(:last-child) {
	margin-right: 8px
}
.testimonial-slider-thumb .owl-dots button.active span {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4)
}
.testimonial-slider-thumb .owl-dots button span {
	display: block;
	border-radius: 50%;
	background-color: #16264c;
	opacity: 0.302;
	width: 6px;
	height: 6px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center
}
.single-bio-thumb {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-bio-thumb h4 {
	color: #16264c;
	margin-bottom: 2px
}
.single-bio-thumb p {
	color: #919191
}
.single-bio-thumb .bio-image {
	position: relative;
	overflow: hidden;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	float: left
}
.single-bio-thumb .bio-info {
	margin-left: 74px;
	position: relative;
	top: 3px
}
.testimonial-section {
	position: relative;
	overflow: hidden
}
.testimonial-section.xs-section-padding {
	padding-bottom: 80px
}
.testimonial-slider .single-bio-thumb {
	display: inline-block;
	text-align: left;
	margin-top: 30px
}
.testimonial-slider .single-testimonial-preview img {
	margin-bottom: 15px
}
.testimonial-slider .owl-dots {
	text-align: center;
	line-height: 1;
	margin-top: 55px
}
.testimonial-slider .owl-dots button:not(:last-child) {
	margin-right: 8px
}
.testimonial-slider .owl-dots button.active span {
	opacity: 1;
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4)
}
.testimonial-slider .owl-dots button span {
	display: block;
	border-radius: 50%;
	background-color: #16264c;
	opacity: 0.302;
	width: 6px;
	height: 6px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center
}
.testimonial-section.gradient-bg:before {
	display: none
}
.single-blog-post-thumb {
	background-color: #FFFFFF;
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	position: relative;
	overflow: hidden;
	border-bottom: 3px solid #959595;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-blog-post-thumb:hover {
	border-color: #16264c
}
.single-blog-post-thumb:hover .post-image img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)
}
.single-blog-post-thumb .post-image {
	position: relative;
	overflow: hidden
}
.single-blog-post-thumb .post-image img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-blog-post-thumb .post-body {
	padding: 30px 30px 50px
}
.single-blog-post-thumb .entry-header .entry-title {
	font-size: 1.3333333333rem;
	line-height: 1.5;
	margin-bottom: 8px;
	font-weight: 700
}
.single-blog-post-thumb .entry-header .entry-title a {
	color: #181818
}
.single-blog-post-thumb .entry-header .entry-title a:hover {
	color: #16264c
}
.single-blog-post-thumb .entry-header .entry-content {
	margin-bottom: 18px
}
.single-blog-post-thumb .entry-header .entry-content p {
	margin-bottom: 0
}
.single-blog-post-thumb .entry-meta span {
	font-size: 0.9333333333rem
}
.single-blog-post-thumb .entry-meta span i {
	color: #16264c;
	position: relative;
	top: 3px;
	font-size: 1rem;
	padding-right: 9px
}
.blog-inner-page .single-blog-post-thumb {
	margin-bottom: 30px
}
.newsletter-thumb-wraper {
	background-color: #16264c;
	text-align: center;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	padding: 50px 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #FFFFFF;
	position: relative;
	z-index: 1;
	overflow: hidden
}
.newsletter-thumb-wraper .fly-icons {
	position: absolute;
	content: "";
	bottom: -5px;
	right: -30px;
	z-index: -1;
	opacity: .1;
	font-size: 7.3333333333rem
}
.newsletter-thumb-content .xs-content-title {
	color: #FFFFFF;
	position: relative;
	padding-bottom: 28px;
	margin-bottom: 30px
}
.newsletter-thumb-content .xs-content-title:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 50px;
	height: 3px;
	background-color: rgba(255, 255, 255, 0.502)
}
.newsletter-thumb-content p {
	color: #a7baee;
	margin-bottom: 30px
}
.subscribe-form2 .form-control {
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.161);
	width: 100%;
	height: 55px;
	border: 0px;
	padding: 0 20px;
	margin-bottom: 36px
}
.subscribe-form2 .form-control::-moz-placeholder {
color:#a5b4dd
}
.subscribe-form2 .form-control:-moz-placeholder {
color:#a5b4dd
}
.subscribe-form2 .form-control:-ms-input-placeholder {
color:#a5b4dd
}
.subscribe-form2 .form-control::-webkit-input-placeholder {
color:#a5b4dd
}
.subscribe-form2 .submit-btn {
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 3px;
	height: 49px;
	background-color: transparent;
	color: #FFFFFF;
	padding: 0px 28px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.subscribe-form2 .submit-btn:hover {
	background-color: #00138e;
	border-color: #00138e
}
.subscribe-form2 label {
	display: block
}
.contact-form .form-control {
	border: 1px solid rgba(255, 255, 255, 0.07);
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.251);
	height: 49px;
	margin-bottom: 20px;
	padding-left: 20px
}
.contact-form textarea.form-control {
	resize: none;
	height: 85px;
	padding-top: 10px
}
.contact-form .submit-btn {
	border: 1px solid #16264c;
	border-radius: 3px;
	height: 49px;
	background-color: transparent;
	color: #FFFFFF;
	padding: 0px 28px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.contact-form .submit-btn:hover {
	background-color: #FFFFFF;
	color: #16264c;
	border-color: #FFFFFF
}


.xs-footer-section {
  position: relative;
  background-color: #00275a; /* Replacing the background image */
  z-index: 1;
  overflow: hidden; /* Keeps overlays/elements inside the footer */
}

.xs-footer-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8); /* 60% black overlay */
  z-index: 2;
  pointer-events: none;
}

.xs-footer-section > * {
  position: relative;
  z-index: 3;
}



.footer-top-area {
	padding: 41px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}
.footer-logo {
	padding-top: 8px
}
.footer-logo a {
	display: inline-block
}
.address-info-list {
	text-align: right
}
.address-info-list li {
	text-align: left;
	color: #FFFFFF
}
.address-info-list li:not(:last-child) {
	margin-right: 100px
}
.address-info-list li .address-icon {
	float: left;
	min-width: 64px
}
.address-info-list li a {
	color: #FFFFFF
}
.address-info-list li .address-info {
	margin-left: 46px;
	position: relative;
	overflow: hidden
}
.footer-main {
	padding: 30px 0
}
.footer-main+.partner-area-wraper {
	margin-bottom: -61px;
	position: relative;
	z-index: 1
}
.footer-widget .xs-content-title {
	color: #FFFFFF;
	margin-bottom: 30px
}
.footer-widget .xs-lsit li:not(:last-child) {
	margin-bottom: 22px
}
.footer-widget .xs-lsit li a {
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.footer-widget .xs-lsit li a:hover {
	color: rgba(255, 255, 255, 0.7)
}
.articles-list li:not(:last-child) {
	margin-bottom: 18px
}
.articles-list li a {
	display: block;
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	font-weight: 700;
	font-size: 1.0666666667rem;
	font-family: "Lato", sans-serif;
	margin-bottom: 11px
}
.articles-list li a:hover {
	color: rgba(255, 255, 255, 0.7)
}
.articles-list li span {
	color: #a4aab7;
	font-size: 0.8666666667rem
}
.articles-list li i {
	font-size: 1rem;
	color: #4ac1c3;
	position: relative;
	top: 3px;
	padding-right: 9px
}
.partner-area {
	border-radius: 5px;
	background-color: #000f22;
	padding: 40px
}
.partner-area .xs-lsit {
	padding-top: 6px
}
.partner-area .xs-lsit li:not(:last-child) {
	margin-right: 40px
}
.partner-area .xs-lsit li.title {
	color: #FFFFFF;
	margin-right: 25px
}
.copyright-text {
	padding-top: 8px
}
.copyright-text p {
	font-size: 0.9333333333rem
}
.copyright-text a, .copyright-text p {
	color: #ffffff;
}
.copyright-text a {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.copyright-text a:hover {
	color: #FFFFFF
}
.copyright {
	padding: 0px 0 20px;
	background-color: #020f22;
}
.copyright .social-list {
	text-align: right
}
.inner-banner-area {
	min-height: 267px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	background-color: #16264c;
	z-index: 1
}
.inner-banner-area .banner-image {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right center;
	z-index: -1;
	opacity: .1
}
.inner-banner-title {
	font-size: 2.4rem;
	color: #fefefe;
	font-weight: 700;
	margin-bottom: 15px
}
.breadcumbs>li {
	color: #fefefe;
	font-size: 0.9333333333rem
}
.breadcumbs>li:not(:first-child):before {
	content: "-";
	padding: 0 7px 0 5px
}
.breadcumbs>li>a {
	color: #fefefe
}
.single-funfact>span {
	font-size: 3.2rem;
	font-family: "Lato", sans-serif;
	color: #000000;
	font-weight: 700;
	letter-spacing: -1.2px;
	display: inline-block;
	line-height: 1;
	margin-bottom: 20px
}
.single-funfact p {
	font-family: "Lato", sans-serif
}
.funfact-wraper {
	margin-bottom: 40px
}
.funfact-wraper [class*=col-]:not(:last-child) .single-funfact {
	position: relative
}
.funfact-wraper [class*=col-]:not(:last-child) .single-funfact:before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.07);
	width: 3px;
	height: 50px
}
.hiring-image {
	text-align: right
}
.hiring-content {
	padding-top: 30px
}
.hiring-content h2 {
	font-size: 1.8666666667rem;
	color: #7a7a7a;
	font-weight: 400;
	line-height: 1.4675;
	margin-bottom: 35px
}
.hiring-content h2 span {
	display: block;
	color: #16264c;
	font-weight: 700
}
.agency-filter-wraper {
	margin-bottom: 37px
}
.main-filter li {
	display: inline-block
}
.main-filter li:not(:last-child) {
	margin-right: 50px
}
.main-filter li a {
	display: block;
	font-size: 1.2rem;
	color: #666666;
	font-weight: 700;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-bottom: 8px
}
.main-filter li a:before {
	position: absolute;
	content: "";
	left: 0;
	bottom: -1px;
	width: calc(100% + 16px);
	background-color: #16264c;
	height: 1px;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.main-filter li a.selected, .main-filter li a:hover {
	color: #16264c
}
.main-filter li a.selected:before, .main-filter li a:hover:before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1)
}
.cases-grid {
	margin-left: -15px;
	margin-right: -15px
}
.single-cases-card {
	text-align: center;
	margin: 15px;
	border: 1px solid whitesmoke;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color: #FFFFFF
}
.single-cases-card .cases-content {
	padding: 24px 10px
}
.single-cases-card .cases-content .xs-title {
	margin-bottom: 10px;
	font-size: 1.4666666667rem;
	font-weight: 700
}
.single-cases-card .cases-content .xs-title a {
	color: #000000;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-cases-card .cases-content .tag {
	color: #b2b2b2;
	font-size: 0.9333333333rem
}
.single-cases-card .cases-content .tag:before {
	content: "";
	border-radius: 100%;
	background-color: #b2b2b2;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-right: 7px;
	margin-bottom: 1px
}
.single-cases-card:hover {
	-webkit-box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 7px 30px 0px rgba(0, 0, 0, 0.1)
}
.single-cases-card:hover .hover-area {
	opacity: 1;
	top: 50%
}
.single-cases-card:hover .card-image:before {
	opacity: 1
}
.single-cases-card:hover .cases-content .xs-title a {
	color: #16264c
}
.single-cases-card .card-image {
	position: relative;
	z-index: 1;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-cases-card .card-image:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-cases-card .hover-area {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0
}
.single-cases-card .hover-area a {
	display: block;
	border-radius: 50%;
	text-align: center;
	color: #f9fafe;
	font-size: 3.2rem
}
.call-to-action-area {
	background-color: #16264c;
	position: relative;
	padding: 77px 0
}
.call-to-action-area:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../images/backgrounds/background-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	opacity: .1
}
.call-to-action-area .call-to-action-content h2 {
	margin-bottom: 0;
	color: #FFFFFF
}
.call-to-action-area .btn-wraper {
	text-align: right;
	margin-top: 16px
}
.call-to-action-area .btn-wraper .btn {
	padding: 0px 40px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0px
}
.call-to-action-content {
	padding-right: 95px
}
.call-to-action-content h2 {
	font-size: 2.4rem;
	font-weight: 700
}
.single-contact-info {
	text-align: center
}
.single-contact-info .round-icon {
	margin-bottom: 0px
}
.round-icon {
	text-align: center;
	width: 80px;
	height: 80px;
	line-height: 87px;
	-webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05);
	background-color: #FFFFFF;
	border-radius: 50%;
	margin: 0 auto
}
.round-icon i {
	font-size: 1.6666666667rem;
	color: #16264c
}
.info-content {
	display: block;
	color: #7a7a7a
}
.info-content:hover {
	color: #16264c
}
.contact-info-wraper {
	padding: 0 46px
}
.about-info .content-title {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 25px
}
.case-about-area {
	position: relative
}
.case-about-area .about-info {
	width: calc(100% - 160px)
}
.case-about-area .doodle-parallax img {
	position: absolute;
	bottom: 0;
	left: -120px;
	opacity: .3
}
.list-group .simple-social-list li:not(:last-child) {
	margin-right: 14px
}
.list-group .simple-social-list li a {
	font-size: 0.9333333333rem
}
.inner-banner-area+.case-about-area .case-about-img {
	margin-top: -267px;
	position: relative;
	z-index: 2
}
.project-brief-area {
	position: relative
}
.project-brief-area .doodle-parallax img {
	position: absolute;
	right: -110px;
	bottom: -80px;
	opacity: .3
}
.project-brief-content {
	margin-bottom: 50px
}
.project-brief-content .brief-title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 30px
}
.project-brief-content p:not(:last-child) {
	margin-bottom: 30px
}
.project-brief-wraper {
	padding-bottom: 100px;
	border-bottom: 1px solid #f5f5f5
}
.case-study-step-wraper {
	counter-reset: my-sec-counter
}
.case-study-step-wraper>.row {
	position: relative
}
.case-study-step-wraper>.row:nth-child(odd) .case-study-step-img {
	text-align: right
}
.case-study-step-wraper>.row:nth-child(2n) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.case-study-step-wraper>.row:nth-child(2n) .case-study-step-img {
	text-align: center
}
.case-study-step-wraper>.row:not(:last-child) {
	padding-bottom: 100px;
	margin-bottom: 100px
}
.case-study-step-wraper>.row:not(:last-child):after {
	content: "";
	border-bottom: 1px solid #f5f5f5;
	display: block;
	height: 1px;
	width: calc(100% - 30px);
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.case-study-step {
	padding-top: 20px
}
.case-study-step .step-count {
	color: #00138e;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 700;
	font-family: "Lato", sans-serif;
	margin-bottom: 5px
}
.case-study-step .step-count:after {
	counter-increment: my-sec-counter;
	content: "0" counter(my-sec-counter);
	padding-left: 4px
}
.case-study-step .case-step-title {
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 25px
}
.case-study-step p {
	margin-bottom: 30px
}
.case-study-step .simple-btn {
	color: #00138e
}
.case-study-step .simple-btn:hover {
	color: #16264c
}
.case-study-step-area {
	position: relative
}
.case-study-step-area .doodle-parallax img {
	position: absolute;
	opacity: .3;
	top: 432px;
	left: -220px
}
.case-study-step-area .doodle-parallax img+img {
	top: inherit;
	bottom: 350px;
	right: -220px;
	left: inherit
}
.faq-accordion-group {
	position: relative;
	z-index: 2;
	border-bottom: 1px solid #f7f7f7;
	padding-bottom: 100px
}
.faq-accordion-area {
	position: relative
}
.faq-accordion-area .doodle-parallax .single-doodle {
	position: absolute;
	opacity: .3
}
.faq-accordion-area .doodle-parallax .single-doodle.one {
	top: 112px;
	left: -250px
}
.faq-accordion-area .doodle-parallax .single-doodle.two {
	left: -130px;
	bottom: 0px
}
.faq-accordion-area .doodle-parallax .single-doodle.three {
	right: -130px;
	top: 70px
}
.getSupport-content.hiring-content {
	padding-left: 24px;
	padding-top: 0px
}
.widget {
	border-radius: 5px;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	background-color: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px
}
.widget:not(:last-child) {
	margin-bottom: 30px
}
.widget .widget-header {
	margin-bottom: 12px
}
.widget .xs-title {
	margin-bottom: 0px;
	font-size: 1.3333333333rem;
	font-weight: 700
}
.widget .xs-title span {
	color: #1bd1ea
}
.widget:not(.widget-search) {
	padding-top: 40px;
	padding-bottom: 40px
}
.widget.widget-banner {
	padding: 0px;
	overflow: hidden;
	position: relative
}
.widget.widget-banner:hover img {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02)
}
.widget.widget-banner img {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}
.widget.widget-search {
	padding-top: 20px;
	padding-bottom: 20px
}
.widget .list-group li {
	font-size: 0.9333333333rem
}
.widget .list-group li a, .widget .list-group li span {
	color: #FFFFFF
}
.widget .list-group li a {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.widget .list-group li a:before {
	width: 7px;
	height: 7px;

	border-radius: 50%;
	margin-right: 7px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.widget .list-group li a:hover {
	color: #16264c
}
.widget .list-group li a:hover:before {
	background-color: #16264c
}
.widget .list-group li:not(:last-child) {
	margin-bottom: 15px
}
.widget.widget-subscribe p {
	margin-bottom: 26px
}
.widget-posts .widget-post:not(:last-child) {
	margin-bottom: 20px
}
.widget-posts .widget-post img {
	border-radius: 5px
}
.widget-posts .widget-post .post-thumb {
	padding-right: 20px
}
.widget-posts .widget-post .post-meta-date {
	color: #d2d2d2
}
.widget-posts .widget-post .post-author, .widget-posts .widget-post .post-meta-date {
	font-size: 1rem
}
.widget-posts .widget-post .media-body {
	margin-top: 10px
}
.widget-posts .widget-post .entry-title {
	font-size: 0.9333333333rem;
	font-weight: 400;
	margin-bottom: 0px;
	font-family: "Lato", sans-serif;
	letter-spacing: -.25px
}
.widget-posts .widget-post .entry-title a {
	color: #000000;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.widget-posts .widget-post .entry-title a:hover {
	color: #16264c
}
.tag-lists a {
	display: inline-block;
	padding: 7px 17px;
	color: #000000;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	font-size: 0.8666666667rem;
	margin-right: 9px;
	margin-bottom: 9px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.tag-lists a:hover {
	color: #FFFFFF;
	background-color: #16264c;
	border-color: #16264c
}
.tag-lists .title {
	color: #000000;
	padding-right: 15px;
	font-weight: 700
}
.widget-banner a {
	display: block
}
.widget-banner a img {
	width: 100%
}
.xs-single-product {
	margin-bottom: 20px
}
.xs-single-product:hover .product-header>img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.xs-single-product:hover .product-header:before {
	opacity: 1
}
.xs-single-product:hover .product-header .hover-area {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 1
}
.xs-single-product .product-footer {
	text-align: center;
	padding: 30px 15px
}
.xs-single-product .product-footer .product-title {
	margin-bottom: 5px;
	font-size: 0.9333333333rem;
	font-weight: 400
}
.xs-single-product .product-footer .product-title a {
	color: #000000
}
.xs-single-product .product-footer .product-title a:hover {
	color: #16264c
}
.product-header {
	position: relative;
	border-radius: 5px;
	overflow: hidden
}
.product-header:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(12, 90, 219, 0.8);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0;
	z-index: 1
}
.product-header>img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.product-header .hover-area {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 2;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0
}
.product-header .image-content {
	position: absolute;
	right: 20px;
	top: 0;
	z-index: 2
}
.product-header .btn {
	height: 45px;
	line-height: 45px;
	padding: 0 30px
}
.product-header .btn[class*=icon] i {
	line-height: 45px
}
.price {
	font-size: 1.4666666667rem;
	font-weight: 700;
	font-family: "Lato", sans-serif
}
.price del {
	color: #d7d7d7;
	padding-right: 10px
}
.price ins {
	text-decoration: none;
	color: #16264c
}
.promo-banner {
	display: block
}
.product-summary {
	padding-top: 60px;
	padding-left: 30px;
	padding-right: 30px
}
.product-summary .product_title {
	font-size: 1.2rem;
	font-weight: 500;
	font-family: 'Quicksand', sans-serif;
	margin-bottom: 20px
}
.product-summary .product_meta {
	font-size: 1rem
}
.product-summary .product_meta:not(:last-child) {
	margin-bottom: 10px
}
.product-summary .product_meta strong {
	color: #000000;
	font-weight: 500;
	padding-right: 10px
}
.product-summary .product_meta a {
	color: #aaaaaa
}
.product-summary .product_meta a:hover {
	color: #16264c
}
.product-summary .product_meta a:not(:last-child) {
	padding-right: 5px
}
.product-summary .product_meta a:not(:last-child):after {
	content: ",";
	padding-left: 2px
}
.product-summary .woocommerce-product-details__short-description p {
	font-size: 1rem
}
.product-summary .price, .product-summary .product-meta-group, .product-summary .woocommerce-product-details__short-description {
	margin-bottom: 30px
}
.product-summary .price {
	font-size: 1.8666666667rem;
	display: block
}
.product-summary .price ins {
	color: #000000
}
.product-summary .custom-number-wraper {
	margin-bottom: 40px
}
.product-cart-info-list>li {
	position: relative
}
.product-cart-info-list>li .btn {
	padding: 0 30px;
	height: 45px;
	line-height: 45px
}
.product-cart-info-list>li .btn[class*=icon] i {
	line-height: 45px
}
.product-cart-info-list.list-inline>li:not(:last-child) {
	margin-right: 15px
}
.related-products-area.xs-section-padding {
	padding-bottom: 40px
}
.related-products-area .content-holder {
	margin-bottom: 60px
}
.related-products-area .content-holder .section-title {
	font-size: 1.8666666667rem;
	font-weight: 700;
	margin-bottom: 0px
}
.single-product-slider .product-header {
	border-radius: 0px
}
.single-product-slider .product-header:before {
	display: none
}
.product-slider {
	position: relative
}
.product-slider .owl-dots {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	text-align: center
}
.product-info-details-wraper p {
	font-size: 1.1333333333rem;
	color: #777777
}
.product-info-details-wraper p:not(:last-child) {
	margin-bottom: 30px
}
.content-404 {
	margin-bottom: 40px
}
.content-404 .title-404 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 20px
}
.content-404 .title-404 span {
	color: #16264c
}
.content-404 p {
	margin-bottom: 25px;
	color: #919191;
	font-size: 1.2rem
}
.blog-post-lists {
	margin-bottom: 60px
}
.post-list {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	border-radius: 5px;
	overflow: hidden;
	position: relative
}
.post-list:not(:last-child) {
	margin-bottom: 30px
}
.post-list:hover .post-image>img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.post-list .post-image {
	position: relative;
	overflow: hidden
}
.post-list .post-image>img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.post-list .post-image .post-image-content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2
}
.post-list .post-body {
	padding: 50px;
	position: relative
}
.post-list .entry-meta {
	margin-bottom: 20px
}
.post-list .entry-meta>span {
	display: inline-block
}
.post-list .entry-meta>span:not(:last-child) {
	margin-right: 40px
}
.post-list .entry-meta>span>a {
	color: #676767
}
.post-list .entry-meta>span>a:hover {
	color: #16264c
}
.post-list .entry-meta>span>a>i {
	padding-right: 10px;
	color: #16264c
}
.post-list .entry-title {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 24px;
	padding-right: 60px
}
.post-list .entry-title a {
	color: #000000
}
.post-list .entry-title a:hover {
	color: #16264c
}
.post-list .entry-content {
	margin-bottom: 25px
}
.post-list .entry-content>p {
	color: #919191
}
.post-list.format-video .post-image:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1
}
.post-list.format-text {
	overflow: visible
}
.post-list.format-text .post-date {
	top: 0px
}
.post-list.format-text .post-date:before {
	height: 100px
}
.post-list.format-text .post-date:after {
	top: calc(100% + 100px)
}
.post-date {
	position: absolute;
	top: -40px;
	right: 30px;
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #FFFFFF;
	border: 2px solid #16264c;
	text-align: center;
	padding: 17px 0;
	font-size: 0.8666666667rem;
	color: #919191;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	z-index: 3
}
.post-date strong {
	display: block;
	color: #16264c;
	font-size: 1.4666666667rem;
	font-weight: 700;
	line-height: 1
}
.post-date:after, .post-date:before {
	position: absolute;
	content: "";
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.post-date:before {
	width: 2px;
	height: 140px;
	background-color: #16264c
}
.post-date:after {
	top: calc(100% + 140px);
	width: 10px;
	height: 10px;
	background-color: #FFFFFF;
	border: 2px solid #16264c;
	border-radius: 50%
}
.gallery-slider {
	position: relative
}
.gallery-slider .owl-nav button.owl-next, .gallery-slider .owl-nav button.owl-prev {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	height: 50px;
	line-height: 50px;
	width: 30px;
	font-size: 0.8666666667rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.3);
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.gallery-slider .owl-nav button.owl-next:hover, .gallery-slider .owl-nav button.owl-prev:hover {
	background-color: rgba(255, 255, 255, 0.5)
}
.gallery-slider .owl-nav button.owl-next {
	right: 0px
}
.gallery-slider .owl-nav button.owl-prev {
	left: 0px
}
.single-blog-post .entry-content {
	margin-bottom: 35px
}
.single-blog-post .post-body {
	padding: 60px 50px
}
.single-blog-post .post-body .entry-header .entry-meta {
	margin-bottom: 50px
}
.single-blog-post .entry-content>p {
	margin-bottom: 30px
}
.single-blog-post blockquote {
	margin-bottom: 45px
}
.single-blog-post .xs-list {
	padding-left: 20px
}
.single-blog-post .post-footer .divider {
	margin-bottom: 30px
}
.single-blog-post .post-footer .post-tags {
	margin-bottom: 30px
}
.single-blog-post .post-footer .btn-floating {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	border: 1px solid #f7f7f7;
	background-color: #FFFFFF
}
.single-blog-post .post-footer .social-list li a {
	width: 40px;
	height: 40px;
	line-height: 37px
}
.post-tags>span {
	color: #16264c;
	padding-right: 8px
}
.post-tags>a {
	color: #000000
}
.post-tags>a:hover {
	color: #16264c
}
.post-tags>a:not(:last-child) {
	margin-right: 2px
}
.post-tags>a:not(:last-child):after {
	content: ","
}
.service-info-section .xs-heading .section-title {
	font-size: 3.2rem
}
.service-info-summary {
	padding-top: 15px
}
.service-info-summary h3 {
	color: #02739f;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.555
}
.service-info-summary p {
	margin-bottom: 20px
}
.service-info-summary .xs-list {
	margin-bottom: 35px;
	padding-left: 20px
}
.service-info-summary .xs-list>li:not(:last-child) {
	margin-bottom: 8px
}
.service-info-block-area.gray-bg {
	background-color: #f7f9fd
}
.service-info-block-area .xs-heading .section-title {
	font-size: 1.8666666667rem;
	font-weight: 400;
	line-height: 1.42
}
.service-info-block-area .btn-wraper .btn:not(:last-child) {
	margin-right: 30px
}
.service-info-block-area.info-block-style-2 {
	padding-top: 110px;
	padding-bottom: 55px
}
.service-info-block-area.info-block-style-2 .service-block-group {
	margin-bottom: 0px
}
.service-info-block-area.info-block-style-2 .service-info-block {
	margin-bottom: 55px
}
.service-block-group {
	margin-bottom: 50px
}
.service-info-block .info-block-header {
	margin-bottom: 20px
}
.service-info-block .service-info-title {
	font-size: 1.1986666667rem;
	font-weight: 700;
	margin-bottom: 20px
}
.service-img {
	margin-bottom: 40px
}
.service-summary-text {
	padding-left: 30px
}
.service-summary-text .xs-heading {
	margin-bottom: 25px
}
.service-summary-text .xs-heading .section-title {
	font-size: 1.8666666667rem;
	font-weight: 700
}
.service-summary-text>p {
	margin-bottom: 40px;
	padding-right: 65px
}
.service-summary-text.service-summary-2 {
	padding-left: 0;
	padding-right: 65px
}
.service-summary-text .boosting-lists {
	margin-bottom: 40px
}
.our-security-section.xs-section-padding {
	padding-bottom: 80px
}
.boosting-section.xs-section-padding {
	padding-top: 80px
}
.btn {
	height: 55px;
	line-height: 55px;
	border-radius: 3px;
	padding: 0 51px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	white-space: normal
}
.btn:not([class*=btn-outline-]) {
	border: 0px;
	color: #FFFFFF;
	background-color: #000000;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12)
}
.btn.btn-primary {
	background-color: #16264c
}
.btn.btn-primary:hover {
	background-color: #00138e
}
.btn.btn-secondary {
	background-color: #00138e
}
.btn.btn-secondary:hover {
	background-color: #16264c
}
.btn.icon-left i {
	padding-right: 9px;
	float: left;
	line-height: 55px
}
.btn.icon-right i {
	padding-left: 9px;
	float: right;
	line-height: 55px
}
.btn.style2 {
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0px
}
.btn.style3 {
	background-color: #FFFFFF;
	color: #16264c
}
.btn.style3:hover {
	background-color: #16264c;
	color: #FFFFFF
}
.btn.btn-info {
	background-color: #FFFFFF;
	color: #00138e
}
.btn.btn-info:hover {
	background-color: #00138e;
	color: #FFFFFF
}
.btn.btn-outline-primary {
	border-color: #16264c;
	color: #16264c
}
.btn.btn-outline-primary:hover {
	background-color: #16264c;
	color: #FFFFFF
}
.insta-feed-wraper {
	width: calc(100% - 65px)
}
.insta-feed:after {
	display: block;
	clear: both;
	content: ""
}
.insta-feed li {
	width: calc(33.333333% - 8px);
	float: left;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden
}
.insta-feed li:not(:last-child) {
	margin-right: 8px
}
.insta-feed li img {
	border-radius: 3px;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.insta-feed li a:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)
}
.list-inline>li {
	display: inline-block
}
.xs-list>li:not(:last-child) {
	margin-right: 10px
}
.xs-list>li .title {
	font-weight: 700
}
.xs-list.arrow li:before, .xs-list.checkbox li:before, .xs-list.check li:before, .xs-list.hand li:before {
	padding-right: 16px;
	font-family: "iconfont";
	color: #16264c;
	position: relative;
	top: 3px;
	font-size: 1rem
}
.xs-list.check li:before {
	content: "\ea73"
}
.xs-list.checkbox li:before {
	content: "\ea74";
	top: 1px
}
.xs-list.arrow li:before {
	content: "\e87a"
}
.xs-list.hand li:before {
	content: "\e8a7"
}
.xs-list.bullet li:before {
	content: "";
	background-color: #16264c;
	width: 5px;
	height: 5px;
	display: inline-block;
	border-radius: 50%;
	position: relative;
	top: -3px;
	margin-right: 10px
}
.list-group>li {
	font-size: 1.0666666667rem;
	color: #999999
}
.list-group>li:not(:last-child) {
	margin-bottom: 10px
}
.list-group>li strong {
	float: left;
	width: 43%;
	color: #000000;
	font-weight: 700
}
.newsletter-form {
	position: relative
}
.newsletter-form .form-control {
	background-color: white;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
	height: 45px;
	width: 100%;
	border-radius: 22.5px;
	padding-left: 30px;
	border: 0px
}
.newsletter-form .send-button {
	background-color: #1bd1ea;
	position: absolute;
	width: 51px;
	height: 45px;
	color: #FFFFFF;
	font-size: 1.2rem;
	right: 0;
	top: 0;
	border: 0px;
	border-radius: 0 22.5px 22.5px 0;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.newsletter-form .send-button:hover {
	background-color: #16264c
}
.newsletter-form label {
	margin-bottom: 0px;
	position: absolute;
	bottom: -30px;
	left: 0
}
.pagination li {
	display: inline-block
}
.pagination li:not(:last-child) {
	margin-right: 20px
}
.pagination li a {
	width: 50px;
	height: 50px;
	line-height: 50px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0;
	border-radius: 100%;
	text-align: center;
	color: #676767;
	font-weight: 500;
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.07);
	background-color: #FFFFFF;
	border: 0px
}
.pagination li.active a, .pagination li a:hover {
	background-color: #16264c;
	color: #FFFFFF
}
.pagination li>span {
	letter-spacing: 7px;
	position: relative;
	top: 7px
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
	border-radius: 100%
}
.pagination .page-item:last-child .page-link {
	font-size: 0.8rem
}
.pagination .page-item.disabled a, .pagination li a {
	border-color: #f1f1f1
}
.blog-inner-page .pagination {
	margin-top: 30px
}
#preloader {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 9999999999;
	background-color: #16264c;
	-webkit-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in
}
#preloader .preloader-cancel-btn {
	position: fixed;
	bottom: 0;
	right: 0;
	padding: 40px;
	-webkit-transition: all 1s ease-in;
	-o-transition: all 1s ease-in;
	transition: all 1s ease-in
}
#preloader.loaded {
	top: -150%
}
#preloader.loaded .preloader-cancel-btn {
	bottom: 150%
}
.prelaoder-btn {
	padding: 10px 30px
}
.preloader-wrapper {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute
}
.spinner {
	width: 40px;
	height: 40px;
	background-color: #FFFFFF;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform:perspective(120px)
}
50% {
-webkit-transform:perspective(120px) rotateY(180deg)
}
to {
	-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
}
}
@keyframes sk-rotateplane {
0% {
transform:perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)
}
50% {
transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)
}
to {
	transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
	-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
}
}
.xs-heading {
	margin-bottom: 23px;
	position: relative
}
.xs-heading .section-subtitle {
	font-size: 1.3333333333rem;
	color: #16264c;
	margin-bottom: 10px;
	font-weight: 400
}
.xs-heading .line {
	position: relative;
	display: inline-block;
	padding-top: 25px;
	width: 100%
}
.xs-heading .line:after, .xs-heading .line:before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0
}
.xs-heading .line:before {
	background-color: rgba(0, 0, 0, 0.15);
	width: 105px;
	height: 1px
}
.xs-heading .line:after {
	background-color: #16264c;
	width: 40px;
	height: 3px;
	bottom: -1px
}
.xs-heading .section-title {
	margin-bottom: 0px
}
.xs-heading .section-title span {
	color: #16264c
}
.xs-heading.style2 .line:before {
	display: none
}
.xs-heading.style3 .section-title {
	font-weight: 700
}
.xs-heading.style3 .line:before {
	display: none
}
.xs-heading.style3 .line:after {
	width: 80px
}
.xs-heading.text-center .line:after, .xs-heading.text-center .line:before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.xs-heading.text-right .line:after, .xs-heading.text-right .line:before {
	right: 0;
	left: inherit
}
.xs-heading[class*=text-] {
	margin-bottom: 55px
}
.xs-heading.style4 .line {
	margin-bottom: 25px
}
.xs-heading .heading-icon {
	color: #16264c;
	font-size: 3.3333333333rem;
	margin-top: 20px;
	display: block
}
.primary-bg .section-subtitle, .primary-bg .section-title {
	color: #FFFFFF
}
.social-list li {
	display: inline-block;
	margin-right: 10px
}
.social-list li:last-child {
	margin-right: 0px
}
.social-list li.title {
	color: #000000;
	font-weight: 700;
	font-size: 1.2rem;
	margin-right: 15px
}
.social-list li a {
	display: block;
	width: 42px;
	height: 42px;
	line-height: 42px;
	border-radius: 100%;
	border: 1px solid #6b7499;
	text-align: center;
	font-size: 0.9333333333rem;
	color: #333333
}
.social-list li a.facebook {
	color: #4969a8
}
.social-list li a.facebook:hover {
	background-color: #4969a8;
	border-color: #4969a8
}
.social-list li a.twitter {
	color: #2aa3ef
}
.social-list li a.twitter:hover {
	background-color: #2aa3ef;
	border-color: #2aa3ef
}
.social-list li a.linkedin {
	color: #1178b3
}
.social-list li a.linkedin:hover {
	background-color: #1178b3;
	border-color: #1178b3
}
.social-list li a.instagram {
	color: #e8715c
}
.social-list li a.instagram:hover {
	background-color: #e8715c;
	border-color: #e8715c
}
.social-list li a.googlePlus {
	color: #dc4a38
}
.social-list li a.googlePlus:hover {
	background-color: #dc4a38;
	border-color: #dc4a38
}
.social-list li a.vimeo {
	color: #1ab7ea
}
.social-list li a.vimeo:hover {
	background-color: #1ab7ea;
	border-color: #1ab7ea
}
.social-list li a:hover {
	color: #FFFFFF
}
.social-list.version-2 li a {
	color: #FFFFFF;
	font-size: 0.7953333333rem;
	width: 35px;
	height: 35px;
	line-height: 33px;
	border: 0px;
	border: 1px solid transparent
}
.social-list.version-2 li a.facebook {
	background-color: #4969a8
}
.social-list.version-2 li a.facebook:hover {
	color: #4969a8;
	border-color: currentColor
}
.social-list.version-2 li a.twitter {
	background-color: #2aa3ef
}
.social-list.version-2 li a.twitter:hover {
	color: #2aa3ef;
	border-color: currentColor
}
.social-list.version-2 li a.linkedin {
	background-color: #1178b3
}
.social-list.version-2 li a.linkedin:hover {
	color: #1178b3;
	border-color: currentColor
}
.social-list.version-2 li a.instagram {
	background-color: #e8715c
}
.social-list.version-2 li a.instagram:hover {
	color: #e8715c;
	border-color: currentColor
}
.social-list.version-2 li a.googlePlus {
	background-color: #dc4a38
}
.social-list.version-2 li a.googlePlus:hover {
	color: #dc4a38;
	border-color: currentColor
}
.social-list.version-2 li a.vimeo {
	background-color: #1ab7ea
}
.social-list.version-2 li a.vimeo:hover {
	color: #1ab7ea;
	border-color: currentColor
}
.social-list.version-2 li a:hover {
	background-color: transparent
}
.social-list.social-block li {
	display: block;
	margin-right: 0px
}
.social-list.social-block li:not(:last-child) {
	margin-bottom: 5px
}
.social-list.social-block li a {
	height: 37px;
	line-height: 37px;
	width: 100%;
	border-radius: 18.5px;
	text-align: left;
	padding: 0 23px;
	font-size: 1rem;
	color: #FFFFFF!important;
	border: 0px
}
.social-list.social-block li a i {
	padding-right: 10px
}
.social-list.social-block li a.facebook {
	background-color: #4969a8
}
.social-list.social-block li a.twitter {
	background-color: #2aa3ef
}
.social-list.social-block li a.linkedin {
	background-color: #1178b3
}
.social-list.social-block li a.googlePlus {
	background-color: #dc4a38
}
.simple-social-list li {
	display: inline-block;
	margin-right: 32px
}
.simple-social-list li:last-child {
	margin-right: 0px
}
.simple-social-list li a {
	color: #FFFFFF;
	font-size: 1.2rem
}
.simple-social-list li a.facebook {
	color: #3e5c9a
}
.simple-social-list li a.facebook:hover {
	color: #213151
}
.simple-social-list li a.twitter {
	color: #1da1f2
}
.simple-social-list li a.twitter:hover {
	color: #0967a0
}
.simple-social-list li a.googlePlus {
	color: #fb2f14
}
.simple-social-list li a.googlePlus:hover {
	color: #a61603
}
.simple-social-list li a.linkedin {
	color: #0077b5
}
.simple-social-list li a.linkedin:hover {
	color: #00344f
}
.video-popup-btn {
	display: inline-block;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	line-height: 80px;
	background-color: #16264c;
	color: #FFFFFF;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.video-popup-btn:hover {
	color: #FFFFFF
}
.video-popup-btn i {
	margin-right: -4px
}
.video-popup-btn.pulse-effect {
	position: relative;
	z-index: 1
}
.video-popup-btn.pulse-effect:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: pulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
	animation: pulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both
}
.xs-info-img {
	position: relative
}
.xs-info-img+.video-content {
	position: absolute;
	bottom: 0;
	width: 100%
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow:0 0 0 0 rgba(12, 90, 219, 0.2);
box-shadow:0 0 0 0 rgba(12, 90, 219, 0.2)
}
70% {
-webkit-box-shadow:0 0 0 60px rgba(12, 90, 219, 0);
box-shadow:0 0 0 60px rgba(12, 90, 219, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
	box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@keyframes pulse {
0% {
-webkit-box-shadow:0 0 0 0 rgba(12, 90, 219, 0.2);
box-shadow:0 0 0 0 rgba(12, 90, 219, 0.2)
}
70% {
-webkit-box-shadow:0 0 0 60px rgba(12, 90, 219, 0);
box-shadow:0 0 0 60px rgba(12, 90, 219, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
	box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}

.xs-top-bar {
	background-color: #16264c;
	padding: 14px 0
}
.xs-top-bar .xs-list {
	text-align: right;
	line-height: 1
}
.xs-top-bar .xs-list li:not(:last-child) {
	margin-right: 17px
}
.xs-top-bar .xs-list li a {
	color: #FFFFFF;
	font-size: 0.8666666667rem
}
.xs-top-bar-info {
	line-height: 1
}
.xs-top-bar-info li {
	display: inline-block
}
.xs-top-bar-info li:not(:last-child) {
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid rgba(255, 255, 255, 0.2)
}
.xs-top-bar-info li i {
	padding-right: 5px
}
.xs-top-bar-info li a {
	font-size: 0.8666666667rem;
	color: #FFFFFF
}
.single-box {
	background-color: #FFFFFF;
	border-bottom: 3px solid rgba(12, 90, 219, 0.1);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-box:hover {
	border-color: #16264c
}
.single-box:hover .image:before {
	opacity: 1
}
.single-box:hover .image .hover-area {
	opacity: 1;
	top: 50%
}
.single-box .image {
	position: relative
}
.single-box .image:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(12, 90, 219, 0.8);
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-box .image img {
	width: 100%
}
.single-box .hover-area {
	position: absolute;
	top: 60%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: calc(100% - 100px);
	z-index: 2;
	color: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0
}
.single-box .hover-area .title {
	margin-bottom: 7px
}
.single-box .hover-area .title a {
	color: #FFFFFF
}
.single-box .hover-area .xs-list>li>a {
	color: #FFFFFF;
	font-size: 0.9333333333rem
}
.single-box .hover-area .xs-list>li>a:hover {
	color: rgba(255, 255, 255, 0.5)
}
.single-box .title {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 0px
}
.single-box .title a {
	color: #000000
}
.single-box .description {
	font-size: 0.9333333333rem;
	margin-bottom: 10px
}
.single-box .line {
	background-color: rgba(255, 255, 255, 0.2);
	width: 100%;
	height: 3px;
	display: block;
	margin-bottom: 15px
}
.single-box .box-footer {
	padding: 30px 10px
}
.team-inner-style .single-box {
	margin-bottom: 30px
}
.xs-map {
	height: 450px
}
.map-style2 .xs-map {
	height: 300px
}
.map-style3 .xs-map {
	height: 400px
}
.xs-from .form-control {
	border: 1px solid #e7e7e7;
	background-color: #FFFFFF;
	height: 52px;
	border-radius: 0px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding: 0 30px
}
.xs-from .form-control:focus {
	border-color: #16264c
}
.xs-from .form-control.invaild {
	border-color: #ff3d3d
}
.xs-from input[type=number]::-webkit-inner-spin-button, .xs-from input[type=number]::-webkit-outer-spin-button {
-webkit-appearance:none;
margin:0
}
.xs-from textarea.form-control {
	padding: 15px 30px;
	height: 134px;
	resize: none
}
.xs-from .form-group {
	margin-bottom: 30px
}
.next-step {
	font-size: 1.6666666667rem;
	color: #16264c;
	border: 2px solid currentColor;
	text-align: center;
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	border-radius: 100%
}
.next-step:hover {
	color: #00138e
}
.faqAccordion {
	counter-reset: myCounter
}
.faqAccordion .card {
	border: 0px;
	border-radius: 0px
}
.faqAccordion .card:not(:last-child) {
	margin-bottom: 15px
}
.faqAccordion .card-header {
	padding: 0px;
	border-radius: 0px;
	background-color: transparent;
	border-bottom: 0px
}
.faqAccordion .btn-link {
	display: block;
	background-color: #FFFFFF;
	font-size: 1.0666666667rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	padding: 17px 40px;
	-webkit-box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 7px 25px 0px rgba(0, 0, 0, 0.1);
	position: relative
}
.faqAccordion .btn-link:before {
	content: counter(myCounter) ".";
	counter-increment: myCounter
}
.faqAccordion .btn-link:after {
	content: "\e991";
	font-family: "iconfont";
	font-size: 0.9333333333rem;
	float: right;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.faqAccordion .btn-link[aria-expanded=true]:after {
	-webkit-transform: rotateX(-180deg);
	transform: rotateX(-180deg)
}
.faqAccordion .card-body {
	padding: 40px
}
.xs-faq-group [class^=col-]:first-child {
	counter-reset: my-awesome-counter -1
}
.xs-faq-group [class^=col-]:first-child .xs-single-faq {
	counter-increment: my-awesome-counter 2
}
.xs-faq-group [class^=col-]:first-child .xs-single-faq:last-child {
	margin-bottom: 0
}
.xs-faq-group [class^=col-]:last-child {
	counter-reset: my-awesome-counter
}
.xs-faq-group [class^=col-]:last-child .xs-single-faq {
	counter-increment: my-awesome-counter 2
}
.xs-faq-group [class^=col-]:last-child .xs-single-faq:last-child {
	margin-bottom: 0
}
.xs-faq-group .faq-question:before {
	content: counter(my-awesome-counter) ".";
	padding-right: 8px
}
.xs-single-faq {
	margin-bottom: 50px
}
.xs-single-faq .faq-question {
	font-size: 1.2rem;
	margin-bottom: 15px;
	font-weight: 700
}
.faq-question-area {
	position: relative
}
.faq-question-area .doodle-parallax .single-doodle {
	position: absolute;
	opacity: .3
}
.faq-question-area .doodle-parallax .single-doodle.one {
	right: -240px;
	bottom: 140px
}
.faq-question-wraper {
	position: relative;
	z-index: 2;
	padding-bottom: 100px;
	border-bottom: 1px solid #f7f7f7
}
.pulse-anim {
	position: absolute;
	bottom: -40px;
	right: -50px;
	width: 165px;
	height: 165px;
	border-radius: 50%;
	background-color: #cbdbf7;
	z-index: -1;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.pulse-anim:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: -1;
	-webkit-box-shadow: 0 0 0 42px #dbe6f9, 0 0 0 84px #ecf2fc;
	box-shadow: 0 0 0 42px #dbe6f9, 0 0 0 84px #ecf2fc;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
@-webkit-keyframes pulseone {
0% {
-webkit-box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08);
box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08)
}
70% {
-webkit-box-shadow:0 0 0 45px rgba(12, 90, 219, 0);
box-shadow:0 0 0 45px rgba(12, 90, 219, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
	box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@keyframes pulseone {
0% {
-webkit-box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08);
box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08)
}
70% {
-webkit-box-shadow:0 0 0 45px rgba(12, 90, 219, 0);
box-shadow:0 0 0 45px rgba(12, 90, 219, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
	box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@-webkit-keyframes pulsetwo {
0% {
-webkit-box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08);
box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08)
}
70% {
-webkit-box-shadow:0 0 0 90px rgba(12, 90, 219, 0);
box-shadow:0 0 0 90px rgba(12, 90, 219, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
	box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@keyframes pulsetwo {
0% {
-webkit-box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08);
box-shadow:0 0 0 0 rgba(12, 90, 219, 0.08)
}
70% {
-webkit-box-shadow:0 0 0 90px rgba(12, 90, 219, 0);
box-shadow:0 0 0 90px rgba(12, 90, 219, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
	box-shadow: 0 0 0 0 rgba(12, 90, 219, 0)
}
}
@-webkit-keyframes pulsethree {
0% {
-webkit-box-shadow:0 0 0 0 #3173e1;
box-shadow:0 0 0 0 #3173e1
}
70% {
-webkit-box-shadow:0 0 0 45px rgba(49, 115, 225, 0);
box-shadow:0 0 0 45px rgba(49, 115, 225, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(49, 115, 225, 0);
	box-shadow: 0 0 0 0 rgba(49, 115, 225, 0)
}
}
@keyframes pulsethree {
0% {
-webkit-box-shadow:0 0 0 0 #3173e1;
box-shadow:0 0 0 0 #3173e1
}
70% {
-webkit-box-shadow:0 0 0 45px rgba(49, 115, 225, 0);
box-shadow:0 0 0 45px rgba(49, 115, 225, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(49, 115, 225, 0);
	box-shadow: 0 0 0 0 rgba(49, 115, 225, 0)
}
}
@-webkit-keyframes pulsefour {
0% {
-webkit-box-shadow:0 0 0 0 #1f67de;
box-shadow:0 0 0 0 #1f67de
}
70% {
-webkit-box-shadow:0 0 0 90px rgba(31, 103, 222, 0);
box-shadow:0 0 0 90px rgba(31, 103, 222, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(31, 103, 222, 0);
	box-shadow: 0 0 0 0 rgba(31, 103, 222, 0)
}
}
@keyframes pulsefour {
0% {
-webkit-box-shadow:0 0 0 0 #1f67de;
box-shadow:0 0 0 0 #1f67de
}
70% {
-webkit-box-shadow:0 0 0 90px rgba(31, 103, 222, 0);
box-shadow:0 0 0 90px rgba(31, 103, 222, 0)
}
to {
	-webkit-box-shadow: 0 0 0 0 rgba(31, 103, 222, 0);
	box-shadow: 0 0 0 0 rgba(31, 103, 222, 0)
}
}
.xs-serach {
	position: relative
}
.xs-serach input:not([type=submit]) {
	padding: 0 30px;
	background-color: transparent;
	border-radius: 5px;
	width: 100%;
	height: 54px;
	border: 1px solid #e7e7e7;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-serach input:not([type=submit])::-moz-placeholder {
color:#919191
}
.xs-serach input:not([type=submit])::-webkit-input-placeholder {
color:#919191
}
.xs-serach input:not([type=submit]):-ms-input-placeholder {
color:#919191
}
.xs-serach input:not([type=submit])::-ms-input-placeholder {
color:#919191
}
.xs-serach input:not([type=submit])::placeholder {
color:#919191
}
.xs-serach input:not([type=submit]):focus {
	border-color: #00138e
}
.xs-serach .search-btn {
	width: 62px;
	border: 0px;
	color: #FFFFFF;
	font-size: 1.2rem;
	background-color: #16264c;
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.xs-serach .search-btn:hover {
	background-color: #00138e
}
.xs-serach.style2 input:not([type=submit]) {
	background-color: #f7f8fd;
	border: 0px;
	height: 44px;
	padding: 0 20px
}
.xs-serach.style2 input:not([type=submit]):focus {
	background-color: #eff1fb
}
.xs-serach.style2 input:not([type=submit])::-moz-placeholder {
color:#9c9da0
}
.xs-serach.style2 input:not([type=submit])::-webkit-input-placeholder {
color:#9c9da0
}
.xs-serach.style2 input:not([type=submit]):-ms-input-placeholder {
color:#9c9da0
}
.xs-serach.style2 input:not([type=submit])::-ms-input-placeholder {
color:#9c9da0
}
.xs-serach.style2 input:not([type=submit])::placeholder {
color:#9c9da0
}
.xs-serach.style2 .search-btn {
	color: #16264c;
	width: 40px;
	font-size: 0.9333333333rem;
	background-color: transparent
}
.xs-serach.style2 .search-btn:hover {
	color: #00138e
}
.select-hidden {
	display: none;
	visibility: hidden;
	padding-right: 10px
}
.select {
	cursor: pointer;
	display: block;
	position: relative;
	font-size: 16px;
	color: #7b7b7b;
	width: 230px;
	height: 44px;
	float: right
}
.select-styled {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f7f8fd;
	padding: 10px 15px;
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	height: 44px;
	border-radius: 5px;
	color: #8d8d90;
	text-align: left;
	font-size: 0.9333333333rem
}
.select-styled:after {
	content: "\e874";
	position: absolute;
	top: 10px;
	right: 19px;
	font-family: "iconfont";
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
	color: #000000
}
.select-styled:hover {
	background-color: #eff1fb
}
.select-styled.active, .select-styled:active {
	background-color: #e3e6f8
}
.select-styled.active:after, .select-styled:active:after {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	color: #16264c
}
.select-styled.active {
	color: #16264c
}
.select-options {
	display: none;
	position: absolute;
	top: calc(100% + 20px);
	left: 0%;
	min-width: 230px;
	z-index: 999
}
.select-options:before {
	position: absolute;
	content: "";
	top: -8px;
	left: 50%;
	width: 16px;
	height: 16px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	z-index: -1
}
.select-options li {
	padding: 15px;
	border-top: 1px solid #0b56d1;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: #FFFFFF;
	text-align: left;
	line-height: 1;
	font-size: 0.9333333333rem
}
.select-options li:first-child {
	border-top: 0px
}
.select-options li:hover {
	background: #0946ab
}
.select-options li[rel=hide] {
	display: none
}
.select-options, .select-options:before {
	background-color: #16264c
}
.product-filter-area {
	margin-bottom: 30px
}
.product-filter-wraper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.product-filter-wraper .woocommerce-ordering {
	margin-right: 50px;
	margin-bottom: 0
}
.woocommerce-ordering {
	position: relative;
	z-index: 10
}
.woocommerce-ordering .shop-filter-title {
	color: #777777;
	font-size: 0.9333333333rem;
	position: relative;
	top: 9px;
	padding-right: 50px
}
.tab-filter .nav-tabs .nav-item .nav-link {
	border: 0px;
	color: #777777;
	font-size: 1.2rem;
	padding: 10px
}
.tab-filter .nav-tabs .nav-item .nav-link.active {
	color: #16264c
}
.product-ribbon {
	border-bottom-left-radius: 90px;
	border-bottom-right-radius: 90px;
	background-color: #16264c;
	padding: 9px 16px;
	font-size: 0.8666666667rem;
	color: #FFFFFF;
	line-height: 1
}
.custom_number {
	position: relative;
	height: 49px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin: 0 auto;
	float: right;
	border: 1px solid #f5f5f5;
	border-radius: 5px
}
.custom_number .add, .custom_number .sub {
	float: right;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	color: #777777;
	font-size: 0.8rem;
	padding: 5px 14px
}
.custom_number .sub {
	position: absolute;
	bottom: 0;
	right: 0
}
.custom_number input[type=number] {
	height: 100%;
	width: auto;
	background-color: #FFFFFF;
	text-align: center;
	pointer-events: none;
	width: 62px;
	color: #000000;
	border: 0px;
	border-right: 1px solid #f5f5f5
}
.custom-number-wraper {
	display: inline-block
}
.custom-number-wraper .title {
	color: #000000;
	font-weight: 500;
	font-size: 1rem;
	display: inline-block;
	padding-right: 15px;
	margin-top: 11px
}
.round-info-icon {
	display: block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border: 1px solid #e7e7e7;
	border-radius: 50%;
	font-size: 0.9333333333rem;
	color: #000000;
	text-align: center
}
.round-info-icon:hover {
	background-color: #16264c;
	color: #FFFFFF;
	border-color: #16264c
}
.floating-btn-wraper {
	position: relative
}
.btn-floating.active {
	background-color: #000000;
	color: #FFFFFF
}
.floating-icons-list {
	position: absolute;
	bottom: 100%;
	right: 0;
	text-align: center
}
.floating-icons-list.open>li:first-child {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s
}
.floating-icons-list.hidden>li:first-child {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s
}
.floating-icons-list.open>li:nth-child(2) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s
}
.floating-icons-list.hidden>li:nth-child(2) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s
}
.floating-icons-list.open>li:nth-child(3) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s
}
.floating-icons-list.hidden>li:nth-child(3) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s
}
.floating-icons-list.open>li:nth-child(4) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.4s
}
.floating-icons-list.hidden>li:nth-child(4) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s
}
.floating-icons-list.open>li:nth-child(5) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s
}
.floating-icons-list.hidden>li:nth-child(5) {
	-webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
	-o-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s;
	transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.1s
}
.floating-icons-list>li {
	margin-right: 0;
	margin-bottom: 20px;
	opacity: 0;
	-webkit-transform: scale(0.4) translateY(40px) translateX(0px);
	-ms-transform: scale(0.4) translateY(40px) translateX(0px);
	transform: scale(0.4) translateY(40px) translateX(0px);
	visibility: hidden
}
.floating-icons-list.open>li {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1) translateY(0px) translateX(0px);
	-ms-transform: scale(1) translateY(0px) translateX(0px);
	transform: scale(1) translateY(0px) translateX(0px)
}
.help-tip {
	text-align: center;
	background-color: #16264c;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	font-size: 14px;
	line-height: 26px;
	cursor: default;
	display: inline-block;
	z-index: 9;
	position: relative
}
.help-tip:before {
	content: '?';
	font-weight: bold;
	color: #fff
}
.help-tip:hover .help-tip-text {
	display: block;
	-webkit-transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	transform-origin: 100% 0%;
	-webkit-animation: tipFadeIn 0.3s ease-in-out;
	animation: tipFadeIn 0.3s ease-in-out
}
.help-tip .help-tip-text {
	display: none;
	text-align: left;
	background-color: #1E2021;
	padding: 20px;
	min-width: 300px;
	position: absolute;
	border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	right: -4px;
	color: #FFF;
	margin-bottom: 0;
	margin-top: 8px;
	pointer-events: none;
	font-weight: 400
}
.help-tip .help-tip-text:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-bottom-color: #1E2021;
	right: 10px;
	top: -12px
}
.help-tip .help-tip-text:after {
	width: 100%;
	height: 40px;
	content: '';
	position: absolute;
	top: -40px;
	left: 0
}
@-webkit-keyframes tipFadeIn {
0% {
opacity:0;
-webkit-transform:scale(0.6);
transform:scale(0.6)
}
to {
	opacity: 100%;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@keyframes tipFadeIn {
0% {
opacity:0;
-webkit-transform:scale(0.6);
transform:scale(0.6)
}
to {
	opacity: 100%;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.woocommerce.woocommerce-product-rating .star-rating {
	margin: 0;
	margin-bottom: 30px;
	float: none;
	width: auto;
	overflow: visible;
	font-family: inherit
}
.woocommerce .star-rating {
	font-size: 0.9333333333rem
}
.woocommerce .star-rating:before {
	content: '\f005\f005\f005\f005\f006';
	color: #efc71f;
	font-family: "FontAwesome";
	padding-right: 15px;
	letter-spacing: 3px;
	position: static
}
.woocommerce .star-rating span:before {
	display: none
}
.woocommerce .star-rating .woocommerce-review-link {
	color: #777777
}
.woocommerce .star-rating .woocommerce-review-link:hover {
	color: #16264c
}
.woocommerce .star-rating .woocommerce-review-link .count {
	overflow: visible;
	float: none;
	position: static;
	padding-top: 0
}
.rate-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px
}
.rate-list li b {
	font-weight: 400;
	color: #aaaaaa;
	font-size: 0.8rem;
	padding-left: 5px
}
.rate-list li:last-child {
	margin-bottom: 0
}
.rate-list li .rate-title {
	width: 15%;
	line-height: 1;
	font-size: 0.8rem;
	margin-top: 1px
}
.rate-list li .rate-graph {
	height: 10px;
	background-color: #f5f5f5;
	border-radius: 5px;
	display: block;
	width: 65%;
	position: relative;
	overflow: hidden
}
.rate-list li .rate-graph .rate-graph-bar {
	background-color: #fed700;
	border-radius: 5px;
	display: block;
	height: 100%
}
.rate-list li .star-rating {
	width: 20%;
	margin-bottom: 0;
	text-align: right;
	margin-top: -2px;
	padding-right: 0;
	padding-left: 15px
}
.rate-list li .star-rating:before {
	color: #fed700
}
.rate-list li .star-rating[data-value="5"]:before {
	content: '\f005\f005\f005\f005\f005'
}
.rate-list li .star-rating[data-value="4"]:before {
	content: '\f005\f005\f005\f005\f006'
}
.rate-list li .star-rating[data-value="3"]:before {
	content: '\f005\f005\f005\f006\f006'
}
.rate-list li .star-rating[data-value="2"]:before {
	content: '\f005\f005\f006\f006\f006'
}
.rate-list li .star-rating[data-value="1"]:before {
	content: '\f005\f006\f006\f006\f006'
}
.rate-score .star-rating {
	font-size: 2rem;
	float: left
}
.rate-score .rating-score-des {
	font-size: 1.3333333333rem;
	float: left;
	margin-bottom: 0
}
.rate-score .rating-score-des em {
	color: #ffa801
}
.rate-score .help-tip {
	float: right
}
.woocommerce .rate-score .star-rating {
	margin-bottom: 10px
}
.woocommerce-Reviews {
	padding-top: 50px
}
.woocommerce-Reviews .woocommerce-Reviews-title {
	font-size: 1.6rem;
	margin-bottom: 40px;
	font-family: 'Quicksand', sans-serif;
	color: #000000;
	font-weight: 500
}
.woocommerce-Reviews .comment_container .comment-text {
	float: right
}
.woocommerce-Reviews .star-rating {
	font-family: inherit
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
	width: 60px;
	height: 60px;
	border: 0px;
	padding: 0px;
	border-radius: 50%
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	margin: 0;
	padding: 30px;
	width: calc(100% - 70px)
}
.woocommerce .comment-form-rating {
	display: inline-block;
	line-height: 1
}
.woocommerce .comment-form-rating .star-rating {
	margin: 0;
	float: right;
	width: auto;
	overflow: visible;
	font-family: inherit;
	padding-left: 15px
}
.woocommerce .woocommerce-Reviews .comment-form {
	padding-top: 50px
}
.woocommerce .woocommerce-Reviews .comment-form input:not([type=submit]), .woocommerce .woocommerce-Reviews .comment-form textarea {
	width: 100%;
	display: block;
	border: 1px solid #EEEEEE;
	border-radius: 3px;
	height: 40px;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.woocommerce .woocommerce-Reviews .comment-form input:not([type=submit]):focus, .woocommerce .woocommerce-Reviews .comment-form textarea:focus {
	border-color: #16264c
}
.woocommerce .woocommerce-Reviews .comment-form textarea {
	height: 100px;
	padding: 15px;
	resize: none
}
.woocommerce #respond input#submit {
	font-size: 0.8rem;
	padding: 12px 25px;
	font-weight: 500;
	color: #FFFFFF;
	background-color: #16264c;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.woocommerce #respond input#submit:hover {
	background-color: #00138e;
	color: #FFFFFF
}
.product-slider .owl-dots .owl-dot:not(:last-child) {
	margin-right: 12px
}
.product-slider .owl-dots .owl-dot span {
	background-color: rgba(0, 0, 0, 0.149);
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	width: 8px;
	height: 8px;
	display: block;
	border-radius: 50%;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.product-slider .owl-dots .owl-dot span:before {
	display: none
}
.product-slider .owl-dots .owl-dot.active span {
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transform: scale(1.9);
	-ms-transform: scale(1.9);
	transform: scale(1.9)
}
.comment-respond .comment-reply-title {
	margin-bottom: 20px
}
.comment-respond .xs-form .form-control {
	margin-bottom: 30px
}
.comment-respond .form-submit {
	margin-bottom: 0px
}
.comment-respond .comments-info {
	font-size: 1rem;
	margin-bottom: 35px
}
.comment-respond.respond-style2 {
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background-color: #f5f5f5;
	padding: 60px 50px
}
.comment-respond.respond-style2 .respond-header {
	margin-bottom: 35px
}
.comment-respond.respond-style2 .respond-header .comment-reply-title {
	font-size: 1.8666666667rem;
	font-weight: 700;
	color: #16264c;
	margin-bottom: 0px
}
.comment-respond.respond-style2 .respond-header>.border-divider+.comments-info {
	margin-top: 25px
}
.comment-respond.respond-style2 .respond-header .comments-info {
	margin-bottom: 0px;
	color: #8c8c8c
}
.comment-respond.respond-style2 .xs-form .form-control {
	border-color: #e7e7e7
}
.comment-respond.respond-style2 .xs-form .form-control:focus {
	border-color: #16264c
}
.comment-respond .responsed-title {
	font-size: 1.6rem;
	font-family: 'Quicksand', sans-serif;
	color: #000000;
	font-weight: 500;
	margin-bottom: 15px
}
.xs-form .form-control {
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding-left: 30px;
	background-color: #FFFFFF
}
.xs-form .form-control:not(textarea) {
	height: 54px
}
.xs-form .form-control:focus {
	border-color: #16264c;
	-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.07)
}
.xs-form .form-control::-moz-placeholder {
color:#7a7a7a;
font-size:1rem
}
.xs-form .form-control::-webkit-input-placeholder {
color:#7a7a7a;
font-size:1rem
}
.xs-form .form-control:-ms-input-placeholder {
color:#7a7a7a;
font-size:1rem
}
.xs-form .form-control::-ms-input-placeholder {
color:#7a7a7a;
font-size:1rem
}
.xs-form .form-control::placeholder {
color:#7a7a7a;
font-size:1rem
}
.xs-form textarea.form-control {
	padding-top: 20px;
	height: 154px;
	resize: none
}
.xs-comments-area {
	margin-bottom: 100px;
	padding-bottom: 100px;
	border-bottom: 1px solid #e7e7e7
}
.xs-comments-area .comments-title {
	margin-bottom: 45px;
	font-size: 1.4666666667rem;
	font-weight: 500
}
.xs-comments-area .comment-body:before {
	display: table;
	content: "";
	clear: both
}
.xs-comments-area .comment-body img {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	float: left
}
.xs-comments-area .meta-data {
	margin-left: 100px
}
.xs-comments-area .reply {
	float: right
}
.xs-comments-area .reply .comment-reply-link {
	color: #626c84;
	font-size: 1rem
}
.xs-comments-area .reply .comment-reply-link:hover {
	color: #16264c
}
.xs-comments-area .comment-author a {
	font-weight: 500;
	color: #181818
}
.xs-comments-area .comment-author a:hover {
	color: #16264c
}
.xs-comments-area .comment-author a:after {
	content: "/";
	padding: 0 5px;
	color: #7a7a7a
}
.xs-comments-area .comment-author>p {
	display: inline-block
}
.xs-comments-area .comment-date {
	color: #7a7a7a;
	margin-bottom: 0px;
	font-weight: 500
}
.xs-comments-area .comment-content {
	margin-top: 10px;
	padding-right: 50px
}
.xs-comments-area .comment-content p {
	margin-bottom: 0px
}
.xs-comments-area .comment:not(:last-child) .children {
	margin-left: 70px
}
.xs-comments-area .comment:not(:last-child) .meta-data {
	margin-bottom: 50px
}
.xs-comments-area.comment-style2 {
	padding: 60px 50px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	background-color: #FFFFFF
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .comment-body {
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px solid #f5f5f5
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .meta-data {
	margin-bottom: 0px
}
.xs-comments-area.comment-style2 .comment:not(:last-child) .children {
	margin-left: 0px;
	padding-left: 50px
}
.xs-comments-area.comment-style2 .comment-header {
	margin-bottom: 30px
}
.xs-comments-area.comment-style2 .comments-title {
	margin-bottom: 0px;
	font-size: 1.8666666667rem;
	color: #16264c;
	font-weight: 700
}
.xs-comments-area.comment-style2 .meta-data {
	margin-left: 70px
}
.xs-comments-area.comment-style2 .comment-author>a {
	color: #000000;
	font-weight: 700;
	margin-right: 40px
}
.xs-comments-area.comment-style2 .comment-author>a:after {
	display: none
}
.xs-comments-area.comment-style2 .comment-author>p {
	color: #606060
}
.xs-comments-area.comment-style2 .comment-author>p:not(:last-child) {
	margin-right: 40px
}
.xs-comments-area.comment-style2 .comment-body img {
	width: 50px;
	height: 50px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12)
}
.xs-comments-area.comment-style2 .reply {
	line-height: 1
}
.xs-comments-area.comment-style2 .reply .comment-reply-link {
	font-size: 1.6666666667rem;
	color: #16264c
}
.xs-comments-area.comment-style2 .reply .comment-reply-link:hover {
	color: #00138e
}
.font-size-list span {
	color: #676767;
	font-size: 1rem;
	font-weight: 400
}
.font-size-list h2 {
	font-size: 3.2rem;
	font-weight: 900
}
.typography-group:not(:last-child) {
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 90px;
	margin-bottom: 100px
}
.dropcaps:first-letter {
	font-size: 2.8rem;
	font-weight: 700;
	float: left;
	line-height: 25px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px
}
.dropcaps.style2:first-letter {
	color: #16264c
}
blockquote {
	background-color: #f7f7f7;
	padding: 40px
}
blockquote:before {
	content: '\e939';
	font-family: "iconfont";
	font-size: 6rem;
	color: #16264c;
	float: left;
	line-height: 1;
	margin-top: -6px
}
blockquote>p {
	color: #5d5d5d;
	font-weight: 700;
	font-style: italic;
	padding-left: 117px
}
.author-card {
	background-color: #16264c;
	border-radius: 5px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	padding: 60px 50px;
	margin-bottom: 60px
}
.author-card .author-header {
	margin-bottom: 40px
}
.author-card .author-header .author-title {
	color: #FFFFFF;
	font-size: 1.8666666667rem;
	font-weight: 700;
	margin-bottom: 0px
}
.author-card .author-img {
	margin-right: 28px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
	overflow: hidden
}
.author-card .author-bio .author-name {
	color: #FFFFFF;
	font-size: 1.2rem;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	margin-bottom: 10px
}
.author-card .author-bio .authr-designation {
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 1rem;
	color: #95b3ee;
	margin-bottom: 20px
}
.author-card .author-bio p {
	color: #95b3ee;
	margin-bottom: 30px
}
.author-card .author-bio .simple-social-list>li:not(:last-child) {
	margin-right: 10px
}
.author-card .author-bio .simple-social-list>li>a {
	font-size: 0.9333333333rem
}
.author-card .author-bio .simple-social-list>li>a:hover {
	opacity: .7
}
.post-navigation {
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.12);
	border-radius: 5px;
	padding: 60px 50px;
	margin-bottom: 60px
}
.post-navigation .post-title {
	font-size: 0.9333333333rem;
	font-weight: 400;
	margin-bottom: 0px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav {
	text-align: right;
	margin-right: 0px;
	margin-left: 30px
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav .post-nav-img {
	margin-right: 0px;
	margin-left: 20px
}
.post-navigation [class^=col-]+[class^=col-] .single-post-nav>.media {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
.single-post-nav {
	display: block;
	margin-right: 30px
}
.single-post-nav .post-nav-title {
	margin-bottom: 25px;
	font-size: 1.2rem;
	color: #16264c;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.single-post-nav .post-nav-title.icon-left>i {
	padding-right: 10px;
	float: left
}
.single-post-nav .post-nav-title.icon-right>i {
	float: right;
	padding-left: 10px
}
.single-post-nav:hover .post-nav-title {
	color: #00138e
}
.single-post-nav:hover .post-title {
	color: #16264c
}
.single-post-nav:hover .post-nav-img {
	opacity: .8
}
.post-nav-img {
	border-radius: 5px;
	margin-right: 20px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.post-previous {
	border-right: 2.5px solid
}
.post-next {
	border-left: 2.5px solid
}
.post-next, .post-previous {
	border-color: #f5f5f5
}
.piechats-wraper .single-piechart {
	float: left;
	display: inline-block;
	position: relative
}
.piechats-wraper .single-piechart:not(:last-child) {
	margin-right: 10px
}
.piechats-wraper .single-piechart .chart-content {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center
}
.piechats-wraper .single-piechart .chart-content>p {
	margin-bottom: 4px;
	color: #000000;
	font-size: 0.9333333333rem
}
.piechats-wraper .single-piechart .chart-content>.chart-value {
	font-size: 1.8666666667rem;
	font-weight: 900;
	font-family: 'Quicksand', sans-serif;
	line-height: 1
}
.boosting-lists {
	counter-reset: my-counter
}
.boosting-list {
	position: relative;
	padding-left: 48px
}
.boosting-list:not(:last-child) {
	margin-bottom: 50px
}
.boosting-list p a {
	color: #16264c;
	text-decoration: underline
}
.boosting-list p a:hover {
	color: #00138e
}
.boosting-list .count-number {
	font-size: 6rem;
	font-weight: 700;
	font-family: 'Quicksand', sans-serif;
	line-height: 1;
	color: rgba(0, 0, 0, 0.07);
	position: absolute;
	top: -25px;
	left: 0
}
.boosting-list .count-number:before {
	counter-increment: my-counter;
	content: "0" counter(my-counter)
}
.xs-mb-0 {
	margin-bottom: 0px
}
.xs-pb-0 {
	padding-bottom: 0px
}
.xs-mb-1 {
	margin-bottom: 10px
}
.xs-pb-1 {
	padding-bottom: 10px
}
.xs-mb-2 {
	margin-bottom: 20px
}
.xs-pb-2 {
	padding-bottom: 20px
}
.xs-mb-3 {
	margin-bottom: 30px
}
.xs-pb-3 {
	padding-bottom: 30px
}
.xs-mb-4 {
	margin-bottom: 40px
}
.xs-pb-4 {
	padding-bottom: 40px
}
.xs-mb-5 {
	margin-bottom: 50px
}
.xs-pb-5 {
	padding-bottom: 50px
}
.xs-mb-6 {
	margin-bottom: 60px
}
.xs-pb-6 {
	padding-bottom: 60px
}
.xs-mb-7 {
	margin-bottom: 70px
}
.xs-pb-7 {
	padding-bottom: 70px
}
.xs-mb-8 {
	margin-bottom: 80px
}
.xs-pb-8 {
	padding-bottom: 80px
}
.xs-mb-9 {
	margin-bottom: 90px
}
.xs-pb-9 {
	padding-bottom: 90px
}
.xs-mb-10 {
	margin-bottom: 100px
}
.xs-pb-10 {
	padding-bottom: 100px
}
.xs-margin-0 {
	margin: 0
}
.xs-padding-0 {
	padding: 0
}
.xs-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .5;
	z-index: 0
}
.gradient-bg {
	background: #1bc4fd;
	background: -webkit-gradient(linear, left top, right top, from(#1bc4fd), to(#383bff));
	background: -webkit-linear-gradient(left, #1bc4fd 0%, #383bff 100%);
	background: -o-linear-gradient(left, #1bc4fd 0%, #383bff 100%);
	background: linear-gradient(90deg, #1bc4fd 0%, #383bff 100%)
}
.gradient-bg .xs-heading .section-subtitle, .gradient-bg .xs-heading .section-title {
	color: #FFFFFF
}
.black-color {
	color: #000000
}
.black-bg {
	background-color: #000000
}
.white-color {
	color: #FFFFFF
}
.white-bg {
	background-color: #FFFFFF
}
.primary-color {
	color: #16264c
}
.primary-bg {
	background-color: #002d65
}
.secondary-color {
	color: #00138e
}
.secondary-bg {
	background-color: #00138e
}
.gray-color {
	color: #f3f5f9
}
.gray-bg {
	background-color: #f3f5f9
}
.form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}
.nav-tabs {
	border-bottom: 0px
}
.owl-carousel .owl-item img {
	width: auto
}
.tab-pane.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
.mfp-iframe-scaler iframe {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent
}
img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-ms-user-select: none;
	user-select: none
}
a {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
.simple-btn {
	font-weight: 700;
	display: inline-block
}
.simple-btn i {
	padding-left: 8px;
	position: relative;
	top: 2px;
	-webkit-transition: padding-left .4s ease;
	-o-transition: padding-left .4s ease;
	transition: padding-left .4s ease
}
.simple-btn:hover i {
	padding-left: 4px
}
p:last-child {
	margin-bottom: 0px
}
.xs-section-padding {
	padding: 40px 0
}
.xs-section-padding-bottom {
	padding-bottom: 100px
}
.xs-section-padding-top {
	padding-top: 100px
}
.section-padding-small-bottom {
	padding-bottom: 65px
}
.section-padding-small-top {
	padding-top: 65px
}
.section-padding-small {
	padding: 65px 0px
}
a {
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease
}
h1, h2, h3, h4, h5 {
	color: #181818;
	font-family: 'Quicksand', sans-serif;
.banner-title, h1 {
color:#FFFFFF;
font-size:3.7333333333rem;
font-weight:900
}
.section-title, h3 {
	font-size: 2.4rem;
	font-weight: 900
}
.section-title a, h3 a {
	color: inherit
}
.section-title a:hover, h3 a:hover {
	color: #16264c
}
.xs-content-title, h4 {
	font-size: 1.6rem;
	font-weight: 700
}
.xs-content-title.small, h4.small {
	font-size: 1.3333333333rem;
	font-weight: 700
}
.xs-content-title a, h4 a {
	color: inherit
}
.xs-content-title a:hover, h4 a:hover {
	color: #16264c
}
iframe {
	width: 100%;
	height: 100%
}
img[data-scrollax] {
	pointer-events: none
}
.vertical-dots {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #16264c;
	-webkit-box-shadow: 0px 6px 0px 0px #16264c, 0px 12px 0px 0px #16264c;
	box-shadow: 0px 6px 0px 0px #16264c, 0px 12px 0px 0px #16264c;
	position: relative;
	top: -8px
}
.border-divider {
	height: 4px;
	width: 30px;
	display: inline-block;
	background-color: #16264c;
	border-radius: 2px;
	position: relative;
	margin-left: 27px
}
.border-divider:before {
	content: "";
	position: absolute;
	left: -27px;
	top: 0;
	display: inline-block;
	height: 4px;
	width: 4px;
	border-radius: 50%;
	background-color: #16264c;
	-webkit-box-shadow: 9px 0px 0px 0px #16264c, 18px 0px 0px 0px #16264c;
	box-shadow: 9px 0px 0px 0px #16264c, 18px 0px 0px 0px #16264c
}
.border-divider.style-white {
	background-color: #FFFFFF
}
.border-divider.style-white:before {
	background-color: #FFFFFF;
	-webkit-box-shadow: 9px 0px 0px 0px #FFFFFF, 18px 0px 0px 0px #FFFFFF;
	box-shadow: 9px 0px 0px 0px #FFFFFF, 18px 0px 0px 0px #FFFFFF
}
.big-watermark-icon {
	position: absolute;
	bottom: -90px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: .05;
	font-size: 30.6666666667rem;
	color: #000000;
	line-height: 1
}
.big-watermark-icon.small-version {
	bottom: 80px;
	opacity: .03;
	font-size: 20rem;
	color: #000000
}
.xs-top-bar-1 {
	padding: 14px 0
}
.xs-top-bar-1 .xs-list {
	text-align: right;
	line-height: 1
}
.xs-top-bar-1 .xs-list li:not(:last-child) {
	margin-right: 17px
}
.xs-top-bar-1 .xs-list li a {
	color: #FFFFFF;
	font-size: 0.8666666667rem
}