/* Cleaned version of style.css: duplicate identical rules/declarations removed; original W3Layouts license retained below. */
/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

body {
	padding: 0;
	margin: 0;
	font-family: "Roboto", sans-serif;
	background: #fff;
}

body a,
input[type="button"],
input[type="submit"] {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
}

label {
	margin: 0;
}

/*-----start-header----*/

.header {
	position: sticky;
	top: 0;
	background: black;
	z-index: 1;
	padding: 1em 0;
}

.logo {
	float: left;
	margin-top: 13px;
}

.header-right {
	float: right;
}

.header-right h4 {
	color: #fff;
	font-size: 2.1em;
	font-weight: 700;
	text-align: right;
	margin-bottom: 31px;
}

i.phone {
	width: 35px;
	height: 35px;
	background: url("../images/img-sprite.webp") no-repeat 0px 0px;
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px;
}

.top-menu ul li {
	display: inline-block;
	margin: 0 0.8em;
}

.top-menu ul li:nth-child(6) {
	margin-right: 0;
}

.top-menu ul li a:nth-child(6) {
	padding-right: 0;
}

.top-menu ul li a {
	border-radius: 5px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.1em;
	padding: 10px 5px;
}

.top-menu ul li a.active {
	border-bottom: 5px solid #fc5700;
	color: #fc5700;
}

.top-menu ul li a:hover {
	border-bottom: 5px solid #fc5700;
	color: #fc5700;
}

.banner {
	background: url("../images/istanbul.webp") no-repeat 0px 0px;
	background-size: cover;
	min-height: 494px;
	position: relative;
}

.banner-info h2 {
	color: #fff;
	font-size: 2.8em;
	font-weight: 300;
	letter-spacing: 3px;
	margin-bottom: 0.7em;
}

.banner-info p {
	color: #fff;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.5em;
}

.banner-info {
	border-radius: 5px;
	background: rgba(92, 162, 204, 0.7);
	width: 60%;
	position: absolute;
	top: 17%;
	left: 14%;
	padding: 2.5em 2em;
}

.subscribe-section {
	background: url("../images/subscribe-bg.webp") no-repeat 0px 0px;
	background-size: cover;
	min-height: 250px;
}

.services-section {
	padding: 4em 0;
}

.services-section h3 {
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
}

.services-section-grid1-top {
	background: #feb913;
	padding: 15px 25px;
	margin-bottom: 15px;
}

.services-section h4 {
	color: #fff;
	font-weight: 300;
	font-size: 1.9em;
	letter-spacing: 2px;
}

.services-section p {
	color: #fff;
	font-weight: 300;
	font-size: 1.05em;
	line-height: 1.4em;
	margin: 8px 0 15px 0;
}

i.call {
	width: 60px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat -35px 0px;
	display: inline-block;
}

i.callmsg {
	width: 70px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat -98px 0px;
	display: inline-block;
}

i.interact {
	width: 130px;
	height: 130px;
	background: url("../images/img-sprite.webp") no-repeat -170px 0px;
	display: inline-block;
}

i.dt {
	width: 80px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat -311px 0px;
	display: inline-block;
}

i.zoom {
	width: 70px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat -401px -2px;
	display: inline-block;
}

i.arrow {
	width: 35px;
	height: 35px;
	background: url("../images/img-sprite.webp") no-repeat -471px 0px;
	display: inline-block;
}

i.smartphone {
	width: 70px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat 0px -63px;
	display: inline-block;
	margin-bottom: 2em;
}

i.user {
	width: 70px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat -2px -137px;
	display: inline-block;
	margin-bottom: 2em;
}

i.global {
	width: 70px;
	height: 70px;
	background: url("../images/img-sprite.webp") no-repeat -78px -78px;
	display: inline-block;
	margin-bottom: 2em;
}

.arrow1 {
	margin-top: 15px;
}

.arrow2 {
	margin-top: 22px;
}

.arrow3 {
	margin-top: 50px;
}

.arrow4 {
	margin-top: 18px;
}

.arrow5 {
	margin-top: 18px;
}

.icons {
	margin-top: 2em;
}

.icons2 {
	margin-top: 7em;
}

.services-section-grid1-bottom {
	background: #329cd6;
	padding: 15px 25px;
}

.services-section-grid2 {
	background: #7bbd42;
	padding: 15px 25px;
	width: 33.333%;
}

.services-section-grid3-top {
	background: #f05423;
	padding: 15px 25px;
	margin-bottom: 15px;
}

.services-section-grid3-bottom {
	background: #aa7fc1;
	padding: 15px 25px;
}

.services-section-grid1 {
	width: 33.333%;
	padding: 0 15px 0 0;
}

.services-section-grid3 {
	width: 33.333%;
	padding: 0 0 0 15px;
}

.icon-left {
	float: left;
}

.icon-right {
	float: right;
}

.subscribe h3 {
	color: #fff;
	font-size: 2.8em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 1em;
}

.subscribe input[type="text"] {
	width: 43%;
	color: #fff;
	font-size: 15px;
	padding: 12px;
	outline: none;
	background: #94c2dd;
	border: 2px solid #fff;
}

.subscribe a {
	text-decoration: none;
	border: 2px solid #fff;
	background: #329cd6;
	color: #fff;
	font-size: 14px;
	letter-spacing: 2px;
	margin-left: -6px;
	padding: 13px 30px;
}

.subscribe a:hover {
	background: #000;
}

.subscribe {
	text-align: right;
}

.book {
	text-align: center;
}

.subscribe-section-grids {
	padding-top: 3.5em;
}

.our-clients-head h3 {
	color: rgb(51, 51, 51);
	font-size: 2.9em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 1em;
}

/*--clients--*/

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
	display: none;
}

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-inner {
	overflow: hidden;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
}

.nbs-flexisel-item>img {
	position: relative;
	max-width: 300px;
	max-height: 100px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	width: 40px;
	height: 35px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
	margin-top: 9em;
}

.nbs-flexisel-nav-left {
	left: 24em;
	background: url("../images/img-sprite.webp") no-repeat -75px -176px;
}

.nbs-flexisel-nav-right {
	right: 24em;
	background: url("../images/img-sprite.webp") no-repeat -114px -176px;
}

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

/*-----*/

.nbs-flexisel-inner {
	overflow: hidden;
	float: left;
	width: 100%;
}

.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	cursor: pointer;
}

.nbs-flexisel-item img {
	width: 65%;
	position: relative;
}

.our-clients {
	padding: 3.5em 0;
}

.client-text p {
	color: #dee5d6;
	font-size: 1.75em;
	font-weight: 300;
	line-height: 1.6em;
}

.testimonials-section {
	background: url("../images/t-bg.webp") no-repeat 0px 0px;
	background-size: cover;
	min-height: 494px;
}

.testimonials-section-head h3 {
	color: #8a8a8a;
	font-size: 2.8em;
	font-weight: 300;
	letter-spacing: 2px;
}

.testimonials-section-head {
	margin: 3em 0;
}

.text {
	background: #fff;
	padding: 12px;
}

.text h4 {
	color: #333333;
	font-size: 1.3em;
	font-weight: 500;
	margin-bottom: 5px;
	text-transform: uppercase;
}

.text p {
	color: #585858;
	font-size: 1em;
	text-transform: uppercase;
}

.description {
	background: rgba(91, 128, 54, 0.67);
	padding: 3em 0 0 0;
	min-height: 305px;
}

.client-text {
	padding: 0 8em;
}

.member1 {
	width: 23%;
	float: left;
	padding: 0;
}

.member1 img {
	width: 100%;
}

.contact-section {
	padding: 3em 0;
}

.contact-section h3 {
	color: rgb(51, 51, 51);
	font-size: 2.9em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 1em;
}

.contact-top p {
	color: #000;
	font-size: 1.3em;
	font-weight: 500;
}

.contact-section {
	padding: 4em 0;
}

.contact-section-bottom {
	position: relative;
}

.contact-form {
	background: #1a1a1a;
	padding: 4.5em 3em;
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 3em;
}

.contact-form input[type="text"],
.contact-form textarea {
	width: 100%;
	color: #fff;
	font-size: 16px;
	padding: 15px 15px;
	border: none;
	outline: none;
	margin: 0 0px 15px 0;
	background: #333333;
}

.contact-form textarea {
	resize: none;
	width: 98%;
	height: 7.5em;
}

.contact-form input[type="submit"] {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 400;
	border: 1px solid #fff;
	padding: 9px 30px;
	outline: none;
	background: #1a1a1a;
	margin-top: 1em;
}

.contact-form input[type="submit"]:hover {
	background: #329cd6;
}

.map {
	position: relative;
	margin-top: 13em;
}

.map iframe {
	width: 100%;
	min-height: 500px;
}

.map-layer {
	background: #1a1a1a;
	min-height: 500px;
}

.map-layer {
	background: rgba(26, 26, 26, 0.48);
	min-height: 505px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.footer {
	background: #1a1a1a;
	padding: 3em 0;
}

.social-icons i {
	width: 25px;
	height: 25px;
	background: url("../images/img-sprite.webp") no-repeat -75px -150px;
	display: inline-block;
}

.social-icons i:hover {
	opacity: 0.5;
}

i.facebook {
	background-position: -75px -150px;
	margin: 0 10px;
}

i.twitter {
	background-position: -100px -150px;
	margin: 0 10px;
}

i.googlepluse {
	background-position: -125px -150px;
	margin: 0 10px;
}

i.youtube {
	background-position: -150px -150px;
	margin: 0 10px;
}

i.linkedin {
	background-position: -175px -150px;
	margin: 0 10px;
}

.copyright p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin-top: 1em;
}

.copyright p a {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin-top: 1em;
}

/*-- services-page-starts-here --*/

.services_overview h3 {
	color: #fff;
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
}

.service_grid {
	padding: 0;
	width: 17%;
	margin-right: 3%;
}

.span_55 {
	margin-right: 0;
}

.service_grid h4 {
	color: #feb913;
	font-size: 1.4em;
	font-weight: 500;
	text-transform: uppercase;
	margin: 20px 0 0 0;
}

.service_grid p {
	color: #E6E6E6;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.8em;
	margin: 8px 0 0 0;
}

.services_overview {
	background: #1a1a1a;
	padding: 4em 0;
}

.s-map {
	margin-top: 0;
}

/*-- about-page-starts-here --*/

.projects h4{
	color: black;
}

.who_we_are,
.principles,
.what_we_do,
.our_products,
.strategy,
.awards,
.linked-in,
.latest-news {
	padding: 3em 0;
}

.grid_12 h3 {
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
}

.grid_12 p {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	max-width: 810px;
	margin: 0 auto 13px;
	opacity: 0.7;
}

.grid_12 h5 {
	font-size: 1.11em;
	color: #1f3e4f;
	line-height: 1.6em;
	margin: 0 auto 13px;
	max-width: 860px;
	font-weight: 600;
}

.grid_5 {
	width: 35%;
	margin-left: 11%;
	margin-right: 4%;
	float: left;
	margin-top: 2%;
}

.grid_6 {
	width: 35%;
	margin-right: 11%;
	margin-left: 4%;
	float: left;
	margin-top: 2%;
}

.grid_5 img,
.grid_6 img {
	width: 100%;
}

.why_choose_us {
	padding: 3em 0;
	background: #394c5a;
}

.grid_4 span {
	margin-top: 15px;
	display: inline-block;
	width: 85px;
	height: 85px;
	background: #ffffff;
	color: #21a5bc;
	text-align: center;
	font-size: 24px;
	line-height: 78px;
	border-radius: 50%;
	position: relative;
}

.why_choose_us h3 {
	color: #fff;
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
}

.grid_4 p {
	color: #fff;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin: 15px 0 0 0;
}

/* General button style (reset) */

.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	padding: 0.4em 1.5em;
	display: inline-block;
	text-transform: uppercase;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0px !important;
	text-decoration: none;
}

.btn:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn {
	background: #fc5700;
	color: #ffffff;
	border: none;
	font-size: 1.1em;
	font-weight: 400;
	padding: 8px 20px;
	border-radius: 0;
	text-align: center;
	text-transform: capitalize;
	z-index: 1;
}

.btn:hover {
	background: #ffffff;
	color: #fc5700;
}

a.btn1 {
	font-family: inherit;
	background: none;
	padding: 0.8em 3em;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 0px !important;
	text-decoration: none;
	font-size: 1.8em;
	border: 2px solid #fff;
	font-weight: 900;
	color: #fff;
}

a.btn1:after {
	content: "";
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 1c */

.btn-1c:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fff;
}

.btn-1c:hover,
.btn-1c:active {
	color: #ff0000;
}

.btn-1c:hover:after,
.btn-1c:active:after {
	height: 100%;
}

/* Button 1d */

.btn-1d {
	overflow: hidden;
}

.btn-1d:after {
	width: 0;
	height: 103%;
	top: 50%;
	left: 50%;
	background: rgba(92, 162, 204, 0.7);
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.btn-1d:hover,
.btn-1d:active {
	color: #fff;
}

.btn-1d:hover:after {
	width: 90%;
	opacity: 1;
}

.btn-1d:active:after {
	width: 101%;
	opacity: 1;
}

.latest-news h3 {
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
}

.banner-info a {
	color: #fff;
	font-size: 1.25em;
	font-weight: 500;
	padding: 10px 22px;
	border: 2px solid #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 2em;
	width: 45%;
	z-index: 0;
	background: rgba(92, 162, 204, 0);
}

.element {
	background: #f8f8f8;
	padding-bottom: 2em;
}

.grid_7 img {
	width: 100%;
}

.element p {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin: 10px 0 0px 0;
	padding: 0 10px;
}

.element h4 {
	color: #1f3e4f;
	font-weight: 500;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 39px;
	margin-bottom: 17px;
}

/*-- contact-page-starts-here --*/

.contact-form_grid {
	text-align: center;
}

.contact-form_grid input[type="text"],
.contact-form_grid textarea {
	display: block;
	width: 99%;
	padding: 12px;
	outline: none;
	font-size: 14px;
	font-weight: bold;
	color: #D6D5D5;
	background: #FFF;
	border: none;
	border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-o-border-radius: 0.3em;
	margin-bottom: 1em;
	font-family: "Open Sans", sans-serif;
}

.contact-form_grid input[type="text"]:focus,
.contact-form_grid textarea:focus {
	color: #ADADAD;
}

.contact-form_grid textarea {
	height: 170px;
	resize: none;
}

.contact-form_grid input[type="submit"] {
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: #FFF;
	text-transform: uppercase;
	padding: 12px 0px;
	width: 100%;
	background: #f28858;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border: none;
	border-bottom: 4px solid #b56642;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-apperance: none;
	font-family: "Open Sans", sans-serif;
	outline: none;
}

.contact-form_grid input[type="submit"]:hover {
	background: #EC7945;
	border-bottom: 4px solid #D1612E;
}

.contact-form_grid input[type="submit"]:active {
	position: relative;
	bottom: -2px;
}

.contact_right {
	background: #f1f1f1;
	padding: 5%;
}

.contact.about-desc {
	padding: 4em 0;
}

.contact.about-desc h3 {
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 1.5em;
	text-align: center;
}

.contact_address {
	margin: 2em 0;
}

.contact_grid h5 {
	color: #f6724b;
	font-size: 1.5em;
}

.contact_grid p {
	/* color: #999; */
	color: black;
	line-height: 1.8em;
}

p.m_6 {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin: 8px 0 15px 0;
	opacity: 0.7;
}

p.m_7 {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	margin: 8px 0 15px 0;
	opacity: 0.7;
}

.contact_left h4 {
	font-size: 2em;
	font-weight: 400;
	color: #fc5700;
	text-transform: uppercase;
}

/*-- blog-page-starts-here --*/

.head_element {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	border: 1px solid #e6e6e6;
	text-align: center;
	padding-top: 7px;
	margin-right: 20px;
	margin-bottom: 17px;
	float: left;
}

.alpha1 {
	width: 40%;
	margin-right: 3%;
	float: left;
}

.alpha1 img {
	width: 100%;
}

.head_element span {
	color: #fc5700;
	font-size: 1.8em;
	display: block;
	margin: 0 auto;
	text-transform: uppercase;
}

.sub {
	float: left;
	margin-top: 1.3em;
}

a.readblog {
	color: #1f3e4f;
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 3px;
	text-decoration: none;
}

.sub p {
	color: #1f3e4f;
	font-size: 1em;
	font-weight: 300;
}

.sub a:hover {
	color: #fc5700;
}

article.clearfix {
	margin: 2em 0 3em 0;
}

.blog-section {
	padding: 4em 0;
}

h2.with-line {
	color: rgb(51, 51, 51);
	font-size: 2.7em;
	font-weight: 300;
	letter-spacing: 2px;
	margin-bottom: 0.8em;
	text-align: center;
}

.right_column h2 {
	text-align: left;
	font-size: 2.3em;
	margin: 1em 0 0.4em 0;
}

.grid_b4 h5 {
	font-size: 1em;
	color: #1f3e4f;
	line-height: 1.8em;
}

.left_column {
	width: 65%;
	padding: 0 50px 0 0;
}

.grid_b4 p {
	color: #333333;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	margin: 15px 0 27px 0;
	opacity: 0.6;
}

.right_column li {
	line-height: 14px;
	padding: 7px 0 7px 18px;
	background: url(../images/bullet.webp) left 16px no-repeat;
	font-size: 13px;
	list-style-type: none;
}

.right_column li a {
	color: #333333;
	font-weight: 400;
	font-size: 0.965em;
	line-height: 1.8em;
	opacity: 0.6;
	text-decoration: none;
}

.right_column li a:hover {
	color: #fc5700;
	padding-left: 10px;
}

.grid_b4 {
	float: left;
	width: 56%;
}

/*** Page numbers ***/

.content-pagenation {
	text-align: center;
}

.content-pagenation li {
	display: inline-block;
}

.content-pagenation li a {
	color: #fc5700;
	font-size: 1em;
	background: #FFF;
	padding: 10px 12px;
	border: 1px solid #fc5700;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.content-pagenation li a:hover {
	background: #fc5700;
	color: #FFF;
}

/*-- error-page --*/

.error-page {
	padding: 2em 0 5em 0;
}

.error-404 {
	padding-top: 8em;
	min-height: 650px;
}

.error-404 h2 {
	font-size: 18em;
	font-weight: 500;
	color: #fc5700;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.error-404 p {
	color: #4f4844;
	margin: 0;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-top: 1em;
}

a.b-home {
	background: #272e34;
	padding: 0.8em 3em;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	margin-top: 1em;
}

a.b-home:hover {
	background: #fc5700;
}

article.attach {
	margin-bottom: 1em;
}

p.text1 {
	color: #333333;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	margin: 15px 0 27px 0;
	opacity: 0.6;
}

#commentform input[type="text"] {
	padding: 8px 15px;
	width: 60%;
	color: #444;
	font-size: 1em;
	border: 1px solid #eee;
	background: #eee;
	outline: none;
	display: block;
}

.leave h4 {
	color: #1f3e4f;
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

#commentform label {
	display: block;
	font-size: 1em;
	color: #888;
}

#commentform span {
	color: #A60000;
	position: absolute;
}

#commentform textarea {
	padding: 13px 20px;
	width: 60%;
	color: #444;
	font-size: 0.85em;
	outline: none;
	height: 150px;
	display: block;
	resize: none;
	font-weight: 400;
	border: 1px solid #eee;
	background: #eee;
}

#commentform input[type="submit"] {
	padding: 12px 50px;
	color: #FFF;
	background: #444;
	outline: none;
	border: none;
	text-transform: uppercase;
	cursor: pointer;
	-webkit-appearance: none;
	font-size: 1.2em;
	font-weight: 500;
}

#commentform input[type="submit"]:hover {
	background: #222;
}

.comments1 {
	margin-top: 3em;
}

#commentform p {
	position: relative;
	padding: 8px 0;
	font-size: 1em;
}

.comments-main {
	border: 1px solid #D5D4D4;
	padding: 17px 0px;
	margin: 15px 0px 40px 0;
}

.cmnts-right a {
	padding: 6px 12px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: #999;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
	-o-transition: 0.5s all;
	outline: none;
}

.Archives {
	margin-bottom: 3em;
}

.cmts-main-left img {
	border: 3px solid#ccc;
}

.cmnts-right a:hover {
	background: #333;
	text-decoration: none;
}

.cmts-main-right h5 {
	font-size: 1em;
	color: #4e4e4b;
	margin: 0px;
	font-weight: 600;
}

.comments1 h4 {
	color: #1f3e4f;
	font-size: 1.8em;
	font-weight: 400;
	letter-spacing: 1px;
	margin-bottom: 12px;
}

.cmts-main-right p {
	color: #333333;
	font-weight: 400;
	font-size: 0.9em;
	line-height: 1.9em;
	opacity: 0.6;
	margin: 2px 0 15px 0px;
}

.cmnts-left p {
	font-size: 13px;
	color: #999;
	font-weight: 600;
	margin: 15px 0px;
}

/*-- responsive-design starts-here --*/

@media screen and (max-width: 1366px) {
	.banner-info {
		width: 45%;
		left: 8%;
		top: 13%;
		padding: 2em 1.8em 2em 2em;
	}

	.header-right h4 {
		font-size: 1.9em;
		margin-bottom: 25px;
	}

	.top-menu ul li a {
		font-size: 1.05em;
	}

	.logo {
		margin-top: 10px;
		width: 19%;
	}

	.banner-info h2 {
		font-size: 2.7em;
		letter-spacing: 2px;
		margin-bottom: 0.6em;
	}

	.banner-info p {
		font-size: 1.4em;
		line-height: 1.45em;
	}

	.banner-info a {
		font-size: 1.2em;
		padding: 9px 20px;
		width: 35%;
	}

	.banner {
		min-height: 421px;
	}

	.services-section {
		padding: 3em 0;
	}

	.subscribe-section {
		min-height: 200px;
	}

	.subscribe h3 {
		font-size: 2.6em;
		margin-bottom: 0.7em;
	}

	.subscribe-section-grids {
		padding-top: 2.2em;
	}

	.subscribe input[type="text"] {
		font-size: 14px;
		padding: 10px;
	}

	.subscribe a {
		font-size: 13px;
		padding: 11px 30px;
	}

	.book img {
		width: 55%;
	}

	.member1 {
		width: 16.7%;
	}

	.client-text p {
		font-size: 1.5em;
	}

	.nbs-flexisel-nav-left,
	.nbs-flexisel-nav-right {
		margin-top: 7em;
	}

	.description {
		min-height: 240px;
		width: 83%;
	}

	.testimonials-section {
		min-height: 417px;
	}

	.testimonials-section-head {
		margin: 2em 0 2.5em 0;
	}

	.nbs-flexisel-nav-left {
		left: 30.5em;
	}

	.nbs-flexisel-nav-right {
		right: 30.5em;
	}

	.map-layer {
		min-height: 455px;
	}

	.map iframe {
		min-height: 450px;
	}

	.contact-form {
		padding: 3.5em 3em;
	}

	.services_overview {
		padding: 3em 0;
	}

	.blog-section {
		padding: 3em 0 4em 0;
	}

	.contact.about-desc {
		padding: 3em 0;
	}

	.contact.about-desc h3 {
		margin-bottom: 1.2em;
	}

	.contact_left h4 {
		font-size: 1.85em;
	}
}

@media screen and (max-width: 1280px) {
	.map-layer {
		min-height: 405px;
	}

	.map iframe {
		min-height: 400px;
	}

	.logo {
		width: 18%;
	}

	.banner-info {
		width: 44%;
		left: 4.5%;
		padding: 1.5em 1.5em 1.8em 1.5em;
	}

	.banner {
		min-height: 389px;
	}

	.banner-info h2 {
		font-size: 2.6em;
		letter-spacing: 1px;
		margin-bottom: 0.5em;
	}

	.banner-info p {
		font-size: 1.35em;
		line-height: 1.4em;
	}

	.banner-info a {
		font-size: 1.1em;
		margin-top: 1.8em;
	}

	.icons {
		margin-top: 1.5em;
	}

	.icons2 {
		margin-top: 6em;
	}

	.subscribe h3 {
		font-size: 2.4em;
		margin-bottom: 0.6em;
	}

	.subscribe-section-grids {
		padding-top: 1.8em;
	}

	.book img {
		width: 50%;
	}

	.subscribe-section {
		min-height: 171px;
	}

	.our-clients {
		padding: 2.5em 0;
	}

	.nbs-flexisel-item img {
		width: 60%;
	}

	.testimonials-section {
		min-height: 390px;
	}

	.contact-section {
		padding: 2em 0;
	}

	.who_we_are,
	.latest-news {
		padding: 2em 0 3em 0;
	}
}

@media screen and (max-width: 1024px) {
	.header-right h4 {
		font-size: 1.55em;
		margin-bottom: 20px;
	}

	i.phone {
		width: 25px;
		height: 25px;
		background-size: 450px;
	}

	.top-menu ul li a {
		font-size: 1em;
		padding: 5px 4px;
	}

	.top-menu ul li a.active {
		border-bottom: 4px solid #fc5700;
	}

	.top-menu ul li a:hover {
		border-bottom: 4px solid #fc5700;
	}

	.header {
		padding: 0.5em 0;
	}

	.logo {
		width: 17%;
	}

	.banner-info h2 {
		font-size: 2.15em;
		letter-spacing: 0px;
	}

	.banner-info p {
		font-size: 1.25em;
	}

	.banner-info a {
		font-size: 1em;
		margin-top: 1.6em;
		padding: 7px 15px;
		width: 39%;
	}

	.banner-info {
		top: 10%;
		left: 3.5%;
		padding: 1.3em 1.3em 1.6em 1.3em;
	}

	.special-btn {
		float: right;
		color: #fff;
		border: 2px solid #fc5700;
		background: #fc5700;
		-moz-box-shadow: 0px 0px 15px 8px #fc5700;
		-webkit-box-shadow: 0px 0px 15px 8px #fc5700;
		box-shadow: 0px 0px 15px 8px #fc5700;
	}

	.banner {
		min-height: 315px;
	}

	.services-section {
		padding: 2em 0 3em 0;
	}

	.services-section h3 {
		font-size: 2.5em;
		letter-spacing: 0px;
		margin-bottom: 0.55em;
	}

	.services-section-grid1-top,
	.services-section-grid3-top {
		padding: 10px 15px;
		margin-bottom: 10px;
	}

	.services-section-grid1-bottom,
	.services-section-grid3-bottom,
	.services-section-grid2 {
		padding: 10px 15px;
	}

	.services-section-grid1 {
		padding: 0 10px 0 0;
	}

	.services-section-grid3 {
		padding: 0 0 0 10px;
	}

	.services-section h4 {
		font-size: 1.8em;
		letter-spacing: 1px;
	}

	.icons2 {
		margin-top: 4.8em;
	}

	.subscribe h3 {
		font-size: 2.2em;
		letter-spacing: 1px;
	}

	.subscribe input[type="text"] {
		padding: 8px;
	}

	.subscribe a {
		padding: 9px 25px;
	}

	.subscribe-section-grids {
		padding-top: 1.6em;
	}

	.subscribe-section {
		min-height: 150px;
	}

	.our-clients-head h3 {
		font-size: 2.5em;
		letter-spacing: 1px;
		margin-bottom: 0.8em;
	}

	.nbs-flexisel-item img {
		width: 55%;
	}

	.description {
		min-height: 205px;
		width: 82%;
	}

	.member1 {
		width: 18%;
	}

	.client-text p {
		font-size: 1.4em;
	}

	.client-text {
		padding: 0 3em;
	}

	.nbs-flexisel-nav-right {
		right: 24.5em;
	}

	.nbs-flexisel-nav-left {
		left: 24.5em;
	}

	.description {
		padding: 1.6em 0 0 0;
	}

	.nbs-flexisel-nav-left,
	.nbs-flexisel-nav-right {
		margin-top: 6em;
	}

	.testimonials-section-head h3 {
		font-size: 2.4em;
		letter-spacing: 1px;
	}

	.contact-section h3 {
		font-size: 2.5em;
		letter-spacing: 1px;
		margin-bottom: 0.8em;
	}

	.testimonials-section-head {
		margin: 1.5em 0 1.5em 0;
	}

	i.smartphone,
	i.user,
	i.global {
		margin-bottom: 1em;
	}

	.testimonials-section {
		min-height: 315px;
	}

	.text h4 {
		font-size: 1.1em;
		margin-bottom: 2px;
	}

	.text p {
		font-size: 0.95em;
	}

	.text {
		padding: 8px;
	}

	.contact-top p {
		font-size: 1.15em;
	}

	.footer {
		padding: 2em 0;
	}

	.map-layer {
		min-height: 355px;
	}

	.map iframe {
		min-height: 350px;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		font-size: 14px;
		padding: 12px 12px;
	}

	.contact-form {
		padding: 2.5em 3em;
	}

	.map {
		margin-top: 10em;
	}

	.error-404 {
		padding-top: 6em;
		min-height: 590px;
	}

	.grid_12 h3 {
		font-size: 2.6em;
		letter-spacing: 1px;
		margin-bottom: 0.5em;
	}

	.s-map {
		margin-top: 0;
	}

	.why_choose_us {
		padding: 2em 0 3em 0;
	}

	.why_choose_us h3,
	.latest-news h3 {
		font-size: 2.5em;
		letter-spacing: 1px;
		margin-bottom: 0.5em;
	}

	.element h4 {
		font-size: 17px;
		margin-top: 25px;
		margin-bottom: 10px;
	}

	.element p {
		font-size: 0.95em;
		line-height: 1.6em;
	}

	.btn {
		font-size: 1em;
		padding: 7px 18px;
	}

	.error-404 h2 {
		font-size: 17em;
	}

	.services_overview h3 {
		font-size: 2.5em;
		letter-spacing: 1px;
		margin-bottom: 0.5em;
	}

	.services_overview {
		padding: 2em 0;
	}

	.service_grid h4 {
		font-size: 1.21em;
		margin: 15px 0 0 0;
	}

	.service_grid p {
		font-size: 0.95em;
		line-height: 1.7em;
		margin: 5px 0 20px 0;
	}

	p.m_6 {
		margin: 8px 0;
	}

	.contact.about-desc h3 {
		margin-bottom: 1em;
		font-size: 2.6em;
		letter-spacing: 1px;
	}

	.contact_left h4 {
		font-size: 1.75em;
	}

	.head_element span {
		font-size: 1.5em;
	}

	.head_element {
		width: 80px;
		height: 80px;
	}

	.sub h3 {
		font-size: 1.45em;
		letter-spacing: 1px;
		margin-bottom: 2px;
	}

	.sub p {
		font-size: 0.95em;
	}

	.grid_b4 h5 {
		line-height: 1.5em;
	}

	.grid_b4 p {
		line-height: 1.8em;
		margin: 5px 0 15px 0;
	}

	.blog-section {
		padding: 2em 0 3em 0;
	}

	article.clearfix {
		margin: 1em 0 3em 0;
	}

	h2.with-line {
		font-size: 2.65em;
		letter-spacing: 1px;
		margin-bottom: 0em;
	}

	.right_column h2 {
		font-size: 2.2em;
		margin: 1em 0 0.4em 0;
		margin-bottom: 0.4em;
	}

	.right_column li {
		padding: 5px 0 5px 18px;
		background: url(../images/bullet.webp) left 13px no-repeat;
	}

	.left_column {
		padding: 0 25px 0 0;
	}

	p.text1 {
		margin-top: -47px;
	}

	.cmts-main-left {
		padding: 0 0 0 8px;
		width: 16.666%;
	}

	.cmts-main-left img {
		width: 100%;
	}

	.cmts-main-right p {
		height: 63px;
		overflow: hidden;
		line-height: 1.7em;
	}

	.cmnts-left p {
		height: 24px;
		margin: 0;
	}

	a.readblog {
		font-size: 1.4em;
	}
}

@media screen and (max-width: 800px) {
	.header-right h4 {
		display: none;
	}

	.banner-info {
		width: 68%;
	}

	.services-section-grid1-bottom,
	.services-section-grid3-bottom {
		width: 49%;
		float: left;
	}

	.services-section-grid1-top,
	.services-section-grid3-top {
		width: 49%;
		float: left;
		margin-right: 2%;
		margin-bottom: 0;
	}

	.services-section-grid1,
	.services-section-grid3 {
		width: 100%;
		float: left;
	}

	.services-section-grid2 {
		width: 100%;
		float: left;
		margin: 2% 0;
	}

	.services-section-grid3 {
		padding: 0;
	}

	.services-section-grid1 {
		padding: 0;
	}

	.icons2 {
		margin-top: 2em;
	}

	.subscribe {
		width: 70%;
		float: left;
	}

	.book {
		width: 30%;
		float: left;
	}

	.book img {
		width: 70%;
	}

	.subscribe h3 {
		font-size: 1.8em;
		letter-spacing: 0px;
	}

	.subscribe a {
		padding: 7px 18px;
		border: 1px solid #fff;
	}

	.subscribe input[type="text"] {
		padding: 6px;
		border: 1px solid #fff;
	}

	.subscribe-section-grids {
		padding-top: 1.4em;
	}

	.subscribe-section {
		min-height: 125px;
	}

	.contact-section-grid {
		width: 33.333%;
		float: left;
	}

	.contact-top p {
		font-size: 1em;
	}

	.contact-left {
		width: 50%;
		float: left;
	}

	.contact-right {
		width: 50%;
		float: left;
	}

	.contact-form {
		padding: 2em 1em;
	}

	.contact-form input[type="submit"] {
		font-size: 14px;
		padding: 6px 25px;
		margin-top: 0.5em;
	}

	.map-layer {
		min-height: 305px;
	}

	.map iframe {
		min-height: 300px;
	}

	.copyright p {
		font-size: 15px;
		margin-top: 0.5em;
	}

	.contact-section h3 {
		font-size: 2.3em;
		letter-spacing: 0px;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		font-size: 13px;
		padding: 12px 10px;
	}

	.description {
		padding: 1.2em 0 0 0;
		float: left;
		width: 80%;
		min-height: 182px;
	}

	.member1 {
		width: 20%;
	}

	.client-text p {
		font-size: 1.2em;
	}

	.testimonials-section-head h3 {
		font-size: 2.1em;
		letter-spacing: 0px;
	}

	.our-clients-head h3 {
		font-size: 2.3em;
		letter-spacing: 0px;
	}

	.banner-info h2 {
		font-size: 1.8em;
	}

	.banner-info p {
		font-size: 1em;
	}

	.banner-info a {
		font-size: 0.95em;
		margin-top: 1.5em;
		padding: 7px 0px;
		border: 1px solid #fff;
		width: 42%;
	}

	.banner-info {
		width: 47%;
		padding: 15px 11px 20px 17px;
	}

	.banner {
		min-height: 240px;
	}

	.services-section h3 {
		font-size: 2.3em;
		margin-bottom: 0.5em;
	}

	.header {
		border-bottom: 3px solid #fc5700;
		padding: 17px 0;
	}

	.logo {
		margin-top: 0;
	}

	.text p {
		font-size: 0.875em;
	}

	.nbs-flexisel-nav-left,
	.nbs-flexisel-nav-right {
		margin-top: 5em;
	}

	.nbs-flexisel-nav-right {
		right: 17.5em;
	}

	.nbs-flexisel-nav-left {
		left: 17.5em;
	}

	.testimonials-section {
		min-height: 290px;
	}

	span.menu {
		width: 28px;
		height: 28px;
		background: url(../images/nav.webp)no-repeat;
		display: inline-block;
		float: right;
		cursor: pointer;
		margin-top: -38px;
	}

	.top-menu {
		width: 100%;
		display: none;
		text-align: center;
		background: #fff;
		padding: 0;
		margin-top: 10px;
	}

	.top-menu ul {
		float: none;
		width: 100%;
	}

	.top-menu ul li {
		display: block;
		float: none;
	}

	.top-menu ul li a {
		color: #000;
		display: block;
		padding: 10px 0px;
		border-bottom: 3px solid #fff;
	}

	.top-menu ul li a.active {
		border-bottom: 3px solid #fc5700;
	}

	.top-menu ul li a:hover {
		border-bottom: 3px solid #fc5700;
	}

	.header-right {
		width: 100%;
	}

	.logo {
		width: 22%;
	}

	.error-404 h2 {
		font-size: 15em;
	}

	.grid_12 h5 {
		font-size: 1.05em;
		height: 46px;
		overflow: hidden;
	}

	.grid_12 p {
		height: 74px;
		overflow: hidden;
	}

	.grid_12 h3 {
		font-size: 2.5em;
		letter-spacing: 0px;
		margin-bottom: 0.4em;
	}

	.grid_7 {
		width: 33.333%;
		float: left;
		padding: 0 8px;
	}

	.grid_4 {
		width: 33.333%;
		float: left;
		padding: 0 10px;
	}

	.grid_4 span {
		margin-top: 10px;
		width: 65px;
		height: 65px;
		font-size: 22px;
		line-height: 65px;
	}

	.grid_4 p {
		font-size: 0.9em;
	}

	.element p {
		margin: 0px 0 0px 0;
	}

	.element h4 {
		margin-top: 15px;
		margin-bottom: 5px;
	}

	.element {
		padding-bottom: 1.5em;
	}

	.why_choose_us h3,
	.latest-news h3 {
		font-size: 2.3em;
		letter-spacing: 0px;
	}

	.btn {
		font-size: 0.95em;
		padding: 5px 15px;
	}

	.left_column {
		width: 100%;
		padding: 0 0px 0 0;
	}

	.grid_b4 h5 {
		line-height: 1.8em;
	}

	.grid_b4 p {
		line-height: 1.9em;
		margin: 10px 0 20px 0;
	}

	p.text1 {
		margin-top: -27px;
	}

	.service_grid {
		width: 32%;
		margin-right: 2%;
		float: left;
	}

	.span_55 {
		margin-right: 0;
	}

	.services_overview h3 {
		font-size: 2.3em;
		letter-spacing: 0px;
		margin-bottom: 0.6em;
	}

	.service_grid h4 {
		font-size: 0.94em;
		margin: 12px 0 0 0;
	}

	.service_grid p {
		margin: 5px 0 0px 0;
		height: 67px;
		overflow: hidden;
	}

	h2.with-line {
		font-size: 2.5em;
		letter-spacing: 0px;
	}

	.cmts-main-left {
		margin-right: 4%;
		float: left;
		padding: 0 0 0 15px;
	}

	.cmnts-left {
		float: left;
	}

	.contact_right {
		margin-top: 5%;
		padding: 4%;
	}

	.contact.about-desc h3 {
		margin-bottom: 0.8em;
		font-size: 2.5em;
		letter-spacing: 0px;
	}

	.contact.about-desc {
		padding: 2em 0;
	}

	.contact_left h4 {
		font-size: 1.65em;
	}

	.right_column h2 {
		font-size: 2em;
	}
}

@media screen and (max-width: 768px) {
	.banner {
		min-height: 234px;
	}

	.error-404 h2 {
		font-size: 14em;
	}

	.error-404 {
		padding-top: 5em;
		min-height: 530px;
	}

	span.menu {
		margin-top: -32px;
	}
}

@media screen and (max-width: 640px) {
	.logo {
		width: 24%;
	}

	.banner-info {
		width: 50%;
		padding: 10px 10px 15px 10px;
		top: 8%;
		left: 2.5%;
	}

	.banner-info h2 {
		font-size: 1.45em;
	}

	.banner-info p {
		font-size: 0.875em;
	}

	.banner-info a {
		font-size: 0.875em;
		margin-top: 1em;
		padding: 5px 0px;
		width: 47%;
	}

	.banner {
		min-height: 195px;
	}

	.map-layer {
		min-height: 255px;
	}

	.map iframe {
		min-height: 250px;
	}

	.footer {
		padding: 1.5em 0;
	}

	.header {
		padding: 15px 0;
	}

	.services-section h3 {
		font-size: 2.1em;
	}

	.services-section h4 {
		font-size: 1.5em;
		letter-spacing: 0px;
	}

	.services-section p {
		font-size: 0.95em;
	}

	i.call {
		width: 40px;
		height: 50px;
		background: url("../images/img-sprite.webp") no-repeat -28px 0px;
		background-size: 450px;
	}

	i.callmsg {
		width: 55px;
		height: 50px;
		background: url("../images/img-sprite.webp") no-repeat -72px -2px;
		background-size: 450px;
	}

	.arrow2 {
		margin-top: 14px;
	}

	.arrow1 {
		margin-top: 12px;
	}

	i.arrow {
		width: 30px;
		height: 30px;
		background: url("../images/img-sprite.webp") no-repeat -392px 0px;
		background-size: 500px;
	}

	i.interact {
		width: 100px;
		height: 100px;
		background: url("../images/img-sprite.webp") no-repeat -125px 2px;
		background-size: 450px;
	}

	.arrow3 {
		margin-top: 40px;
	}

	i.dt {
		width: 65px;
		height: 55px;
		background: url("../images/img-sprite.webp") no-repeat -231px 0px;
		background-size: 450px;
	}

	.services-section p {
		margin: 8px 0 0px 0;
	}

	i.zoom {
		width: 50px;
		height: 55px;
		background: url("../images/img-sprite.webp") no-repeat -302px -2px;
		background-size: 450px;
	}

	.icons2 {
		margin-top: 1em;
	}

	.icons {
		margin-top: 1em;
	}

	i.smartphone {
		width: 55px;
		height: 55px;
		background: url("../images/img-sprite.webp") no-repeat -1px -46px;
		background-size: 450px;
	}

	i.user {
		width: 55px;
		height: 55px;
		background: url("../images/img-sprite.webp") no-repeat 0px -103px;
		background-size: 450px;
	}

	i.global {
		width: 55px;
		height: 55px;
		background: url("../images/img-sprite.webp") no-repeat -56px -58px;
		background-size: 450px;
	}

	.services-section {
		padding: 1.5em 0 2em 0;
	}

	.subscribe h3 {
		font-size: 1.5em;
		margin-bottom: 0.4em;
	}

	.subscribe a {
		padding: 5px 10px;
		font-size: 12px;
	}

	.subscribe input[type="text"] {
		padding: 4px;
		font-size: 13px;
	}

	.book img {
		width: 65%;
	}

	.subscribe-section-grids {
		padding-top: 1.1em;
	}

	.subscribe-section {
		min-height: 100px;
	}

	.our-clients-head h3 {
		font-size: 2.1em;
		margin-bottom: 0.6em;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		font-size: 12px;
		padding: 10px 10px;
	}

	.contact-form input[type="submit"] {
		font-size: 13px;
		padding: 6px 23px;
		margin-top: 0.3em;
	}

	.contact-form {
		padding: 1.5em 1em;
	}

	.client-text p {
		font-size: 1em;
	}

	.text h4 {
		font-size: 1em;
		margin-bottom: 0px;
	}

	.text p {
		font-size: 0.7em;
	}

	.text {
		padding: 8px 0;
	}

	.description {
		padding: 1em 0 0 0;
		min-height: 153px;
	}

	.nbs-flexisel-nav-right {
		right: 13.5em;
	}

	.nbs-flexisel-nav-left {
		left: 13.5em;
	}

	.testimonials-section-head h3 {
		font-size: 2em;
	}

	.testimonials-section-head {
		margin: 1em 0;
	}

	.testimonials-section {
		min-height: 250px;
	}

	.error-404 h2 {
		font-size: 12em;
	}

	.error-404 {
		padding-top: 4em;
		min-height: 480px;
	}

	.element h4 {
		margin-top: 10px;
		margin-bottom: 3px;
		font-size: 1.12em;
	}

	.element p {
		margin: 0px 0 0 0;
		height: 60px;
		overflow: hidden;
	}

	.why_choose_us h3,
	.latest-news h3 {
		font-size: 2em;
		letter-spacing: 0px;
	}

	.grid_12 h3 {
		font-size: 2.3em;
	}

	.grid_12 h5 {
		font-size: 1em;
		height: 42px;
	}

	.grid_12 p {
		height: 60px;
		overflow: hidden;
		line-height: 1.7em;
		font-size: 0.875em;
	}

	.grid_4 p {
		height: 80px;
		overflow: hidden;
		line-height: 1.7em;
		font-size: 0.875em;
		margin: 15px 0 0px 0;
	}

	.grid_4 span {
		margin-top: 5px;
		width: 60px;
		height: 60px;
		font-size: 21px;
		line-height: 60px;
	}

	.services_overview h3 {
		font-size: 2em;
		margin-bottom: 0.5em;
	}

	.services_overview {
		padding: 1.5em 0;
	}

	p.text1 {
		margin-top: -49px;
	}

	.content-pagenation {
		margin-top: 2em;
	}

	.contact.about-desc h3 {
		margin-bottom: 0.5em;
		font-size: 2.3em;
	}

	.contact_left h4 {
		font-size: 1.5em;
	}

	p.m_6 {
		margin: 6px 0;
		font-size: 0.9em;
	}

	p.m_7 {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 480px) {
	.logo {
		width: 27%;
	}

	span.menu {
		width: 21px;
		height: 21px;
		background-size: 21px;
	}

	span.menu {
		margin-top: -27px;
	}

	.banner-info p {
		display: none;
	}

	.banner-info h2 {
		font-size: 1.2em;
	}

	.banner-info a {
		font-size: 0.75em;
		width: 54%;
		margin-top: 1.8em;
	}

	.banner {
		min-height: 170px;
	}

	.header {
		padding: 10px 0;
		border-bottom: 2px solid #fc5700;
	}

	.subscribe {
		padding: 0;
	}

	.services-section h3 {
		font-size: 1.9em;
	}

	.banner-info {
		width: 48%;
		top: 18%;
		padding: 10px 10px 15px 11px;
	}

	.services-section {
		padding: 1em 0 1.5em 0;
	}

	.subscribe h3 {
		font-size: 1.15em;
	}

	.subscribe a {
		padding: 4px 6px;
		font-size: 12px;
		letter-spacing: 1px;
	}

	.subscribe input[type="text"] {
		padding: 3px;
	}

	.book img {
		width: 75%;
	}

	.subscribe-section {
		min-height: 90px;
	}

	.our-clients {
		padding: 1.5em 0;
	}

	.nbs-flexisel-item img {
		width: 38%;
	}

	.contact-section-grid {
		width: 100%;
		margin-top: 2em;
	}

	i.smartphone,
	i.user,
	i.global {
		margin-bottom: 0.3em;
	}

	.contact-section h3 {
		font-size: 2em;
		margin-bottom: -0.2em;
	}

	.map-layer {
		min-height: 205px;
	}

	.map iframe {
		min-height: 200px;
	}

	.contact-form {
		padding: 1.2em 0em;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		margin: 0 0px 10px 0;
		padding: 8px 8px;
	}

	.contact-form textarea {
		height: 6.5em;
	}

	.client-text p {
		height: 60px;
		overflow: hidden;
	}

	.nbs-flexisel-nav-right {
		right: 9.5em;
	}

	.nbs-flexisel-nav-left {
		left: 9.5em;
	}

	.description {
		min-height: 137px;
	}

	.testimonials-section {
		min-height: 220px;
	}

	.error-404 h2 {
		font-size: 9em;
	}

	.error-404 p {
		font-size: 1.2em;
	}

	a.b-home {
		padding: 0.6em 2em;
		margin-top: 0.8em;
	}

	.error-404 {
		padding-top: 3em;
		min-height: 380px;
	}

	.grid_12 h3 {
		font-size: 2em;
	}

	.grid_12 h5 {
		font-size: 0.95em;
		height: 39px;
		line-height: 1.5em;
	}

	.who_we_are,
	.latest-news {
		padding: 1em 0 2em 0;
	}

	.why_choose_us {
		padding: 1.2em 0 2em 0;
	}

	.grid_7 {
		width: 100%;
		padding: 0 50px;
		margin-bottom: 2em;
	}

	.grid_4 {
		width: 100%;
		padding: 0 50px;
		margin-bottom: 2em;
	}

	.service_grid {
		width: 100%;
		margin: 0 0 2em 0;
	}

	.contact.about-desc {
		padding: 1.2em 0;
	}

	.contact.about-desc h3 {
		margin-bottom: 0.4em;
		font-size: 2em;
	}

	.contact_left h4 {
		font-size: 1.35em;
	}

	.head_element span {
		font-size: 1.2em;
	}

	.head_element {
		width: 70px;
		height: 70px;
	}

	.sub h3 {
		font-size: 1.2em;
		letter-spacing: 0px;
		margin-bottom: 0px;
	}

	.sub {
		margin-top: 1.1em;
	}

	h2.with-line {
		font-size: 2.2em;
	}

	.grid_b4 h5 {
		line-height: 1.6em;
		font-size: 0.9em;
	}

	.grid_b4 p {
		line-height: 1.7em;
		margin: 5px 0 15px 0;
		height: 40px;
		overflow: hidden;
	}

	.right_column h2 {
		font-size: 1.85em;
	}

	.sub p {
		font-size: 0.875em;
		margin-top: 0px;
	}

	.content-pagenation li a {
		font-size: 0.875em;
		padding: 5px 10px;
	}

	#commentform input[type="text"] {
		padding: 6px 12px;
		width: 75%;
	}

	#commentform textarea {
		padding: 6px 12px;
		width: 75%;
	}

	.comments1 h4 {
		font-size: 1.5em;
	}

	#commentform input[type="submit"] {
		padding: 9px 45px;
	}

	.contact_grid h5 {
		font-size: 1.3em;
	}

	.grid_4 p {
		height: 60px;
	}

	a.readblog {
		font-size: 1.2em;
		letter-spacing: 0px;
	}
}

@media screen and (max-width: 320px) {
	.logo {
		width: 38%;
	}

	span.menu {
		margin-top: -23px;
	}

	.banner-info h2 {
		font-size: 0.95em;
	}

	.banner-info {
		width: 57%;
		padding: 5px 5px 10px 5px;
	}

	.banner-info a {
		font-size: 0.7em;
		width: 67%;
		margin-top: 1em;
	}

	.banner {
		min-height: 120px;
	}

	.services-section h3 {
		font-size: 1.75em;
	}

	.services-section-grid1-top,
	.services-section-grid3-top {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}

	.services-section-grid1-bottom,
	.services-section-grid3-bottom {
		width: 100%;
	}

	.book img {
		display: none;
	}

	.subscribe {
		width: 90%;
	}

	.our-clients-head h3 {
		font-size: 1.8em;
	}

	.copyright p {
		font-size: 13px;
	}

	.copyright p a {
		font-size: 15px;
		margin-top: 0.3em;
		display: block;
	}

	.footer {
		padding: 1em 0;
	}

	.map-layer {
		min-height: 155px;
	}

	.map iframe {
		min-height: 150px;
	}

	.contact-left,
	.contact-right {
		width: 100%;
	}

	.contact-form input[type="submit"] {
		font-size: 12px;
		padding: 5px 20px;
	}

	.contact-form {
		top: 1em;
	}

	.description {
		min-height: 136px;
		width: 62%;
	}

	.member1 {
		width: 38%;
	}

	.client-text p {
		width: 100%;
	}

	.nbs-flexisel-nav-right {
		right: 2.5em;
	}

	.nbs-flexisel-nav-left {
		left: 2.5em;
	}

	.grid_4,
	.grid_7 {
		padding: 0 10px;
		margin-bottom: 1.8em;
	}

	.grid_5 {
		width: 47%;
		margin-left: 0%;
		margin-right: 2%;
	}

	.grid_6 {
		width: 48%;
		margin-right: 0%;
		margin-left: 2%;
	}

	.grid_12 h3 {
		font-size: 1.85em;
	}

	.right_column {
		padding: 0;
	}

	.alpha1 {
		width: 75%;
		margin-right: 0;
		margin-bottom: 0.8em;
	}

	.grid_b4 {
		width: 100%;
	}

	.head_element span {
		font-size: 1em;
	}

	.head_element {
		width: 55px;
		height: 55px;
		margin-right: 5px;
		margin-bottom: 10px;
	}

	.sub {
		margin-top: 0.7em;
	}

	h2.with-line {
		font-size: 2em;
	}

	.right_column h2 {
		font-size: 1.8em;
	}

	.blog-section {
		padding: 1em 0 2em 0;
	}

	.contact_left h4 {
		font-size: 1.1em;
	}

	.contact.about-desc h3 {
		font-size: 1.8em;
	}

	p.m_6 {
		height: 67px;
		overflow: hidden;
	}

	.contact-form_grid input[type="submit"] {
		font-size: 16px;
		padding: 9px 0px;
	}

	.contact_address {
		margin: 1.5em 0;
	}

	p.text1 {
		margin-top: -41px;
		height: 136px;
		overflow: hidden;
	}

	.leave h4 {
		font-size: 1.6em;
		letter-spacing: 0px;
		margin-bottom: 5px;
	}

	#commentform input[type="text"],
	#commentform textarea {
		padding: 5px 10px;
		width: 100%;
	}

	.cmnts-left {
		width: 65%;
	}

	.comments1 {
		margin-top: 1.5em;
	}

	.top-menu ul li a:hover {
		border-bottom: 2px solid #fc5700;
	}

	.top-menu ul li a.active {
		border-bottom: 2px solid #fc5700;
	}

	.top-menu ul li a {
		font-size: 0.95em;
		padding: 7px 0px;
		border-bottom: 2px solid #fff;
	}

	a.readblog {
		font-size: 0.92em;
	}
}

* {
	box-sizing: border-box;
}

/* Slideshow container */

.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

.mySlides {
	display: none;
}

/* Next & previous buttons */

.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
}

/* Position the "next button" to the right */

.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */

.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */

.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */

.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */

.dot {
	cursor: pointer;
	height: 13px;
	width: 13px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active,
.dot:hover {
	background-color: #717171;
}

/* Fading animation */

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes fade {
	from {
		opacity: .4;
	}

	to {
		opacity: 1;
	}
}

@keyframes fade {
	from {
		opacity: .4;
	}

	to {
		opacity: 1;
	}
}

.who_we_are img, .our_products img {
	width: stretch;
	max-height: 170px;
	margin-bottom: 20px;
}

.our_products p {
	color: #1B242F !important;
}

.our_products span {
	color: #333 !important;
}

.awards img {
	margin-bottom: 20px;
}

.fixed-size-img {
	width: 200px;
	height: 200px;
}

.strategy figure img {
	width: stretch;
}

/* jssor slider bullet navigator skin 13 css */

/*
        .jssorb13 div           (normal)
        .jssorb13 div:hover     (normal mouseover)
        .jssorb13 .av           (active)
        .jssorb13 .av:hover     (active mouseover)
        .jssorb13 .dn           (mousedown)
        */

.jssorb13 {
	position: absolute;
}

.jssorb13 div,
.jssorb13 div:hover,
.jssorb13 .av {
	position: absolute;
	width: 21px;
	height: 21px;
	background: url("images/b13.webp") no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb13 div {
	background-position: -5px -5px;
}

.jssorb13 div:hover,
.jssorb13 .av:hover {
	background-position: -35px -5px;
}

.jssorb13 .av {
	background-position: -65px -5px;
}

.jssorb13 .dn,
.jssorb13 .dn:hover {
	background-position: -95px -5px;
}

/* jssor slider bullet navigator skin 05 css */

/*
        .jssorb05 div           (normal)
        .jssorb05 div:hover     (normal mouseover)
        .jssorb05 .av           (active)
        .jssorb05 .av:hover     (active mouseover)
        .jssorb05 .dn           (mousedown)
        */

.jssorb05 {
	position: absolute;
}

.jssorb05 div,
.jssorb05 div:hover,
.jssorb05 .av {
	position: absolute;
	width: 16px;
	height: 16px;
	background: url("img/b05.webp") no-repeat;
	overflow: hidden;
	cursor: pointer;
}

.jssorb05 div {
	background-position: -7px -7px;
}

.jssorb05 div:hover,
.jssorb05 .av:hover {
	background-position: -37px -7px;
}

.jssorb05 .av {
	background-position: -67px -7px;
}

.jssorb05 .dn,
.jssorb05 .dn:hover {
	background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 22 css */

/*
        .jssora22l                  (normal)
        .jssora22r                  (normal)
        .jssora22l:hover            (normal mouseover)
        .jssora22r:hover            (normal mouseover)
        .jssora22l.jssora22ldn      (mousedown)
        .jssora22r.jssora22rdn      (mousedown)
        .jssora22l.jssora22lds      (disabled)
        .jssora22r.jssora22rds      (disabled)
        */

.jssora22l,
.jssora22r {
	display: block;
	position: absolute;
	width: 40px;
	height: 58px;
	cursor: pointer;
	background: url("img/a22.webp") center center no-repeat;
	overflow: hidden;
}

.jssora22l {
	background-position: -10px -31px;
}

.jssora22r {
	background-position: -70px -31px;
}

.jssora22l:hover {
	background-position: -130px -31px;
}

.jssora22r:hover {
	background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
	background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
	background-position: -310px -31px;
}

.jssora22l.jssora22lds {
	background-position: -10px -31px;
	opacity: .3;
	pointer-events: none;
}

.jssora22r.jssora22rds {
	background-position: -70px -31px;
	opacity: .3;
	pointer-events: none;
}

/* jssor slider bullet navigator skin 01 css */

/*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */

.jssorb01 {
	position: absolute;
}

.jssorb01 div,
.jssorb01 div:hover,
.jssorb01 .av {
	position: absolute;
	width: 12px;
	height: 12px;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow: hidden;
	cursor: pointer;
	border: #000 1px solid;
}

.jssorb01 div {
	background-color: gray;
}

.jssorb01 div:hover,
.jssorb01 .av:hover {
	background-color: #d3d3d3;
}

.jssorb01 .av {
	background-color: #fff;
}

.jssorb01 .dn,
.jssorb01 .dn:hover {
	background-color: #555555;
}

/* jssor slider arrow navigator skin 02 css */

/*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */

.jssora02l,
.jssora02r {
	display: block;
	position: absolute;
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url("img/a02.webp") no-repeat;
	overflow: hidden;
}

.jssora02l {
	background-position: -3px -33px;
}

.jssora02r {
	background-position: -63px -33px;
}

.jssora02l:hover {
	background-position: -123px -33px;
}

.jssora02r:hover {
	background-position: -183px -33px;
}

.jssora02l.jssora02ldn {
	background-position: -3px -33px;
}

.jssora02r.jssora02rdn {
	background-position: -63px -33px;
}



.button-group {
	justify-content: space-between;
	display: flex;
	flex-wrap: nowrap;
	gap: 30px;
}

.special-btn {
	float: right;
	color: #fff !important;
	border: 2px solid #fc5700 !important;
	background: #fc5700 !important;
	-moz-box-shadow: 0px 0px 15px 8px #fc5700 !important;
	-webkit-box-shadow: 0px 0px 15px 8px #fc5700 !important;
	box-shadow: 0px 0px 15px 8px #fc5700 !important;
}

/* ---- Contact page refresh: address + social cards ---- */
.contact-page-refresh {
	background: linear-gradient(135deg, #f7fbff 0%, #ffffff 52%, #fff6f1 100%);
}

.contact-modern {
	padding: 4.5em 0 5em;
}

.contact-hero {
	max-width: 780px;
	margin: 0 auto 2.4em;
	padding: 0 20px;
	text-align: center;
}

.contact-eyebrow {
	display: inline-block;
	margin-bottom: 12px;
	padding: 7px 16px;
	border-radius: 999px;
	background: rgba(252, 87, 0, 0.1);
	color: #fc5700;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.6px;
}

.contact-modern.contact.about-desc h3,
.contact-modern h3 {
	margin-bottom: 12px;
	color: #1f2933;
	font-size: 3em;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.contact-hero p {
	color: #5d6b78;
	font-size: 1.08em;
	line-height: 1.75em;
}

.contact-modern-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
	gap: 32px;
	align-items: stretch;
}

.contact-map-card,
.contact-card {
	border: 1px solid rgba(31, 41, 51, 0.08);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 22px 60px rgba(31, 41, 51, 0.12);
	overflow: hidden;
}

.contact-map-card {
	min-height: 500px;
}

.contact-map-frame {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 500px;
	filter: saturate(0.95) contrast(1.02);
}

.contact-card.contact_address {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0;
	padding: 42px;
}

.contact-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: linear-gradient(90deg, #fc5700, #329cd6);
}

.contact-card-label {
	display: inline-flex;
	align-self: flex-start;
	margin-bottom: 16px;
	padding: 7px 13px;
	border-radius: 999px;
	background: #eef6fb;
	color: #256d94;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.contact-card.contact_grid h5 {
	margin-bottom: 26px;
	color: #fc5700;
	font-size: 2.05em;
	font-weight: 700;
	line-height: 1.2em;
}

.contact-detail {
	display: flex;
	gap: 15px;
	align-items: flex-start;
	padding: 18px 0;
	border-bottom: 1px solid rgba(31, 41, 51, 0.08);
}

.contact-detail-icon {
	flex: 0 0 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
	background: #fff1e9;
	color: #fc5700;
}

.contact-detail-icon svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
}

.contact-card.contact_grid p {
	color: #25313b;
	font-size: 1.02em;
	line-height: 1.75em;
}

.contact-card.contact_grid a {
	color: #1e7fb2;
	font-weight: 700;
	text-decoration: none;
}

.contact-card.contact_grid a:hover {
	color: #fc5700;
}

.contact-social-block {
	margin-top: 28px;
}

.contact-social-title {
	display: block;
	margin-bottom: 14px;
	color: #25313b;
	font-size: 0.95em;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.contact-social-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.contact-social-card {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 86px;
	padding: 15px;
	border: 1px solid rgba(31, 41, 51, 0.08);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(31, 41, 51, 0.08);
	text-decoration: none !important;
	transform: translateY(0);
}

.contact-social-card:hover {
	box-shadow: 0 18px 36px rgba(31, 41, 51, 0.14);
	transform: translateY(-3px);
}

.social-svg {
	flex: 0 0 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 14px;
}

.social-svg svg {
	width: 44px;
	height: 44px;
}

.youtube-card .social-svg {
	background: #ffecec;
}

.youtube-card .social-svg rect {
	fill: #ff0000;
}

.youtube-card .social-svg path {
	fill: #ffffff;
}

.linkedin-card .social-svg {
	background: #eaf4ff;
}

.linkedin-card .social-svg rect {
	fill: #0a66c2;
}

.linkedin-card .social-svg path {
	fill: #ffffff;
}

.contact-social-card strong {
	display: block;
	color: #1f2933;
	font-size: 1.03em;
	line-height: 1.2em;
}

.contact-social-card small {
	display: block;
	margin-top: 3px;
	color: #6b7783;
	font-size: 0.83em;
	line-height: 1.3em;
}

@media screen and (max-width: 991px) {
	.contact-modern-grid {
		grid-template-columns: 1fr;
	}

	.contact-map-card,
	.contact-map-frame {
		min-height: 380px;
	}
}

@media screen and (max-width: 640px) {
	.contact-modern {
		padding: 2.5em 0 3em;
	}

	.contact-modern.contact.about-desc h3,
	.contact-modern h3 {
		font-size: 2.1em;
	}

	.contact-card.contact_address {
		padding: 30px 22px;
	}

	.contact-social-cards {
		grid-template-columns: 1fr;
	}

	.contact-map-card,
	.contact-map-frame {
		min-height: 320px;
	}
}

/* ==========================================================
   ERGTECH modern page refresh - generated for index/about/research
   Keeps the original W3Layouts base and safely overrides layout blocks.
   ========================================================== */
:root {
	--erg-orange: #fc5700;
	--erg-blue: #329cd6;
	--erg-navy: #16202a;
	--erg-ink: #1f2933;
	--erg-muted: #5d6b78;
	--erg-soft: #f4f8fb;
	--erg-line: rgba(31, 41, 51, 0.10);
	--erg-shadow: 0 22px 60px rgba(31, 41, 51, 0.12);
	--erg-radius: 26px;
}

.modern-site {
	background: linear-gradient(180deg, #f6f9fc 0%, #ffffff 46%, #f7fafc 100%);
	color: var(--erg-ink);
}

.modern-site .header {
	z-index: 1000;
	background: rgba(0, 0, 0, 0.92);
	box-shadow: 0 14px 40px rgba(0,0,0,0.20);
	backdrop-filter: blur(8px);
}

.modern-site .top-menu ul li a {
	border-bottom: 0;
	border-radius: 999px;
	padding: 10px 12px;
	font-size: 0.98em;
	letter-spacing: 0.2px;
}

.modern-site .top-menu ul li a.active,
.modern-site .top-menu ul li a:hover {
	border-bottom: 0;
	background: rgba(252,87,0,0.14);
	color: #ff7a32;
}

.erg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 14px;
	padding: 7px 13px;
	border-radius: 999px;
	background: rgba(255,255,255,0.16);
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.erg-eyebrow.dark {
	background: rgba(50,156,214,0.10);
	color: #256d94;
}

.erg-eyebrow.light {
	background: rgba(255,255,255,0.16);
	color: #fff;
}

.erg-primary-btn,
.erg-secondary-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 22px;
	border-radius: 999px;
	font-weight: 800;
	text-decoration: none !important;
	letter-spacing: 0.2px;
	transition: transform 0.24s ease, box-shadow 0.24s ease, background 0.24s ease;
}

.erg-primary-btn {
	background: var(--erg-orange);
	color: #fff !important;
	box-shadow: 0 14px 35px rgba(252,87,0,0.30);
}

.erg-secondary-btn {
	background: rgba(255,255,255,0.14);
	border: 1px solid rgba(255,255,255,0.42);
	color: #fff !important;
}

.erg-primary-btn:hover,
.erg-secondary-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 18px 42px rgba(0,0,0,0.22);
}

.section-heading {
	max-width: 790px;
	margin: 0 auto 34px;
	text-align: center;
}

.section-heading h2,
.research-overview-heading h2 {
	margin: 0 0 12px;
	color: var(--erg-ink);
	font-size: 2.35em;
	font-weight: 900;
	letter-spacing: -0.03em;
}

.section-heading p,
.section-lead,
.research-overview-heading p {
	color: var(--erg-muted);
	font-size: 1.04em;
	line-height: 1.75em;
}

/* Home */
.home-page #jssor_1,
.home-page > .container > .banner-info {
	display: none !important;
}

.erg-home-hero {
	position: relative;
	isolation: isolate;
	min-height: 560px;
	padding: 84px 0 76px;
	background: linear-gradient(115deg, rgba(16,24,34,0.94), rgba(33,55,77,0.76)), url('../images/banner.webp') center/cover no-repeat;
	overflow: hidden;
}

.erg-home-hero:before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(circle at 82% 22%, rgba(50,156,214,0.32), transparent 28%),
		radial-gradient(circle at 18% 80%, rgba(252,87,0,0.28), transparent 28%);
}

.erg-home-hero-inner {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
	gap: 42px;
	align-items: center;
}

.erg-hero-copy h1 {
	margin-bottom: 18px;
	color: #fff;
	font-size: clamp(48px, 7vw, 86px);
	font-weight: 900;
	line-height: 0.96;
	letter-spacing: -0.055em;
}

.erg-hero-copy p {
	max-width: 720px;
	color: rgba(255,255,255,0.88);
	font-size: 1.24em;
	line-height: 1.75em;
}

.erg-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
	margin-top: 30px;
}

.erg-hero-panel {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
	padding: 20px;
	border: 1px solid rgba(255,255,255,0.22);
	border-radius: 30px;
	background: rgba(255,255,255,0.12);
	box-shadow: 0 28px 70px rgba(0,0,0,0.22);
	backdrop-filter: blur(12px);
}

.erg-hero-panel div {
	padding: 24px 18px;
	border-radius: 22px;
	background: rgba(255,255,255,0.90);
	box-shadow: 0 12px 34px rgba(0,0,0,0.10);
}

.erg-hero-panel strong {
	display: block;
	color: var(--erg-orange);
	font-size: 2.3em;
	font-weight: 900;
	line-height: 1;
}

.erg-hero-panel span {
	display: block;
	margin-top: 8px;
	color: #354452;
	font-size: 0.96em;
	font-weight: 700;
	line-height: 1.35em;
}

.home-page .why_choose_us {
	padding: 64px 0;
	background: #fff;
}

.home-page .why_choose_us .row {
	display: grid;
	grid-template-columns: repeat(3, minmax(0,1fr));
	gap: 22px;
}

.home-page .why_choose_us .grid_4 {
	float: none;
	width: auto;
	padding: 0;
}

.home-page .why_choose_us .grid_4 > div,
.about-page .why_choose_us .grid_4 > div {
	height: 100%;
	padding: 30px 26px;
	border-radius: var(--erg-radius);
	background: linear-gradient(180deg, #ffffff, #f7fafc);
	border: 1px solid var(--erg-line);
	box-shadow: var(--erg-shadow);
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.home-page .why_choose_us .grid_4 > div:hover,
.about-page .why_choose_us .grid_4 > div:hover,
.product-card a:hover,
.research-card a:hover,
.ecosystem-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 28px 70px rgba(31,41,51,0.16);
}

.home-page .grid_4 span,
.about-page .grid_4 span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	min-width: 96px;
	margin: 0 0 18px;
	padding: 10px 16px;
	border-radius: 999px;
	background: rgba(252,87,0,0.10);
	color: var(--erg-orange);
	font-size: 0.95em;
	font-weight: 900;
	line-height: 1.2;
}

.home-page .grid_4 p,
.about-page .grid_4 p {
	margin: 0;
	color: #40505f;
	font-size: 1em;
	line-height: 1.75em;
	height: auto;
	overflow: visible;
}

.home-page .linked-in {
	padding: 64px 0;
	background: linear-gradient(180deg, #f6f9fc, #ffffff);
}

.home-page .linkedin-card {
	max-width: 720px;
	margin: 0 auto;
	padding: 18px;
	border-radius: 28px;
	background: #fff;
	border: 1px solid var(--erg-line);
	box-shadow: var(--erg-shadow);
}

.home-page .linkedin-card iframe {
	width: 100% !important;
	max-width: 640px !important;
	border-radius: 18px;
}

.brand-ecosystem {
	padding: 62px 0 74px;
	background: #fff;
}

.ecosystem-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
}

.ecosystem-card {
	display: flex;
	min-height: 178px;
	padding: 24px 18px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 16px;
	border-radius: 24px;
	background: linear-gradient(180deg, #ffffff, #f7fafc);
	border: 1px solid var(--erg-line);
	box-shadow: 0 18px 50px rgba(31,41,51,0.09);
	text-decoration: none !important;
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.ecosystem-card img {
	max-width: 132px;
	max-height: 86px;
	object-fit: contain;
}

.ecosystem-card span {
	color: var(--erg-ink);
	font-weight: 900;
}

/* Shared page heroes */
.erg-page-hero {
	position: relative;
	padding: 82px 0 72px;
	text-align: center;
	background:
		radial-gradient(circle at 18% 24%, rgba(252,87,0,0.18), transparent 24%),
		radial-gradient(circle at 82% 16%, rgba(50,156,214,0.22), transparent 26%),
		linear-gradient(135deg, #101820 0%, #203447 100%);
	overflow: hidden;
}

.erg-page-hero h1 {
	max-width: 940px;
	margin: 0 auto 16px;
	color: #fff;
	font-size: clamp(34px, 4vw, 58px);
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -0.045em;
}

.erg-page-hero p {
	max-width: 790px;
	margin: 0 auto;
	color: rgba(255,255,255,0.82);
	font-size: 1.13em;
	line-height: 1.75em;
}

/* About */
.about-page .who_we_are {
	padding: 68px 0 52px;
	background: #fff;
}

.about-page .who_we_are .grid_12,
.about-page .principles .grid_12 {
	position: relative;
	max-width: 1060px;
	margin: 0 auto;
	padding: 38px;
	border-radius: 30px;
	background: rgba(255,255,255,0.95);
	border: 1px solid var(--erg-line);
	box-shadow: var(--erg-shadow);
}

.about-page .grid_12 h3,
.about-page .why_choose_us h3,
.research-page .grid_12 h3 {
	margin-bottom: 16px;
	color: var(--erg-ink);
	font-size: 2.45em;
	font-weight: 900;
	letter-spacing: -0.035em;
}

.about-page .grid_12 h5 {
	height: auto;
	max-width: 890px;
	color: #24384a;
	font-size: 1.16em;
	font-weight: 800;
	line-height: 1.65em;
}

.about-page .grid_12 p {
	height: auto;
	max-width: 930px;
	color: #445463;
	font-size: 1.02em;
	line-height: 1.86em;
	opacity: 1;
}

.about-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 30px;
}

.about-stats div {
	padding: 20px 16px;
	border-radius: 20px;
	background: #f6f9fc;
	border: 1px solid var(--erg-line);
}

.about-stats strong {
	display: block;
	color: var(--erg-orange);
	font-size: 2em;
	font-weight: 900;
	line-height: 1;
}

.about-stats span {
	display: block;
	margin-top: 8px;
	color: #4d5d6b;
	font-weight: 700;
}

.about-page .why_choose_us {
	padding: 62px 0;
	background: linear-gradient(135deg, #16202a, #21394d);
}

.about-page .why_choose_us .container {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.about-page .why_choose_us .row {
	grid-column: 1 / -1;
}

.about-page .why_choose_us .grid_4 {
	float: none;
	width: auto;
	padding: 0;
}

.about-page .why_choose_us h3 {
	color: #fff;
}

.about-page .principles {
	padding: 68px 0;
	background: linear-gradient(180deg, #f6f9fc, #ffffff);
}

.about-page .principles .grid_12 > p {
	margin-top: 14px;
	padding: 18px 20px;
	border-radius: 18px;
	background: #f7fafc;
	border: 1px solid var(--erg-line);
	text-align: left;
}

.about-page .principles .grid_12 > p strong {
	display: block;
	margin-bottom: 7px;
	color: var(--erg-orange);
	font-size: 1.02em;
}

/* Research */
.research-page .services_overview {
	padding: 64px 0;
	background: linear-gradient(135deg, #16202a, #21394d);
}

.research-page .services_overview .container {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 22px;
}

.research-overview-heading {
	grid-column: 1 / -1;
	max-width: 820px;
	margin: 0 auto 10px;
	text-align: center;
}

.research-overview-heading h2 {
	color: #fff;
}

.research-page .services_overview .service_grid:first-of-type {
	display: contents;
}

.research-page .service_grid,
.research-page .span_55 {
	float: none;
	width: auto;
	margin: 0;
	padding: 0;
}

.research-card a {
	display: flex;
	min-height: 250px;
	padding: 28px 20px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 18px;
	border-radius: 26px;
	background: rgba(255,255,255,0.95);
	border: 1px solid rgba(255,255,255,0.24);
	box-shadow: 0 24px 60px rgba(0,0,0,0.18);
	text-decoration: none !important;
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.research-card img {
	max-width: 118px;
	max-height: 112px;
	object-fit: contain;
}

.research-card h4 {
	margin: 0;
	color: var(--erg-ink);
	font-size: 1.22em;
	font-weight: 900;
	line-height: 1.35em;
	text-align: center;
}

.research-page .our_products {
	padding: 68px 0 78px;
	background: #fff;
}

.research-page .our_products .grid_12 {
	max-width: 1140px;
	margin: 0 auto;
}

.research-page .our_products .grid_12:after {
	content: "";
	display: table;
	clear: both;
}

.research-page .section-lead {
	max-width: 760px;
	margin: 0 auto 30px;
	text-align: center;
}

.product-card {
	padding: 12px;
}

.product-card a {
	display: flex;
	min-height: 275px;
	padding: 28px 24px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 18px;
	border-radius: 26px;
	background: linear-gradient(180deg, #ffffff, #f7fafc);
	border: 1px solid var(--erg-line);
	box-shadow: 0 18px 50px rgba(31,41,51,0.09);
	text-decoration: none !important;
	transition: transform 0.24s ease, box-shadow 0.24s ease;
}

.product-card img {
	max-width: 190px;
	max-height: 110px;
	object-fit: contain;
}

.product-card p {
	margin: 0;
	color: var(--erg-ink);
	font-size: 1.03em;
	font-weight: 900;
	line-height: 1.45em;
	opacity: 1;
}

.product-card > span {
	display: block;
	margin: 10px auto 0;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(252,87,0,0.10);
	color: #8f3a00;
	font-size: 0.88em;
	line-height: 1.45em;
}

.product-card > span a {
	display: inline;
	min-height: auto;
	padding: 0;
	background: none;
	border: 0;
	box-shadow: none;
	color: var(--erg-orange) !important;
	font-weight: 800;
}

/* Footer polish */
.modern-site .footer {
	background: #101820;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
}

.modern-site .social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0 6px;
	border-radius: 50%;
	background: rgba(255,255,255,0.08);
}

.modern-site .social-icons i {
	margin: 0;
}

/* Responsive */
@media screen and (max-width: 1024px) {
	.erg-home-hero-inner,
	.research-page .services_overview .container,
	.ecosystem-grid,
	.about-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.about-page .why_choose_us .container,
	.home-page .why_choose_us .row {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 800px) {
	.modern-site .top-menu ul li a {
		border-radius: 0;
	}

	.erg-home-hero,
	.erg-page-hero {
		padding: 62px 0 54px;
	}

	.erg-home-hero-inner,
	.research-page .services_overview .container,
	.ecosystem-grid,
	.about-stats {
		grid-template-columns: 1fr;
	}

	.erg-hero-panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.section-heading h2,
	.research-overview-heading h2 {
		font-size: 2em;
	}

	.about-page .who_we_are .grid_12,
	.about-page .principles .grid_12 {
		padding: 28px 20px;
	}
}

@media screen and (max-width: 480px) {
	.erg-hero-copy h1 {
		font-size: 42px;
	}

	.erg-hero-copy p,
	.erg-page-hero p {
		font-size: 1em;
	}

	.erg-hero-panel {
		grid-template-columns: 1fr;
	}

	.erg-hero-actions {
		flex-direction: column;
	}

	.erg-primary-btn,
	.erg-secondary-btn {
		width: 100%;
	}
}



/* =========================================================
   ERGTECH modern responsive refresh for whatwedo/collaboration/contact
   ========================================================= */
:root {
	--erg-orange: #fc5700;
	--erg-orange-soft: #fff0e8;
	--erg-blue: #329cd6;
	--erg-cyan: #56c2e8;
	--erg-ink: #111827;
	--erg-muted: #526173;
	--erg-line: #e6edf3;
	--erg-bg: #f6f9fc;
	--erg-dark: #0e171f;
	--erg-dark-2: #162433;
	--erg-shadow: 0 24px 70px rgba(15, 23, 42, 0.12);
}

* { box-sizing: border-box; }

body.modern-site {
	margin: 0;
	font-family: "Roboto", Arial, sans-serif;
	color: var(--erg-ink);
	background: #ffffff;
	overflow-x: hidden;
}

body.modern-site a {
	text-decoration: none;
}

body.modern-site img,
body.modern-site iframe {
	max-width: 100%;
}

body.modern-site .container {
	max-width: 1140px;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}

/* Header + mobile menu */
body.modern-site .header {
	position: sticky !important;
	top: 0;
	z-index: 1000 !important;
	padding: 14px 0 !important;
	background: rgba(12, 18, 24, 0.96) !important;
	backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.modern-site .header .container {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	position: relative;
}

body.modern-site .logo {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	flex: 0 0 auto;
}

body.modern-site .logo img {
	display: block;
	width: 142px;
	height: auto;
}

body.modern-site .header-right {
	float: none !important;
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

body.modern-site .header-right h4,
body.modern-site span.menu {
	display: none !important;
}

body.modern-site .top-menu {
	display: block !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	text-align: left !important;
}

body.modern-site .top-menu ul {
	display: flex !important;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: none !important;
	width: auto !important;
}

body.modern-site .top-menu ul li {
	display: block !important;
	float: none !important;
	margin: 0 !important;
}

body.modern-site .top-menu ul li a {
	display: block !important;
	padding: 10px 12px !important;
	border: 0 !important;
	border-radius: 999px !important;
	color: #fff !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	white-space: nowrap;
}

body.modern-site .top-menu ul li a:hover,
body.modern-site .top-menu ul li a.active {
	background: rgba(252, 87, 0, 0.14) !important;
	color: var(--erg-orange) !important;
}

body.modern-site .mobile-toggle {
	display: none;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 5px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.07);
	color: #fff;
	cursor: pointer;
	transition: background .2s ease, border-color .2s ease, transform .2s ease;
}

body.modern-site .mobile-toggle:hover {
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.28);
}

body.modern-site .mobile-toggle span {
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 999px;
	background: #ffffff;
	transition: transform .2s ease, opacity .2s ease;
}

body.modern-site.nav-open .mobile-toggle span:nth-child(1) {
	transform: translateY(7px) rotate(45deg);
}

body.modern-site.nav-open .mobile-toggle span:nth-child(2) {
	opacity: 0;
}

body.modern-site.nav-open .mobile-toggle span:nth-child(3) {
	transform: translateY(-7px) rotate(-45deg);
}

/* Shared modern sections */
body.modern-site .erg-page-hero {
	position: relative;
	isolation: isolate;
	padding: 96px 0 88px;
	overflow: hidden;
	background:
		linear-gradient(110deg, rgba(7, 19, 31, 0.93) 0%, rgba(13, 41, 56, 0.86) 55%, rgba(50, 156, 214, 0.33) 100%),
		url("../images/banner.webp") center center / cover no-repeat;
	color: #fff;
}

body.modern-site .erg-page-hero:before {
	content: "";
	position: absolute;
	width: 380px;
	height: 380px;
	right: -110px;
	top: -110px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(252,87,0,.28), rgba(252,87,0,0) 68%);
	z-index: -1;
}

body.modern-site .erg-page-hero:after {
	content: "";
	position: absolute;
	width: 520px;
	height: 520px;
	left: -180px;
	bottom: -250px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(86,194,232,.25), rgba(86,194,232,0) 66%);
	z-index: -1;
}

body.modern-site .erg-page-hero .container {
	max-width: 980px;
}

body.modern-site .erg-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 18px;
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.13);
	border: 1px solid rgba(255, 255, 255, 0.16);
	color: #ffffff;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

body.modern-site .erg-eyebrow.dark {
	background: rgba(50, 156, 214, 0.11);
	border-color: rgba(50, 156, 214, 0.18);
	color: #0f6f9c;
}

body.modern-site .erg-page-hero h1 {
	max-width: 940px;
	margin: 0;
	color: #ffffff;
	font-size: clamp(42px, 6vw, 74px);
	font-weight: 900;
	line-height: 0.98;
	letter-spacing: -0.055em;
}

body.modern-site .erg-page-hero p {
	max-width: 720px;
	margin: 18px auto 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: 18px;
	font-weight: 500;
	line-height: 1.75;
}

body.modern-site .erg-section {
	padding: 78px 0;
}

body.modern-site .erg-section.alt {
	background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
}

body.modern-site .section-heading {
	max-width: 790px;
	margin: 0 auto 36px;
	text-align: center;
}

body.modern-site .section-heading h2 {
	margin: 10px 0 12px;
	color: var(--erg-ink);
	font-size: clamp(28px, 4.6vw, 44px);
	font-weight: 900;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

body.modern-site .section-heading p {
	margin: 0 auto;
	color: var(--erg-muted);
	font-size: 16px;
	line-height: 1.75;
}

body.modern-site .modern-card {
	border-radius: 28px;
	background: #ffffff;
	border: 1px solid var(--erg-line);
	box-shadow: var(--erg-shadow);
}

body.modern-site .modern-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 13px 20px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 900;
	line-height: 1;
	transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.modern-site .modern-btn.primary {
	background: var(--erg-orange);
	color: #ffffff;
	box-shadow: 0 16px 32px rgba(252, 87, 0, 0.28);
}

body.modern-site .modern-btn.secondary {
	background: #fff;
	border: 1px solid var(--erg-line);
	color: var(--erg-ink);
}

body.modern-site .modern-btn:hover {
	transform: translateY(-2px);
	text-decoration: none;
}

/* What we do */
body.whatwedo-page .capability-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

body.whatwedo-page .capability-card {
	min-height: 320px;
	padding: 30px 26px;
	text-align: left;
}

body.whatwedo-page .capability-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 22px;
	border-radius: 20px;
	background: var(--erg-orange-soft);
	color: var(--erg-orange);
	font-size: 26px;
	font-weight: 900;
}

body.whatwedo-page .capability-card h3 {
	margin: 0 0 12px;
	color: var(--erg-ink);
	font-size: 23px;
	font-weight: 900;
	letter-spacing: -0.03em;
}

body.whatwedo-page .capability-card p {
	margin: 0 0 16px;
	color: var(--erg-muted);
	font-size: 15px;
	line-height: 1.72;
}

body.whatwedo-page .capability-card ul {
	display: grid;
	gap: 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

body.whatwedo-page .capability-card li {
	position: relative;
	padding-left: 18px;
	color: #263343;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.45;
}

body.whatwedo-page .capability-card li:before {
	content: "";
	position: absolute;
	left: 0;
	top: .62em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--erg-orange);
}

body.whatwedo-page .competence-visual {
	padding: 22px;
	border-radius: 32px;
}

body.whatwedo-page .competence-visual img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 22px;
}

body.whatwedo-page .solution-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}

body.whatwedo-page .solution-card {
	min-height: 160px;
	padding: 24px 18px;
	text-align: center;
}

body.whatwedo-page .solution-card strong {
	display: block;
	margin-bottom: 9px;
	color: var(--erg-ink);
	font-size: 17px;
	font-weight: 900;
}

body.whatwedo-page .solution-card span {
	display: block;
	color: var(--erg-muted);
	font-size: 14px;
	line-height: 1.55;
}

/* Collaboration */
body.collaboration-page .collab-grid {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
	gap: 28px;
	align-items: stretch;
}

body.collaboration-page .collab-panel {
	padding: 34px;
	text-align: left;
}

body.collaboration-page .collab-panel h2 {
	margin: 0 0 18px;
	color: var(--erg-ink);
	font-size: clamp(28px, 3.6vw, 42px);
	font-weight: 900;
	letter-spacing: -0.045em;
	line-height: 1.1;
}

body.collaboration-page .collab-panel h3 {
	margin: 24px 0 10px;
	color: var(--erg-orange);
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

body.collaboration-page .collab-panel p {
	margin: 0 0 14px;
	color: var(--erg-muted);
	font-size: 15.5px;
	line-height: 1.75;
}

body.collaboration-page .collab-map-card {
	padding: 20px;
	overflow: hidden;
}

body.collaboration-page .collab-map-card img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 22px;
	background: #f7fafc;
}

body.collaboration-page .collab-map-card figcaption {
	margin-top: 14px;
	color: var(--erg-muted);
	font-size: 14px;
	font-weight: 800;
	text-align: center;
}

body.collaboration-page .collab-principles {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px;
	margin-top: 28px;
}

body.collaboration-page .principle-card {
	padding: 24px;
	text-align: left;
}

body.collaboration-page .principle-card span {
	display: inline-flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	border-radius: 16px;
	background: var(--erg-orange-soft);
	color: var(--erg-orange);
	font-weight: 900;
}

body.collaboration-page .principle-card strong {
	display: block;
	margin-bottom: 8px;
	color: var(--erg-ink);
	font-size: 17px;
	font-weight: 900;
}

body.collaboration-page .principle-card p {
	color: var(--erg-muted);
	font-size: 14px;
	line-height: 1.6;
}

/* Contact */
body.contact-page .contact-modern-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
	gap: 28px;
	align-items: stretch;
}

body.contact-page .contact-map-card {
	min-height: 520px;
	padding: 16px;
	overflow: hidden;
}

body.contact-page .contact-map-frame {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 488px;
	border: 0;
	border-radius: 22px;
}

body.contact-page .contact-card {
	padding: 34px;
	text-align: left;
}

body.contact-page .contact-card-label {
	display: inline-flex;
	margin-bottom: 12px;
	padding: 7px 11px;
	border-radius: 999px;
	background: var(--erg-orange-soft);
	color: #a33b00;
	font-size: 11px;
	font-weight: 900;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

body.contact-page .contact-card h2 {
	margin: 0 0 18px;
	color: var(--erg-ink);
	font-size: clamp(30px, 4vw, 44px);
	font-weight: 900;
	letter-spacing: -0.045em;
	line-height: 1.1;
}

body.contact-page .contact-detail {
	display: flex;
	gap: 14px;
	padding: 18px 0;
	border-top: 1px solid var(--erg-line);
}

body.contact-page .contact-detail:first-of-type {
	margin-top: 6px;
}

body.contact-page .contact-detail-icon {
	display: inline-flex;
	width: 42px;
	height: 42px;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	border-radius: 15px;
	background: rgba(50, 156, 214, 0.11);
	color: var(--erg-blue);
}

body.contact-page .contact-detail-icon svg,
body.contact-page .social-svg svg {
	width: 23px;
	height: 23px;
	fill: currentColor;
}

body.contact-page .contact-detail p {
	margin: 0;
	color: var(--erg-muted);
	font-size: 15px;
	line-height: 1.65;
}

body.contact-page .contact-detail a {
	color: var(--erg-orange);
	font-weight: 900;
}

body.contact-page .contact-social-block {
	margin-top: 18px;
	padding-top: 22px;
	border-top: 1px solid var(--erg-line);
}

body.contact-page .contact-social-title {
	display: block;
	margin-bottom: 14px;
	color: var(--erg-ink);
	font-size: 16px;
	font-weight: 900;
}

body.contact-page .contact-social-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

body.contact-page .contact-social-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border-radius: 18px;
	border: 1px solid var(--erg-line);
	background: #fff;
	color: var(--erg-ink);
	transition: transform .2s ease, box-shadow .2s ease;
}

body.contact-page .contact-social-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 34px rgba(15,23,42,.10);
}

body.contact-page .contact-social-card strong,
body.contact-page .contact-social-card small {
	display: block;
}

body.contact-page .contact-social-card strong {
	font-size: 14px;
	font-weight: 900;
}

body.contact-page .contact-social-card small {
	color: var(--erg-muted);
	font-size: 12px;
}

body.contact-page .youtube-card .social-svg {
	color: #ff0000;
}

body.contact-page .linkedin-card .social-svg {
	color: #0a66c2;
}

/* Footer */
body.modern-site .footer {
	padding: 36px 0 !important;
	background: var(--erg-dark) !important;
}

body.modern-site .social-icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin: 0 6px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
}

body.modern-site .social-icons i {
	margin: 0 !important;
}

body.modern-site .copyright p,
body.modern-site .copyright p a {
	color: rgba(255, 255, 255, 0.78) !important;
	font-size: 14px !important;
	line-height: 1.65;
}

/* Responsive */
@media (max-width: 1100px) {
	body.modern-site .top-menu ul li a {
		padding: 9px 8px !important;
		font-size: 11px !important;
	}

	body.whatwedo-page .solution-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	body.modern-site .header .container {
		width: 92%;
	}

	body.modern-site .logo img {
		width: 124px;
	}

	body.modern-site .mobile-toggle {
		display: inline-flex !important;
	}

	body.modern-site .header-right {
		flex: 0 0 auto;
	}

	body.modern-site .top-menu {
		display: none !important;
		position: absolute;
		top: calc(100% + 14px);
		left: 0;
		right: 0;
		width: 100% !important;
		padding: 12px !important;
		border-radius: 20px;
		background: rgba(12, 18, 24, 0.98) !important;
		border: 1px solid rgba(255, 255, 255, 0.10);
		box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
	}

	body.modern-site .top-menu.open {
		display: block !important;
	}

	body.modern-site .top-menu ul {
		display: grid !important;
		grid-template-columns: 1fr;
		gap: 6px;
		width: 100% !important;
	}

	body.modern-site .top-menu ul li a {
		padding: 14px 16px !important;
		border-radius: 14px !important;
		font-size: 13px !important;
		text-align: left;
	}

	body.modern-site .erg-page-hero {
		padding: 70px 0 66px;
	}

	body.modern-site .erg-page-hero p,
	body.research-page .research-overview-heading p {
		font-size: 16px;
	}

	body.whatwedo-page .capability-grid,
	body.collaboration-page .collab-grid,
	body.contact-page .contact-modern-grid {
		grid-template-columns: 1fr;
	}

	body.collaboration-page .collab-principles {
		grid-template-columns: 1fr;
	}

	body.contact-page .contact-map-card {
		min-height: 360px;
	}

	body.contact-page .contact-map-frame {
		min-height: 330px;
	}
}

@media (max-width: 560px) {
	body.modern-site .container {
		width: 90%;
	}

	body.modern-site .erg-page-hero {
		padding: 56px 0 58px;
	}

	body.modern-site .erg-eyebrow {
		font-size: 10px;
		line-height: 1.35;
	}

	body.modern-site .erg-page-hero h1 {
		font-size: 40px;
	}

	body.modern-site .erg-section {
		padding: 56px 0;
	}

	body.modern-site .modern-card,
	body.contact-page .contact-card,
	body.collaboration-page .collab-panel {
		border-radius: 22px;
		padding: 24px 20px;
	}

	body.whatwedo-page .solution-grid,
	body.contact-page .contact-social-cards {
		grid-template-columns: 1fr;
	}

	body.whatwedo-page .capability-card {
		min-height: auto;
		padding: 24px 20px;
	}

	body.contact-page .contact-map-card {
		min-height: 290px;
		padding: 10px;
		border-radius: 22px;
	}

	body.contact-page .contact-map-frame {
		min-height: 270px;
		border-radius: 16px;
	}
}