/* Medizco Medical Center -  HTML Template  */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Header Style Two
6. Header Style Three
7. Header Style Four
8. Sticky Header
9. Main Slider
10. Services Form Section
11. Featured Section
12. Fullwidth Section
13. Specialist Section
14. Appointment Section
15. Emergency Section
16. Services Section
17. Gallery Section
18. Events Section
19. Testimonial Section
20. News Section
21. Clients Section
22. Fullwidth Section Two
23. Main Footer
24. Video Section
25. Services Section Two
26. Offer Section
27. Skinn Section
28. Counter Section
29. Page Title
30. Page Breadcrumb
31. Clients Section
32. Pricing Section
33. Appointment Section
34. Department Section
35. Doctors Section
36. Doctors Detail Section
37. Map Section
38. Contact Form Section

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

/*** 

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

 ***/

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

/*** 

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

 ***/

body {

	font-size: 14px;
	color: #787878;
	line-height: 24px;
	font-weight: 400;
	background: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-family: 'Roboto', sans-serif;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.2em;
	font-family: 'Exo', sans-serif;
	letter-spacing: -0.02em;
}

textarea {
	overflow: hidden;
}

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

p,
.text {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	color: #555555;
	margin: 0;
}

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

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

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



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

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

a:focus {
	box-shadow: none !important;
}

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

.theme-btn {
	display: inline-block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family: "Poppins", sans-serif;
}

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

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

/*Btn Style One*/

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #ffffff;
	padding: 9px 32px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #1cb99e;
	text-transform: uppercase;
}

.btn-style-one:before {
	top: 0;
	left: 0;
	content: "";
	width: 150%;
	height: 100%;
	position: absolute;
	transform-origin: 0 100% 0;
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.btn-style-one .icon {
	position: relative;
	margin-right: 10px;
}

.btn-style-one i {
	position: relative;
	font-style: normal;
}

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

.btn-style-one:hover::before {
	opacity: 1;
	color: #ffffff;
	transform: rotate3d(0, 0, 1, 0deg);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	background-color: #4488be;
}

/* Btn Style Two */

.btn-style-two {
	position: relative;
	display: inline-block;
	font-size: 15px;
	line-height: 30px;
	color: #ffffff;
	padding: 14px 30px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 50px;
	letter-spacing: 1px;
	background-color: #223a66;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
}

.btn-style-two:before {
	top: 0;
	left: 0;
	content: "";
	width: 150%;
	height: 100%;
	position: absolute;
	transform-origin: 0 100% 0;
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0px, -3em, 0px);
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, background-color 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.btn-style-two .arrow {
	position: relative;
	margin-left: 5px;
	font-size: 15px;
	top: 1px;
}

.btn-style-two i {
	position: relative;
	font-style: normal;
}

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

.btn-style-two:hover::before {
	opacity: 1;
	color: #ffffff;
	transform: rotate3d(0, 0, 1, 0deg);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	background-color: #42caff;
}

/* Btn Style Three */

.btn-style-three {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	padding: 7px 41px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #42caff;
	text-transform: capitalize;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
}

.btn-style-transparent {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	color: #1cba9f;
	padding: 7px 41px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	background-color: #fff;
	text-transform: capitalize;
	box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.05);
}

.btn-style-transparent:hover {
	background-color: #1cba9f;
	color: #fff;
}

.btn-style-three .arrow {
	position: relative;
	margin-right: 0px;
	font-size: 10px;
	top: 0px;
	font-weight: 700;
}

.btn-style-three:hover {
	color: #223a66;
	background-color: #ffffff;
}

/* Btn Style Four */

.btn-style-four {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #223a66;
	padding: 4px 27px;
	font-weight: 500;
	overflow: hidden;
	border-radius: 50px;
	border: 1px solid #223a66;
	background-color: #ffffff;
	text-transform: capitalize;
}

.btn-style-four .arrow {
	position: relative;
	margin-right: 0px;
	font-size: 10px;
	top: 0px;
	font-weight: 700;
}

.btn-style-four:hover {
	color: #ffffff;
	background-color: #42caff;
	border: 1px solid #42caff;
}

/* Btn Style Five */

.btn-style-five {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 13px 36px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 50px;
	border: 2px solid #223a66;
	background-color: #223a66;
	text-transform: capitalize;
	box-shadow: 0px 0px 20px rgba(34, 58, 102, 0.15);
	font-family: 'Lato', sans-serif;
}

.btn-style-five .icon {
	position: relative;
	margin-right: 10px;
	top: 0px;
	font-weight: 700;
}

.btn-style-five:hover {
	color: #ffffff;
	background: none;
	border: 2px solid #ffffff;
}

/* Btn Style Six */

.btn-style-six {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	padding: 13px 36px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 50px;
	border: 2px solid #223a66;
	background-color: #223a66;
	text-transform: capitalize;
	box-shadow: 0px 0px 30px rgb(66 202 255 / 47%);
	font-family: 'Lato', sans-serif;
}

.btn-style-six .icon {
	position: relative;
	margin-right: 10px;
	top: 0px;
	font-weight: 700;
}

.btn-style-six:hover {
	color: #ffffff;
	background: #42caff;
	border: none;
}

/*List Style One*/

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

.list-style-one li {
	position: relative;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight: 400;
	padding-left: 25px;
	line-height: 2em;
	color: rgba(255, 255, 255, 0.80);
}

.list-style-one li .icon {
	position: absolute;
	left: 0px;
	top: 6px;
	color: rgba(255, 255, 255, 0.70);
	font-size: 16px;
	line-height: 1.2em;
}

/* List Style Two */

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

.list-style-two li {
	position: relative;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 500;
	padding-left: 25px;
	line-height: 1.8em;
	color: #313131;
}

.list-style-two li .icon {
	position: absolute;
	left: -28px;
	top: 0px;
	color: #313131;
	font-size: 16px;
	line-height: 1.15em;
}

.list-style-two li a {
	position: relative;
	color: #313131;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.list-style-two li a:hover {
	color: #42caff;
}

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

.list-style-two.style-two li:first-child .icon {
	color: #f13a66;
}

.list-style-two.style-two li:nth-child(2) .icon {
	color: #9143fd;
}

.list-style-two.style-two li:nth-child(3) .icon {
	color: #00d280;
}

.theme_color {
	color: #1cb99e;
}

.secondary_color {
	color: #223a66;
}

.pull-right {
	float: right;
}

.pull-left {
	/* float: left; */
	text-align: center;
}

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

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

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

.fa {
	line-height: inherit;
}

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after {
	position: absolute;
	top: 50%;
	left: 30px;
	height: 60px;
	width: 60px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.play-now .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.play-now .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

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

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}


/*** 

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

***/

.scroll-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	z-index: 10;
	cursor: pointer;
	background: #1b1a1c;
	display: none !important;
	opacity: 0;
	border-radius: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	background: #1cb99e;
}

/*** 

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

***/

.main-header {
	position: sticky;
	top: 0;
	display: block;
	width: 100%;
	z-index: 999;
}

.main-header .header-top {
	position: relative;
	z-index: 1;
	background-image: -ms-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: -moz-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: -o-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1DB9A0), color-stop(100, #4d94c4));
	background-image: -webkit-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: linear-gradient(to right, #1DB9A0 0%, #4d94c4 100%);
}

.main-header .header-top .top-outer {
	position: relative;
	margin-left: 210px;
	padding-left: 50px;
}

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

.main-header .header-top .top-left li {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	margin-right: 45px;
	display: inline-block;
}

.main-header .header-top .top-left li a {
	position: relative;
	color: #ffffff;
	display: inline-block;
}

.main-header .header-top .top-left li .icon {
	position: relative;
	margin-right: 10px;
}

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

.main-header .xs-bold-menu {
	display: none;
}

.xs-mobile-search a {
	display: none;
}

/* Top Right*/

.header-top .top-right {
	position: relative;
	float: right;
	z-index: 1;
	padding: 9px 0px;
}

.header-top .top-right .cart-btn {
	position: relative;
	float: left;
}

.header-top .top-right .cart-btn .cart-icon {
	position: relative;
	color: #ffffff;
	font-size: 21px;
	z-index: 1;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-top .top-right .cart-btn .total-cart {
	position: absolute;
	content: '';
	top: -2px;
	right: -6px;
	color: #ffffff;
	width: 14px;
	height: 14px;
	font-size: 9px;
	padding-left: 1px;
	text-align: center;
	line-height: 14px;
	border-radius: 50%;
	background-color: #223a66;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Poppins', sans-serif;
}

.header-top .top-right .cart-btn:hover .total-cart {}

.header-top .top-right .nav-box {
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 30px;
	cursor: pointer;
	margin-left: 25px;
}

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

.main-header .header-upper .logo-outer:before {
	position: absolute;
	content: '';
	right: -40px;
	top: 0px;
	height: 100%;
	width: 10000%;
	background-color: #ffffff;
	-ms-transform: skewX(-25deg);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	border-right: 2px solid #1db9a0;
}

.main-header .header-upper {
	position: relative;
	top: 0;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-upper .logo-outer {
	position: relative;
	float: left;
	z-index: 25;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .logo-outer .logo a {
	position: relative;
	display: inline-block;
}

.main-header .logo-outer .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
	width: 120px;
	height: 120px;
}

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

.main-header.header-style-one .header-upper .nav-outer {
	position: relative;
	margin-left: 260px;
}

/*=== Header Lower ===*/

.main-header .header-lower {
	position: relative;
	z-index: 999;
	height: 70px;
	background-color: #223a66;
}

.main-header .header-lower .outer-box {
	position: absolute;
	right: 0px;
	top: 0px;
	float: right;
	z-index: 20;
	padding: 16px 0px;
}

.xs-sticky-header.IsSticky .logo-outer .logo {
	position: relative;
	top: 20px;
}

.main-header .header-lower .outer-box .theme-btn {
	float: left;
	font-size: 14px;
	padding: 4px 29px;
}

.main-header .header-lower .outer-box .cart-btn {
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 20px;
	margin-left: 28px;
	margin-top: 4px;
}

.main-header .header-lower .outer-box .cart-btn .cart-icon {
	position: relative;
	color: #ffffff;
	font-size: 24px;
}

.main-header .header-lower .elementskit-navbar {
	position: relative;
	z-index: 20;
}

.main-header .header-lower .search-box-btn {
	width: auto;
	height: auto;
	line-height: 1.6em;
	background: none;
}

.main-header .header-lower .search-box-btn:hover {
	background: none;
}

.main-header .header-lower .nav-box {
	position: relative;
	float: right;
	color: #ffffff;
	cursor: pointer;
	font-size: 28px;
	margin-top: 4px;
	margin-left: 25px;
}

.main-header .header-lower .nav-outer {
	position: relative;
	float: left;
	width: 100%;
}

.main-header .header-lower .search-box-outer {
	padding: 0px;
	margin-top: 3px;
	margin-left: 22px;
}

.main-header .header-lower .search-box-outer .dropdown-menu {
	top: 52px !important;
}

.main-header.header-style-two .search-box-btn:before,
.main-header.header-style-three .search-box-btn:before {
	display: none;
}

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

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

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

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

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

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

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	color: #1cb99e;
}

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

.main-menu .navigation>li.dropdown>a:before {
	content: "\f13d";
	position: absolute;
	right: 0px;
	top: 4px;
	font-size: 10px;
	line-height: 26px;
	font-weight: 800;
	font-family: "Flaticon";
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.main-menu .navigation>li.dropdown:hover>a:before {
	opacity: 0;
}

.main-menu .navigation>li.dropdown>a:after {
	content: "\f137";
	position: absolute;
	right: 0px;
	top: 4px;
	opacity: 0;
	font-size: 10px;
	line-height: 26px;
	font-weight: 800;
	font-family: "Flaticon";
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

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

.main-menu .navigation>li>ul {
	position: absolute;
	left: -30px;
	top: 100%;
	width: 230px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	border: 3px solid #223a66;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

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

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

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f9f9f9;
}

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

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 18px;
	line-height: 24px;
	font-weight: 400;
	font-size: 15px;
	text-transform: capitalize;
	color: #7c7b7b;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

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

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

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: "Flaticon";
	content: "\f12f";
	position: absolute;
	right: 15px;
	top: 14px;
	width: 10px;
	height: 20px;
	display: block;
	color: #223a66;
	line-height: 20px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

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

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 120%;
	top: 0%;
	width: 230px;
	z-index: 100;
	display: none;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 0px 0px;
	background-color: #ffffff;
	border: 3px solid #223a66;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

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

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #f9f9f9;
}

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

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 10px 18px;
	line-height: 24px;
	font-weight: 400;
	font-size: 15px;
	text-transform: capitalize;
	color: #7c7b7b;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

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

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

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

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	left: 0px;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

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

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #ffffff;
	line-height: 28px;
	border: 1px solid #ffffff;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none;
}

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

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

.main-header .info-box {
	position: relative;
	float: left;
	color: #222222;
	font-size: 15px;
	padding-left: 48px;
	margin-left: 56px;
}

.main-header .info-box:last-child {
	margin-left: 0px;
}

.main-header .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #3A85AD;
	font-size: 34px;
	line-height: 1em;
}

.main-header.header-style-three .info-box ul li strong {
	color: #223a66;
	font-size: 15px;
	font-weight: 700;
}

.main-header.header-style-three .info-box,
.main-header.header-style-three .info-box .icon-box {
	color: #223a66;
}
/* 
.header-style-two .social-box {
	position: relative;
	margin-top: 7px;
}

.header-style-two .social-box li {
	position: relative;
	margin-left: 5px;
	display: inline-block;
}

.header-style-two .social-box a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #3b5998;
	font-size: 36px;
	text-align: center;
	line-height: 33px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #3b5998;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.header-style-two .social-box li a:hover {
	background-color: #3b5998;
	color: #ffffff;
}

.header-style-two .social-box li.facebook a {
	color: #0a8d0c;
	border-color: #0a8d0c;
}

.header-style-two .social-box li.facebook a:hover {
	background-color: #0a8d0c;
	color: #ffffff;
}

.header-style-two .social-box li.twitter a {
	color: #2ca7f3;
	border-color: #2ca7f3;
}

.header-style-two .social-box li.twitter a:hover {
	background-color: #2ca7f3;
	color: #ffffff;
}

.header-style-two .social-box li.instagram a {
	color: #833ab4;
	border-color: #833ab4;
}

.header-style-two .social-box li.instagram a:hover {
	background-color: #833ab4;
	color: #ffffff;
} */

.header-style-two .social-box {
	position: relative;
	margin-top: 7px;
}

.header-style-two .social-box li {
	position: relative;
	margin-left: 5px;
	display: inline-block;
}

.header-style-two .social-box a {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    transition: all 0.3s ease;
}
/* Facebook */
.header-style-two .social-box li.facebook a {
    background: #1877F2; /* Facebook Blue */
}

.header-style-two .social-box li.facebook a:hover {
    background: #166FE5;
    transform: translateY(-3px);
}

/* Instagram (Official Gradient) */
.header-style-two .social-box li.instagram a {
    background: radial-gradient(circle at 30% 107%,
        #fdf497 0%,
        #fdf497 5%,
        #fd5949 45%,
        #d6249f 60%,
        #285AEB 90%);
}

.header-style-two .social-box li.instagram a:hover {
    background: radial-gradient(circle at 30% 107%,
        #feda75 0%,
        #fa7e1e 45%,
        #d62976 60%,
        #962fbf 75%,
        #4f5bd5 90%);
    transform: translateY(-3px);
}

/* LinkedIn */
.header-style-two .social-box li.linkedin a {
    background: #0A66C2; /* LinkedIn official blue */
}

.header-style-two .social-box li.linkedin a:hover {
    background: #004182; /* Darker LinkedIn blue */
    transform: translateY(-3px);
}

.header-style-three .social-box {
	margin-top: 12px;
	float: left;
}

.header-style-three .social-box li {
	position: relative;
	margin-left: 5px;
	display: inline-block;
}

.header-style-three .social-box li a {
	color: #223a66;
	font-size: 14px;
	margin-left: 8px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-three li a:hover {
	color: #f13a66;
}

.main-header .header-upper .nav-box {
	position: relative;
	float: left;
	width: 50px;
	height: 50px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	text-align: center;
	line-height: 50px;
	margin-left: 18px;
	background-color: #223a66;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .header-upper .nav-box:hover {
	background-color: #f13a66;
}

.main-header .search-box-outer {
	position: relative;
	float: left;
	padding: 17px 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .search-box-btn {
	position: relative;
	width: 60px;
	height: 50px;
	cursor: pointer;
	background: none;
	font-size: 18px;
	color: #ffffff;
	background-color: #558dca;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .search-box-btn:before {
	position: absolute;
	content: '';
	left: -5px;
	top: 0px;
	width: 12px;
	z-index: -1;
	height: 100%;
	background-color: #d3d8e0;
	-ms-transform: skewX(-12deg);
	-webkit-transform: skewX(-12deg);
	transform: skewX(-12deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .search-box-btn:hover::before {
	-ms-transform: skewX(12deg);
	-webkit-transform: skewX(12deg);
	transform: skewX(12deg);
}

.main-header .search-box-btn:hover {
	background-color: #1cba9f;
}

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

.main-header .search-box-outer .dropdown-menu {
	top: 66px !important;
	left: auto !important;
	right: 0;
	padding: 0px;
	width: 280px;
	border-radius: 0px;
	transform: none !important;
	border-top: 3px solid #1cb99e;
}

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

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

.main-header .search-panel input[type="text"],
.main-header .search-panel input[type="search"],
.main-header .search-panel input[type="password"],
.main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 7px 40px 7px 15px;
	height: 40px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}

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

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

/* Header Style Two */

.main-header.header-style-two .header-upper .logo-outer:before,
.main-header.header-style-three .header-upper .logo-outer:before {
	display: none;
}

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

.header-style-three .main-menu .navigation>li:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 20px;
	height: 2px;
	width: 0px;
	background-color: #f13a66;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.header-style-three .main-menu .navigation>li:hover::before,
.header-style-three .main-menu .navigation>li.current::before {
	width: 20px;
}

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

.header-style-three .theme-btn {
	background-color: #f13a66;
}

.header-style-three .header-lower .outer-box .theme-btn:hover {
	background: #ffffff;
	color: #f13a66;
}

.main-header .header-lower .user-box {
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 20px;
	margin-top: 5px;
	margin-left: 20px;
}

/*** 

====================================================================
	Hidden Sidebar style
====================================================================

***/

.hidden-bar {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 305px;
	height: 100%;
	background: #272727;
	z-index: 9999;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
}

.hidden-bar-wrapper {
	height: 100%;
	padding: 0px 5px 30px 0px;
}

.hidden-bar .mCSB_inside>.mCSB_container {
	margin-right: 0px;
}

.hidden-bar.right-align {
	right: -400px;
}

.hidden-bar.right-align.visible-sidebar {
	right: 0px;
}

.hidden-bar .hidden-bar-closer {
	position: absolute;
	top: 10px;
	right: 15px;
	background: none;
	color: #ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	z-index: 999999;
}

.hidden-bar .hidden-bar-closer button {
	background: none;
	display: block;
	font-size: 16px;
	color: #ffffff;
	width: 40px;
	height: 40px;
	cursor: pointer;
	line-height: 40px;
}

.hidden-bar .hidden-bar-closer:hover button {
	color: #ffffff;
}

.hidden-bar .hidden-bar-closer:hover {
	color: #414857;
}

.hidden-bar .hidden-bar-closer:hover .btn {
	color: #ffffff;
}

.hidden-bar .hidden-bar-closer .btn {
	background-color: transparent;
	border: none;
	outline: none;
	font-size: 14px;
}

.sidebar-info-contents {
	position: relative;
}

.sidebar-info-contents .content-inner {
	position: relative;
}

.sidebar-info-contents .content-inner .logo {
	padding: 0px 0px 40px;
}

.sidebar-info-contents .content-inner .logo img {
	display: inline-block;
	max-width: 100%;
}

.sidebar-info-contents .content-inner .content-box {
	position: relative;
}

.sidebar-info-contents .content-inner .content-box h2 {
	position: relative;
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.sidebar-info-contents .content-inner .content-box .text {
	position: relative;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.60);
	margin-bottom: 25px;
}

.sidebar-info-contents .content-inner .contact-info {
	position: relative;
	margin-top: 60px;
}

.sidebar-info-contents .content-inner .contact-info h2 {
	position: relative;
	font-size: 20px;
	color: #ffffff;
	font-weight: 500;
	margin-bottom: 20px;
}

.sidebar-info-contents .content-inner .social-box {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}

.sidebar-info-contents .content-inner .social-box li {
	position: relative;
	display: inline-block;
	margin-right: 6px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.sidebar-info-contents .content-inner .social-box li a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #1cba9f;
	z-index: 1;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #ffffff;
}

/*** 

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

***/

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

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

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

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

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

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

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a,
.sticky-header .main-menu .navigation>li.current-menu-item>a {
	opacity: 1;
	color: #1cb99e;
}



.IsSticky.xs-sticky-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, .01);
}

.xs-onepage-logo {
	display: none;
}

.IsSticky.xs-sticky-header .xs-onepage-logo {
	display: block;
}


/*** 

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

***/

.section-title {
	position: relative;
	z-index: 1;
	margin-bottom: 50px;
}

.section-title h2 {
	position: relative;
	display: block;
	font-size: 34px;
	line-height: 1.2em;
	color: #222222;
	font-weight: 700;
}

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

.section-title .text {
	position: relative;
	display: block;
	font-size: 17px;
	color: #313131;
	font-weight: 500;
	margin-top: 18px !important;
	line-height: 1.8em;
}

.section-title.text-center .text {
	max-width: 720px;
	margin: 0 auto;
}

.section-title.text-center h2 {
	max-width: 800px;
	margin: 0 auto;
}

/*** 

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

***/

.banner-section {
	position: relative;
}

.banner-section .auto-container {
	position: relative;
}

.banner-section .banner-carousel {
	position: relative;
}

.banner-section .banner-carousel .slide-item {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.banner-section .banner-carousel .slide-item .clearfix {
	clear: both;
}

.banner-column {
	position: relative;
	padding: 110px 0px 170px;
}

.banner-column .title {
	position: relative;
	color: #ffffff;
	font-size: 26px;
	font-weight: 700;
	font-style: italic;
	margin-bottom: 20px;
	padding-top: 90px;
	display: inline-block;
	text-decoration: underline;
	font-family: 'Playfair Display', serif;
}

.banner-column h2 {
	position: relative;
	display: block;
	font-size: 54px;
	line-height: 1.2em;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 25px;
}

.banner-column .text {
	position: relative;
	display: block;
	font-size: 17px;
	line-height: 27px;
	color: #ffffff;
	font-weight: 400;
	margin-bottom: 35px;
}

.xs-banner-container-parent {
	position: relative;
}

.banner-carousel .image {
	position: absolute;
	right: -120px;
	bottom: 0px;
}


.banner-carousel .owl-dots {
	display: none;
}

.banner-carousel .owl-nav {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -50px;
	z-index: 99;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-carousel:hover .owl-nav {
	opacity: 1;
}

.banner-carousel .owl-prev,
.banner-carousel .owl-next {
	position: relative;
	height: 60px;
	width: 60px;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	line-height: 58px;
	margin-top: 1px;
	border: 1px solid rgba(255, 255, 255, 0.20);
	background-color: rgba(255, 255, 255, 0.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-carousel .owl-prev:hover,
.banner-carousel .owl-next:hover {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #558dca;
}

/*** 

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

***/

.services-form-section {
	position: relative;
	background-color: #1cb89d;
}

.services-form-section .image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}

.services-form-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-color: rgba(28, 184, 157, 0.80);
}

/*** 

====================================================================
	Quote Form
====================================================================

 ***/

.services-form {
	position: relative;
	z-index: 2;
}

.services-form .form-group {
	position: relative;
	margin: 40px 0px;
}

.services-form .form-group input[type="text"],
.services-form .form-group input[type="tel"],
.services-form .form-group input[type="email"],
.services-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	color: #ffffff;
	height: 56px;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.30);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.services-form .form-group textarea::-webkit-input-placeholder,
.services-form .form-group input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.80);
}

.services-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 10px 25px;
	color: #ffffff;
	height: 125px;
	resize: none;
	font-size: 14px;
	background: rgba(255, 255, 255, 0.15);
	border: 1px solid rgba(255, 255, 255, 0.40);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-form .form-group.button-group {
	position: relative;
	margin: 0px;
}

.services-form .submit-btn {
	position: relative;
	width: 100%;
	display: block;
	cursor: pointer;
	font-size: 18px;
	color: #1cba9f;
	font-weight: 500;
	padding: 56px 15px;
	z-index: 1;
	background: none;
	text-decoration: underline;
	text-transform: capitalize;
}

.services-form .submit-btn:hover {
	color: #558dca;
	text-decoration: none;
}

.services-form .submit-btn:before {
	position: absolute;
	content: '';
	left: 20px;
	top: 0px;
	right: 20px;
	bottom: 0px;
	z-index: -1;
	background-color: #ffffff;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
}

.services-form .form-group:last-child {
	right: -30px;
}

.services-form .form-group:first-child .ui-selectmenu-button.ui-button {
	padding-left: 52px;
}

.services-form .form-group .map-icon {
	position: absolute;
	content: '';
	left: 40px;
	top: 18px;
	color: #ffffff;
	z-index: 1;
	font-size: 18px;
}

.services-form .form-group .location-icon {
	position: absolute;
	content: '';
	right: 40px;
	top: 18px;
	color: #ffffff;
	z-index: 1;
	font-size: 18px;
	font-weight: 400;
}

.services-form .form-group:first-child .ui-button .ui-icon:before {
	display: none;
}

.services-form .form-group .left-curves {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

.services-form .form-group .left-curves:before {
	position: absolute;
	content: '';
	left: 4px;
	top: 0px;
	width: 22px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
}

.services-form .form-group .left-curves:after {
	position: absolute;
	content: '';
	left: 26px;
	top: 0px;
	width: 8px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
}

.services-form .form-group .right-curves {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
}

.services-form .form-group .right-curves:before {
	position: absolute;
	content: '';
	left: -27px;
	top: 0px;
	width: 22px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
}

.services-form .form-group .right-curves:after {
	position: absolute;
	content: '';
	left: -35px;
	top: 0px;
	width: 8px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 15px;
	font-style: normal;
	height: 56px;
	padding: 10px 10px;
	line-height: 34px;
	color: #ffffff;
	border: none;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.10);
	border: 1px solid rgba(255, 255, 255, 0.30);
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 6px;
	font-size: 0px;
	text-indent: 0px;
	color: #333333;
}

.form-group .ui-button .ui-icon:before {
	font-family: 'icomoon' !important;
	content: "\e874";
	position: absolute;
	right: 0px;
	top: 2px !important;
	height: 20px;
	display: block;
	color: #ffffff;
	line-height: 20px;
	font-size: 14px;
	font-weight: 900;
	text-align: center;
	z-index: 5;
}

.ui-widget.ui-widget-content {
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.ui-menu .ui-menu-item {
	font-size: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

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

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

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

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

/*** 

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

 ***/

.featured-section {
	position: relative;
	padding: 100px 0px 70px;
}

.featured-section .pattern-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 190px;
	height: 383px;
}

.featured-block {
	margin-bottom: 30px;
}

.featured-block .inner-box {
	position: relative;
	padding: 50px 30px;
}

.featured-block .image-layer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(34, 58, 102, 0.88);
}

.featured-block .image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-size: cover;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	-webkit-transform: scaleX(0.7) translateX(-30px);
	-ms-transform: scaleX(0.7) translateX(-30px);
	-moz-transform: scaleX(0.7) translateX(-30px);
	transform: scaleX(0.7) translateX(-30px);
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	-moz-transform-origin: left;
	transform-origin: left;
}

.featured-block .inner-box:hover .image-layer {
	opacity: 1;
	-webkit-transform: scaleX(1) translateX(0px);
	-ms-transform: scaleX(1) translateX(0px);
	-moz-transform: scaleX(1) translateX(0px);
	transform: scaleX(1) translateX(0px);
}

.featured-block .icon-box {
	position: relative;
	font-size: 46px;
	line-height: 1em;
	color: #1bb399;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-block h3 {
	position: relative;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 20px;
}

.featured-block h3 a {
	position: relative;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-block.style-two {
	margin-bottom: 0px;
}

.featured-block.style-two h3 {
	font-size: 22px;
}

.featured-block p {
	position: relative;
	font-size: 17px;
	line-height: 1.7em;
	margin-top: 12px;
	color: rgba(0, 0, 0, 0.70);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.featured-block .inner-box:hover .icon-box,
.featured-block .inner-box:hover p,
.featured-block .inner-box:hover h3 a {
	color: #ffffff;
}

/*** 

====================================================================
	Fullwidth Section
====================================================================

 ***/

.container-fluid {
	position: relative;
	padding: 100px 0px 30px;
	background-color: #ffffff;
}


.container-fluid .pattern-layer {
	position: absolute;
	content: '';
	right: 0px;
	top: 140px;
	right: 0px;
	bottom: 0px;
	width: 221px;
	height: 500px;
}


.footer-widget .social-box li {
	position: relative;
	line-height: 1em;
	/* padding-left: 14px;
	padding-right: 12px; */
	display: inline-block;
}


/* Featured List Two */

.featured-list-two {
	position: relative;
}

.featured-list-two .content {
	position: relative;
	float: left;
	max-width: 450px;
}

.featured-list-two li {
	position: relative;
	color: #000000;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 32px;
}

.featured-list-two li p {
	position: relative;
	color: #000000;
	font-size: 16px;
	line-height: 1.7em;
}

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

.featured-list-two .icon {
	position: relative;
	content: '';
	float: left;
	color: #223a66;
	font-size: 44px;
	margin-right: 30px;
	text-align: center;
	display: inline-block;
}

.featured-list-two .title {
	position: relative;
	display: block;
	color: #222222;
	font-size: 22px;
	margin-bottom: 6px;
	font-weight: 700;
	font-family: 'Exo', sans-serif;
}

/*** 

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

***/

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

.team-section.alternate {
	padding-bottom: 90px;
	background-color: #d8f4ff;
}

.team-section.style-two {
	background-color: #f7f9fb;
	padding-bottom: 95px;
}

.team-section.style-two .owl-dots {
	margin-top: 10px;
}

.team-pattern-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	width: 190px;
	height: 100%;
	background-repeat: no-repeat;
}

.team-pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 221px;
	height: 488px;
	background-repeat: no-repeat;
}

.team-pattern-layer-three {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 50px;
	width: 190px;
	height: 477px;
	background-repeat: no-repeat;
}

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

.team-block .inner-box {
	position: relative;
	overflow: hidden;
	background-color: #ffffff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.team-block .inner-box:hover {
	box-shadow: 30px 20px 40px 0px rgba(0, 0, 0, 0.05);
}

.team-block .image {
	position: relative;
	padding: 10px;
}

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

.team-block .image .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.team-block .image .overlay-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0;
	top: 100%;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1cba9f 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1cba9f 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1cba9f 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #1cba9f));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #1cba9f 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #1cba9f 100%);
}

.team-block .inner-box:hover .overlay-box:before {
	opacity: 1;
	top: 0%;
}

.team-block .inner-box .overlay-box .overlay-inner {
	position: relative;
	height: 100%;
}

/* Team Block Two */

.team-social-box {
	position: absolute;
	left: 30px;
	bottom: 28px;
}

.team-social-box li {
	position: relative;
	left: -70px;
	margin-bottom: 10px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.team-social-box li a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #1cba9f;
	z-index: 1;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #ffffff;
}

.team-social-box li .social-name {
	position: relative;
	padding: 0px 10px;
	top: 0px;
	opacity: 0;
	visibility: hidden;
	font-size: 12px;
	margin-left: -32px;
	text-transform: capitalize;
	display: inline-block;
	border-radius: 0px 50px 50px 0px;
	background-color: #ffffff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.team-social-box li:last-child {
	margin-bottom: 0px;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li {
	left: 0px;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(2) {
	left: 0px;
	transition-delay: 500ms;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(3) {
	left: 0px;
	transition-delay: 750ms;
}

.team-block .inner-box:hover .image .overlay-box .team-social-box li:nth-child(4) {
	left: 0px;
	transition-delay: 1000ms;
}

.team-social-box li:hover .social-name {
	opacity: 1;
	margin-left: -9px;
	visibility: visible;
}

.team-social-box li a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #1cba9f;
	z-index: 1;
	font-size: 15px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #ffffff;
}

.team-social-box li.youtube a {
	color: #ff0000;
}

.team-social-box li.youtube .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #ff0000;
}

.team-social-box li.linkedin a {
	color: #0077b5;
}

.team-social-box li.linkedin .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #0077b5;
}

.team-social-box li.facebook a {
	color: #3b5998;
}

.team-social-box li.facebook .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #3b5998;
}

.team-social-box li.twitter a {
	color: #1da1f2;
}

.team-social-box li.twitter .social-name {
	color: #ffffff;
	padding: 4px 14px 4px 15px;
	top: -1px;
	background-color: #1da1f2;
}

.team-block .lower-content {
	position: relative;
	text-align: center;
	padding-bottom: 32px;
	border: 1px solid #f5f5f5;
}

.team-block .icon-box {
	position: relative;
	width: 40px;
	height: 40px;
	color: #ffffff;
	line-height: 38px;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
	border-radius: 50%;
	margin-top: -10px;
	top: -10px;
	display: inline-block;
	background-color: #223a66;
	border: 1px solid #223a66;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.team-block .inner-box:hover .icon-box {
	color: #42caff;
	background-color: #ffffff;
}

.team-block h3 {
	position: relative;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3em;
	margin-top: 10px;
}

.team-block h3 a {
	position: relative;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.team-block .lower-content h3 a:hover {
	color: #42caff;
}

.team-block .designation {
	position: relative;
	color: #222222;
	font-size: 13px;
	font-weight: 400;
	margin-top: 4px;
}

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

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

.team-section .owl-dots .owl-dot {
	position: relative;
	margin: 0px 5px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	display: inline-block;
	background-color: #97a8af;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.team-section .owl-dots .owl-dot.active,
.team-section .owl-dots .owl-dot:hover {
	background-color: #42caff;
	width: 12px;
	height: 12px;
}

/*** 

====================================================================
	Appointment Section
====================================================================

***/

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

.appointment-section.style-two {
	padding-top: 95px;
	padding-bottom: 0px;
}

.appointment-section.style-three {
	padding-top: 95px;
	padding-bottom: 95px;
	background-color: #f7f9fb;
}

.appointment-section .pattern-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	width: 163px;
	height: 480px;
}

.appointment-section .pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	top: 100px;
	width: 239px;
	height: 492px;
	background-repeat: no-repeat;
}

.appointment-section .inner-section {
	position: relative;
}

.appointment-section .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 28px;
}

.appointment-section .title-box h2 {
	position: relative;
	font-weight: 700;
	color: #222222;
	line-height: 1.3em;
	max-width: 730px;
	margin: 0 auto;
}

.appointment-section .form-column .inner-column {
	position: relative;
	padding: 55px 35px 10px;
	background-color: #ffffff;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.10);
}

.appointment-section .form-column h3 {
	position: relative;
	color: #002222;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	padding-bottom: 14px;
	margin-bottom: 35px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

/* Calender Column */

.appointment-section .calender-column .inner-column {
	position: relative;
	padding: 52px 80px 40px;
	background-color: #ffffff;
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.10);
}

.calender-title {
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 50px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.calender-title .title {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3em;
}

.calender-title h3 {
	position: relative;
	color: #002222;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 5px;
}

.appointment-section .calender-column .owl-dots {
	display: none;
}

.appointment-section .owl-nav {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.calender-column .owl-prev {
	position: absolute;
	left: -50px;
	top: 0px;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
}

.calender-column .owl-next {
	position: absolute;
	right: -50px;
	top: 0px;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
}

.calender-block {
	position: relative;
}

.calender-block .block-outer {
	position: relative;
	width: 100%;
}

.calender-block .inner-box {
	position: relative;
	max-width: 600px;
}

/* Days Boxed */

.calender-block .inner-box .days-boxed {
	position: relative;
}

.calender-block .inner-box .days-boxed .day-date {
	position: relative;
	float: left;
	width: 20%;
	font-size: 12px;
	color: #222222;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 4px;
}

.calender-block .inner-box .days-boxed .day-date strong {
	position: relative;
	font-weight: 700;
	font-size: 16px;
	display: block;
	text-transform: capitalize;
	font-family: 'Exo', sans-serif;
}

/* Time Boxed */

.calender-block .inner-box .time-boxed {
	position: relative;
}

.calender-block .inner-box .time-boxed .time {
	position: relative;
	float: left;
	width: 19%;
	font-size: 14px;
	color: #222222;
	padding: 9px 6px;
	text-align: center;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 4px;
	z-index: 1;
	margin-right: 4px;
	background-color: #f0f0f0;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.calender-block .inner-box .time-boxed .time:hover {
	color: #ffffff;
	z-index: 1;
}

.calender-block .inner-box .time-boxed .time:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0%;
	height: 100%;
	z-index: -1;
	background-color: #1cba9f;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.calender-block .inner-box .time-boxed .time:hover::before {
	width: 100%;
}

.calender-block .inner-box .time-boxed .time:nth-child(5n + 0) {
	margin-right: 0px;
}

/* More Boxed */

.calender-block .inner-box .more-boxed {
	position: relative;
}

.calender-block .inner-box .more-boxed .more {
	position: relative;
	float: left;
	width: 19%;
	font-size: 14px;
	color: #222222;
	padding: 9px 6px;
	text-align: center;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom: 4px;
	margin-right: 4px;
	text-transform: capitalize;
	background-color: rgba(28, 186, 159, 0.20);
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
}

.calender-block .block-outer .button-box {
	position: relative;
	padding-top: 35px;
	text-align: center;
}

.calender-block .block-outer .button-box .theme-btn {
	margin: 0px 7px;
}

/*** 

====================================================================
	Calender Form
====================================================================

 ***/

.calender-form {
	position: relative;
}

.calender-form .form-group {
	position: relative;
	margin-bottom: 25px;
}

.calender-form .form-group label {
	position: relative;
	color: #222222;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 141px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.calender-form .form-group label .icon {
	position: relative;
	margin-right: 8px;
	color: #42caff;
	font-weight: 400;
}

.calender-form .form-group .ui-selectmenu-button.ui-button {
	border: 1px solid #222222;
	color: rgba(0, 0, 0, 0.60);
}

.calender-form .form-group .ui-button .ui-icon:before {
	color: #42caff;
}

.calender-form .form-group input[type="text"],
.calender-form .form-group input[type="tel"],
.calender-form .form-group input[type="email"],
.calender-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 33px;
	padding: 10px 10px;
	color: rgba(0, 0, 0, 0.60);
	height: 45px;
	font-size: 14px;
	border-radius: 10px;
	background: none;
	border: 1px solid #222222;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.calender-form .form-group input[type="text"]:focus,
.calender-form .form-group input[type="tel"]:focus,
.calender-form .form-group input[type="email"]:focus,
.calender-form .form-group textarea:focus {
	border-color: #42caff;
}

.calender-form .form-group textarea::-webkit-input-placeholder,
.calender-form .form-group input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.60);
}

.calender-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 10px 10px;
	color: rgba(0, 0, 0, 0.60);
	height: 125px;
	resize: none;
	border-radius: 10px;
	font-size: 14px;
	background: none;
	border: 1px solid #222222;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.calender-form .form-group .btn-detail {
	position: relative;
	text-align: center;
	margin-left: 30px;
	color: #ffffff;
	display: inline-block;
}

.calender-form button {
	cursor: pointer;
	margin-top: 20px;
	font-size: 16px;
	text-transform: capitalize;
}

/*** 

====================================================================
	Emergency Section
====================================================================

***/

.emergency-section {
	position: relative;
	padding: 180px 0px 160px;
	background-size: cover;
	background-repeat: no-repeat;
}

.emergency-section .content-box {
	position: relative;
}

.emergency-section .content-box h2 {
	position: relative;
	color: #222222;
	font-weight: 700;
	font-size: 46px;
	line-height: 1.3em;
	padding-left: 80px;
}

.emergency-section .content-box h2 strong {
	font-weight: 700;
	color: #2e3192;
	display: block;
}

.emergency-section .content-box h2 .icon-box {
	position: absolute;
	left: 0px;
	top: 15px;
	color: #2e3192;
	font-size: 64px;
	line-height: 1em;
}

.emergency-section .content-box .text {
	position: relative;
	color: #222222;
	font-size: 18px;
	line-height: 1.6em;
	font-weight: 500;
	margin-top: 20px;
}

.emergency-section .content-box .phone {
	position: relative;
	color: #1cba9f;
	font-weight: 700;
	font-size: 36px;
	line-height: 1.3em;
	padding-left: 80px;
	padding-top: 5px;
	margin-top: 25px;
	font-family: 'Exo', sans-serif;
}

.emergency-section .content-box .phone a {
	color: #1cba9f;
}

.emergency-section .content-box .phone .icon-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 55px;
	height: 55px;
	color: #1cba9f;
	font-size: 30px;
	text-align: center;
	line-height: 51px;
	border-radius: 8px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 2px solid rgba(28, 186, 159, 0.20);
}

.emergency-section .content-box .phone:hover .icon-box {
	color: #ffffff;
	background-color: #1cba9f;
	border-color: #1cba9f;
}

/*** 

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

***/

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

/* Project Block */

.project-block {
	position: relative;
	margin-bottom: 16px;
}

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

.project-block .image {
	position: relative;
}

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

.project-block .image .overlay-box {
	position: absolute;
	left: 20px;
	bottom: 20px;
	right: 20px;
	top: 20px;
	z-index: 2;
	opacity: 0;
	display: block;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}

.project-block .image .overlay-box:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	-webkit-transform: perspective(400px) rotateY(-90deg);
	-moz-transform: perspective(400px) rotateY(-90deg);
	-ms-transform: perspective(400px) rotateY(-90deg);
	-o-transform: perspective(400px) rotateY(-90deg);
	transform: perspective(400px) rotateY(-90deg);
	-webkit-transform-origin: right;
	-moz-transform-origin: right;
	-ms-transform-origin: right;
	-o-transform-origin: right;
	transform-origin: right;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(34, 58, 102, 0.60);
}

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

.project-block .image .overlay-box:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
	-webkit-transform: perspective(400px) rotateY(90deg);
	-moz-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	-o-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	-webkit-transform-origin: left;
	-moz-transform-origin: left;
	-ms-transform-origin: right;
	-o-transform-origin: left;
	transform-origin: left;
	-ms-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	background-color: rgba(34, 58, 102, 0.60);
}

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

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

.project-block .image .overlay-box .icon-box {
	position: relative;
	color: #ffffff;
	font-size: 34px;
	z-index: 1;
	margin-bottom: 18px;
}

.project-block .image .overlay-box .plus {
	position: relative;
	z-index: 1;
	color: #ffffff;
	font-size: 16px;
	font-weight: 600;
	margin-top: 12px;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.project-block .image .overlay-box .plus:hover {
	color: #1cba9f;
}

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

.project-block .image .overlay-box .overlay-content {
	position: relative;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.project-block .image h3 {
	position: relative;
	font-size: 16px;
	color: #ffffff;
	z-index: 1;
	font-weight: 500;
	line-height: 1.3em;
}

.project-block .image h3 a {
	position: relative;
	color: #ffffff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.project-block .image h3 a:hover {
	color: #1cba9f;
}

/*** 

====================================================================
	Events Section
====================================================================

***/

.events-section {
	position: relative;
	padding: 100px 0px 90px;
	background-color: #f7f9fb;
}

.events-section .inner-container {
	position: relative;
}

.events-section .inner-container .pattern-layer-one {
	position: absolute;
	content: '';
	left: -150px;
	top: -180px;
	right: 0px;
	bottom: 0px;
	width: 459px;
	height: 476px;
	z-index: 1;
}

.events-section .pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	top: 100px;
	right: 0px;
	bottom: 0px;
	width: 221px;
	height: 488px;
	z-index: 1;
}

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

.events-section .column {
	padding: 0px 5px;
}

.events-section .title-box {
	position: relative;
	z-index: 10;
}

.events-section .title-box h2 {
	position: relative;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	padding: 18px 45px;
	background-color: #1cba9f;
}

.events-section .title-box h2:before {
	position: absolute;
	content: '';
	right: -40px;
	top: 0px;
	border-bottom: 69px solid #1cba9f;
	border-right: 40px solid transparent;
}

.events-section .title-box h2:after {
	position: absolute;
	content: '';
	right: -34px;
	top: 0px;
	width: 20px;
	height: 100%;
	-ms-transform: skewX(30deg);
	-webkit-transform: skewX(30deg);
	transform: skewX(30deg);
	background-color: rgba(28, 186, 159, 0.10);
}

.events-section .title-box .view-events {
	position: relative;
	color: #223a66;
	font-weight: 500;
	font-size: 15px;
	margin-top: 22px;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.events-section .title-box .view-events:hover {
	color: #1cba9f;
}

/* Event Block */

.event-block {
	position: relative;
	z-index: 1;
}

.event-block .inner-box {
	position: relative;
	padding: 45px 50px 38px;
	background-color: #ffffff;
}

.event-block .upper-box {
	position: relative;
	min-height: 130px;
}

.event-block .event-date {
	position: relative;
	margin-top: 20px;
	float: left;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	border-radius: 10px 0px 0px 10px;
	padding: 18px 30px 14px 18px;
	display: inline-block;
	background-color: #1cba9f;
	font-family: 'Lato', sans-serif;
	z-index: 444;
}

.event-block .event-date strong {
	position: relative;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	display: block;
	font-family: 'Lato', sans-serif;
}

.event-block .upper-box .image {
	position: relative;
	width: 120px;
	height: 120px;
	float: left;
	overflow: hidden;
	border-radius: 50%;
	margin-left: -20px;
	border: 6px solid #ffffff;
	z-index: 555;
}

.event-block .event-list {
	position: relative;
	padding-top: 35px;
	float: left;
	margin-left: 18px;
}

.event-block .event-list li {
	position: relative;
	color: #000000;
	font-size: 15px;
	font-weight: 500;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.event-block .event-list li .icon {
	position: relative;
	margin-right: 6px;
	top: 1px;
}

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

.event-block .inner-box h3 {
	position: relative;
	color: #222222;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.5em;
	margin-top: 24px;
	margin-bottom: 20px;
}

.event-block .inner-box h3 a {
	position: relative;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;

}

.event-block .inner-box h3 a:hover {
	color: #1cba9f;
}

/* Event Block Two */

.event-block-two {
	position: relative;
	z-index: 1;
	margin-bottom: 10px;
}

.event-block-two .inner-box {
	position: relative;
	padding: 45px 40px;
	background-color: #ffffff;
}

.event-block-two .content {
	position: relative;
}

.event-block-two .event-date {
	position: relative;
	float: left;
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	margin-right: 30px;
	border-radius: 10px 0px 0px 10px;
	padding: 19px 19px 17px;
	display: inline-block;
	background-color: #1cba9f;
	font-family: 'Lato', sans-serif;
	box-shadow: 0px 0px 20px rgba(28, 186, 159, 0.15);
}

.event-block-two .event-date strong {
	position: relative;
	color: #ffffff;
	font-size: 28px;
	font-weight: 700;
	display: block;
	margin-bottom: 2px;
	font-family: 'Lato', sans-serif;
}

.event-block-two .event-list {
	position: relative;
}

.event-block-two .event-list li {
	position: relative;
	color: #000000;
	font-size: 15px;
	font-weight: 500;
	margin-right: 22px;
	display: inline-block;
}

.event-block-two .event-list li:last-child {
	margin-right: 0px;
}

.event-block-two .event-list li .icon {
	position: relative;
	margin-right: 6px;
	top: 1px;
}

.event-block-two .event-list li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.event-block-two .content h3 {
	position: relative;
	color: #222222;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 5px;
}

.event-block-two .content h3 a {
	position: relative;
	color: #222222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.event-block-two .content h3 a:hover {
	color: #1cba9f;
}

/*** 

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

***/

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

.testimonial-section .section-title {
	margin-bottom: 15px;
}

.testimonial-section.style-two {
	background-color: #f7f9fb;
}

.testimonial-section.style-two.alternate {
	background-color: #ffffff;
}

.testimonial-section.style-two .testimonial-block .inner-box {
	background-color: #ffffff;

}

.testimonial-section.style-two .pattern-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 50px;
	width: 177px;
	height: 420px;
	background-repeat: no-repeat;
}

.testimonial-section.style-two .pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 60px;
	width: 175px;
	height: 477px;
	background-repeat: no-repeat;
}

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

.testimonial-section .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
}

.testimonial-section .owl-nav .owl-prev {
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 1em;
	color: #cccccc;
	font-size: 30px;
}

.testimonial-section .owl-nav .owl-next {
	position: absolute;
	right: 0px;
	top: 0px;
	line-height: 1em;
	color: #cccccc;
	font-size: 30px;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
	color: #223a66;
}

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

.testimonial-section .testimonial-block {
	max-width: 730px;
	width: 100%;
	margin: 0 auto;
}

/* Testimonial Block */

.testimonial-block {
	position: relative;
}

.testimonial-block .inner-box {
	position: relative;
	padding: 42px 15px 35px 40px;
	background-color: #f7f9fb;
}

.testimonial-block .content-box {
	position: relative;
	max-width: 350px;
	width: 100%;
}

.testimonial-block .quote-icon {
	position: relative;
	color: #1cba9f;
	font-size: 38px;
	line-height: 1em;
	margin-bottom: 20px;
}

.testimonial-block .text {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3em;
	color: #223a66;
	z-index: 1;
	margin-bottom: 25px;
}

.testimonial-block h3 {
	position: relative;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.3em;
	color: #223a66;
	padding-top: 20px;
}

.testimonial-block h3:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	height: 2px;
	width: 30px;
	background-color: #1cba9f;
}

.testimonial-block .designation {
	position: relative;
	color: #223a66;
	font-size: 13px;
	font-weight: 400;
	margin-top: 3px;
}

.testimonial-block .image-box {
	position: absolute;
	right: -150px;
	bottom: 0px;
}


/*** 

====================================================================
	Fullwidth Section
====================================================================

***/

.fullwidth-section-two {
	position: relative;
}

.fullwidth-section-two .outer-section {
	position: relative;
	background-color: #223a66;
}

.fullwidth-section-two .left-column {
	position: relative;
	width: 50%;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.fullwidth-section-two .left-column .inner-column {
	position: relative;
	max-width: 600px;
	float: right;
	width: 100%;
	padding: 60px 15px 60px;
}

.fullwidth-section-two h2 {
	position: relative;
	color: #ffffff;
	font-weight: 700;
	line-height: 1.3em;
	font-size: 36px;
	margin-bottom: 22px;
}

.fullwidth-section-two .left-column:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(34, 58, 102, 0.90);
}

.fullwidth-section-two .text {
	position: relative;
	font-size: 13px;
	margin-top: 8px;
	color: rgba(255, 255, 255, 0.50);
}

/*Subscribe Form*/

.subscribe-form {
	position: relative;
	max-width: 500px;
}

.subscribe-form .form-group {
	position: relative;
	display: block;
	margin: 0px;
	width: 100%;
	padding-right: 170px;
}

.subscribe-form input {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	height: 56px;
	font-size: 14px;
	color: #ffffff;
	background: none;
	border: 1px solid rgba(255, 255, 255, 0.20);
	padding: 10px 50px 10px 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.subscribe-form input[type="submit"],
.subscribe-form button {
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	color: #313131;
	font-size: 15px;
	padding: 14px 36px;
	font-weight: 500;
	display: inline-block;
	background-color: #ffffff;
	border: 2px solid #ffffff;
}

.subscribe-form input[type="submit"]:hover,
.subscribe-form button:hover {
	color: #ffffff;
	background: none;
}

.subscribe-form button .icon {
	margin-right: 4px;
	top: 1px;
	position: relative;
}

.fullwidth-section-two .right-column {
	position: relative;
	width: 50%;
	float: right;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.fullwidth-section-two .right-column .inner-column {
	position: relative;
	padding: 113px 15px 107px 100px;
}

.fullwidth-section-two .right-column:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(28, 186, 159, 0.90);
}

.fullwidth-section-two .phone {
	position: relative;
	color: #ffffff;
	font-weight: 700;
	font-size: 22px;
	line-height: 2.4em;
	display: block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Exo', sans-serif;
}

.fullwidth-section-two .phone .title {
	position: relative;
	color: #ffffff;
	font-weight: 700;
	font-size: 22px;
	line-height: 2.4em;
	display: block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: 'Exo', sans-serif;
}

.fullwidth-section-two .phone:hover .title,
.fullwidth-section-two .phone:hover strong {
	color: #222222;
}

.fullwidth-section-two strong {
	font-weight: 700;
	color: #ffffff;
	display: block;
	font-size: 46px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.fullwidth-section-two .icon-box {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	color: #ffffff;
	font-size: 64px;
	line-height: 1em;
	margin-top: 20px;
	margin-right: 20px;
	display: inline-block;
}

.fullwidth-section-two.style-two .left-column:before,
.fullwidth-section-two.style-two .right-column:before {
	display: none;
}

.fullwidth-section-two.style-two .left-column .text {
	color: #ffffff;
}

.fullwidth-section-two.style-two .subscribe-form input[type="submit"] {
	color: #e12454;
}

.fullwidth-section-two.style-two .subscribe-form button {
	color: #e12454;
}

.fullwidth-section-two.style-three .left-column:before {
	background-color: rgba(34, 58, 102, 0.90);
}

.fullwidth-section-two.style-three .subscribe-form input[type="submit"] {
	color: #223a66;
}

.fullwidth-section-two.style-three .right-column:before {
	background-color: rgba(241, 58, 102, 0.75);
}

/*** 

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

***/

.main-footer {
	position: relative;
	background-color: #f8fafc;
	background-size: cover;
}

.main-footer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(247, 249, 251, 0.85);
}

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

.main-footer .widgets-section {
	position: relative;
	padding: 45px 0px 30px;
	background-position: center center;
	background-repeat: no-repeat;
}

.main-footer .text {
	position: relative;
	font-size: 15px;
	color: #313131;
	line-height: 25px;
	margin-top: 20px;
	margin-bottom: 25px;
}

.main-footer h2 {
	position: relative;
	color: #222222;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
}

/* Footer List */

.footer-list {
	position: relative;
}

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

.footer-list li a {
	position: relative;
	font-size: 15px;
	color: #313131;
	line-height: 1.7em;
	font-weight: 500;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.footer-list li a:hover {
	color: #42caff;
}

/* Time List */

.time-list {
	position: relative;
}

.time-list li {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 15px;
	color: #313131;
	line-height: 1.7em;
	font-weight: 500;
	border-bottom: 1px solid #f0f0f0;
}

.time-list li:last-child {
	padding-bottom: 0px;
	border: transparent;
}

.time-list li span {
	position: relative;
	float: right;
}

/* Footer Bottom */

.footer-bottom {
	position: relative;
	padding: 7px 0px;
	background-image: -ms-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: -moz-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: -o-linear-gradient(left, #1DB9A0 0%, #4d94c4 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #3a85ad), color-stop(100, #99def9));
	background-image: -webkit-linear-gradient(left, #3a85ad 0%, #99def9 100%);
	background-image: linear-gradient(to right, #3a85ad 0%, #99def9 100%);
}

.footer-bottom.style-two {
	background-color: #223a66;
	background-image: none;
}

.footer-bottom .copyright {
	position: relative;
	color: #ffffff;
	font-size: 15px;
	font-weight: 400;
	margin-top: 4px;
}

.footer-bottom .social-box {
	position: relative;
	float: left;
}

.footer-bottom .social-box li {
	position: relative;
	line-height: 1em;
	padding-left: 14px;
	padding-right: 12px;
	display: inline-block;
	border-left: 1px solid #3c81a3;
}

.footer-bottom .social-box li:first-child {
	border-left: none;
}

.footer-bottom .social-box li.messanger a {
	position: relative;
	color: #222222;
	font-size: 13px;
	border-radius: 50px;
	padding: 5px 10px 8px 5px;
	font-weight: 500;
	display: inline-block;
	background-color: #ffffff;
}

.footer-bottom .social-box li.messanger a .icon {
	position: relative;
	color: #448aff;
	font-size: 18px;
	top: 3px;
}

.footer-bottom .social-box li a {
	position: relative;
	color: #ffffff;
	font-size: 13px;
}

.footer-bottom .social-box li:last-child {
	padding-right: 0px;
	border-right: none;
}

.footer-bottom .scroll-top {
	position: relative;
	top: 1px;
	float: right;
	cursor: pointer;
	color: #ffffff;
	margin-left: 80px;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-two {
	position: relative;
}

.banner-section-two .slide-item {
	position: relative;
	padding: 190px 0px 190px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner-section-two .content-box {
	position: relative;
}

.banner-section-two .content-box .title {
	position: relative;
	color: #ffffff;
	font-size: 26px;
	font-weight: 700;
	opacity: 0;
	font-style: italic;
	margin-bottom: 28px;
	display: inline-block;
	text-decoration: underline;
	font-family: 'Playfair Display', serif;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .title {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.banner-section-two .content-box h2 {
	position: relative;
	display: block;
	font-size: 64px;
	line-height: 1.1em;
	color: #ffffff;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 40px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-two .active .content-box h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-two .link-box {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-two .link-box:after {
	display: table;
	clear: both;
	content: "";
}

.banner-section-two .active .link-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-two .owl-nav {
	position: absolute;
	right: 100px;
	width: 140px;
	bottom: 42px;
	z-index: 99;
	text-align: right;
}

.banner-section-two .owl-prev,
.banner-section-two .owl-next {
	position: relative;
	display: inline-block;
	line-height: 24px;
	font-size: 15px;
	color: #9f9f9f;
	font-weight: 500;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-two .owl-next {
	margin-left: 14px;
	padding-left: 14px;
	line-height: 1em;
	border-left: 2px solid #1cba9f;
}

.banner-section-two .owl-prev:hover,
.banner-section-two .owl-next:hover {
	color: #323232;
}

.banner-section-two .owl-dots {
	position: absolute;
	bottom: 20px;
	right: 80px;
	width: 270px;
	padding: 0 15px;
	text-align: left;
	padding-left: 60px;
	background-color: #ffffff;
	counter-reset: slides-num;
}

.banner-section-two .owl-dots:after {
	content: "/" "0" counter(slides-num);
	display: inline-block;
	line-height: 70px;
	font-size: 18px;
	opacity: 0.6;
	font-weight: 500;
	vertical-align: middle;
	color: #1cba9f;
	font-family: 'Exo', sans-serif;
}

.banner-section-two .owl-dot {
	display: inline-block;
	counter-increment: slides-num;
}

.banner-section-two .owl-dot span {
	display: none;
}

.banner-section-two .owl-dot.active:before {
	content: "0" counter(slides-num);
	display: inline-block;
	vertical-align: middle;
	font-size: 28px;
	line-height: 50px;
	color: #1cba9f;
	position: absolute;
	font-weight: 700;
	left: 25px;
	top: 7px;
	width: 30px;
	font-family: 'Exo', sans-serif;
}

.banner-section-two .carousel,
.banner-section-two .carousel-inner,
.banner-section-two .carousel-item {
    width: 100%;
    height: 70vh;   /* Full screen height */
}

.banner-section-two .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	object-position: center -200px;
}

.site-logo {
  height: auto !important;
  width: auto !important;
  margin-top: -20px;
  max-height: 110px !important;   /* VERY BIG */
  max-width: 100% !important;
  object-fit: contain !important;
  display: block;
}


@media (max-width: 768px) {
  .site-logo {
    max-height: 55px;
  }
}

/* ===== PREMIUM SERVICES SECTION ===== */

.premium-services-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #0f172a, #1e293b);
    position: relative;
    overflow: hidden;
}

/* Card */
.premium-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border-radius: 18px;
    padding: 25px;
    height: 100%;
    transition: all 0.4s ease;
    border: 1px solid rgba(255,255,255,0.1);
    box-shadow: 0 15px 40px rgba(0,0,0,0.3);
    position: relative;
    overflow: hidden;
}

/* Glow Border Effect */
.premium-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 18px;
    padding: 1px;
    background: linear-gradient(135deg, #6366f1, #06b6d4);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    opacity: 0;
    transition: 0.4s;
}

.premium-card:hover::before {
    opacity: 1;
}

.premium-card:hover {
    transform: translateY(-12px);
}

/* Image */
.premium-img {
    overflow: hidden;
    border-radius: 12px;
}

.premium-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.5s;
}

.premium-card:hover img {
    transform: scale(1.08);
}

/* Content */
.premium-content {
    margin-top: 20px;
}

.premium-content h3 {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 12px;
}

.premium-content p {
    color: #cbd5e1;
    font-size: 14px;
    line-height: 1.6;
}

/* Button */
.premium-btn {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 22px;
    border-radius: 30px;
    background: linear-gradient(135deg, #6366f1, #06b6d4);
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.premium-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(6,182,212,0.4);
}

/* ===== PREMIUM WHITE SERVICES ===== */

.premium-services-white {
    padding: 50px 0;
    background: #ffffff;
}

/* Heading */
.premium-heading {
    /* text-align: center; */
	padding: 50px 0px;
}
.premium-heading .heading {
    font-size: 40px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 15px;
}

.premium-heading .paragraph {
    max-width: 700px;
    margin: 0 auto 0px;
    color: #6b7280;
    font-size: 16px;
}

/* Card */
.premium-card-white {
    background: #ffffff;
    border-radius: 18px;
    padding: 25px;
    height: 100%;
    transition: all 0.4s ease;
    border: 1px solid #f1f1f1;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

/* Subtle Top Gradient Line */
.premium-card-white::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, #2563eb, #06b6d4);
    transform: scaleX(0);
    transform-origin: left;
    transition: 0.4s ease;
}

.premium-card-white:hover::before {
    transform: scaleX(1);
}

.premium-card-white:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

/* Image */
.premium-img {
    overflow: hidden;
    border-radius: 12px;
}

.premium-img img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: 0.5s ease;
}

.premium-card-white:hover img {
    transform: scale(1.05);
}

/* Content */
.premium-content {
    margin-top: 20px;
}

.premium-content h3 {
    font-size: 22px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 12px;
}

.premium-content p {
    font-size: 14px;
    color: #6b7280;
    line-height: 1.6;
}

/* Button */
.premium-btn-white {
    display: inline-block;
    margin-top: 18px;
    padding: 10px 22px;
    border-radius: 30px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s ease;
}

.premium-btn-white:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
	color: #ffffff;
}
/* ===============================
   TOP GRAPHICS PREMIUM UI
   =============================== */

.mv-top-graphics {
    position: relative;
    padding: 160px 0;
    background: #ffffff;
    overflow: hidden;
}

/* SVG Waves */
.mv-wave-top,
.mv-wave-bottom {
    position: absolute;
    left: 0;
    width: 100%;
    height: 120px;
}

.mv-wave-top {
    top: 0;
}

.mv-wave-bottom {
    bottom: 0;
}

.mv-wave-top path,
.mv-wave-bottom path {
    fill: #f5f9fc;
}

/* Abstract Shapes */
.mv-shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.35;
}

.shape-1 {
    width: 360px;
    height: 360px;
    background: linear-gradient(135deg, #1abc9c, #16a085);
    top: 120px;
    left: -120px;
}

.shape-2 {
    width: 420px;
    height: 420px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    bottom: 120px;
    right: -140px;
}

/* Layout */
.mv-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
}

/* Cards */
.mv-card {
    background: #ffffff;
    padding: 65px 60px;
    border-radius: 26px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.08);
    transition: all 0.45s ease;
    position: relative;
}

/* Accent Line */
.mv-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 100%;
    background: linear-gradient(180deg, #1abc9c, #3498db);
}

/* Hover */
.mv-card:hover {
    transform: translateY(-16px);
    box-shadow: 0 55px 120px rgba(0,0,0,0.15);
}

/* Highlight Card */
.mv-card.highlight {
    background: linear-gradient(135deg, #f9fbff, #ffffff);
}

/* Text */
.mv-label {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #1abc9c;
    margin-bottom: 20px;
    display: inline-block;
}

.mv-card h3 {
    font-size: 30px;
    font-weight: 800;
    line-height: 1.3;
    margin-bottom: 20px;
    color: #1c1c1c;
}

.mv-card p {
    font-size: 16px;
    line-height: 1.9;
    color: #555;
}

/* Responsive */
@media (max-width: 992px) {
    .mv-grid {
        grid-template-columns: 1fr;
    }

    .mv-card {
        padding: 45px 35px;
    }

    .mv-card h3 {
        font-size: 24px;
    }

    .mv-wave-top,
    .mv-wave-bottom {
        height: 80px;
    }
}

/* ===== PREMIUM BREADCRUMB ===== */

.premium-breadcrumb {
    position: relative;
    padding: 120px 0;
    /* background: url('images/background/1.jpg') center center/cover no-repeat; */
    display: flex;
    align-items: center;
    overflow: hidden;
	background-size: cover;
    background-position: -1px -291px;
}

/* Dark Elegant Overlay */
.premium-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        rgba(17, 24, 39, 0.85),
        rgba(37, 99, 235, 0.65)
    );
}

/* Content */
.premium-breadcrumb-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    max-width: 700px;
}

.premium-breadcrumb-content h1,
.premium-breadcrumb-content .breadcrumb-status-label {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 15px;
    letter-spacing: 1px;
}

/* Elegant Divider Line */
.breadcrumb-line {
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #06b6d4, #ffffff);
    margin-bottom: 20px;
    border-radius: 4px;
}

/* Subtitle */
.premium-breadcrumb-content p {
    font-size: 18px;
    color: #e5e7eb;
    line-height: 1.7;
}
/* About Us Breadcrumb Section */
.about-breadcrumb {
    position: relative;
    padding: 130px 0 110px;
    /* background: url('images/background/about_us.png') center center / cover no-repeat; */
	background: linear-gradient(135deg, #0f172a, #1e3a8a);
    display: flex;
    align-items: center;
    overflow: hidden;
}

/* Soft Professional Overlay */
.about-overlay {
    position: absolute;
    inset: 0;
	background: rgba(0, 0, 0, 0.35);
    /* background: linear-gradient(
        135deg,
        rgba(15, 23, 42, 0.85),
        rgba(59, 130, 246, 0.55)
    ); */
}

/* Content */
.about-breadcrumb-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    max-width: 650px;
}

/* Heading */
.about-breadcrumb-content h1 {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 14px;
    letter-spacing: 0.6px;
}

/* Divider Line */
.about-breadcrumb-line {
    width: 70px;
    height: 3px;
    background: linear-gradient(90deg, #38bdf8, #ffffff);
    margin-bottom: 18px;
    border-radius: 3px;
}

/* Subtitle (optional) */
.about-breadcrumb-content p {
    font-size: 17px;
    color: #d1d5db;
    line-height: 1.6;
}


/* ===== PREMIUM CONTACT ===== */

.premium-contact {
    padding: 120px 0;
    background: #f9fafb;
}

/* LEFT SIDE */
.contact-info-box h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #111827;
}

.contact-info-box p {
    color: #6b7280;
    margin-bottom: 30px;
}

.info-item {
    margin-bottom: 20px;
}

.info-item h6 {
    font-weight: 600;
    margin-bottom: 5px;
}

.info-item a {
    color: #2563eb;
    text-decoration: none;
}

/* RIGHT FORM */
.contact-form-box {
    background: #ffffff;
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.05);
}

.contact-form-box h3 {
    margin-bottom: 30px;
    font-weight: 600;
}

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

.form-row input,
.form-row select,
.form-row textarea {
    width: 100%;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    background: #f9fafb;
    transition: 0.3s;
    font-size: 14px;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
    border-color: #2563eb;
    background: #ffffff;
    outline: none;
}

.form-row textarea {
    min-height: 120px;
    resize: none;
}

/* Premium Button */
.premium-btn {
    width: 100%;
    padding: 14px;
    border-radius: 30px;
    border: none;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #fff;
    font-weight: 600;
    transition: 0.3s;
}

.premium-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.3);
}
/* ===== PREMIUM MAP SECTION ===== */

.premium-map-section {
    padding: 120px 0;
    background: #f9fafb;
}

/* Heading */
.map-heading h2 {
    font-size: 36px;
    font-weight: 700;
    color: #111827;
    margin-bottom: 15px;
}

.map-heading p {
    color: #6b7280;
    margin-bottom: 50px;
}

/* Map Container */
.map-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0,0,0,0.08);
}

/* Map */
.map-wrapper iframe {
    width: 100%;
    height: 450px;
    border: none;
    display: block;
}

/* Floating Card */
.map-contact-card {
    position: absolute;
    bottom: 30px;
    left: 30px;
    background: #ffffff;
    padding: 25px;
    border-radius: 16px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.15);
    max-width: 280px;
}

.map-contact-card h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #111827;
}

.map-contact-card p {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 10px;
}

.map-contact-card a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}
/* ===== PREMIUM ABOUT ===== */

.premium-about {
    padding: 120px 0;
    background: #ffffff;
}

.section-label {
    font-size: 14px;
    font-weight: 600;
    color: #2563eb;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.about-content h2 {
    font-size: 40px;
    font-weight: 700;
    margin: 20px 0;
    color: #111827;
}

.about-content p {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 20px;
}

.about-image img {
    width: 100%;
    border-radius: 24px;
    box-shadow: 0 30px 80px rgba(0,0,0,0.08);
}

/* Buttons */
.about-buttons {
    margin-top: 30px;
}

.primary-btn {
    padding: 12px 28px;
    border-radius: 30px;
    background: linear-gradient(135deg, #2563eb, #06b6d4);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    margin-right: 15px;
    transition: 0.3s;
}

.primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(37,99,235,0.3);
}

.secondary-btn {
    padding: 12px 28px;
    border-radius: 30px;
    border: 1px solid #e5e7eb;
    text-decoration: none;
    color: #111827;
    transition: 0.3s;
}

.secondary-btn:hover {
    border-color: #2563eb;
    color: #2563eb;
}
/* ===== PREMIUM WHY ===== */

.premium-why {
    padding: 120px 0;
    background: #f9fafb;
}

.premium-why h2 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 15px;
}

.section-sub {
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
}

.why-card {
    background: #ffffff;
    padding: 45px 35px;
    border-radius: 20px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.05);
    transition: 0.3s;
    height: 100%;
}

.why-card:hover {
    transform: translateY(-8px);
}

.why-card h4 {
    font-weight: 600;
    margin-bottom: 15px;
    color: #111827;
}

.why-card p {
    color: #6b7280;
}

/*** 

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

***/

.quote-section {
	position: relative;
	padding: 40px 0px;
	z-index: 1;
	background-color: #ffffff;
	box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.10);
}

.quote-section .quote-block {
	max-width: 730px;
	margin: 0 auto;
}

.quote-section .owl-dots {
	display: none;
}

.quote-section .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	width: 100%;
	margin-top: -15px;
}

.quote-section .owl-nav .owl-prev {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #cccccc;
	font-size: 18px;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.quote-section .owl-nav .owl-next {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #cccccc;
	font-size: 18px;
	font-weight: 700;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.quote-section .owl-nav .owl-prev:hover,
.quote-section .owl-nav .owl-next:hover {
	color: #000000;
}

/* Quote Block */

.quote-block {
	position: relative;
}

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

.quote-block .content-column {
	position: relative;
}

.quote-block .content-column .inner-column {
	position: relative;
	padding-left: 75px;
}

.quote-block .quote-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #1cba9f;
	font-size: 40px;
	line-height: 1em;
}

.quote-section.style-two .quote-block .quote-icon {
	color: #f13a66;
}

.quote-block h2 {
	position: relative;
	color: #223a66;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5em;
	text-align: left;
}

.quote-block .inner-box {
	position: relative;
	text-align: left;
}

.quote-block .rating {
	position: relative;
}

.quote-block .rating span {
	position: relative;
	color: #fec42d;
	font-size: 13px;
}

.quote-block h3 {
	position: relative;
	color: #223a66;
	font-size: 16px;
	font-weight: 700;
	margin-top: 10px;
}

.quote-block .location {
	position: relative;
	color: #223a66;
	font-size: 13px;
	margin-top: 3px;
}

.quote-block .info-column {
	text-align: right;
}

/*** 

====================================================================
	Booking Section
====================================================================

***/

.booking-section {
	position: relative;
	background: #ffffff;
	padding: 7% 0%;
}

.booking-section .pattern-layer-one {
	position: absolute;
	content: '';
	left: 0px;
	top: 170px;
	right: 0px;
	bottom: 0px;
	width: 181px;
	height: 488px;
	z-index: 1;
}

.booking-section .pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	top: 120px;
	right: 0px;
	bottom: 0px;
	width: 221px;
	height: 410px;
	z-index: 1;
}

.booking-section .video-column {
	position: relative;
	margin-bottom: 70px;
}

.booking-section .video-column .inner-column {
	position: relative;
	margin-right: 25px;
	padding-left: 0px;
	z-index: 1;
}

.booking-section .video-column .inner-column .transparent-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
}

.booking-section .video-column .inner-column .transparent-layer:before {
	position: absolute;
	content: '';
	left: 17px;
	top: 17px;
	right: -17px;
	bottom: -17px;
	z-index: 2;
	background-color: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
}

.booking-section .video-column .inner-column .transparent-layer:after {
	position: absolute;
	content: '';
	left: 51px;
	top: 51px;
	right: -51px;
	bottom: -51px;
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
}

.booking-section .video-column .inner-column .green-layer {
	position: absolute;
	content: '';
	left: 36px;
	top: 36px;
	right: -36px;
	bottom: -36px;
	background-color: #223a66;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.10);
}

/* .booking-section .video-column .inner-column .green-layer:before{
	position:absolute;
	content:'';
	right:-40px;
	top:50%;
	width:72px;
	height:96px;
	z-index:1;
	margin-top:-37px;
	display:inline-block;
	background:url(../images/icons/video-icon-1.png) no-repeat;
} */

/* .booking-section .video-column .inner-column .green-layer:after{
	position:absolute;
	content:'';
	left:50%;
	bottom:-53px;
	width:72px;
	height:53px;
	z-index:1;
	margin-left:-26px;
	display:inline-block;
	background:url(../images/icons/video-icon-2.png) no-repeat;
} */

/*Video Box*/

.video-box {
	position: relative;
}

.video-box .image {
	position: relative;
	box-shadow: 50px 70px 120px rgba(0, 0, 0, 0.20);
}

.video-box .image img {
	position: relative;
	width: 100%;
	z-index: 3;
	height: 520px;
    object-fit: cover;
}

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

.video-box .overlay-box span {
	position: absolute;
	width: 100px;
	height: 100px;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #e12454;
	font-weight: 400;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	padding-left: 4px;
	background-color: #ffffff;
	display: inline-block;
	margin-top: -50px;
	margin-left: -50px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100px;
	width: 100px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

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

.booking-section .content-column .inner-column {
	position: relative;
	z-index: 1;
	padding: 0px 70px;
}

.booking-section .techHeader {
	position: relative;
	color: #223a66;
	font-weight: 700;
	line-height: 1.2em;
	font-size: 34px;
	margin-bottom: 35px;
}

.booking-section .text {
	position: relative;
	margin-bottom: 30px;
}

.booking-section p {
	position: relative;
	color: #223a66;
	font-size: 17px;
	line-height: 1.7em;
	margin-bottom: 20px;
	/* text-align: center; */
}

.booking-section .theme-btn {
	margin-top: 10px;
}
/* ===============================
   BOOKING SECTION WITH GRAPHICS
   =============================== */

.booking-graphics {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    padding: 100px 0;
}

/* ---------- Background Graphics ---------- */

.bg-graphics {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

/* Gradient Shapes */
.shape {
    position: absolute;
    border-radius: 50%;
    filter: blur(90px);
    opacity: 0.35;
}

.shape-one {
    width: 340px;
    height: 340px;
    background: linear-gradient(135deg, #1abc9c, #16a085);
    top: -100px;
    left: -120px;
}

.shape-two {
    width: 420px;
    height: 420px;
    background: linear-gradient(135deg, #3498db, #2980b9);
    bottom: -140px;
    right: -140px;
}

/* Dot Pattern */
.dot-pattern {
    position: absolute;
    width: 260px;
    height: 260px;
    top: 45%;
    left: 55%;
    background-image: radial-gradient(#dcdcdc 1px, transparent 1px);
    background-size: 14px 14px;
    opacity: 0.35;
}

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

.booking-graphics .container {
    position: relative;
    z-index: 2;
}

/* Image Box Enhancement */
.image-graphic-box {
    position: relative;
}

.image-graphic-box::after {
    content: "";
    position: absolute;
    inset: -20px;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(26,188,156,0.15), rgba(52,152,219,0.15));
    z-index: -1;
}

/* Image Styling */
.video-box .image img {
    border-radius: 20px;
    box-shadow: 0 30px 70px rgba(0,0,0,0.12);
    transition: transform 0.4s ease;
    transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
}

.video-box .image img:hover {
    transform: perspective(1200px) rotateY(0deg) rotateX(0deg) scale(1.03);
}


/* Responsive */
@media (max-width: 768px) {
    .dot-pattern {
        display: none;
    }

    .shape-one,
    .shape-two {
        width: 260px;
        height: 260px;
    }
}

/*** 

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

***/

.services-section-two {
	position: relative;
	padding: 90px 0px 90px;
	background-color: #ecf9f5;
}

.services-section-two.style-two {
	background-color: #ffffff;
}

.services-section-two .row {
	margin: 0px -1px;
}

.services-section-two .services-block {
	padding: 0px 1px;
	margin-bottom: 2px;
}

.services-block {
	position: relative;
}

.services-block .inner-box {
	position: relative;
	padding: 40px 50px 40px;
	background-color: #ffffff;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}

.services-block .inner-box:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 50%;
	height: 100px;
	z-index: 1;
	width: 100%;
	box-shadow: 100px 100px 100px rgba(0, 0, 0, 0.03);
}

.services-block .content {
	position: relative;
}

.services-block .icon-box {
	position: relative;
	float: left;
	margin-right: 15px;
}

.services-block h3 {
	position: relative;
	color: #223a66;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 5px;
}

.services-block h3 a {
	position: relative;
	color: #223a66;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.services-block h3 a:hover {
	color: #1cba9f;
}

.services-block p {
	position: relative;
	line-height: 1.8em;
	color: #223a66;
	font-size: 16px;
}
/* ================= LIGHT LUXURY PRODUCTS ================= */
.luxury-products {
    position: relative;
    padding: 120px 0;
    background:
        radial-gradient(circle at top, #f5f9ff 0%, #fdfefe 60%, #ffffff 100%);
    color: #1c1c1c;
    overflow: hidden;
}

/* Soft logo-color glow */
.luxury-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(0,0,0,0.04), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none; /* ✅ FIX */
}


/* Header */
.luxury-header h2 {
    font-size: 42px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #1c1c1c;
}

.luxury-header p {
    max-width: 720px;
    margin: auto;
    color: #555;
    font-size: 16px;
    margin-bottom: 80px;
}

.luxury-badge {
    display: inline-block;
    padding: 8px 18px;
    background: linear-gradient(90deg, #39c6f0, #9b51e0, #ff9f43);
    color: #000;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 18px;
}

/* Cards */
.luxury-card {
    position: relative;
    height: 100%;
    padding: 45px 35px;
    border-radius: 20px;
    background: rgba(255,255,255,0.85);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.45s ease;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

.luxury-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, transparent, rgba(0,0,0,0.04), transparent);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.luxury-card:hover::before {
    opacity: 1;
}

.luxury-card:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow:
        0 30px 70px rgba(0,0,0,0.15),
        0 0 35px rgba(57,198,240,0.25);
}

/* Icons */
.luxury-icon {
    width: 78px;
    height: 78px;
    border-radius: 20px;
    background: linear-gradient(135deg, #39c6f0, #9b51e0);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 25px;
}

.luxury-card h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #222;
}

.luxury-card p {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    margin-bottom: 25px;
}

.luxury-link {
    display: inline-block;
    transition: transform 0.3s ease, color 0.3s ease;
}

.luxury-link:hover {
    transform: translateX(6px);
    color: #1c5fd4;
    text-decoration: none;
}


/* Industry accent icons (shared mapping: luxury cards on product.php,
   related-product cards and the hero visual on product-details.php) */
.manufacturing .luxury-icon, .ppd-hero-visual-glow.manufacturing, .ppd-hero-visual-icon.manufacturing { background: linear-gradient(135deg,#ff512f,#ff9068); }
.ecommerce .luxury-icon, .ppd-hero-visual-glow.ecommerce, .ppd-hero-visual-icon.ecommerce { background: linear-gradient(135deg,#24c6dc,#6dd5ed); }
.retail .luxury-icon, .ppd-hero-visual-glow.retail, .ppd-hero-visual-icon.retail { background: linear-gradient(135deg,#f7971e,#ffd200); }
.healthcare .luxury-icon, .ppd-hero-visual-glow.healthcare, .ppd-hero-visual-icon.healthcare { background: linear-gradient(135deg,#11998e,#38ef7d); }
.education .luxury-icon, .ppd-hero-visual-glow.education, .ppd-hero-visual-icon.education { background: linear-gradient(135deg,#8360c3,#b993d6); }
.technology .luxury-icon, .ppd-hero-visual-glow.technology, .ppd-hero-visual-icon.technology { background: linear-gradient(135deg,#4776e6,#8e54e9); }

/* ================= INDUSTRY PREMIUM PRODUCT DETAILS ================= */

.premium-product-details {
    font-family: "Inter", Arial, sans-serif;
}

/* HERO */
.ppd-hero {
    padding: 140px 0 120px;
    background: linear-gradient(180deg, #f7faff, #ffffff);
}

.ppd-hero-content {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

.ppd-icon {
    width: 96px;
    height: 96px;
    border-radius: 24px;
    background: linear-gradient(135deg, #39c6f0, #9b51e0);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 30px;
    color: #fff;
    font-size: 38px;
    box-shadow: 0 30px 60px rgba(57,198,240,0.35);
}

.ppd-hero h1 {
    font-size: 48px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 20px;
}

.ppd-hero p {
    font-size: 17px;
    line-height: 1.9;
    color: #4b5563;
    margin-bottom: 35px;
}

/* CTA BUTTON */
.ppd-cta {
    display: inline-block;
    padding: 15px 34px;
    border-radius: 50px;
    background: linear-gradient(90deg, #39c6f0, #9b51e0);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.ppd-cta:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 40px rgba(57,198,240,0.45);
}

/* FEATURES */
.ppd-features {
    padding: 110px 0;
    background: #ffffff;
}

.ppd-section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto 70px;
}

.ppd-section-header h2 {
    font-size: 36px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 15px;
}

.ppd-section-header p {
    color: #6b7280;
    font-size: 16px;
}

/* FEATURE CARD */
.ppd-feature-card {
    height: 100%;
    padding: 36px 28px;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    text-align: left;
    transition: all 0.35s ease;
}

.ppd-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 35px 80px rgba(0,0,0,0.15);
}

.ppd-check {
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e6f4ff;
    color: #2f80ed;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 15px;
}

.ppd-feature-card h4 {
    font-size: 17px;
    font-weight: 600;
    color: #1f2937;
}

/* CTA STRIP */
.ppd-cta-strip {
    padding: 100px 0;
    background: linear-gradient(90deg, #0f172a, #020617);
    color: #ffffff;
}

.ppd-cta-box {
    max-width: 900px;
    margin: auto;
    text-align: center;
}

.ppd-cta-box h3 {
    font-size: 34px;
    font-weight: 800;
    margin-bottom: 15px;
}

.ppd-cta-box p {
    font-size: 16px;
    color: #cbd5f5;
    margin-bottom: 30px;
}

.ppd-cta-light {
    padding: 14px 32px;
    border-radius: 50px;
    background: #ffffff;
    color: #020617;
    font-weight: 600;
    text-decoration: none;
}

/* ===== Two-column hero layout ===== */
.ppd-hero-grid {
    display: grid;
    grid-template-columns: 1.05fr 0.95fr;
    gap: 60px;
    align-items: center;
}

.ppd-hero-content {
    max-width: none;
    text-align: left;
    margin: 0;
}

.ppd-category-badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 50px;
    background: var(--surface-alt, #f5f9fc);
    color: var(--ink-500, #6b7280);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
}

.ppd-hero-content .ppd-icon {
    margin: 0 0 24px;
}

.ppd-feature-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 34px;
}

.ppd-feature-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 50px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    font-size: 13px;
    font-weight: 600;
    color: #1f2937;
}

.ppd-feature-chip i {
    color: #2563eb;
    font-size: 11px;
}

.ppd-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

/* 3D glass visual panel (right side of hero) */
.ppd-hero-visual {
    position: relative;
    height: 380px;
    perspective: 1200px;
}

.ppd-hero-visual-panel {
    position: absolute;
    inset: 8%;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.35));
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 30px 80px rgba(17, 24, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.ppd-hero-visual-glow {
    position: absolute;
    width: 240px;
    height: 240px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
}

.ppd-hero-visual-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 150px;
    height: 150px;
    transform: translate(-50%, -50%) perspective(1000px) rotateY(-10deg) rotateX(5deg);
    border-radius: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60px;
    color: #ffffff;
    box-shadow: 0 40px 80px rgba(17, 24, 39, 0.22);
    transition: transform 0.5s ease;
    animation: icon-glow-float 5s ease-in-out infinite;
}

.ppd-hero-visual:hover .ppd-hero-visual-icon {
    transform: translate(-50%, -50%) perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.05);
}

.ppd-orbit-chip {
    position: absolute;
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 15px 30px rgba(17, 24, 39, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #2563eb;
    animation: icon-glow-float 6s ease-in-out infinite;
}

.ppd-orbit-chip.o1 { top: 6%; left: 10%; animation-delay: 0s; }
.ppd-orbit-chip.o2 { top: 14%; right: 8%; animation-delay: 0.7s; }
.ppd-orbit-chip.o3 { bottom: 10%; left: 14%; animation-delay: 1.4s; }
.ppd-orbit-chip.o4 { bottom: 16%; right: 10%; animation-delay: 2.1s; }

@media (prefers-reduced-motion: reduce) {
    .ppd-hero-visual-icon,
    .ppd-orbit-chip {
        animation: none !important;
    }

    .ppd-hero-visual:hover .ppd-hero-visual-icon {
        transform: translate(-50%, -50%);
    }
}

/* ===== Product Overview ===== */
.ppd-overview {
    padding: 90px 0;
    background: var(--surface-alt, #f5f9fc);
}

.ppd-overview-content {
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
}

.ppd-overview-content p {
    font-size: 16.5px;
    line-height: 1.9;
    color: #4b5563;
}

/* RESPONSIVE */
@media (max-width: 992px) {
    .ppd-hero-grid {
        grid-template-columns: 1fr;
    }

    .ppd-hero-content {
        text-align: center;
    }

    .ppd-hero-content .ppd-icon,
    .ppd-feature-chips,
    .ppd-hero-actions {
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .ppd-hero-visual {
        height: 300px;
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .ppd-hero h1 {
        font-size: 34px;
    }

    .ppd-section-header h2 {
        font-size: 28px;
    }
}

@media (max-width: 576px) {
    .ppd-hero-actions .ppd-cta,
    .ppd-hero-actions .btn-outline-premium {
        width: 100%;
        text-align: center;
    }
}

/* ===== PREMIUM COMING SOON ===== */
.coming-soon-section {
    padding: 100px 0;
    background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
}

.coming-soon-card {
    max-width: 720px;
    margin: auto;
    padding: 60px 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
    border-radius: 18px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
    color: #ffffff;
}

/* .btn-outline-premium's default blue-on-transparent styling assumes a light
   background; on this dark gradient section it fails contrast, so invert it
   to white here (same pattern used for CTAs on dark backgrounds). */
.coming-soon-card .btn-outline-premium {
    border-color: #ffffff;
    color: #ffffff;
}

.coming-soon-card .btn-outline-premium:hover {
    background: #ffffff;
    color: #2563eb;
}

.badge-premium {
    display: inline-block;
    padding: 8px 18px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: linear-gradient(90deg, #39c6f0, #9b51e0);
    color: #ffffff;
    border-radius: 50px;
    margin-bottom: 25px;
    font-weight: 600;
}

.coming-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.coming-text {
    font-size: 16px;
    line-height: 1.8;
    color: #dcdcdc;
    margin-bottom: 30px;
}

.divider {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #39c6f0, #9b51e0);
    margin: 25px auto;
    border-radius: 5px;
}

.notify-text {
    font-size: 14px;
    color: #bbbbbb;
    margin-bottom: 30px;
}

.premium-btn-alt {
    display: inline-block;
    padding: 14px 34px;
    border-radius: 50px;
    font-weight: 600;
    background: linear-gradient(90deg, #39c6f0, #9b51e0);
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.premium-btn-alt:hover {
    transform: translateY(-2px);
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(155, 81, 224, 0.35);
}

/* ===== LEGAL PAGES (Privacy Policy / Terms & Conditions) =====
   Deliberately plain: readable typography on a plain background rather than
   a decorative card, per the "should not feel like a marketing page" brief. */

.legal-hero {
	padding: 50px 0 10px;
	background: #ffffff;
}

.legal-hero-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.legal-meta-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 16px;
	border-radius: 50px;
	background: var(--surface-alt);
	color: var(--ink-700);
	font-size: 12.5px;
	font-weight: 600;
}

.legal-disclaimer {
	padding: 16px 20px;
	background: var(--surface-alt);
	border-left: 3px solid #2563eb;
	border-radius: 8px;
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--ink-500);
	margin-bottom: 44px;
}

.legal-section {
	padding: 40px 0 100px;
	background: #ffffff;
}

/* Mobile-only collapsible table of contents */
.legal-toc-mobile {
	display: none;
	margin-bottom: 34px;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	padding: 4px 18px;
}

.legal-toc-mobile summary {
	list-style: none;
	cursor: pointer;
	padding: 14px 0;
	font-weight: 600;
	color: var(--ink-900);
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.legal-toc-mobile summary::-webkit-details-marker {
	display: none;
}

.legal-toc-mobile ul {
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.legal-toc-mobile a {
	display: block;
	padding: 8px 4px;
	color: var(--ink-700);
	text-decoration: none;
	font-size: 14.5px;
	border-radius: 8px;
}

.legal-toc-mobile a:hover {
	background: var(--surface-alt);
}

/* Desktop layout: sticky sidebar TOC + content */
.legal-layout {
	display: grid;
	grid-template-columns: 250px 1fr;
	gap: 60px;
	align-items: start;
}

.legal-toc-sticky {
	position: sticky;
	top: 110px;
}

.legal-toc-sticky h2 {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	color: var(--ink-500);
	margin-bottom: 16px;
}

.legal-toc-sticky ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
	max-height: calc(100vh - 160px);
	overflow-y: auto;
}

.legal-toc-link {
	display: block;
	padding: 8px 14px;
	border-radius: 10px;
	color: var(--ink-700);
	text-decoration: none;
	font-size: 13.5px;
	line-height: 1.5;
	border-left: 3px solid transparent;
	transition: all 0.2s ease;
}

.legal-toc-link:hover {
	background: var(--surface-alt);
	color: #2563eb;
}

.legal-toc-link.active {
	background: var(--surface-alt);
	border-left-color: #2563eb;
	color: #2563eb;
	font-weight: 600;
}

.legal-content {
	max-width: 760px;
	max-height: 65vh;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 36px 26px 36px 36px;
	border: 1px solid #e5e7eb;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: var(--shadow-soft);
	scrollbar-width: thin;
	scrollbar-color: #cbd5e1 transparent;
}

.legal-content::-webkit-scrollbar {
	width: 8px;
}

.legal-content::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 8px;
}

.legal-content::-webkit-scrollbar-track {
	background: transparent;
}

.legal-content h1 {
	font-size: 34px;
	font-weight: 800;
	color: var(--ink-900);
	margin-bottom: 14px;
}

.legal-content h2 {
	font-size: 21px;
	font-weight: 700;
	color: var(--ink-900);
	margin-top: 42px;
	margin-bottom: 14px;
	scroll-margin-top: 100px;
}

.legal-content h2:first-of-type {
	margin-top: 0;
}

.legal-content p,
.legal-content li {
	font-size: 15.5px;
	line-height: 1.8;
	color: var(--ink-700);
	margin-bottom: 14px;
}

.legal-content ul {
	padding-left: 22px;
	margin-bottom: 14px;
}

.legal-content a {
	color: #2563eb;
}

@media (max-width: 992px) {
	.legal-toc-mobile {
		display: block;
	}

	.legal-layout {
		grid-template-columns: 1fr;
	}

	.legal-toc {
		display: none;
	}

	.legal-content {
		max-height: 60vh;
		padding: 26px 18px 26px 26px;
	}
}

/* Back to top (scoped to legal pages; the site's own .scroll-to-top is
   permanently hidden elsewhere, so this is a small, purpose-built button
   positioned above the WhatsApp/call bubbles rather than overlapping them). */
.legal-back-to-top {
	position: fixed;
	bottom: 160px;
	right: 24px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: none;
	background: var(--grad-primary);
	color: #ffffff;
	font-size: 16px;
	box-shadow: var(--shadow-soft);
	cursor: pointer;
	z-index: 500;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}

.legal-back-to-top.visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.legal-back-to-top:hover {
	transform: translateY(-3px);
}

@media (max-width: 576px) {
	.legal-back-to-top {
		bottom: 150px;
		right: 16px;
		width: 42px;
		height: 42px;
	}
}

@media print {
	.site-header,
	.premium-footer,
	.legal-toc,
	.legal-toc-mobile,
	.legal-back-to-top,
	#call-fx,
	#wmn-fx {
		display: none !important;
	}

	.legal-layout {
		display: block;
	}

	.legal-content {
		max-width: 100%;
		max-height: none;
		overflow: visible;
		border: none;
		box-shadow: none;
		padding: 0;
	}

	body {
		background: #ffffff;
	}
}

/*** 

====================================================================
	Video Section Two
====================================================================

***/

.video-section {
	position: relative;
	text-align: left;
	padding: 90px 0px 90px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: 0px 12px;
}

.video-section.style-three:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(28, 186, 159, 0.80);
}

.video-section h2 {
	position: relative;
    color: #ffffff;
    font-weight: 700;
    line-height: 1.3em;
    font-size: 48px;
    font-weight: 700;
    max-width: 730px;
    margin-bottom: 60px;
}

.video-section .play-now {
	position: relative;
	color: #ffffff;
	font-weight: 500;
	font-size: 18px;
	font-weight: 500;
	margin-left: 45px;
}

.video-section.style-two:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	display: none;
	background-color: rgba(252, 58, 102, 0.90);
}

.video-section.style-two .play-button .icon {
	color: #fc7e8a;
	line-height: 51px;
	border: 2px solid #ef9bb1;
}

/* Play Button */

.video-section .play-button {
	position: relative;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 999;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.video-section .play-button .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 55px;
	width: 55px;
	text-align: center;
	line-height: 55px;
	padding-left: 3px;
	background-color: #ffffff;
	color: #1cba9f;
	z-index: 1;
	font-size: 12px;
	display: block;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .6);
	box-shadow: 0 5px 10px 0 rgba(255, 255, 255, .6);
	-webkit-transform-origin: center;
	transform-origin: center;
}

.video-section .play-button .ripple-2,
.video-section .play-button .ripple-2:before,
.video-section .play-button .ripple-2:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 55px;
	width: 55px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
	-webkit-animation: ripple-2 3s infinite;
	-moz-animation: ripple-2 3s infinite;
	-ms-animation: ripple-2 3s infinite;
	-o-animation: ripple-2 3s infinite;
	animation: ripple-2 3s infinite;
}

.video-section .play-button .ripple-2:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.video-section .play-button .ripple-2:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple-2 {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-2 {
	70% {
		box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

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

.offer-section .row {
	margin: 0px -7px;
}

.offer-section .offer-block {
	padding: 0px 7px;
}

/* Offer Block */

.offer-block {
	position: relative;
	margin-bottom: 15px;
}

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

.offer-block .image {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.offer-block .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.offer-block .inner-box:hover .image img {
	transform: scale(1.1, 1.1);
}

.offer-block .image .overlay-box {
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100%;
	bottom: -120px;
	display: block;
	text-align: center;
	border-bottom: 5px solid #223a66;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.offer-block .image .overlay-box h3 {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
}

.offer-block .image .overlay-box h3 a {
	position: relative;
	color: #ffffff;
	padding: 16px 35px 13px;
	background-color: #223a66;
	display: inline-block;
	border-radius: 15px 15px 0px 0px;
}

.offer-block .inner-box:hover .image .overlay-box {
	opacity: 1;
	bottom: 0px;
}

/*** 

====================================================================
	Banner Section Two
====================================================================

***/

.banner-section-three {
	position: relative;
}

.banner-section-three .banner-carousel {
	position: relative;
}

.banner-section-three .slide-item {
	position: relative;
	padding: 165px 0px 160px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.banner-section-three .content-box {
	position: relative;
	max-width: 480px;
}

.banner-section-three .content-box .title {
	position: relative;
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	opacity: 0;
	margin-bottom: 20px;
	display: inline-block;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	font-family: 'Exo', sans-serif;
}

.banner-section-three .active .title {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}

.banner-section-three .content-box h2 {
	position: relative;
	display: block;
	font-size: 48px;
	line-height: 1.5em;
	color: #ffffff;
	font-weight: 400;
	opacity: 0;
	margin-bottom: 25px;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
}

.banner-section-three .content-box h2 span {
	font-weight: 700;
	display: block;
	font-size: 70px;
}

.banner-section-three .banner-carousel .active .content-box h2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms;
}

.banner-section-three .content-box .text {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 1.7em;
	color: #ffffff;
	font-weight: 500;
	opacity: 0;
	margin-bottom: 35px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px);
}

.banner-section-three .banner-carousel .active .text {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 800ms;
	-moz-transition-delay: 800ms;
	-ms-transition-delay: 800ms;
	-o-transition-delay: 800ms;
	transition-delay: 800ms;
}

.banner-section-three .banner-carousel .link-box {
	position: relative;
	opacity: 0;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
}

.banner-section-three .banner-carousel .link-box:after {
	display: table;
	clear: both;
	content: "";
}

.banner-section-three .banner-carousel .active .link-box {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.banner-section-three .banner-carousel .owl-dots {
	display: none;
}

.banner-section-three .banner-carousel .owl-nav {
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -50px;
	z-index: 99;
	opacity: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-three .banner-carousel:hover .owl-nav {
	opacity: 1;
}

.banner-section-three .banner-carousel .owl-prev,
.banner-section-three .banner-carousel .owl-next {
	position: relative;
	font-size: 24px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	line-height: 58px;
	margin-top: 1px;
	border: none;
	width: 40px;
	background: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.banner-section-three .banner-carousel .owl-prev {
	border-bottom: 1px solid #ffffff;
}

.banner-section-three .banner-carousel .owl-prev:hover,
.banner-section-three .banner-carousel .owl-next:hover {
	background: none;
	color: #558dca;
}

/*** 

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three {
	position: relative;
	padding: 100px 0px 100px;
}

.services-section-three .inner-container {
	position: relative;
}

.services-section-three .inner-container .pattern-one {
	position: absolute;
	content: '';
	left: -250px;
	top: -245px;
	width: 705px;
	height: 708px;
}

.services-section-three .pattern-two {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 0px;
	width: 201px;
	height: 579px;
}

.services-section-three .inner-container .services-block-two {
	padding: 0px;
	float: left;
}

.services-block-two:nth-child(1) .inner-box {
	box-shadow: 30px 40px 100px rgba(0, 0, 0, 0.06);
}

.services-block-two.style-two:nth-child(2) .inner-box .content-box {
	box-shadow: 30px -40px 100px rgba(0, 0, 0, 0.06);
}

.services-block-two:nth-child(3) .inner-box .content-box {
	box-shadow: 30px 40px 100px rgba(0, 0, 0, 0.06);
}

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

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

.services-block-two .image {
	position: relative;
}

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

.services-block-two .content-box {
	position: relative;
	text-align: center;
	padding: 67px 30px;
}

.services-block-two .content-box:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 0px;
	background-color: #223a66;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.services-block-two .inner-box:hover .content-box:after {
	height: 100%;
}

.services-block-two .content-box:before {
	position: absolute;
	content: '';
	left: 50%;
	top: 0px;
	z-index: 1;
	margin-left: -10px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid #223a66;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-block-two .inner-box:hover .content-box:before {
	border-top-color: #ffffff;
}

.services-block-two.style-two .content-box:before {
	position: absolute;
	content: '';
	left: 50%;
	top: auto;
	bottom: 0px;
	z-index: 1;
	margin-left: -10px;
	border-top: none;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #223a66;
}

.services-block-two.style-two .inner-box:hover .content-box:before {
	border-bottom-color: #ffffff;
}

.services-block-two .content-box h3 {
	position: relative;
	color: #223a66;
	z-index: 1;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.services-block-two .content-box h3 a {
	position: relative;
	color: #223a66;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-block-two .content-box h3 a:hover {
	color: #f43a66;
}

.services-block-two .content-box p {
	position: relative;
	color: #223a66;
	z-index: 1;
	font-size: 16px;
	line-height: 1.8em;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

/*** 

====================================================================
	Care Section
====================================================================

***/

.care-section {
	position: relative;
	padding: 80px 0px 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* Care Block */

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

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

.care-block .image {
	position: relative;
}

.care-block img {
	position: relative;
	width: 100%;
	display: block;
}

.care-block .overlay-box {
	position: absolute;
	left: -100%;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-color: rgba(241, 58, 102, 0.80);
}

.care-block .inner-box:hover .overlay-box {
	left: 0%;
}

.care-block .overlay-inner {
	position: absolute;
	left: 28px;
	right: 28px;
	bottom: 40px;
}

.care-block .icon {
	position: relative;
	color: #ffffff;
	font-size: 40px;
	line-height: 1em;
	margin-bottom: 15px;
}

.care-block h3 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
}

.care-block a {
	position: relative;
	color: #ffffff;
}

/*** 

====================================================================
	Treatment Section
====================================================================

***/

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

.treatment-section .pattern-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 660px;
	background-size: cover;
}

.treatment-section .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 45px;
}

.treatment-section .title-box h2 {
	position: relative;
	color: #223a66;
	font-size: 42px;
	font-weight: 700;
	line-height: 1.3em;
	padding-bottom: 20px;
}

.treatment-section .title-box h2:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0px;
	height: 2px;
	width: 70px;
	margin-left: -35px;
	background-color: #f06699;
}

/* Treatment Block */

.treatment-block {
	position: relative;
}

.treatment-block .inner-box {
	position: relative;
	padding-left: 120px;
}

.treatment-block h3 {
	position: relative;
	color: #223a66;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.treatment-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 8px;
	width: 75px;
	height: 295px;
	border: 2px solid #fc7e8a;
	border-right: 0px;
}

.treatment-block .dott-one {
	position: absolute;
	content: '';
	left: 70px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #f06699;
}

.treatment-block .ripple:before,
.treatment-block .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.treatment-block .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.treatment-block .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

.treatment-block .text {
	position: relative;
	color: #223a66;
	font-size: 16px;
	line-height: 1.6em;
	max-width: 420px;
}

/* Treatment Block Two */

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

.treatment-block-two .inner-box {
	position: relative;
	text-align: right;
	padding-right: 120px;
}

.treatment-block-two h3 {
	position: relative;
	color: #223a66;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.treatment-block-two .inner-box:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 8px;
	width: 75px;
	height: 295px;
	border: 2px solid #fc7e8a;
	border-left: 0px;
}

.treatment-block-two .text {
	position: relative;
	color: #223a66;
	font-size: 16px;
	line-height: 1.6em;
	max-width: 420px;
	float: right;
}

.treatment-block-two .dott-one {
	position: absolute;
	content: '';
	right: 70px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #f06699;
}

.treatment-block-two .dott-one .ripple:before,
.treatment-block-two .dott-one .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.treatment-block-two .dott-one .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.treatment-block-two .dott-one .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

/* Treatment Block Three */

.treatment-block-three {
	position: relative;
	margin-top: 30px;
	margin-bottom: 40px;
}

.treatment-block-three .inner-box {
	position: relative;
	padding-left: 120px;
}

.treatment-block-three h3 {
	position: relative;
	color: #223a66;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.treatment-block-three .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 100%;
	width: 75px;
	height: 295px;
	margin-bottom: -10px;
	border: 2px solid #fc7e8a;
	border-right: 0px;
}

.treatment-block-three .dott-one {
	position: absolute;
	content: '';
	left: 70px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #f06699;
}

.treatment-block-three .dott-one .ripple:before,
.treatment-block-three .dott-one .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.treatment-block-three .dott-one .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.treatment-block-three .dott-one .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

.treatment-section .treatment-image {
	position: relative;
	z-index: 1;
	text-align: center;
	margin-top: 40px;
}

/* Treatment Block Three */

.treatment-block-three {
	position: relative;
	margin-top: 30px;
	margin-bottom: 40px;
}

.treatment-block-three .inner-box {
	position: relative;
	padding-left: 120px;
}

.treatment-block-three h3 {
	position: relative;
	color: #223a66;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.treatment-block-three .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 100%;
	width: 75px;
	height: 295px;
	margin-bottom: -10px;
	border: 2px solid #fc7e8a;
	border-right: 0px;
}

.treatment-block-three .dott-one {
	position: absolute;
	content: '';
	left: 70px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #f06699;
}

.treatment-block-three .dott-one .ripple:before,
.treatment-block-three .dott-one .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.treatment-block-three .dott-one .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.treatment-block-three .dott-one .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

.treatment-block-three .text {
	position: relative;
	color: #223a66;
	font-size: 16px;
	line-height: 1.6em;
	max-width: 420px;
}

/* Treatment Block Four */

.treatment-block-four {
	position: relative;
	margin-top: 30px;
}

.treatment-block-four .inner-box {
	position: relative;
	padding-right: 120px;
	text-align: right;
}

.treatment-block-four h3 {
	position: relative;
	color: #223a66;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-bottom: 14px;
}

.treatment-block-four .inner-box:before {
	position: absolute;
	content: '';
	right: 0px;
	bottom: 100%;
	width: 75px;
	height: 295px;
	margin-bottom: -10px;
	border: 2px solid #fc7e8a;
	border-left: 0px;
}

.treatment-block-four .text {
	position: relative;
	color: #223a66;
	font-size: 16px;
	line-height: 1.6em;
	max-width: 420px;
	float: right;
}

.treatment-block-four .dott-one {
	position: absolute;
	content: '';
	right: 70px;
	top: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #f06699;
}

.treatment-block-four .dott-one .ripple:before,
.treatment-block-four .dott-one .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-moz-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-ms-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-o-box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	box-shadow: 0 0 0 0 rgba(255, 102, 102, .8);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite;
}

.treatment-block-four .dott-one .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.treatment-block-four .dott-one .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 20px rgba(255, 102, 102, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 102, 102, 0);
	}
}


/* Specialist Section*/

.specialist-section {
	position: relative;
	padding: 95px 0px 100px;
	background-size: cover;
	background-attachment: fixed;
}

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

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

.team-block-two .inner-box {
	position: relative;
	padding: 40px 30px 40px;
	background-color: #ffffff;
	box-shadow: 0px 15px 10px rgba(0, 0, 0, 0.10);
}

.team-block-two .image {
	position: relative;
	width: 270px;
	height: 270px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
}

.team-block-two img {
	position: relative;
}

.team-block-two .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
}

.team-block-two .overlay-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: rgba(145, 67, 253, 0.85);
	-moz-transform: rotateX(-180deg);
	-webkit-transform: rotateX(-180deg);
	-ms-transform: rotateX(-180deg);
	-o-transform: rotateX(-180deg);
	transform: rotateX(-180deg);
}

.team-block-two .inner-box:hover .overlay-box:before {
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	opacity: 1;
	visibility: visible;
}

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

.team-block-two .overlay-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	vertical-align: middle;
	padding: 10px 80px;
}

.team-block-two .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.team-block-two .social-box {
	position: relative;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transform: scale(0.8, 0.8);
	opacity: 0;
}

.team-block-two .inner-box:hover .overlay-inner .social-box {
	opacity: 1;
	transform: scale(1, 1);
}

.team-block-two .social-box a {
	position: relative;
}

.team-block-two .social-box {
	position: relative;
}

.team-block-two .social-box li {
	position: relative;
	margin: 0px 1px 4px;
	display: inline-block;
}

.team-block-two .social-box li a {
	position: relative;
	width: 40px;
	height: 40px;
	color: #ffffff;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.15);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.team-block-two .inner-box .social-box li a:hover {
	background-color: #ffffff;
	color: #3b5998;
}

.team-block-two .lower-content {
	position: relative;
	text-align: center;
}

.team-block-two .lower-content .icon-box {
	position: relative;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 24px;
	margin-top: -28px;
	background-color: #f13a66;
	border: 5px solid #ffffff;
	box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.10);
}

.team-block-two .lower-content h3 {
	position: relative;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 25px;
}

.team-block-two .lower-content h3 a {
	position: relative;
	color: #223a66;
}

.team-block-two .lower-content .title {
	position: relative;
	color: #223a66;
	font-size: 15px;
	margin-top: 8px;
}

.team-block-two:nth-child(2) .inner-box .icon-box {
	background-color: #9143fd;
}

.team-block-two:nth-child(3) .inner-box .icon-box {
	background-color: #00d280;
}

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

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

.specialist-section .owl-dots .owl-dot {
	position: relative;
	margin: 0px 5px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	display: inline-block;
	background-color: rgba(241, 58, 102, 0.10);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.specialist-section .owl-dots .owl-dot.active,
.specialist-section .owl-dots .owl-dot:hover {
	background-color: #f13a66;
}

/* Page Breadcrumb */

.page-breadcrumb {
	position: relative;
	background-color: #1cba9f;
	box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.10);
}

.page-breadcrumb:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-color: rgb(66 202 255 / 86%);
}

.page-breadcrumb h2 {
	position: relative;
	color: #ffffff;
	padding: 46px 0px;
	z-index: 1;
	font-size: 32px;
	font-weight: 700;
}

.page-breadcrumb .image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}

.page-breadcrumb .breadcrumbs {
	position: relative;
	padding: 55px 110px;
	z-index: 1;
}

.page-breadcrumb li {
	position: relative;
	color: #1cba9f;
	font-weight: 500;
	font-size: 18px;
	display: inline-block;
}

.page-breadcrumb li a {
	position: relative;
	color: #313131;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.page-breadcrumb li a:hover {
	color: #1cba9f;
}

.page-breadcrumb .breadcrumbs:before {
	position: absolute;
	content: '';
	left: 20px;
	top: 0px;
	right: 20px;
	bottom: 0px;
	z-index: -1;
	background-color: #ffffff;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
}

.page-breadcrumb .breadcrumbs .left-curves {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
}

.page-breadcrumb .breadcrumbs .left-curves:before {
	position: absolute;
	content: '';
	left: -4px;
	top: 0px;
	width: 22px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
}

.page-breadcrumb .breadcrumbs .left-curves:after {
	position: absolute;
	content: '';
	left: 12px;
	top: 0px;
	width: 8px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
}

.page-breadcrumb .breadcrumbs .right-curves {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
}

.page-breadcrumb .breadcrumbs .right-curves:before {
	position: absolute;
	content: '';
	left: -20px;
	top: 0px;
	width: 22px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #558DCA), color-stop(100, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, #558DCA 0%, rgba(255, 255, 255, 0) 100%);
}

.page-breadcrumb .breadcrumbs .right-curves:after {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 8px;
	height: 100%;
	-ms-transform: skewX(-24deg);
	-webkit-transform: skewX(-24deg);
	transform: skewX(-24deg);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #558DCA));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #558DCA 100%);
}

/*** 

====================================================================
	Achievement Section
====================================================================

***/

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

.achievement-section .container {
	position: relative;
}

.achievement-section .title-column {
	position: relative;
}

.achievement-section .title-column .inner-column {
	position: relative;
	padding-right: 30px;
}

.achievement-section .title-column .text {
	font-size: 16px;
	line-height: 26px;
}

.achievement-section .clients-column {
	position: static;
}

.achievement-section .clients-column .inner-column,
.achievement-section .clients-column .inner-column .owl-carousel {
	position: static;
}

.achievement-section .clients-column .inner-column .inner-slide {
	position: relative;
	border-left: 1px solid #f5f5f5;
}

.achievement-section .clients-column .inner-column .column .image {
	border-right: 1px solid #f5f5f5;
}

.achievement-section .clients-column .inner-column .column .image img {
	position: relative;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;

}

.achievement-section .clients-column .inner-column .column .image img:hover {
	filter: gray;
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

.achievement-section .clients-column .inner-column .column:nth-child(1),
.achievement-section .clients-column .inner-column .column:nth-child(2),
.achievement-section .clients-column .inner-column .column:nth-child(3) {
	border-bottom: 1px solid #f5f5f5;
}

.achievement-section .clients-column .inner-column .owl-dots {
	display: none;
}

.achievement-section .clients-column .inner-column .owl-nav {
	position: absolute;
	left: 15px;
	bottom: -20px;
}

.achievement-section .clients-column .inner-column .owl-nav .owl-prev,
.achievement-section .clients-column .inner-column .owl-nav .owl-next {
	position: relative;
	width: 40px;
	height: 40px;
	color: #131313;
	font-size: 10px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.10);
}

.achievement-section .clients-column .inner-column .owl-nav .owl-prev:hover,
.achievement-section .clients-column .inner-column .owl-nav .owl-next:hover {
	background-color: #46c7b1;
	color: #ffffff;
}

/*** 

====================================================================
	Doctors Page Section
====================================================================

 ***/

.doctors-page-section {
	position: relative;
	padding: 90px 0px 70px;
}

.doctors-page-section .filters {
	position: relative;
	margin-bottom: 40px;
}

.doctors-page-section .filters .filter-tabs {
	position: relative;
}

.doctors-page-section .filters li {
	position: relative;
	display: inline-block;
	color: #313131;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	margin: 0px 15px 6px;
	padding: 0px 0px 0px;
	text-transform: capitalize;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-bottom: 1px solid #1cba9f;
}

.doctors-page-section .filters .filter.active,
.doctors-page-section .filters .filter:hover {
	color: #1cba9f;
}

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

/*** 

====================================================================
	Pricing Section
====================================================================

 ***/

.price-section {
	position: relative;
	padding: 95px 0px 100px;
	background: #f3f5f7;
}

.price-section.style-two {
	background-color: #ffffff;
}

.price-section .inner-container {
	position: relative;
	box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.10);
}

.price-section .pattern-layer-one {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 70px;
	width: 177px;
	height: 600px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: left top;
}

.price-section .pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	top: 80px;
	width: 239px;
	height: 492px;
	z-index: 1;
}

.price-section .price-block {
	float: left;
	padding: 0px;
}

.price-block {
	position: relative;
	z-index: 1;
}

.price-block .inner-box {
	position: relative;
	text-align: center;
	background-color: #ffffff;
	padding: 35px 40px 30px;
}

.price-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background-color: #1cba9f;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

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

.price-block .upper-box {
	position: relative;
}

.price-block .upper-box h3 {
	position: relative;
	font-weight: 700;
	line-height: 1.4em;
	font-size: 20px;
	color: #222222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.price-block .inner-box:hover .package-plan,
.price-block .inner-box:hover .price,
.price-block .inner-box:hover .text,
.price-block .inner-box:hover h3 {
	color: #ffffff;
}

.price-block .middle-box {
	position: relative;
	padding: 30px 0px;
	margin-top: 30px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	border-top: 1px solid #d2f1ec;
	border-bottom: 1px solid #d2f1ec;
}

.price-block .text {
	position: relative;
	font-size: 16px;
	line-height: 1.8em;
	color: rgba(0, 0, 0, 0.70);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.price-block .lower-box {
	position: relative;
	padding-top: 40px;
}

.price-block .price {
	position: relative;
	font-weight: 800;
	color: #1cba9f;
	font-size: 36px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	font-family: 'Lato', sans-serif;
}

.price-block .package-plan {
	position: relative;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 38px;
	color: rgba(0, 0, 0, 0.70);
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.price-block .inner-box .book-btn {
	position: relative;
	color: #1cba9f;
	font-weight: 700;
	padding: 9px 34px;
	border-radius: 50px;
	display: inline-block;
	border: 1px solid #d2f1ec;
	font-family: 'Lato', sans-serif;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.price-block .book-btn span {
	font-size: 10px;
	margin-left: 2px;
}

.price-block .book-btn {
	border-color: #ffffff;
	background-color: #ffffff;
}

/*** 

====================================================================
	Experiance Section
====================================================================

 ***/

.experiance-section {
	position: relative;
	padding: 100px 0px 100px;
	background-color: #f7f9fb;
}

.experiance-section .skills-column {
	position: relative;
}

.experiance-section .skills-column .inner-column {
	position: relative;
	padding: 80px 60px 80px;
	background-size: cover;
	background-repeat: no-repeat;
}

.experiance-section h3 {
	position: relative;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3em;
	color: #ffffff;
	margin-bottom: 25px;
}

.experiance-section .skills-column .inner-column:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: rgba(34, 58, 102, 0.70);
}

/*Skills Section*/

.skills {
	position: relative;
}

.skills .skill-item {
	position: relative;
	margin-bottom: 30px;
}

.skills .skill-item:last-child {
	margin-bottom: 0px;
}

.skills .skill-bar {
	position: relative;
	width: 100%;
}

.skills .skill-bar .bar-inner {
	position: relative;
	width: 100%;
	border-bottom: 6px solid rgba(255, 255, 255, 0.20);
}

.skills .bar {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	border-bottom: 6px solid #ffffff;
	-webkit-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	transition: all 2000ms ease;
}

.skills .skill-header {
	position: relative;
	margin-bottom: 10px;
}

.skills .skill-title {
	float: left;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4em;
	text-transform: capitalize;
}

.skills .skill-percentage {
	position: absolute;
	right: 0px;
	top: -30px;
	float: right;
	font-weight: 500;
	color: #ffffff;
	font-size: 16px;
	text-transform: capitalize;
}

.experiance-section .featured-column {
	position: relative;
}

.experiance-section .featured-column .inner-column {
	position: relative;
	padding-left: 35px;
	padding-top: 30px;
}

.experiance-section .pattern-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 140px;
	width: 210px;
	height: 482px;
}

.experiance-section .pattern-layer-two {
	position: absolute;
	content: '';
	right: 0px;
	top: 100px;
	width: 220px;
	height: 487px;
}

/* Doctor Detail Section */

.doctor-detail-section {
	position: relative;
	padding: 100px 0px 100px;
}

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

.doctor-detail-section .image-column .inner-column {
	position: relative;
}

.doctor-detail-section .image {
	position: relative;
}

.doctor-detail-section img {
	position: relative;
	width: 100%;
	display: block;
}

.doctor-detail-section .number-box {
	position: absolute;
	left: -15px;
	bottom: 30px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	border-radius: 0px 50px 50px 0px;
	background-color: #1cba9f;
	padding: 10px 25px 10px 90px;
}

.doctor-detail-section .number-box:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: -15px;
	border-top: 15px solid #0d7563;
	border-left: 15px solid transparent;
}

.doctor-detail-section .play-button {
	position: absolute;
	left: 20px;
	top: -8px;
	width: 60px;
	height: 60px;
	color: #ffffff;
	border-radius: 50%;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border: 5px solid #ffffff;
	background-color: #4ed964;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.20);
}

.doctor-detail-section .play-button:hover {
	transform: scale(1.1, 1.1);
}

.doctor-detail-section .number-box .ripple,
.doctor-detail-section .number-box .ripple:before,
.doctor-detail-section .number-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 55px;
	width: 55px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .9);
	-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .9);
	-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .9);
	-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .9);
	box-shadow: 0 0 0 0 rgba(255, 255, 255, .9);
	-webkit-animation: ripple-2 3s infinite;
	-moz-animation: ripple-2 3s infinite;
	-ms-animation: ripple-2 3s infinite;
	-o-animation: ripple-2 3s infinite;
	animation: ripple-2 3s infinite;
}

.doctor-detail-section .number-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute;
}

.doctor-detail-section .number-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute;
}

@-webkit-keyframes ripple-2 {
	70% {
		box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

@keyframes ripple-2 {
	70% {
		box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}

.doctor-detail-section .content-column {
	position: relative;
}

.doctor-detail-section .content-column .inner-column {
	position: relative;
	padding-left: 30px;
	padding-top: 12px;
}

.doctor-detail-section h2 {
	position: relative;
	color: #222222;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 20px;
}

.doctor-detail-section .social-box {
	position: relative;
}

.doctor-detail-section .social-box li {
	position: relative;
	margin-right: 8px;
	display: inline-block;
}

.doctor-detail-section .social-box li a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #ffffff;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #1cba9f;
}

.doctor-detail-section .social-box li.facebook a {
	background-color: #3b5998;
}

.doctor-detail-section .social-box li.twitter a {
	background-color: #1da1f2;
}

.doctor-detail-section .social-box li.linkedin a {
	background-color: #0077b5;
}

.doctor-detail-section .social-box li.youtube a {
	background-color: #ff0000;
}

.doctor-detail-section .social-box li.vk a {
	background-color: #45668e;
}

/* Doctor Info List */

.doctor-info-list {
	position: relative;
	margin-bottom: 40px;
}

.doctor-info-list li {
	position: relative;
	color: #222222;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
}

.doctor-info-list li span {
	position: relative;
	width: 160px;
	margin-right: 30px;
	display: inline-block;
}

.doctor-info-list li span:before {
	position: absolute;
	content: ':';
	right: 0px;
	top: 0px;
	color: #222222;
	font-weight: 500;
}

/* Biography Section */

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

.biography-section .pattern-one {
	position: absolute;
	content: '';
	left: 0px;
	top: 40px;
	width: 436px;
	height: 359px;
	display: inline-block;
}

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

.biography-section .title-column h2 {
	position: relative;
	font-weight: 700;
	color: #222222;
	padding-right: 100px;
	display: inline-block;
	text-transform: capitalize;
}

.biography-section .title-column h2:after {
	position: absolute;
	content: '';
	right: 0px;
	top: 18px;
	height: 3px;
	width: 80px;
	background-color: #1cba9f;
}

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

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

.biography-section p {
	position: relative;
	color: #313131;
	font-size: 18px;
	line-height: 1.6em;
	margin-bottom: 25px;
}

.biography-section .signature {
	position: relative;
}

/*** 

====================================================================
	Services Page Section
====================================================================

 ***/

.services-page-section {
	position: relative;
	padding: 100px 0px 70px;
}

/* Services Block Three */

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

.services-block-three .inner-box {
	position: relative;
	display: flex;
    flex-direction: column;
	padding: 15px 15px;
	border-radius: 20px;
	height: 530px;
	border: 1px solid #223a66;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.services-block-three .inner-box:hover {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.10);
	border: 1px solid transparent;
}

.services-block-three .image {
	position: relative;
}

.services-block-three .image img {
	position: relative;
	width: 100%;
	display: block;
}

.services-block-three .lower-content {
	display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.services-block-three .button-box{
	margin-top: auto;   /* Push button to bottom */
    text-align: left;
}
.services-block-three .icon-box {
	position: relative;
	width: 60px;
	height: 60px;
	color: #ffffff;
	font-size: 25px;
	line-height: 60px;
	text-align: center;
	border-radius: 50px;
	margin: 0 auto;
	margin-top: -30px;
	background-color: #223a66;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.services-block-three .inner-box:hover .icon-box {
	background-color: #42caff;
}

.services-block-three .inner-box:hover .icon-box {
	box-shadow: 0px 0px 25px rgba(34, 58, 102, 0.40);
}

.services-block-three h3 {
	position: relative;
	color: #222222;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 24px;
	margin-bottom: 12px;
}

.services-block-three h3 a {
	position: relative;
	color: #222222;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.services-block-three h3 a:hover {
	color: #42caff;
}

.services-block-three .text {
	position: relative;
	color: #222222;
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.7em;
}

/* Services Single Section */

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

.services-widget {
	position: relative;
	margin-bottom: 60px;
}

.cat-list {
	position: relative;
}

.cat-list li {
	position: relative;
	margin-bottom: 1px;
	box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05);
}

.cat-list li:before {
	position: absolute;
	right: 20px;
	top: 24px;
	z-index: 1;
	opacity: 0;
	content: "\f11d";
	font-family: "Flaticon";
}

.cat-list li:hover::before,
.cat-list li.active::before {
	opacity: 1;
	color: #ffffff;
}

.cat-list li a {
	position: relative;
	color: #222222;
	font-size: 16px;
	font-weight: 500;
	padding: 23px 28px;
	display: block;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cat-list li:hover a,
.cat-list li.active a {
	position: relative;
	color: #ffffff;
	background-color: #223a66;
}

/* Schedule Widget */

.schedule-widget {
	position: relative;
}

.schedule-widget .image {
	position: relative;
}

.schedule-widget img {
	position: relative;
	width: 100%;
	display: block;
}

.schedule-widget .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #223a66 100%);
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #223a66 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #223a66 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(100, #223a66));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #223a66 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #223a66 100%);
}

.schedule-widget .content {
	position: absolute;
	left: 40px;
	bottom: 30px;
	right: 40px;
	padding-left: 60px;
}

.schedule-widget h3 {
	position: relative;
	color: #ffffff;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
}

.schedule-widget .icon {
	position: absolute;
	left: 0px;
	top: 8px;
	font-weight: 400;
	color: #ffffff;
	font-size: 45px;
	line-height: 1em;
}

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

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

.services-single-section .services-carousel {
	position: relative;
}

.services-single-section .carousel-outer {
	position: relative;
	overflow: hidden;
}

.services-single-section .thumbs-carousel {
	position: relative;
	width: 145px !important;
	height: 95px;
	margin: 0 auto;
	overflow: visible;
	margin-top: 10px;
}

.services-single-section .thumbs-carousel .owl-stage-outer {
	overflow: visible;
}

.services-single-section .owl-stage-outer .owl-item.active li:before {
	display: none;
}

.services-single-section .thumbs-carousel .owl-nav,
.services-single-section .thumbs-carousel .owl-prev {
	display: none;
}

.services-single-section .thumbs-carousel li {
	cursor: pointer;
}

.services-single-section .thumbs-carousel li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	opacity: 0.8;
	background-color: #223a66;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.services-single-section .thumbs-carousel li:hover::before {
	opacity: 0;
}

.services-single-section h2 {
	position: relative;
	color: #223a66;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 40px;
	margin-bottom: 18px;
}

.services-single-section .text {
	position: relative;
}

.services-single-section p {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 15px;
}

/* Plan List */

.plan-list {
	position: relative;
}

.plan-list li {
	position: relative;
	margin-bottom: 10px;
	color: #222222;
	font-size: 16px;
}

.plan-list li i {
	position: relative;
	padding-right: 8px;
	background-color: #ffffff;
}

.plan-list li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 13px;
	height: 1px;
	width: 100%;
	border: 1px dashed #e5e5e5;
}

.plan-list li span {
	position: absolute;
	right: 0px;
	top: 0px;
	padding-left: 8px;
	background-color: #ffffff;
}

/* List Style Three */

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

.list-style-three li {
	position: relative;
	color: #222222;
	font-weight: 500;
	margin-bottom: 10px;
	padding-left: 20px;
}

.list-style-three li:before {
	position: absolute;
	content: "\f193";
	left: 0px;
	top: 0px;
	font-family: "Flaticon";
}

/* Contact Page Section */

.contact-page-section {
	position: relative;
	padding: 100px 0px 100px;
	background-position: center center;
	background-repeat: no-repeat;
}

.contact-page-section .pattern-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 210px;
	right: 0px;
	bottom: 0px;
	width: 224px;
	height: 488px;
}

.contact-page-section .info-column .inner-column {
	position: relative;
	padding-top: 35px;
}

/* Contact Address */

.contact-address {
	position: relative;
	margin-bottom: 40px;
}

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

.contact-address .icon-box {
	position: relative;
	color: #42caff;
	font-size: 40px;
	line-height: 1em;
}

.contact-address .inner h4 {
	position: relative;
	color: #222222;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	margin-top: 18px;
	margin-bottom: 10px;
}

.contact-address .text {
	position: relative;
	font-size: 16px;
	line-height: 1.7em;
	color: rgba(34, 34, 34, 0.70);
}

.contact-page-section .form-column .inner-column {
	position: relative;
	padding: 35px 40px;
	background-color: rgb(255 255 255 / 90%);
	box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.10);
}

.contact-page-section .title-box {
	position: relative;
	margin-bottom: 35px;
}

.contact-page-section .title-box .title {
	position: relative;
	color: #ffffff;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3em;
}

.contact-page-section .title-box h3 {
	position: relative;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.3em;
	margin-top: 3px;
}

/* Contact Form */

.contact-form {
	position: relative;
}

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

.contact-form .form-group.comment-group .icon {
	top: 0px;
}

.contact-form .form-group .icon {
	position: absolute;
	left: 0px;
	top: 12px;
	color: #ffffff;
	font-size: 18px;
	line-height: 1em;
}

.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	color: #a5a5a5;
	line-height: 26px;
	padding: 0px 15px 8px 35px;
	height: 50px;
	font-size: 14px;
	border-radius: 2px;
	background: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus {
	border-color: #1cba9f;
}

.contact-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 0px 15px 10px 35px;
	color: #a5a5a5;
	height: 100px;
	font-size: 14px;
	resize: none;
	border-radius: 2px;
	background: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form .form-group .submit-btn {
	position: relative;
	border-radius: 50px;
	color: #223a66;
	width: 100%;
	font-weight: 500;
	padding: 16px 8px;
	margin-top: 15px;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.contact-form .form-group .submit-btn:hover {
	background: none;
	color: #ffffff;
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important;
}
.error{
	color: red !important;
}
.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 12px;
	color: #ff0000;
	font-weight: 500;
}

/*** 

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

***/

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

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

.map-canvas {
	height: 450px;
}

.map-section .google-map {
	height: 448px;
}

/*** 

====================================================================
	Department Page Section
====================================================================

***/

.department-page-section {
	position: relative;
	padding-top: 100px;
}

.department-page-section .outer-container {
	position: relative;
	max-width: 1115px;
	margin: 0 auto;
	overflow-x: auto;
	box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.10);
}

.department-page-section .outer-container .inner-container {
	position: relative;
	max-width: 1115px;
	margin: 0 auto;
}

/* Days Block */

.days-blocks {
	position: relative;

}

.days-blocks .days-inner {
	position: relative;
	padding-left: 140px;
}

.days-blocks .days-inner .days-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	margin-bottom: 2px;
	color: #ffffff;
	min-height: 60px;
	line-height: 59px;
	font-size: 42px;
	display: block;
	min-width: 137px;
	margin-right: 2px;
	text-align: center;
	background-color: #1cba9f;
}

.days-blocks .days-inner .days-name {
	position: relative;
	min-height: 60px;
	line-height: 59px;
	float: left;
	color: #222222;
	font-size: 16px;
	font-weight: 600;
	min-width: 137px;
	margin-bottom: 2px;
	text-align: center;
	margin-right: 2px;
	text-transform: capitalize;
}

.days-blocks .days-inner .days-name:nth-child(2n + 1) {
	background-color: #ecf9f5;
}

/* Times Block */

.times-blocks {
	position: relative;
	float: left;
}

.times-blocks .times-inner {
	position: relative;
}

.times-blocks .times-inner .time-date {
	position: relative;
	min-height: 140px;
	padding-left: 20px;
	padding-top: 45px;
	font-weight: 600;
	color: #222222;
	font-size: 16px;
	width: 137px;
	margin-bottom: 2px;
	margin-right: 2px;
}

.times-blocks .times-inner .time-date:nth-child(2n + 1) {
	background-color: #ecf9f5;
}

.info-blocks {
	position: relative;
	float: left;
}

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

.info-blocks .info-inner .info-content {
	position: relative;
	padding-top: 30px;
	width: 137px;
	padding-left: 20px;
	margin-bottom: 2px;
	margin-right: 2px;
	background-color: #223a66;
}

.info-blocks .info-inner .info-content:last-child {
	margin-bottom: 0px;
}

.info-blocks .info-inner .info-content.empty-block {
	min-height: 140px;
	background-color: #ffffff;
}

.info-blocks .info-inner .info-content.white-large {
	min-height: 281px;
	background-color: #ffffff;
}

.info-blocks .info-inner .info-content.x-large {
	min-height: 424px;
}

.info-blocks .info-inner .info-content.style-two {
	background-color: #1cba9f;
}

.info-blocks .info-inner .info-content.large {
	min-height: 282px;
}

.info-blocks .info-inner .info-content.medium {
	min-height: 140px;
}

.info-blocks .info-inner .info-content h4 {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6em;
	color: #ffffff;
	margin-bottom: 12px;
	padding-bottom: 10px;
}

.info-blocks .info-inner .info-content h4:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	height: 2px;
	width: 20px;
	background-color: rgba(255, 255, 255, 0.15);
}

.info-blocks .info-inner .info-content .author {
	position: relative;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6em;
	color: #ffffff;
}

.page-title {
	position: relative;
}

.page-title .outer-container {
	position: relative;
}

.page-title .outer-container .image {
	position: relative;
}

.page-title .outer-container .image img {
	position: relative;
	width: 100%;
	height: 215px;
	display: block;
}

.elementskit-header {
	position: relative;
	z-index: 10;
}

.main-header .elementskit-navbar-nav>li {
	margin-right: 30px;
	padding: 25px 0px;
}

.main-header.header-style-two .elementskit-navbar-nav>li,
.main-header.header-style-three .elementskit-navbar-nav>li {
	padding: 16px 0px;
}

.main-header.header-style-two .elementskit-navbar-nav>li:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 21px;
	height: 2px;
	width: 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #42caff;
}

.main-header.header-style-two .elementskit-navbar-nav>li:hover::before {
	width: 15px;
}





.main-header.header-style-three .elementskit-navbar-nav>li:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 21px;
	height: 2px;
	width: 0px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	background-color: #f13a66;
}

.main-header.header-style-three .elementskit-navbar-nav>li:hover::before {
	width: 15px;
}






.main-header .elementskit-navbar-nav>li:last-child {
	margin-right: 0px;
}

.main-header .elementskit-navbar-nav>li>a {
	padding: 30.5px 0px;
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 35px;
	font-weight: 500;
	opacity: 1;
	color: #222222;
	padding: 0;
	text-transform: capitalize;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header.header-style-two .elementskit-navbar-nav>li>a,
.main-header.header-style-three .elementskit-navbar-nav>li>a {
	color: #ffffff;
}

.main-header .elementskit-navbar-nav>li.elementskit-dropdown-has>a:before {
	content: "\f13d";
	position: absolute;
	right: 0px;
	top: 4px;
	font-size: 10px;
	line-height: 26px;
	font-weight: 800;
	font-family: "Flaticon";
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	color: #1cba9f;
}

.main-header.header-style-two .elementskit-navbar-nav>li.elementskit-dropdown-has>a:before,
.main-header.header-style-three .elementskit-navbar-nav>li.elementskit-dropdown-has>a:before {
	color: rgba(255, 255, 255, 0.50);
}

.main-header.header-style-two .elementskit-navbar-nav>li.elementskit-dropdown-has>a:hover::before,
.main-header.header-style-three .elementskit-navbar-nav>li.elementskit-dropdown-has>a:hover::before {
	color: #ffffff;
}

/* .main-header .elementskit-navbar-nav > li.elementskit-dropdown-has > a:after{
	content: "\f137";
    position: absolute;
    right: 0px;
    top: 4px;
    opacity: 0;
    font-size: 10px;
    line-height: 26px;
    font-weight: 800;
    font-family: "Flaticon";
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
} */

.main-header .elementskit-navbar-nav>li.elementskit-dropdown-has a {
	padding-right: 18px !important;
}

/* .main-header .elementskit-navbar-nav > li:hover > a:before{
	opacity:0;
}

.main-header .elementskit-navbar-nav > li:hover > a:after{
	opacity:1;
} */

.main-header .elementskit-dropdown {
	background-color: #ffffff;
	border: 3px solid #1cb89d;
}

.main-header .elementskit-submenu-panel>li {
	position: relative;
	border-bottom: 1px solid #f9f9f9;
}

.main-header .elementskit-submenu-panel>li>a {
	position: relative;
	padding: 12px 5px;
	color: #222222;
	display: block;
	font-size: 15px;
	font-weight: 500;
	text-transform: capitalize;
	background: none;

}







/*** 

====================================================================
	Branch Tabs Style
====================================================================

***/

.department-page-section .network-tabs {
	position: relative;
}

.department-page-section .network-tabs .tab-btns {
	position: relative;
	z-index: 1;
	margin-left: 30px;
	margin-bottom: 45px;
}

.department-page-section .network-tabs .tab-btns .our-branches {
	position: relative;
	color: #222222;
	font-weight: 600;
	width: 100%;
	max-width: 360px;
	font-size: 15px;
	font-style: normal;
	height: 56px;
	padding: 10px 28px;
	line-height: 34px;
	color: #ffffff;
	border: none;
	float: left;
	margin-right: 30px;
	border-radius: 0px;
	background: rgba(255, 255, 255, 0.10);
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}

.department-page-section .network-tabs .tab-btns .our-branches .btn {
	position: relative;
	width: 100%;
	font-size: 16px;
	color: #222222;
	display: block;
	text-align: left;
	padding: 6px 0px;
	border-radius: 0px;
	border: none;
	background: none;
	box-shadow: none;
	font-weight: 600;
}

.department-page-section .network-tabs .tab-btns .our-branches .btn .icon {
	margin-right: 5px;
	color: #17b2e1;
}

.department-page-section .network-tabs .tab-btns .our-branches .btn:hover {
	background: none;
}

.department-page-section .network-tabs .tab-btns .our-branches .btn .fa {
	position: absolute;
	right: 0px;
	top: 10px;
}

.department-page-section .our-branches .dropdown-menu {
	top: 100%;
	left: 0px;
	width: 100%;
	border-radius: 0px;
	margin-top: 10px;
	background-color: #ffffff;
	border: none;
	padding: 0px;
	z-index: 1;
	margin-left: -28px;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.department-page-section .our-branches a:hover {
	background: none;
}

.department-page-section .our-branches .dropdown-menu>li {
	padding-right: 0px !important;
	margin: 0px !important;
	float: none;
	width: 100%;
	color: #222222;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	padding: 6px 32px 6px;
	display: block !important;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.department-page-section .our-branches .dropdown-menu>li:last-child {
	border-bottom: none;
}

.department-page-section .our-branches .dropdown-menu>li:hover {
	color: #ffffff !important;
	background-color: rgba(28, 184, 157, 1);
}

.department-page-section .network-tabs .tabs-content {
	position: relative;
	padding: 15px 0px 0px;
}

.department-page-section .network-tabs .tabs-content .tab {
	position: relative;
	display: none;
}

.department-page-section .network-tabs .tabs-content .tab.active-tab {
	display: block;
}

.close-side-widget {
	color: #ffffff !important;
	font-size: 24px;
}

.main-header .xs-menu-tools {
	position: absolute;
	right: 0px;
	top: 17px;
	z-index: 1;
}

.main-header .xs-menu-tools li {
	position: relative;
}

.main-header .xs-navbar {
	display: block;
}

/* Nav Search Button */

.navsearch-button {
	position: relative;
	width: 60px;
	height: 50px;
	cursor: pointer;
	background: none;
	font-size: 18px;
	color: #ffffff !important;
	text-align: center;
	line-height: 54px;
	display: inline-block;
	background-color: #558dca;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.navsearch-button:before {
	position: absolute;
	content: '';
	left: -5px;
	top: 0px;
	width: 12px;
	z-index: -1;
	height: 100%;
	background-color: #d3d8e0;
	-ms-transform: skewX(-12deg);
	-webkit-transform: skewX(-12deg);
	transform: skewX(-12deg);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.navsearch-button:hover {
	background-color: #1cba9f;
}

.navsearch-button:hover::before {
	-ms-transform: skewX(12deg);
	-webkit-transform: skewX(12deg);
	transform: skewX(12deg);
}

.main-header .header-upper .elementskit-navbar {
	margin-left: 260px;
}

/* Cart Product */

.cart-product {
	position: relative;
	margin-bottom: 20px;
	min-height: 90px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.cart-product .inner {
	position: relative;
	padding-left: 90px;
	min-height: 70px;
}

.cart-product .inner .cross-icon {
	position: absolute;
	right: 0px;
	top: -2px;
	z-index: 1;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.cart-product .inner .cross-icon:hover {
	color: #1cb89d;
}

.cart-product .inner .image {
	position: absolute;
	width: 70px;
	height: 70px;
	left: 0px;
	top: 0px;
}

.cart-product .inner h3 {
	position: relative;
	font-weight: 400;
	font-size: 14px;
	margin: 0px;
	margin-bottom: 6px;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-family: 'Poppins', sans-serif;
}

.cart-product .inner h3 a {
	color: #ffffff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.cart-product .inner h3 a:hover {
	color: #1cb89d;
}

.cart-product .inner .quantity-text {
	position: relative;
	font-weight: 300;
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 0px;
}

.cart-product .inner .price {
	position: relative;
	font-weight: 400;
	font-size: 15px;
	margin: 0px;
	color: #ffffff;
}

.main-header .elementskit-megamenu-panel>li {
	padding: 0px;
}

.main-header .elementskit-megamenu-panel li:before {
	display: none;
}

.main-header .elementskit-dropdown li:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background-color: #1cb89d;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}


.main-header .elementskit-dropdown li.active::before {
	width: 100%;
}

.main-header .elementskit-dropdown li.active a {
	color: #ffffff;
}

.main-header .elementskit-dropdown li:hover::before {
	width: 100%;
}

.main-header .elementskit-dropdown>li:hover>a {
	color: #ffffff;
}

.elementskit-submenu-panel>li:hover>a,
.elementskit-submenu-panel>li>a:hover {
	background: none !important;
}

.main-header .elementskit-megamenu-panel {
	border: none;
	padding: 25px 0px 20px;
}

.elementskit-dropdown {
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}

.megamenu_lists li a {
	position: relative;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	z-index: 1;
}

.megamenu_lists li a:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 0px;
	height: 100%;
	background-color: #1cb89d;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
}

.megamenu_lists li a:hover {
	color: #ffffff;
}

.megamenu_lists li a:hover::before {
	width: 100%;
	z-index: -1;
}

div#call-fx {
    position: fixed;
    bottom: 70px;
    left: 5px;
    z-index: 99999;
}

div#wmn-fx {
    position: fixed;
    bottom: 152px;
    right: 5px;
    z-index: 99999;
}

.wmn-wrap .wmn-widget {
    padding: 15px;
    background: #fff;
    box-shadow: 0px 0px 10px -3px;
    border-radius: 90px;
    cursor: pointer;
    z-index: 15;
    position: relative;
    width: 62px;
    height: 62px;
    box-sizing: border-box;
}

.premium-content-title {
	/* padding: 30px 0px; */
	background-color: #ffffff;
}

/***

====================================================================
	PREMIUM DESIGN SYSTEM (reusable tokens + components)
====================================================================

***/

:root {
	--grad-primary: linear-gradient(135deg, #2563eb, #06b6d4);
	--grad-accent: linear-gradient(90deg, #39c6f0, #9b51e0);
	--ink-900: #111827;
	--ink-700: #1f2937;
	--ink-500: #6b7280;
	--surface-alt: #f5f9fc;
	--radius-lg: 18px;
	--shadow-soft: 0 15px 45px rgba(17, 24, 39, 0.07);
	--ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ===== Scroll-reveal utility (reusable) ===== */
.reveal-on-scroll {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s var(--ease-premium), transform 0.7s var(--ease-premium);
}

.reveal-on-scroll.revealed {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.reveal-on-scroll {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* Section scaffolding */
.home-section {
	position: relative;
	padding: 100px 0;
}

.home-section-alt {
	background: var(--surface-alt);
}

.section-heading {
	max-width: 700px;
	margin: 0 auto 55px;
}

.section-heading.text-center {
	text-align: center;
}

.section-eyebrow {
	display: inline-block;
	padding: 7px 18px;
	border-radius: 50px;
	background: var(--grad-accent);
	color: #ffffff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 18px;
}

.section-title {
	font-size: 38px;
	font-weight: 700;
	color: var(--ink-900);
	line-height: 1.25;
	margin-bottom: 16px;
}

.section-subtitle {
	font-size: 16px;
	line-height: 1.8;
	color: var(--ink-500);
}

/* Global links reset text-decoration:none, so an inline link inside body
   copy needs its own visible affordance to read as clickable. */
.section-subtitle a {
	color: #2563eb;
	text-decoration: underline;
	text-underline-offset: 3px;
	font-weight: 600;
}

.section-subtitle a:hover {
	color: #1d4ed8;
}

/* Secondary button (pairs with .premium-btn-white as the primary) */
.btn-outline-premium {
	display: inline-block;
	padding: 10px 22px;
	border-radius: 30px;
	border: 2px solid #2563eb;
	color: #2563eb;
	font-weight: 600;
	text-decoration: none;
	transition: 0.3s ease;
	margin-top: 18px;
	margin-left: 12px;
}

.btn-outline-premium:hover {
	background: var(--grad-primary);
	border-color: transparent;
	color: #ffffff;
	transform: translateY(-2px);
}

/* Info card (icon + title + text) */
.info-card {
	height: 100%;
	padding: 40px 30px;
	background: #ffffff;
	border-radius: var(--radius-lg);
	border: 1px solid #f1f1f1;
	box-shadow: var(--shadow-soft);
	transition: all 0.4s ease;
}

.info-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.info-card-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--grad-primary);
	color: #ffffff;
	font-size: 20px;
	margin-bottom: 22px;
}

.info-card h4 {
	font-size: 20px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 12px;
}

.info-card p {
	font-size: 15px;
	line-height: 1.7;
	color: var(--ink-500);
	margin: 0;
}

/* Stat row (reuses .count-box/.count-text JS hooks from script.js) */
.stats-row {
	display: flex;
	flex-wrap: wrap;
	gap: 36px;
	margin-top: 40px;
}

.stats-row .count-box {
	min-width: 110px;
}

.stats-row .count-value {
	font-size: 34px;
	font-weight: 800;
	color: var(--ink-900);
	line-height: 1;
}

.stats-row .count-label {
	font-size: 14px;
	color: var(--ink-500);
	margin-top: 8px;
}

/* ===== HOME HERO ===== */
.home-hero {
	position: relative;
	padding: 150px 0 110px;
	overflow: hidden;
	background: linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%);
}

.home-hero-grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 60px;
	align-items: center;
}

.home-hero-title {
	font-size: 50px;
	font-weight: 800;
	line-height: 1.2;
	color: var(--ink-900);
	margin-bottom: 22px;
}

.home-hero-text {
	max-width: 560px;
	margin-bottom: 30px;
}

.home-hero-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.home-hero-actions .btn-outline-premium {
	margin-left: 0;
	margin-right: 12px;
}

.home-hero-actions .premium-btn-white {
	margin-top: 18px;
	margin-right: 12px;
}

.home-hero-media {
	position: relative;
}

.home-hero-media img {
	position: relative;
	z-index: 2;
	width: 100%;
	border-radius: 24px;
	box-shadow: 0 30px 70px rgba(17, 24, 39, 0.18);
	transform: perspective(1200px) rotateY(-6deg) rotateX(2deg);
	transition: transform 0.5s ease;
}

.home-hero-media:hover img {
	transform: perspective(1200px) rotateY(0deg) rotateX(0deg);
}

.home-hero-media-blob {
	position: absolute;
	inset: -30px -10px auto auto;
	width: 320px;
	height: 320px;
	background: var(--grad-accent);
	opacity: 0.25;
	filter: blur(80px);
	border-radius: 50%;
	z-index: 1;
}

/* About snapshot */
.about-snapshot {
	display: grid;
	grid-template-columns: 0.85fr 1.15fr;
	gap: 60px;
	align-items: center;
}

.about-snapshot-media img {
	width: 100%;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
	transform: perspective(1200px) rotateY(5deg) rotateX(2deg);
	transition: transform 0.5s ease;
}

.about-snapshot-media:hover img {
	transform: perspective(1200px) rotateY(0deg) rotateX(0deg);
}

.about-snapshot-content p.section-subtitle {
	margin-bottom: 16px;
}

/* Responsive */
@media (max-width: 992px) {
	.home-hero {
		padding: 130px 0 80px;
	}

	.home-hero-grid,
	.about-snapshot {
		grid-template-columns: 1fr;
	}

	.home-hero-media {
		margin-top: 50px;
	}

	.about-snapshot-media {
		margin-bottom: 40px;
	}

	.home-hero-title {
		font-size: 36px;
	}

	.section-title {
		font-size: 30px;
	}

	.home-section {
		padding: 70px 0;
	}
}

@media (max-width: 576px) {
	.home-hero-actions .btn-outline-premium,
	.home-hero-actions .premium-btn-white {
		margin-left: 0;
		margin-right: 10px;
	}

	/* Keep this as a single row instead of letting 3 items wrap to two —
	   wrapping roughly doubles this block's height, which is what was
	   pushing it down underneath the fixed call/WhatsApp buttons. */
	.stats-row {
		flex-wrap: nowrap;
		gap: 12px;
		margin-top: 12px;
	}

	.stats-row .count-box {
		min-width: 0;
		flex: 1 1 0;
	}

	.stats-row .count-value {
		font-size: 26px;
	}

	.stats-row .count-label {
		font-size: 12px;
		margin-top: 4px;
		white-space: nowrap;
	}

	/* Below ~360px "Happy Clients" no longer fits on one line at 12px,
	   wrapping to two lines and making the whole row noticeably taller —
	   tall enough to reach the fixed call/WhatsApp buttons again. */
	@media (max-width: 360px) {
		.stats-row .count-label {
			font-size: 10px;
		}

		.stats-row {
			margin-top: 6px;
		}

		/* At this width the 36px heading wraps to an extra line, which by
		   itself pushes the stats row down further than the margin-top
		   saved above can make up for. */
		.home-hero-title {
			font-size: 30px;
			margin-bottom: 14px;
		}

		.home-hero-text {
			margin-bottom: 18px;
		}
	}

	/* The hero's top/bottom padding was tuned for tablets and up; on short
	   phone viewports it pushes the stats row down far enough to land
	   underneath the fixed call/WhatsApp buttons, hiding part of it. */
	.home-hero {
		padding: 80px 0 50px;
	}

	/* Shrink the fixed call/WhatsApp buttons on phones so there's less
	   chance of them covering page content that scrolls underneath them.
	   (.wmn-widget has an explicit width/height, not one derived from its
	   padding, so both need overriding together.) */
	.wmn-wrap .wmn-widget {
		width: 46px;
		height: 46px;
		padding: 8px;
	}

	.wmn-wrap .wmn-widget svg {
		width: 22px;
		height: 22px;
	}

	/* call-fx (left) and wmn-fx (right, stacked above .chatbot-toggle) all
	   need repositioning together — shrinking wmn-fx alone just moves the
	   collision onto whichever fixed button is now closest to it. The
	   .chatbot-toggle part of this same fix lives further down this file,
	   right after .chatbot-toggle's own base rule (a same-specificity
	   override placed earlier in the cascade would just lose to it). */
	div#call-fx {
		bottom: 12px;
	}

	div#wmn-fx {
		bottom: 58px;
	}
}

/* ===== PROCESS STEPS ===== */
.process-steps {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 30px;
	counter-reset: process;
}

.process-step {
	position: relative;
	padding: 36px 26px;
	background: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(8px);
	border-radius: var(--radius-lg);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: var(--shadow-soft);
	text-align: center;
	transform-style: preserve-3d;
	transition: box-shadow 0.4s var(--ease-premium);
}

.process-step::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: linear-gradient(120deg, transparent, rgba(37, 99, 235, 0.07), transparent);
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}

.process-step:hover::before {
	opacity: 1;
}

.process-step:hover {
	box-shadow: 0 30px 70px rgba(0, 0, 0, 0.12), 0 0 35px rgba(57, 198, 240, 0.2);
}

.process-step-glow {
	position: absolute;
	top: 14px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background: var(--grad-primary);
	filter: blur(22px);
	opacity: 0.35;
	z-index: 1;
	pointer-events: none;
	animation: icon-glow-float 5s ease-in-out infinite;
}

.process-step-number {
	counter-increment: process;
	position: relative;
	z-index: 2;
	width: 48px;
	height: 48px;
	margin: 0 auto 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--grad-primary);
	color: #ffffff;
	font-weight: 700;
	font-size: 18px;
	box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
	transition: transform 0.4s var(--ease-premium);
}

.process-step:hover .process-step-number {
	transform: translateZ(35px) scale(1.08);
}

.process-step-number::before {
	content: counter(process);
}

.process-step h4 {
	position: relative;
	z-index: 2;
	font-size: 19px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 10px;
}

.process-step p {
	position: relative;
	z-index: 2;
	font-size: 14px;
	line-height: 1.7;
	color: var(--ink-500);
	margin: 0;
}

/* Connector line between steps (desktop only) */
.process-steps .process-step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 60px;
	left: auto;
	right: -30px;
	bottom: auto;
	width: 30px;
	height: 3px;
	border-radius: 2px;
	opacity: 1;
	background: linear-gradient(90deg, rgba(37, 99, 235, 0.55), rgba(6, 182, 212, 0.55));
	box-shadow: 0 0 8px rgba(37, 99, 235, 0.3);
}

@media (prefers-reduced-motion: reduce) {
	.process-step-glow {
		animation: none !important;
	}
}

/* ===== INDUSTRIES STRIP ===== */
.industries-strip {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 20px;
}

.industry-chip {
	display: block;
	padding: 30px 16px;
	text-align: center;
	background: #ffffff;
	border-radius: var(--radius-lg);
	border: 1px solid #f1f1f1;
	box-shadow: var(--shadow-soft);
	text-decoration: none;
	transition: all 0.35s ease;
}

.industry-chip:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.industry-chip-icon {
	width: 52px;
	height: 52px;
	margin: 0 auto 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--grad-accent);
	color: #ffffff;
	font-size: 20px;
}

.industry-chip span {
	display: block;
	font-size: 14px;
	font-weight: 600;
	color: var(--ink-900);
}

/* ===== FAQ ACCORDION ===== */
.faq-list {
	max-width: 820px;
	margin: 0 auto;
}

.faq-item {
	background: #ffffff;
	border: 1px solid #f1f1f1;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
	margin-bottom: 16px;
	overflow: hidden;
}

.faq-item summary {
	list-style: none;
	cursor: pointer;
	padding: 22px 26px;
	font-size: 16px;
	font-weight: 600;
	color: var(--ink-900);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.faq-item summary::-webkit-details-marker {
	display: none;
}

.faq-item summary::after {
	content: "+";
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--surface-alt);
	color: var(--ink-900);
	font-size: 18px;
	transition: transform 0.3s ease;
}

.faq-item[open] summary::after {
	transform: rotate(45deg);
}

.faq-item-body {
	padding: 0 26px 22px;
	font-size: 15px;
	line-height: 1.75;
	color: var(--ink-500);
}

@media (max-width: 992px) {
	.process-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.industries-strip {
		grid-template-columns: repeat(3, 1fr);
	}

	.process-steps .process-step::after {
		display: none;
	}
}

@media (max-width: 576px) {
	.industries-strip {
		grid-template-columns: repeat(2, 1fr);
	}
}

/***

====================================================================
	3D TILT INTERFACE (reusable, site-wide)
====================================================================

***/

/* Applied by js/tilt3d.js to card-style components across every page */
.tilt-3d {
	--mx: 50%;
	--my: 50%;
	position: relative;
	transition: transform 0.15s ease-out;
	will-change: transform;
}

/* Mouse-follow lighting: a soft highlight that tracks the cursor position
   (position set live by js/tilt3d.js via --mx/--my custom properties).
   mix-blend-mode keeps existing card text/images legible underneath instead
   of needing z-index changes on every card type across the site. */
.tilt-3d::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: radial-gradient(circle at var(--mx) var(--my), rgba(255, 255, 255, 0.8), transparent 45%);
	opacity: 0;
	mix-blend-mode: overlay;
	transition: opacity 0.35s ease;
	pointer-events: none;
	z-index: 1;
}

.tilt-3d:hover::after {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.tilt-3d,
	.home-hero-media img,
	.about-snapshot-media img,
	.video-box .image img {
		transition: none !important;
		transform: none !important;
	}
}

/***

====================================================================
	PREMIUM PRODUCT SHOWCASE (product.php)
====================================================================

***/

/* Shared industry gradient map (reused by grid icons, glows, and spotlight) */
.manufacturing .product-card-icon-glow, .spotlight-slide.manufacturing .spotlight-glow, .spotlight-slide.manufacturing .spotlight-icon { background: linear-gradient(135deg,#ff512f,#ff9068); }
.ecommerce .product-card-icon-glow, .spotlight-slide.ecommerce .spotlight-glow, .spotlight-slide.ecommerce .spotlight-icon { background: linear-gradient(135deg,#24c6dc,#6dd5ed); }
.retail .product-card-icon-glow, .spotlight-slide.retail .spotlight-glow, .spotlight-slide.retail .spotlight-icon { background: linear-gradient(135deg,#f7971e,#ffd200); }
.healthcare .product-card-icon-glow, .spotlight-slide.healthcare .spotlight-glow, .spotlight-slide.healthcare .spotlight-icon { background: linear-gradient(135deg,#11998e,#38ef7d); }
.education .product-card-icon-glow, .spotlight-slide.education .spotlight-glow, .spotlight-slide.education .spotlight-icon { background: linear-gradient(135deg,#8360c3,#b993d6); }
.technology .product-card-icon-glow, .spotlight-slide.technology .spotlight-glow, .spotlight-slide.technology .spotlight-icon { background: linear-gradient(135deg,#4776e6,#8e54e9); }

/* ===== Category pills ===== */
.product-category-nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-bottom: 55px;
}

.category-pill {
	padding: 10px 22px;
	border-radius: 50px;
	border: 1.5px solid #e5e7eb;
	background: #ffffff;
	color: var(--ink-700);
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.category-pill:hover {
	border-color: transparent;
	color: #ffffff;
	background: var(--grad-accent);
	text-decoration: none;
}

.category-pill.active {
	border-color: transparent;
	color: #ffffff;
	background: var(--grad-primary);
	box-shadow: 0 12px 28px rgba(37, 99, 235, 0.28);
}

/* Brief confirmation ring when a category pill jumps to its card */
.product-card-highlight {
	animation: product-card-highlight-pulse 1.2s ease;
}

@keyframes product-card-highlight-pulse {
	0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.45), 0 15px 40px rgba(0, 0, 0, 0.08); }
	60% { box-shadow: 0 0 0 10px rgba(37, 99, 235, 0), 0 15px 40px rgba(0, 0, 0, 0.08); }
	100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0), 0 15px 40px rgba(0, 0, 0, 0.08); }
}

/* ===== Product card enhancements (extends .luxury-card) ===== */
.luxury-card {
	transform-style: preserve-3d;
	transition: transform 0.5s var(--ease-premium), box-shadow 0.5s var(--ease-premium);
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

@keyframes icon-glow-float {
	0%, 100% { transform: translateY(0) scale(1); }
	50% { transform: translateY(-10px) scale(1.06); }
}

.product-card-icon-glow {
	position: absolute;
	top: 30px;
	left: 35px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	filter: blur(28px);
	opacity: 0.45;
	z-index: 1;
	pointer-events: none;
	animation: icon-glow-float 5s ease-in-out infinite;
}

.luxury-card .luxury-icon {
	position: relative;
	z-index: 2;
	transition: transform 0.4s var(--ease-premium);
}

.luxury-card:hover .luxury-icon {
	transform: translateZ(35px) scale(1.06);
}

@media (prefers-reduced-motion: reduce) {
	.product-card-icon-glow,
	.spotlight-glow {
		animation: none !important;
	}
}

.luxury-tag {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 4px 12px;
	border-radius: 50px;
	background: var(--surface-alt);
	color: var(--ink-500);
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 14px;
}

.luxury-card h4,
.luxury-card p {
	position: relative;
	z-index: 2;
}

.product-card-actions {
	position: relative;
	z-index: 2;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 8px;
}

.product-card-actions a {
	margin: 0 !important;
}

/* ===== Featured product spotlight ===== */
.product-spotlight {
	position: relative;
	padding: 110px 0 30px;
	overflow: hidden;
}

/* Subtle scroll parallax (driven by js/product-showcase.js), kept on its own
   element so it never fights the glow's independent idle-float animation. */
.spotlight-parallax-blob {
	position: absolute;
	top: -80px;
	right: -100px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: var(--grad-accent);
	opacity: 0.12;
	filter: blur(90px);
	z-index: -1;
	pointer-events: none;
	will-change: transform;
}

.spotlight-stage {
	position: relative;
	min-height: 460px;
	perspective: 1800px;
	touch-action: pan-y;
}

/* 3D flip carousel: the inactive state sits rotated away in 3D space;
   becoming .active rotates it flat to face the viewer. Because every
   inactive slide shares the same resting rotation, both the outgoing and
   incoming slide always turn the same direction — a smooth "wheel" motion
   instead of a flat crossfade. */
.spotlight-slide {
	position: absolute;
	inset: 0;
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	align-items: center;
	gap: 50px;
	padding: 50px;
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4));
	backdrop-filter: blur(18px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: 0 30px 80px rgba(17, 24, 39, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.7);
	opacity: 0;
	visibility: hidden;
	transform-style: preserve-3d;
	transform-origin: center center;
	transform: rotateY(-58deg) translateZ(-60px);
	transition: opacity 0.55s var(--ease-premium), transform 0.75s var(--ease-premium), visibility 0.75s;
	cursor: grab;
}

.spotlight-slide.active {
	position: relative;
	opacity: 1;
	visibility: visible;
	transform: rotateY(0deg) translateZ(0);
}

.spotlight-slide.dragging {
	transition: none;
}

.spotlight-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
}

.spotlight-glow {
	position: absolute;
	width: 210px;
	height: 210px;
	border-radius: 50%;
	filter: blur(70px);
	opacity: 0.45;
	animation: icon-glow-float 6s ease-in-out infinite;
}

.spotlight-icon {
	position: relative;
	z-index: 2;
	width: 170px;
	height: 170px;
	border-radius: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 68px;
	color: #ffffff;
	box-shadow: 0 40px 80px rgba(17, 24, 39, 0.22);
	transform: perspective(1000px) rotateY(-12deg) rotateX(6deg);
	transition: transform 0.5s ease;
}

.spotlight-stage:hover .spotlight-icon {
	transform: perspective(1000px) rotateY(0deg) rotateX(0deg) scale(1.05);
}

.spotlight-content .luxury-tag {
	background: #ffffff;
}

.spotlight-content h3 {
	font-size: 32px;
	font-weight: 800;
	color: var(--ink-900);
	line-height: 1.25;
	margin-bottom: 14px;
}

.spotlight-content p {
	font-size: 15px;
	line-height: 1.75;
	color: var(--ink-500);
	margin-bottom: 20px;
}

.spotlight-features {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 26px;
}

.spotlight-feature-chip {
	padding: 6px 14px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.06);
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ink-700);
}

.spotlight-actions .premium-btn-white {
	margin-top: 0;
}

.spotlight-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}

.spotlight-dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: #d1d5db;
	cursor: pointer;
	transition: all 0.3s ease;
}

.spotlight-dot.active {
	width: 30px;
	border-radius: 6px;
	background: var(--grad-primary);
}

.spotlight-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: none;
	background: #ffffff;
	color: var(--ink-900);
	font-size: 18px;
	box-shadow: var(--shadow-soft);
	cursor: pointer;
	z-index: 6;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}

.spotlight-nav-btn:hover {
	background: var(--grad-primary);
	color: #ffffff;
	transform: translateY(-50%) scale(1.08);
}

.spotlight-nav-prev {
	left: -10px;
}

.spotlight-nav-next {
	right: -10px;
}

@media (max-width: 992px) {
	.spotlight-nav-btn {
		display: none;
	}
}

@media (max-width: 992px) {
	.spotlight-slide {
		grid-template-columns: 1fr;
		text-align: center;
		padding: 36px 26px;
		gap: 28px;
	}

	.spotlight-visual {
		height: 220px;
	}

	.spotlight-icon {
		width: 130px;
		height: 130px;
		font-size: 52px;
	}

	.spotlight-features,
	.spotlight-actions {
		justify-content: center;
	}

	.product-spotlight {
		padding: 70px 0 10px;
	}
}

@media (max-width: 576px) {
	.product-card-actions {
		flex-direction: column;
	}

	.product-card-actions a {
		width: 100%;
		text-align: center;
	}

	.category-pill {
		padding: 8px 16px;
		font-size: 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.luxury-card:hover .luxury-icon,
	.spotlight-icon,
	.spotlight-stage:hover .spotlight-icon,
	.spotlight-slide,
	.spotlight-slide.active {
		transform: none !important;
		transition: none !important;
	}

	.spotlight-parallax-blob {
		display: none;
	}
}

/***

====================================================================
	ABOUT US — PREMIUM 3D INTERFACE (about-us.php)
====================================================================

***/

/* ===== Hero ===== */
.about-hero {
	position: relative;
	padding: 150px 0 110px;
	overflow: hidden;
	background: linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%);
}

.about-hero-grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 60px;
	align-items: center;
}

.about-hero-text {
	max-width: 560px;
	margin-bottom: 30px;
}

/* ===== Interactive tech-network visual =====
   An abstract network of connected nodes — deliberately chosen over a random
   3D object because it reads as "software / connectivity", which is what the
   company does. Built with layered CSS + SVG (no WebGL) so it stays light on
   mobile; js/about-tech-network.js adds a subtle mouse-parallax tilt. */
.tech-network-wrap {
	position: relative;
	height: 420px;
	perspective: 1400px;
}

.tech-network-panel {
	position: absolute;
	inset: 10%;
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.65), rgba(255, 255, 255, 0.25));
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: 0 30px 80px rgba(17, 24, 39, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.tech-network {
	position: relative;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: transform 0.3s ease-out;
}

.tech-network-lines {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.tech-network-lines line {
	stroke: url(#tech-line-gradient);
	stroke-width: 1.4;
	opacity: 0.5;
}

.tech-node {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: var(--grad-accent);
	box-shadow: 0 0 18px rgba(155, 81, 224, 0.55);
	animation: tech-node-float 6s ease-in-out infinite;
}

.tech-node.n1 { top: 18%; left: 22%; animation-delay: 0s; }
.tech-node.n2 { top: 30%; left: 72%; animation-delay: 0.6s; }
.tech-node.n3 { top: 62%; left: 16%; animation-delay: 1.2s; }
.tech-node.n4 { top: 74%; left: 66%; animation-delay: 1.8s; }
.tech-node.n5 { top: 46%; left: 46%; animation-delay: 0.9s; }
.tech-node.n6 { top: 20%; left: 50%; animation-delay: 1.5s; }

@keyframes tech-node-float {
	0%, 100% { transform: translateY(0) translateZ(0); }
	50% { transform: translateY(-12px) translateZ(20px); }
}

.tech-network-core {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 96px;
	height: 96px;
	transform: translate(-50%, -50%) translateZ(60px);
	border-radius: 26px;
	background: var(--grad-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	color: #ffffff;
	box-shadow: 0 30px 60px rgba(37, 99, 235, 0.35);
	animation: tech-core-pulse 4s ease-in-out infinite;
}

@keyframes tech-core-pulse {
	0%, 100% { box-shadow: 0 30px 60px rgba(37, 99, 235, 0.35); }
	50% { box-shadow: 0 30px 80px rgba(155, 81, 224, 0.5); }
}

@media (prefers-reduced-motion: reduce) {
	.tech-node,
	.tech-network-core {
		animation: none !important;
	}

	.tech-network {
		transition: none !important;
		transform: none !important;
	}
}

@media (max-width: 992px) {
	.about-hero-grid {
		grid-template-columns: 1fr;
	}

	.tech-network-wrap {
		height: 320px;
		margin-top: 20px;
	}

	.about-hero {
		padding: 130px 0 70px;
	}
}

/* ===== Our Story timeline ===== */
.story-timeline {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
}

.story-timeline::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 24px;
	width: 2px;
	background: linear-gradient(180deg, #39c6f0, #9b51e0);
}

.story-item {
	position: relative;
	padding: 0 0 50px 70px;
}

.story-item:last-child {
	padding-bottom: 0;
}

.story-item-marker {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--grad-primary);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	box-shadow: 0 15px 30px rgba(37, 99, 235, 0.3);
}

.story-item h4 {
	font-size: 20px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 10px;
}

.story-item p {
	font-size: 15px;
	line-height: 1.8;
	color: var(--ink-500);
	margin: 0;
}

@media (max-width: 576px) {
	.story-item {
		padding-left: 58px;
	}

	.story-item-marker {
		width: 42px;
		height: 42px;
		font-size: 16px;
	}
}

/* ===== Vision card animated background ===== */
.mv-card {
	position: relative;
	overflow: hidden;
}

.mv-card.highlight::after {
	content: "";
	position: absolute;
	inset: -50%;
	background: conic-gradient(from 0deg, rgba(57, 198, 240, 0.12), rgba(155, 81, 224, 0.12), rgba(57, 198, 240, 0.12));
	animation: vision-bg-spin 14s linear infinite;
	z-index: -1;
}

@keyframes vision-bg-spin {
	to { transform: rotate(360deg); }
}

.mv-card.highlight {
	transform-style: preserve-3d;
}

@media (prefers-reduced-motion: reduce) {
	.mv-card.highlight::after {
		animation: none !important;
	}
}

/* ===== Stats showcase (reuses .count-box/.count-text from js/script.js) ===== */
.stats-showcase {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 24px;
}

.stats-showcase.cols-3 {
	grid-template-columns: repeat(3, 1fr);
	max-width: 800px;
	margin: 0 auto;
}

.stats-showcase .count-box {
	text-align: center;
	padding: 40px 20px;
	background: #ffffff;
	border-radius: var(--radius-lg);
	border: 1px solid #f1f1f1;
	box-shadow: var(--shadow-soft);
}

.stats-showcase .count-value {
	font-size: 40px;
	font-weight: 800;
	color: var(--ink-900);
	line-height: 1;
}

.stats-showcase .count-label {
	font-size: 14px;
	color: var(--ink-500);
	margin-top: 10px;
}

@media (max-width: 768px) {
	.stats-showcase,
	.stats-showcase.cols-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.stats-showcase.cols-3 {
		grid-template-columns: 1fr;
		max-width: 320px;
	}
}

/***

====================================================================
	SERVICES — PREMIUM 3D INTERFACE (service.php)
====================================================================

***/

/* ===== Dark futuristic hero ===== */
.services-hero {
	position: relative;
	padding: 150px 0 130px;
	overflow: hidden;
	background: linear-gradient(150deg, #0b1224 0%, #131c3a 55%, #1e2a52 100%);
	color: #ffffff;
}

.services-hero-glow-a,
.services-hero-glow-b {
	position: absolute;
	border-radius: 50%;
	filter: blur(110px);
	pointer-events: none;
}

.services-hero-glow-a {
	width: 420px;
	height: 420px;
	top: -140px;
	left: -100px;
	background: #2563eb;
	opacity: 0.35;
}

.services-hero-glow-b {
	width: 380px;
	height: 380px;
	bottom: -140px;
	right: -80px;
	background: #9b51e0;
	opacity: 0.3;
}

.services-hero-grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: 60px;
	align-items: center;
}

.services-hero .section-eyebrow {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.services-hero .section-title {
	color: #ffffff;
	font-size: 44px;
}

.services-hero .section-subtitle {
	color: rgba(255, 255, 255, 0.75);
	max-width: 540px;
	margin-bottom: 30px;
}

.services-hero .btn-outline-premium {
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
}

.services-hero .btn-outline-premium:hover {
	border-color: transparent;
}

/* Dark-theme tech-network glass panel (services hero sits on a dark gradient) */
.services-hero .tech-network-panel {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.services-hero .tech-node {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #ffffff;
}

/* Services uses its own node layout (5 icons in a wider diamond) — positions
   must match the SVG line endpoints drawn in service.php, which differ from
   the About page's scatter layout that shares the same n1–n6 class names. */
.services-hero .tech-node.n1 { top: 22%; left: 20%; }
.services-hero .tech-node.n2 { top: 24%; left: 76%; }
.services-hero .tech-node.n3 { top: 70%; left: 18%; }
.services-hero .tech-node.n4 { top: 72%; left: 74%; }
.services-hero .tech-node.n6 { top: 14%; left: 50%; }

@media (max-width: 992px) {
	.services-hero-grid {
		grid-template-columns: 1fr;
	}

	.services-hero {
		padding: 130px 0 80px;
	}

	.services-hero .section-title {
		font-size: 32px;
	}
}

/* ===== Service cards =====
   .premium-card-white has overflow:hidden (needed for its existing hover-sweep
   effect), so the icon badge sits inside the card over the image corner
   rather than floating above the card's outer edge. */
.service-card-icon-badge {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 3;
	width: 52px;
	height: 52px;
	border-radius: 16px;
	background: var(--grad-primary);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	box-shadow: 0 15px 30px rgba(37, 99, 235, 0.3);
	transition: transform 0.4s var(--ease-premium);
}

.premium-card-white:hover .service-card-icon-badge {
	transform: translateZ(30px) rotate(-6deg) scale(1.08);
}

.premium-card-white {
	transform-style: preserve-3d;
	position: relative;
}

/* Animated gradient border highlight on hover */
.premium-card-white::after {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 18px;
	padding: 1px;
	background: var(--grad-accent);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
	z-index: 3;
}

.premium-card-white:hover::after {
	opacity: 1;
}

.service-card-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 18px;
	font-weight: 600;
	color: #2563eb;
	text-decoration: none;
	background: none;
	border: none;
	padding: 0;
	font-size: 15px;
	cursor: pointer;
	transition: gap 0.3s ease;
}

.service-card-link:hover {
	gap: 12px;
	color: #1c5fd4;
}

.service-card-link:focus-visible,
.category-pill:focus-visible,
.premium-btn-white:focus-visible,
.btn-outline-premium:focus-visible,
.spotlight-nav-btn:focus-visible,
.spotlight-dot:focus-visible,
.service-modal-close:focus-visible,
.portfolio-related-card:focus-visible,
.portfolio-modal-thumb:focus-visible {
	outline: 3px solid #39c6f0;
	outline-offset: 2px;
}

/* ===== Service detail modal (real content only — same data as the card) ===== */
.service-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(15, 23, 42, 0.6);
	backdrop-filter: blur(4px);
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s;
}

.service-modal-overlay.open {
	opacity: 1;
	visibility: visible;
}

.service-modal {
	position: relative;
	width: 100%;
	max-width: 560px;
	max-height: 85vh;
	overflow-y: auto;
	background: #ffffff;
	border-radius: 24px;
	box-shadow: 0 40px 100px rgba(0, 0, 0, 0.35);
	padding: 40px;
	transform: translateY(24px) scale(0.97);
	transition: transform 0.35s var(--ease-premium);
}

.service-modal-overlay.open .service-modal {
	transform: translateY(0) scale(1);
}

.service-modal-close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: var(--surface-alt);
	color: var(--ink-900);
	font-size: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.service-modal-icon {
	width: 60px;
	height: 60px;
	border-radius: 18px;
	background: var(--grad-primary);
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom: 20px;
}

.service-modal img {
	width: 100%;
	border-radius: 16px;
	margin-bottom: 20px;
}

.service-modal h3 {
	font-size: 24px;
	font-weight: 800;
	color: var(--ink-900);
	margin-bottom: 12px;
}

.service-modal p {
	font-size: 15px;
	line-height: 1.8;
	color: var(--ink-500);
	margin-bottom: 24px;
}

@media (prefers-reduced-motion: reduce) {
	.service-modal-overlay,
	.service-modal {
		transition: none !important;
	}
}

@media (max-width: 576px) {
	.service-modal {
		padding: 28px;
	}
}

/***

====================================================================
	CONTACT US — PREMIUM 3D INTERFACE (contact.php)
====================================================================

***/

.contact-hero-heading {
	max-width: 720px;
	margin: 0 auto 60px;
	text-align: center;
}

.contact-friendly-line {
	font-size: 15px;
	color: var(--ink-500);
	margin-top: -6px;
}

.contact-layout {
	display: grid;
	grid-template-columns: 0.95fr 1.05fr;
	gap: 44px;
	align-items: start;
}

/* ===== Left: dark glass info panel ===== */
.contact-info-panel {
	position: relative;
	overflow: hidden;
	background: linear-gradient(150deg, #0b1224 0%, #131c3a 60%, #1e2a52 100%);
	border-radius: 28px;
	padding: 50px 40px;
	color: #ffffff;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.28);
}

.contact-info-glow {
	position: absolute;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	background: #9b51e0;
	opacity: 0.25;
	filter: blur(100px);
	top: -100px;
	right: -100px;
	pointer-events: none;
}

.contact-info-panel > * {
	position: relative;
	z-index: 2;
}

.contact-info-panel .section-eyebrow {
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.25);
}

.contact-info-panel h3 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 30px;
}

.contact-detail-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 26px;
}

.contact-detail-icon {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	border-radius: 14px;
	background: var(--grad-accent);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #ffffff;
	transition: transform 0.35s var(--ease-premium);
}

.contact-detail-item:hover .contact-detail-icon {
	transform: translateY(-5px) rotate(-6deg);
}

.contact-detail-item h4 {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 6px;
}

.contact-detail-item a,
.contact-detail-item p {
	font-size: 16px;
	font-weight: 500;
	color: #ffffff;
	text-decoration: none;
	margin: 0;
	line-height: 1.6;
}

.contact-detail-item a:hover {
	color: #39c6f0;
}

.contact-social-row {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

.contact-social-row a {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	transition: all 0.3s ease;
}

.contact-social-row a:hover {
	background: var(--grad-accent);
	transform: translateY(-4px);
	border-color: transparent;
}

/* Dark variant of the shared tech-network visual, embedded in the info panel */
.contact-info-panel .tech-network-wrap {
	height: 200px;
	margin-top: 34px;
	perspective: 1200px;
}

.contact-info-panel .tech-network-panel {
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.03));
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.contact-info-panel .tech-node {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	color: #ffffff;
}

.contact-info-panel .tech-network-core {
	width: 74px;
	height: 74px;
	font-size: 26px;
}

/* ===== Right: form panel ===== */
.contact-form-panel {
	position: relative;
	background: #ffffff;
	padding: 44px;
	border-radius: 28px;
	box-shadow: var(--shadow-soft);
	border: 1px solid #f1f1f1;
}

.contact-form-panel h3 {
	font-size: 22px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 6px;
}

.contact-form-panel > p {
	color: var(--ink-500);
	font-size: 14px;
	margin-bottom: 30px;
}

.form-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.form-grid .form-row.full {
	grid-column: 1 / -1;
}

.form-label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--ink-700);
	margin-bottom: 8px;
}

.form-label .optional {
	font-weight: 400;
	color: var(--ink-500);
	text-transform: none;
}

.form-row input,
.form-row select,
.form-row textarea {
	transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}

.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus {
	box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}

.form-error-text {
	display: block;
	font-size: 12.5px;
	color: #e11d48;
	margin-top: 6px;
}

.form-row.has-error input,
.form-row.has-error select,
.form-row.has-error textarea {
	border-color: #e11d48;
}

/* Premium submit button with spinner */
.contact-submit-btn {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	padding: 16px;
	border-radius: 50px;
	border: none;
	background: var(--grad-primary);
	color: #ffffff;
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.contact-submit-btn:hover:not(:disabled) {
	transform: translateY(-3px);
	box-shadow: 0 15px 35px rgba(37, 99, 235, 0.35);
}

.contact-submit-btn:disabled {
	opacity: 0.75;
	cursor: not-allowed;
	transform: none;
}

.contact-submit-btn .btn-spinner {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2.5px solid rgba(255, 255, 255, 0.4);
	border-top-color: #ffffff;
	animation: btn-spinner-spin 0.7s linear infinite;
	display: none;
}

.contact-submit-btn.is-loading .btn-spinner {
	display: inline-block;
}

.contact-submit-btn.is-loading .btn-label,
.contact-submit-btn.is-loading .btn-arrow {
	display: none;
}

@keyframes btn-spinner-spin {
	to { transform: rotate(360deg); }
}

/* Success / error feedback */
.form-feedback {
	margin-top: 18px;
	padding: 16px 18px;
	border-radius: 14px;
	font-size: 14px;
	display: none;
	align-items: center;
	gap: 10px;
}

.form-feedback.show {
	display: flex;
	animation: feedback-pop 0.4s var(--ease-premium);
}

.form-feedback.success {
	background: rgba(16, 185, 129, 0.1);
	color: #0f766e;
	border: 1px solid rgba(16, 185, 129, 0.25);
}

.form-feedback.error {
	background: rgba(225, 29, 72, 0.08);
	color: #be123c;
	border: 1px solid rgba(225, 29, 72, 0.2);
}

@keyframes feedback-pop {
	from { opacity: 0; transform: translateY(-6px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ===== Trust section ===== */
.trust-strip .info-card {
	text-align: center;
}

.trust-strip .info-card-icon {
	margin-left: auto;
	margin-right: auto;
}

@media (prefers-reduced-motion: reduce) {
	.form-feedback.show,
	.btn-spinner {
		animation: none !important;
	}
}

@media (max-width: 992px) {
	.contact-layout {
		grid-template-columns: 1fr;
	}

	.contact-info-panel {
		padding: 40px 30px;
	}
}

@media (max-width: 576px) {
	.form-grid {
		grid-template-columns: 1fr;
	}

	.contact-form-panel {
		padding: 28px 22px;
	}
}

/***

====================================================================
	HOME PAGE ENHANCEMENTS
====================================================================

***/

/* ===== Hero trust indicators ===== */
.hero-trust-row {
	display: flex;
	flex-wrap: wrap;
	gap: 22px;
	margin-top: 36px;
	padding-top: 28px;
	border-top: 1px solid rgba(17, 24, 39, 0.08);
}

.hero-trust-item {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13.5px;
	font-weight: 600;
	color: var(--ink-700);
}

.hero-trust-item i {
	color: #2563eb;
	font-size: 16px;
}

/* ===== Orbiting tech icons around the hero photo ===== */
.home-hero-media {
	overflow: visible;
}

.hero-orbit-icon {
	position: absolute;
	z-index: 3;
	width: 44px;
	height: 44px;
	border-radius: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-size: 17px;
	box-shadow: 0 15px 30px rgba(17, 24, 39, 0.25);
	animation: icon-glow-float 5s ease-in-out infinite;
}

.hero-orbit-icon.orbit-1 { top: -18px; left: -18px; background: linear-gradient(135deg, #2563eb, #06b6d4); animation-delay: 0s; }
.hero-orbit-icon.orbit-2 { top: 20%; right: -20px; background: linear-gradient(135deg, #ff512f, #ff9068); animation-delay: 0.7s; }
.hero-orbit-icon.orbit-3 { bottom: -16px; left: 20%; background: linear-gradient(135deg, #11998e, #38ef7d); animation-delay: 1.4s; }
.hero-orbit-icon.orbit-4 { bottom: 30%; right: -22px; background: linear-gradient(135deg, #8360c3, #b993d6); animation-delay: 2.1s; }

@media (max-width: 992px) {
	.hero-orbit-icon {
		width: 36px;
		height: 36px;
		font-size: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.hero-orbit-icon {
		animation: none !important;
	}
}

/* ===== Portfolio empty state (honest placeholder — no fake projects) ===== */
.portfolio-empty-state {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
	padding: 60px 40px;
	border-radius: 28px;
	background: linear-gradient(150deg, #0b1224 0%, #131c3a 60%, #1e2a52 100%);
	color: #ffffff;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25);
}

.portfolio-empty-state .badge-premium {
	background: var(--grad-accent);
}

.portfolio-empty-state h3 {
	font-size: 24px;
	font-weight: 700;
	margin: 20px 0 12px;
}

.portfolio-empty-state p {
	color: rgba(255, 255, 255, 0.7);
	font-size: 15px;
	line-height: 1.7;
	margin-bottom: 24px;
}

/* ===== Final CTA ===== */
.final-cta {
	position: relative;
	overflow: hidden;
	padding: 110px 0;
	background: linear-gradient(150deg, #0b1224 0%, #1e2a52 100%);
	color: #ffffff;
	text-align: center;
}

.final-cta-glow-a,
.final-cta-glow-b {
	position: absolute;
	border-radius: 50%;
	filter: blur(110px);
	pointer-events: none;
}

.final-cta-glow-a {
	width: 380px;
	height: 380px;
	top: -120px;
	left: -80px;
	background: #2563eb;
	opacity: 0.35;
}

.final-cta-glow-b {
	width: 340px;
	height: 340px;
	bottom: -120px;
	right: -60px;
	background: #9b51e0;
	opacity: 0.3;
}

.final-cta-particle {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #39c6f0;
	opacity: 0.6;
	animation: icon-glow-float 6s ease-in-out infinite;
}

.final-cta > .container {
	position: relative;
	z-index: 2;
}

.final-cta h2 {
	color: #ffffff;
	font-size: 38px;
	font-weight: 800;
	max-width: 700px;
	margin: 0 auto 18px;
}

.final-cta p {
	color: rgba(255, 255, 255, 0.75);
	max-width: 560px;
	margin: 0 auto 34px;
	font-size: 16px;
	line-height: 1.7;
}

.final-cta .home-hero-actions {
	justify-content: center;
}

.final-cta .btn-outline-premium {
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
}

.final-cta .btn-outline-premium:hover {
	border-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
	.final-cta-particle {
		animation: none !important;
	}
}

/***

====================================================================
	SITE HEADER (includes/menu.php — shared on every page)
====================================================================

***/

/* Note: backdrop-filter/overflow live on ::before, not on .site-header itself.
   Either one on the header would create a new CSS containing block for any
   position:fixed descendant (the mobile nav panel), trapping it inside the
   ~80px header instead of the viewport. Keeping .site-header plain avoids that. */
.site-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	width: 100%;
	border-bottom: 1px solid rgba(17, 24, 39, 0.06);
	transition: border-color 0.35s ease;
}

.site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(255, 255, 255, 0.75);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	transition: background 0.35s ease, box-shadow 0.35s ease;
}

.site-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background: var(--grad-accent);
	background-size: 200% 100%;
	opacity: 0.7;
	animation: header-line-shift 6s ease-in-out infinite;
}

@keyframes header-line-shift {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}

.site-header-glow {
	position: absolute;
	top: -60px;
	left: 60px;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background: var(--grad-accent);
	opacity: 0.12;
	filter: blur(50px);
	pointer-events: none;
}

.site-header.scrolled {
	border-bottom-color: transparent;
}

.site-header.scrolled::before {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 8px 30px rgba(17, 24, 39, 0.08);
}

.site-header .container {
	max-width: 1240px;
}

.navbar {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 84px;
	transition: height 0.35s ease;
}

.site-header.scrolled .navbar {
	height: 68px;
}

.logo img.site-logo {
	height: 46px;
	transition: height 0.35s ease;
}

.site-header.scrolled .logo img.site-logo {
	height: 38px;
}

.nav-menu {
	display: flex;
	align-items: center;
	gap: 36px;
}

.nav-menu ul {
	display: flex;
	list-style: none;
	gap: 30px;
	margin: 0;
	padding: 0;
}

.nav-menu ul li a {
	position: relative;
	text-decoration: none;
	color: var(--ink-700);
	font-weight: 500;
	font-size: 15px;
	padding-bottom: 4px;
	transition: color 0.3s ease;
}

.nav-menu ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--grad-accent);
	transition: width 0.3s ease;
}

.nav-menu ul li a:hover,
.nav-menu ul li a.active {
	color: #2563eb;
}

.nav-menu ul li a:hover::after,
.nav-menu ul li a.active::after {
	width: 100%;
}

.header-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 11px 22px;
	border-radius: 30px;
	background: var(--grad-primary);
	color: #ffffff !important;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.header-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(37, 99, 235, 0.3);
}

.header-cta:focus-visible,
.nav-menu ul li a:focus-visible,
.hamburger:focus-visible {
	outline: 3px solid #39c6f0;
	outline-offset: 3px;
}

/* ===== Hamburger (real <button>, keyboard accessible) ===== */
.hamburger {
	display: none;
	flex-direction: column;
	justify-content: center;
	gap: 6px;
	width: 40px;
	height: 40px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
}

.hamburger span {
	width: 26px;
	height: 2.5px;
	background: var(--ink-900);
	border-radius: 2px;
	transition: 0.3s ease;
}

.hamburger.active span:nth-child(1) {
	transform: rotate(45deg) translate(6px, 6px);
}

.hamburger.active span:nth-child(2) {
	opacity: 0;
}

.hamburger.active span:nth-child(3) {
	transform: rotate(-45deg) translate(6px, -6px);
}

@media (max-width: 992px) {
	.hamburger {
		display: flex;
	}

	.nav-menu {
		position: fixed;
		top: 0;
		right: -100%;
		width: min(320px, 85vw);
		height: 100vh;
		background: rgba(255, 255, 255, 0.98);
		backdrop-filter: blur(20px);
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 110px 32px 40px;
		gap: 34px;
		transition: right 0.4s var(--ease-premium);
		box-shadow: -20px 0 50px rgba(17, 24, 39, 0.12);
	}

	.nav-menu ul {
		flex-direction: column;
		width: 100%;
		gap: 22px;
	}

	.nav-menu ul li a {
		font-size: 18px;
	}

	.nav-menu.active {
		right: 0;
	}

	.header-cta {
		width: 100%;
		justify-content: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-header,
	.navbar,
	.logo img.site-logo,
	.nav-menu {
		transition: none !important;
	}

	.site-header::after {
		animation: none !important;
	}
}

/***

====================================================================
	SITE FOOTER (includes/footer.php — shared on every page)
====================================================================

***/

.premium-footer {
	background: linear-gradient(150deg, #0b1224 0%, #131c3a 55%, #1e2a52 100%) !important;
	overflow: hidden;
}

.premium-footer:before {
	display: none;
}

/* ===== Footer CTA band ===== */
.footer-cta {
	position: relative;
	overflow: hidden;
	padding: 90px 0 70px;
	text-align: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.footer-cta-glow-a,
.footer-cta-glow-b {
	position: absolute;
	border-radius: 50%;
	filter: blur(110px);
	pointer-events: none;
}

.footer-cta-glow-a {
	width: 360px;
	height: 360px;
	top: -140px;
	left: -80px;
	background: #2563eb;
	opacity: 0.35;
}

.footer-cta-glow-b {
	width: 320px;
	height: 320px;
	bottom: -140px;
	right: -60px;
	background: #9b51e0;
	opacity: 0.3;
}

.footer-cta-particle {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #39c6f0;
	opacity: 0.6;
	animation: icon-glow-float 6s ease-in-out infinite;
}

.footer-cta > .container {
	position: relative;
	z-index: 2;
}

.footer-cta h2 {
	color: #ffffff;
	font-size: 32px;
	font-weight: 800;
	max-width: 650px;
	margin: 0 auto 14px;
}

.footer-cta p {
	color: rgba(255, 255, 255, 0.7);
	max-width: 520px;
	margin: 0 auto 28px;
	font-size: 15.5px;
	line-height: 1.7;
}

/* ===== Footer widgets (dark theme) ===== */
.premium-footer .footer-widget h2 {
	color: #ffffff;
}

.premium-footer .main-footer .text,
.premium-footer .text {
	color: rgba(255, 255, 255, 0.65);
}

.premium-footer .footer-list li a {
	color: rgba(255, 255, 255, 0.7);
}

.premium-footer .footer-list li a:hover {
	color: #39c6f0;
}

.premium-footer .list-style-two li,
.premium-footer .list-style-two li .icon,
.premium-footer .list-style-two li a {
	color: rgba(255, 255, 255, 0.7);
}

.premium-footer .list-style-two li a:hover {
	color: #39c6f0;
}

.premium-footer .footer-widget .social-box li a {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
	transition: all 0.3s ease;
}

.premium-footer .footer-widget .social-box li a:hover {
	background: var(--grad-accent);
	border-color: transparent;
	transform: translateY(-4px);
}

/* ===== Footer bottom bar ===== */
.premium-footer .footer-bottom {
	background: rgba(0, 0, 0, 0.25);
	background-image: none;
}

.premium-footer .footer-bottom .copyright {
	color: rgba(255, 255, 255, 0.6);
}

.premium-footer .footer-bottom .social-box li a {
	color: rgba(255, 255, 255, 0.75);
}

.premium-footer .footer-bottom .social-box li a:hover {
	color: #39c6f0;
}

@media (prefers-reduced-motion: reduce) {
	.footer-cta-particle {
		animation: none !important;
	}
}

@media (max-width: 576px) {
	.footer-cta {
		padding: 60px 0 45px;
	}

	.footer-cta h2 {
		font-size: 26px;
	}
}

/***

====================================================================
	PORTFOLIO (gallery.php)
====================================================================

***/

.portfolio-hero {
	position: relative;
	overflow: hidden;
	padding: 90px 0 20px;
	background: linear-gradient(180deg, #f5f9fc 0%, #ffffff 100%);
}

.portfolio-hero-blob {
	position: absolute;
	border-radius: 50%;
	filter: blur(100px);
	opacity: 0.2;
	animation: icon-glow-float 7s ease-in-out infinite;
	pointer-events: none;
}

.portfolio-hero-blob.b1 { width: 300px; height: 300px; top: -100px; left: -60px; background: #2563eb; }
.portfolio-hero-blob.b2 { width: 260px; height: 260px; bottom: -100px; right: -40px; background: #9b51e0; animation-delay: 1.4s; }

.portfolio-hero > .container {
	position: relative;
	z-index: 2;
}

/* ===== Category filters (reuses .category-pill) ===== */
.portfolio-filters {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-bottom: 50px;
}

.portfolio-filter-empty {
	text-align: center;
	padding: 50px 20px;
	color: var(--ink-500);
}

.portfolio-filter-empty p {
	margin-bottom: 18px;
	font-size: 15px;
}

/* Digital network visual in the portfolio hero, sized down from the
   full-height version used on About/Services/Contact */
.portfolio-network {
	height: 220px;
	max-width: 480px;
	margin: 40px auto 0;
}

/* Broken/missing image fallback (a real "error state" for a static image,
   not a network request) */
.portfolio-card-media.img-error,
.portfolio-featured-media.img-error {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--surface-alt);
}

.portfolio-card-media.img-error::after,
.portfolio-featured-media.img-error::after {
	content: "\f03e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 28px;
	color: #cbd5e1;
}

/* ===== Featured project ===== */
.portfolio-featured {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 50px;
	align-items: center;
	padding: 50px;
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.4));
	backdrop-filter: blur(16px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: var(--shadow-soft);
	margin-bottom: 60px;
}

.portfolio-featured-media {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
}

.portfolio-featured-media img {
	width: 100%;
	display: block;
	border-radius: 20px;
	transform: perspective(1000px) rotateY(-4deg);
	transition: transform 0.5s ease;
}

.portfolio-featured:hover .portfolio-featured-media img {
	transform: perspective(1000px) rotateY(0deg);
}

.portfolio-featured-content .luxury-tag {
	background: var(--surface-alt);
}

.portfolio-featured-content h3 {
	font-size: 28px;
	font-weight: 800;
	color: var(--ink-900);
	margin: 14px 0;
}

.portfolio-featured-content p {
	color: var(--ink-500);
	line-height: 1.8;
	margin-bottom: 20px;
}

/* ===== Portfolio grid + cards ===== */
.portfolio-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.portfolio-card {
	position: relative;
	border-radius: 22px;
	overflow: hidden;
	background: #ffffff;
	border: 1px solid #f1f1f1;
	box-shadow: var(--shadow-soft);
	transition: opacity 0.35s ease, transform 0.4s var(--ease-premium);
}

.portfolio-card.is-hidden {
	display: none;
}

.portfolio-card-media {
	position: relative;
	overflow: hidden;
	height: 210px;
}

.portfolio-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.portfolio-card:hover .portfolio-card-media img {
	transform: scale(1.08);
}

.portfolio-card-category {
	position: absolute;
	top: 14px;
	left: 14px;
	padding: 5px 14px;
	border-radius: 50px;
	background: rgba(17, 24, 39, 0.65);
	color: #ffffff;
	font-size: 11.5px;
	font-weight: 600;
	backdrop-filter: blur(4px);
}

.portfolio-card-body {
	padding: 26px;
}

.portfolio-card-body h3 {
	font-size: 19px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 10px;
}

.portfolio-card-body p {
	font-size: 14px;
	line-height: 1.7;
	color: var(--ink-500);
	margin-bottom: 16px;
}

.portfolio-tech-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 18px;
}

.portfolio-tech-badge {
	padding: 4px 11px;
	border-radius: 50px;
	background: var(--surface-alt);
	color: var(--ink-700);
	font-size: 11.5px;
	font-weight: 600;
}

.portfolio-card-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.portfolio-card-actions a,
.portfolio-card-actions button {
	font-size: 13.5px;
}

/* ===== Case study modal (extends .service-modal) ===== */
.portfolio-modal {
	max-width: 620px;
}

.portfolio-modal img {
	width: 100%;
	max-height: 360px;
	object-fit: cover;
	border-radius: 16px;
	margin-bottom: 20px;
}

.portfolio-modal-category {
	display: inline-block;
	margin-bottom: 10px;
}

.portfolio-modal-block {
	margin-top: 22px;
}

.portfolio-modal-block h4 {
	font-size: 14px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 8px;
}

.portfolio-modal-block p,
.portfolio-modal-block li {
	font-size: 14.5px;
	line-height: 1.75;
	color: var(--ink-500);
}

.portfolio-modal-block ul {
	padding-left: 20px;
	margin: 0;
}

.portfolio-modal-tech {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 22px;
}

.portfolio-modal-actions {
	margin-top: 28px;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.portfolio-modal-client {
	display: inline-block;
	margin-left: 8px;
	font-size: 13px;
	color: var(--ink-500);
}

.portfolio-modal-screenshots {
	display: flex;
	gap: 8px;
	margin: -12px 0 20px;
}

.portfolio-modal-thumb {
	width: 64px;
	height: 44px;
	padding: 0;
	border: 2px solid transparent;
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	background: none;
}

.portfolio-modal-thumb:hover {
	border-color: #2563eb;
}

.portfolio-modal-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.portfolio-modal-related {
	margin-top: 34px;
	padding-top: 28px;
	border-top: 1px solid #f1f1f1;
}

.portfolio-modal-related h4 {
	font-size: 14px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 14px;
}

.portfolio-modal-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

.portfolio-related-card {
	padding: 0;
	border: 1px solid #f1f1f1;
	border-radius: 12px;
	overflow: hidden;
	background: #ffffff;
	cursor: pointer;
	text-align: left;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.portfolio-related-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-soft);
}

.portfolio-related-card img {
	width: 100%;
	height: 70px;
	object-fit: cover;
	display: block;
}

.portfolio-related-card.img-error img {
	display: none;
}

.portfolio-related-card.img-error::before {
	content: "\f03e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	font-size: 20px;
	color: var(--ink-500);
	background: var(--surface-alt);
}

.portfolio-related-card span {
	display: block;
	padding: 8px 10px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--ink-900);
}

@media (max-width: 576px) {
	.portfolio-modal-related-grid {
		grid-template-columns: 1fr;
	}
}

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

	.portfolio-featured {
		grid-template-columns: 1fr;
		padding: 34px;
	}
}

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

	.portfolio-featured {
		padding: 26px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.portfolio-hero-blob {
		animation: none !important;
	}
}

/* ===== Why Seeku (home.php) ===== */
.why-seeku-intro {
	margin-bottom: 70px;
}

.why-seeku-cards {
	margin-bottom: 30px;
}

.why-seeku-values,
.why-seeku-tech {
	margin-top: 90px;
}

.value-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 26px;
}

.value-card {
	padding: 30px 24px;
	text-align: center;
	background: #ffffff;
	border-radius: var(--radius-lg);
	border: 1px solid #f1f1f1;
	box-shadow: var(--shadow-soft);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.value-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}

.value-icon {
	width: 50px;
	height: 50px;
	margin: 0 auto 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--grad-primary);
	color: #ffffff;
	font-size: 18px;
}

.value-card h4 {
	font-size: 17px;
	font-weight: 700;
	color: var(--ink-900);
	margin-bottom: 8px;
}

.value-card p {
	font-size: 13.5px;
	line-height: 1.7;
	color: var(--ink-500);
	margin: 0;
}

.trust-block {
	margin-top: 90px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: center;
	padding: 50px;
	background: var(--surface-alt);
	border-radius: 24px;
}

.trust-block-content .section-title,
.trust-block-content .section-subtitle {
	text-align: left;
	margin-left: 0;
}

.trust-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 16px;
}

.trust-list li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	font-size: 15px;
	color: var(--ink-700);
	font-weight: 500;
}

.trust-list li i {
	color: #16a34a;
	margin-top: 3px;
}

.why-seeku-cta {
	margin-top: 90px;
	text-align: center;
	padding: 60px 40px;
	border-radius: 24px;
	background: var(--grad-primary);
}

.why-seeku-cta h3 {
	color: #ffffff;
	font-size: 30px;
	font-weight: 800;
	max-width: 620px;
	margin: 0 auto 14px;
}

.why-seeku-cta p {
	color: rgba(255, 255, 255, 0.85);
	max-width: 520px;
	margin: 0 auto 26px;
	font-size: 15.5px;
	line-height: 1.7;
}

.why-seeku-cta .home-hero-actions {
	justify-content: center;
}

.why-seeku-cta .premium-btn-white {
	background: #ffffff;
	color: #2563eb;
}

.why-seeku-cta .premium-btn-white:hover {
	color: #2563eb;
}

@media (max-width: 992px) {
	.value-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.trust-block {
		grid-template-columns: 1fr;
		padding: 36px 26px;
	}
}

@media (max-width: 576px) {
	.value-grid {
		grid-template-columns: 1fr;
	}

	.why-seeku-cta {
		padding: 44px 24px;
	}

	.why-seeku-cta h3 {
		font-size: 24px;
	}
}


/* ===== Chat widget (js/chatbot.js) =====
   Knowledge-base answers from real site content, with a "connect with our
   team" fallback form. Floating button stacks above the existing WhatsApp
   button in the bottom-right corner. */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.chatbot-toggle {
	position: fixed;
	bottom: 70px;
	right: 5px;
	width: 62px;
	height: 62px;
	border-radius: 50%;
	border: none;
	background: var(--grad-primary);
	color: #ffffff;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4);
	z-index: 99999;
	animation: chatbot-pulse 2.8s ease-in-out infinite;
	transition: transform 0.25s ease;
}

.chatbot-toggle:hover {
	transform: scale(1.06);
}

/* Part of the mobile floating-button reflow started near .home-hero's own
   576px query — shrinks + lowers this alongside call-fx/wmn-fx so none of
   them sit on top of the home hero's stats row on short phone viewports. */
@media (max-width: 576px) {
	.chatbot-toggle {
		width: 46px;
		height: 46px;
		bottom: 8px;
		font-size: 19px;
	}
}

/* Specificity note: a page-loaded FontAwesome stylesheet can land after
   style.css in the cascade and its own single-class ".fas { display: ... }"
   rule then wins ties on source order alone — so these are qualified with
   ".chatbot-toggle" to always out-rank it regardless of load order. */
.chatbot-toggle .chatbot-toggle-icon-close {
	display: none;
}

.chatbot-widget.is-open .chatbot-toggle {
	animation: none;
}

.chatbot-widget.is-open .chatbot-toggle .chatbot-toggle-icon-open {
	display: none;
}

.chatbot-widget.is-open .chatbot-toggle .chatbot-toggle-icon-close {
	display: block;
}

/* The open chat window sits low enough to overlap the call/WhatsApp
   buttons behind it — hide them while it's open instead of letting them
   peek out from under its edge. */
body.chatbot-open #call-fx,
body.chatbot-open #wmn-fx {
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

@keyframes chatbot-pulse {
	0%, 100% { box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4); }
	50% { box-shadow: 0 6px 24px rgba(37, 99, 235, 0.4), 0 0 0 8px rgba(37, 99, 235, 0.12); }
}

@media (prefers-reduced-motion: reduce) {
	.chatbot-toggle {
		animation: none !important;
	}
}

.chatbot-window {
	position: fixed;
	bottom: 20px;
	right: 5px;
	width: 372px;
	max-width: calc(100vw - 24px);
	max-height: min(70vh, 600px);
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 30px 80px rgba(16, 24, 40, 0.25);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(16px) scale(0.98);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
	pointer-events: none;
}

.chatbot-window.open {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
	pointer-events: auto;
}

@media (prefers-reduced-motion: reduce) {
	.chatbot-window {
		transition: opacity 0.01s linear, visibility 0.01s linear;
		transform: none;
	}
}

.chatbot-header {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 18px 16px;
	background: var(--grad-primary);
	color: #ffffff;
	flex-shrink: 0;
}

.chatbot-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	flex-shrink: 0;
}

.chatbot-header-text { flex: 1; min-width: 0; }

.chatbot-header-text h2 {
	font-size: 15.5px;
	font-weight: 700;
	color: #ffffff;
	margin: 0;
}

.chatbot-header-text p {
	font-size: 12px;
	color: rgba(255, 255, 255, 0.85);
	margin: 2px 0 0;
}

.chatbot-close {
	background: rgba(255, 255, 255, 0.15);
	border: none;
	color: #ffffff;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	flex-shrink: 0;
}

.chatbot-messages {
	flex: 1;
	min-height: 220px;
	overflow-y: auto;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: var(--surface-alt);
}

.chatbot-message {
	max-width: 84%;
	padding: 10px 14px;
	border-radius: 14px;
	font-size: 13.5px;
	line-height: 1.6;
}

.chatbot-message.bot {
	align-self: flex-start;
	background: #ffffff;
	color: var(--ink-900);
	border: 1px solid #eef1f6;
	border-bottom-left-radius: 4px;
}

.chatbot-message.user {
	align-self: flex-end;
	background: var(--grad-primary);
	color: #ffffff;
	border-bottom-right-radius: 4px;
}

.chatbot-message-link {
	display: inline-block;
	margin-top: 8px;
	font-size: 12.5px;
	font-weight: 600;
	color: #2563eb;
	text-decoration: underline;
	text-underline-offset: 2px;
}

.chatbot-connect-btn {
	display: inline-block;
	margin-top: 10px;
	padding: 7px 16px;
	border-radius: 30px;
	background: var(--grad-primary);
	color: #ffffff;
	border: none;
	font-size: 12.5px;
	font-weight: 600;
	cursor: pointer;
}

.chatbot-suggestions {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 16px 12px;
	background: var(--surface-alt);
	flex-shrink: 0;
}

.chatbot-suggestions:empty { display: none; }

.chatbot-suggestion-chip {
	border: 1px solid #dbe3ef;
	background: #ffffff;
	color: var(--ink-700);
	border-radius: 30px;
	padding: 6px 12px;
	font-size: 12px;
	cursor: pointer;
	text-align: left;
}

.chatbot-suggestion-chip:hover {
	border-color: #2563eb;
	color: #2563eb;
}

.chatbot-input-row {
	display: flex;
	gap: 8px;
	padding: 12px;
	border-top: 1px solid #eef1f6;
	flex-shrink: 0;
}

.chatbot-input-row input {
	flex: 1;
	border: 1px solid #dbe3ef;
	border-radius: 24px;
	padding: 10px 16px;
	font-size: 16px;
	font-family: inherit;
}

.chatbot-input-row input:focus {
	outline: none;
	border-color: #2563eb;
}

.chatbot-input-row button {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: none;
	background: var(--grad-primary);
	color: #ffffff;
	font-size: 15px;
	cursor: pointer;
	flex-shrink: 0;
}

.chatbot-contact-form {
	padding: 16px;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.chatbot-contact-form h3 {
	font-size: 15px;
	margin: 0;
}

.chatbot-contact-form > p {
	font-size: 12.5px;
	color: var(--ink-500);
	margin: 0 0 6px;
}

.chatbot-contact-form label {
	font-size: 12px;
	font-weight: 600;
	color: var(--ink-700);
}

.chatbot-contact-form input,
.chatbot-contact-form textarea {
	border: 1px solid #dbe3ef;
	border-radius: 10px;
	padding: 9px 12px;
	font-size: 16px;
	font-family: inherit;
	resize: vertical;
}

.chatbot-contact-form input:focus,
.chatbot-contact-form textarea:focus {
	outline: none;
	border-color: #2563eb;
}

.chatbot-form-feedback {
	font-size: 12.5px;
	min-height: 16px;
}

.chatbot-form-feedback.success { color: #16a34a; }
.chatbot-form-feedback.error { color: #dc2626; }

.chatbot-form-actions {
	display: flex;
	gap: 10px;
	margin-top: 4px;
}

.chatbot-btn-secondary,
.chatbot-btn-primary {
	flex: 1;
	padding: 10px;
	border-radius: 24px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border: none;
}

.chatbot-btn-secondary {
	background: #ffffff;
	border: 1px solid #dbe3ef;
	color: var(--ink-700);
}

.chatbot-btn-primary {
	background: var(--grad-primary);
	color: #ffffff;
}

.chatbot-btn-primary:disabled,
.chatbot-btn-secondary:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

#chatbotCode {
	text-align: center;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 8px;
	font-family: ui-monospace, "SF Mono", "Courier New", monospace;
}

.chatbot-resend-link {
	display: block;
	margin: 4px auto 0;
	background: none;
	border: none;
	color: var(--ink-500);
	font-size: 12.5px;
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
	padding: 4px;
}

.chatbot-resend-link:hover {
	color: #2563eb;
}

.chatbot-resend-link:disabled {
	cursor: not-allowed;
	text-decoration: none;
	opacity: 0.6;
}

@media (max-width: 480px) {
	.chatbot-window {
		right: 5px;
		left: 8px;
		bottom: 8px;
		width: auto;
		max-width: none;
		max-height: min(85vh, 640px);
	}
}

/* Spam honeypot fields (contact form): off-screen for people, still
   present for bots that fill every input. */
.hp-field {
	position: absolute !important;
	left: -10000px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* Chat assistant "typing…" indicator (js/chatbot.js) */
.chatbot-message.chatbot-typing {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	padding: 12px 16px;
}

.chatbot-typing span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #94a3b8;
	animation: chatbot-typing 1s ease-in-out infinite;
}

.chatbot-typing span:nth-child(2) {
	animation-delay: 0.15s;
}

.chatbot-typing span:nth-child(3) {
	animation-delay: 0.3s;
}

@keyframes chatbot-typing {
	0%, 60%, 100% { transform: translateY(0); opacity: 0.45; }
	30% { transform: translateY(-4px); opacity: 1; }
}

/* Suggestions sit in one swipeable row so follow-up chips never squeeze the
   conversation or push the input box out of view. */
.chatbot-suggestions {
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	padding-top: 2px;
	-webkit-mask-image: linear-gradient(90deg, #000 85%, transparent);
	mask-image: linear-gradient(90deg, #000 85%, transparent);
}

.chatbot-suggestions::-webkit-scrollbar {
	display: none;
}

.chatbot-suggestion-chip {
	flex: 0 0 auto;
	white-space: nowrap;
}