/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 17 2026 | 05:35:06 */
h1 {
	color: #231f20;
	font-family: 'Mermaid', serif;
	font-size: 45px;
	margin-top: 120px;
}

h1 span {
	color: #ee252c;
}

#case-study h1 span {
	color: #fff;
	line-height: 50px;
}


h2 {
	color: #231f20;
	margin: 0 0 50px;
	font-family: 'Mermaid', serif;
	font-size: 40px;
}

.page-id-2069 h2 {
	font-size: 35px;
	line-height: 2.5rem;
}

h2 span {
	color: #ee252c;
}

h3 {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	color: #231f20;
	font-size: 18px;
	line-height: 22px;
}

.page-id-2069 h3 {
	font-size: 24px;
	margin-top: 0;
}

h4 {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	color: #231f20;
}

p, ol {
	font-size: 16px;
	line-height: 1.8em;
	color: #231f20;
	font-weight: 300;
	letter-spacing: 0.02em;
	margin: 0 0 1.5em 0;
	font-family: "Poppins", sans-serif;
}

p, ol:last-child {
	margin-bottom: 15px;
}

p:last-child {
	margin-bottom: 0px;
}

.page #content p, .single-post #content p {
    font-size: 18px;
    line-height: 150%;
}

.container ol li {
	list-style: auto !important;
}

.container ol {
	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 0;
}

strong {
	font-weight: 600;
}

a {
	text-decoration: none;
}

.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse p, .reverse strong, .reverse li, .reverse a {
	color: #fff;
}

#content {
	width: 100%;
	padding: 0;
}

#header {
	padding: 1% 7%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	width: 100%;
	z-index: 9;
}

.page-id-2 #header {
	background: rgba(0,0,0,0);
}

#site-description {
	display: none;
}

#site-title {
	display: block;
}

#logo {
	width: 145px;
	margin-top: 10px;
}

#menu li.current-menu-item a, #menu li.current_page_parent a {
	color: #ee252c;
}

#menu ul.sub-menu a, #menu ul.children a {
	width: 250px;
	margin: 0;
	background: #231f20;
	border: 0;
	color: #fff;
	padding: 12px 20px;
}

.sub-menu {
	border-top: 1px solid #ee252c;
}

#menu ul.sub-menu a:hover, #menu ul.children a:hover {
	background: #ee252c;
	color: #fff;
}

#logo-container {
	color: #2b323c;
	font-size: 20px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	height: 80px;
}

#search {
	display: none;
}

#menu a {
	color: #fff;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	font-size: 17px;
	letter-spacing: 0.02em;
	margin-top: 10px;
	margin-right: 70px;
}

#container {
	padding: 0;
}

.container {
	width: 80%;
	margin: 0 auto;
	padding: 90px 0;
	display: flow-root;
}

.container-sml {
	width: 80%;
	margin: 0 auto;
	padding: 50px 0;
	display: flow-root;
}

#case-studies-banner {
	height: 80vh;
}

#banner {
	height: 55vh;
	background: #edf0f4;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#banner .container {
	height: 100%;
	display: grid;
	align-content: center;
	justify-content: center;
}

#banner .container p {
	color: #7d8da1;
	text-align: center;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 400;
}

.page-id-2 #banner {
	height: 80vh;
	background: #000;
	background-size: 450px;
	background-repeat: none;
	background-position: center;
	margin-top: 0;
}

.page-id-2 #banner .one-half-container {
	height: 100%;
	display: grid;
	align-content: center;
	justify-content: center;
}

.page-id-2 #banner h1 {
	font-size: 55px !important;
	margin-top: 10vh;
}

.page-id-2 #banner h1 span {
	color: #ee252c;
}

.page-id-2 #banner p {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	width: 80%;
	font-size: 16px !important;
	line-height: 26px;
	margin-top: 0;
	margin-bottom: 35px;
}

.banner-overlay {
	background: rgba(0,0,0,0.7);
	height: 100%;
}

.image-banner {
	background: #333;
	display: grid;
	background-size: cover;
	background-position: bottom center;
}

.image-banner:before {
	content: '';
	padding-top: 45%;
}

#banner p {
	color: #fff !important;
	font-family: 'Mermaid', serif;
	font-size: 45px !important;
	margin-top: 120px;
}

#banner p span {
	color: #ee252c;
}

.narrow {
	max-width: 80%;
	width: 80%;
	margin: 0 auto;
}

.narrow h1, .narrow h2, .narrow p {
	text-align: center;
}

#service .narrow {
	max-width: 80%;
	width: 80%;
}

#enquire .narrow h2 { 
	margin-bottom: 30px;
}

.narrow .btn {
	margin: 50px auto 0;
}

.two-column {
	max-width: 100%;
	width: 100%;
	column-count: 2;
	column-gap: 10%;
}

.two-column .btn {
	margin: 50px 0 0;
}

.half {
	width: 45%;
	float: left;
	margin-right: 10%;
}


.half:nth-child(2n), .half:last-child {
	margin-right: 0;
	float: left;
}

.third {
	width: 30%;
	float: left;
	margin-right: 5%;
	height: 300px;
}

.third:nth-child(3n), .third:last-child {
	margin-right: 0;
}

.two-thirds {
	width: 65%;
	float: left;
	height: 300px;
}

.one-half-container {
  display: flex;
  flex-wrap: wrap;
}

.one-half {
	width: 50%;
	float: left;
	position: relative;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	display: grid;
    align-content: center;
}

.left-content {
	width: 70%;
	float: right;
	display: block;
	padding: 120px 120px 120px 0;
	height: 100%;
}



.results-testimonial {
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
	text-indent: -0.4em;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-right: 6%;
}

.results-testimonial::before {
	content: open-quote;
}

.results-testimonial::after {
 	content: close-quote;
}

.results-testimonial-name {
	font-size: 18px;
	font-weight: 500;
}

.results-testimonial-name::before {
	content: "\2014 "; /* Em dash followed by a space */
	letter-spacing: 0.3em; 
}

.contact-details .icon {
	width: 40px;
	height: 40px;
	background: #edf0f4;
	color: #bfc2c5;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
	padding: 6px;
	font-size: 22px;
	text-align: center;
}

.contact-details p {
	margin-left: 59px;
	font-size: 18px;
}

.btn {
	background: transparent;
	display: block;
	width: fit-content;
	padding: 15px 20px;
	border: 1px solid #fff;
	margin: 50px 0 0;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.02em;
	font-family: "Poppins", sans-serif;
}

.btn:hover {
	background: #ee252c;
	border: 1px solid #ee252c;
	opacity: 1;
	transition: 0.6s;
}

.btn-outline {
	background: transparent;
	display: block;
	width: fit-content;
	padding: 15px 25px;
	border: 1px solid #ee252c;
	margin: 50px 0 0;
	text-decoration: none;
	color: #231f20;
	letter-spacing: 0.02em;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}

.reverse .btn-outline {
	color: #fff;
}

.btn-outline:hover {
	background: #ee252c;
	color: #fff;
	transition: 0.6s;
}

.btn-red {
	background: #ee252c;
	display: block;
	width: fit-content;
	padding: 13px 30px;
	border: 1px solid #ee252c;
	margin: 50px 0 0;
	text-decoration: none;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.02em;
	font-family: "Poppins", sans-serif;
}

.btn-red:hover {
	background: transparent;
	border: 1px solid #ee252c;
	color: #ee252c;
	opacity: 1;
	transition: 0.6s;
}

.reverse .btn-red:hover {
	color: #fff;
}

.banner-buttons {
	display: flex;
}

.banner-buttons .btn-outline {
	margin-right: 22px;
}

.banner-buttons .btn-outline:last-child {
	margin-right: 0;
}

.team {
	width: 30.33%;
	float: left;
	margin-right: 3%;
	margin-bottom: 5%;
}

.team:last-child {
	margin-right: 0;
}

.team h3 {
	margin-top: 30px;
}

.team h3 span {
	font-weight: 400;
}

.headshot-overlay {
	background: red;
}

.headshot {
	background: #333;
	position: relative;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	padding-top: 40%;
	padding-bottom: 40%;
}

.headshot div {
	text-align: center;
	opacity: 0;
	display: grid;
    justify-content: center;
}

.headshot:hover div {
	opacity: 0;
}

.headshot div a {
	background: #ee252c;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	font-size: 35px;
	cursor: default;
}

.gform_title {
	display: none;
}


.gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	border: 1px solid #ee252c;
	background: transparent;
	height: 55px;
}

#gform_submit_button_1 {
	float: right;
	background: #ee252c;
	font-family: sans-serif;
	font-weight: 500;
	font-family: "Poppins", sans-serif;
	letter-spacing: 0.01em;
	font-size: 16px;
	margin-top: -10px;
	width: 100%;
}

.gform_wrapper.gravity-theme input[type=text]::placeholder, .gform_wrapper.gravity-theme textarea::placeholder {
	color: ;
	font-family: "Poppins", sans-serif;
}

#grid {
  display: grid;
  grid-template-areas: "a a a";
  gap: 4%;
  grid-auto-rows: auto;
}

#item {
	margin-bottom: 5%;
	background: #fff;
}

#item a {
	text-decoration: none;
}

#item h3 {
	margin: 15px 0 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	color: #2b323c;
	padding: 30px 30px 0;
}

#item h4 {
	font-family: 'Rubik', sans-serif;
	font-weight: 300;
	font-size: 15px;
	margin: 5px 0 0;
	color: #2b323c;
}

#item .date {
	font-size: 15px !important;
	color: grey;
	font-weight: 500;
	padding: 15px 30px 0;
}

#item p {
	padding: 0 30px 30px;
}

.img {
	display: grid;
	background: #2b323c;
	background-size: cover;
	background-position: center;
}

.img:before {
	content: '';
	padding-top: 65%;
}

.content {
	padding: 7px 25px 25px;
	display: flow-root;
}

.read-more {
	font-weight: 500;
	color: #2b323c;
	font-size: 14px;
	border: 1px solid #ee252c;
	padding: 15px 20px;
}

.read-more i {
	display: none;
}

.read-more:hover {
	background: #ee252c;
	color: #fff;
}

a .img:hover {
	opacity: 0.6;
	transition: 0.6s;
}

.service-container {
  display: flex;
  flex-wrap: wrap;
}

.service {
	width: 30.33%;
	margin-right: 3%;
	margin-bottom: 3%;
	background: #fff;
	position: relative;
	text-align: center;
}

.service:before {
	content: '';
	padding-top: 30%;
	display: block;
}

.service:after {
	content: '';
	padding-top: 30%;
	display: block;
}


a.service {
	text-decoration: none;
	color: #2b323c;
}

button.rmp_menu_trigger .responsive-menu-pro-inner::after {
	bottom: 8px;
}

button.rmp_menu_trigger .responsive-menu-pro-inner::before {
	top: 8px;
}

.mobile-menu {
	display: none;
}

#footer {
	background: #231f20;
	padding: 0;
}

#footer h2 {
	margin-bottom: 20px ;
}

#footer .container {
	padding: 80px 0 60px;
}

#footer .half p {
	font-size: 16px;
}

.socials {
	margin-top: 40px;
}

.socials a {
	width: 35px;
	height: 35px;
	font-size: 23px;
	color: #fff;
	display: inline-block;
}

.socials a:hover {
	color: #ee252c;
	transition: 0.6s;
}

#copyright {
	background: #231f20;
}

#copyright, #copyright a {
	padding: 15px 0;
	font-size: 12px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: 100;
	text-decoration: none;
}

#copyright a {
	font-weight: 500;
}

#copyright a:hover {
	opacity: 0.6;
	transition: 0.6s;
}

.logos {
	width: 17.5%;
	margin-right: 10%;
	float: left;
	display: grid;
	height: 150px;
	justify-content: center;
	align-items: center;
}

.logos:nth-of-type(5n), .logos:last-child {
	margin-right: 0;
}

.logos img {
	height: auto;
	max-height: 80px;
}

::placeholder {
	font-family: 'Rubik', sans-serif;
	font-size: 17px;
	font-weight: 300;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	font-family: "Poppins", sans-serif;
	font-size: 17px !important;
	font-weight: 300;
	color: #fff;
}

.gform_wrapper.gravity-theme input[type=text]:focus, .gform_wrapper.gravity-theme textarea:focus {
	border-bottom: 3px solid #ee252c;
}

.inline {
	display: flex;
	margin-bottom: 60px;
}

.inline h2 {
	margin-bottom: 0;
}

.inline .btn-outline {
	margin-top: 0;
	position: absolute;
	right: 12.6%;
}

.slideshow-container {
  position: relative;
  margin: auto;
}

.mySlides {
  display: none;
}

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

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

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

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.mySlides a {
	width: 40%;
	background: #000;
	height: 250px;
}


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

.tab button {
  display: block;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
  background-color: inherit;
  color: #bdbdbd;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
	border-bottom: 1px solid #bdbdbd;
}

.tab button i {
	font-size: 12px;
	margin-right: 20px;
}

.tab button:first-child {
	border-top: 1px solid #bdbdbd;
}

.tab button.active, .tab button:hover {
	color: #231f20;
}

.tab button.active i {
	color: #ee252c;
}

.tabcontent {
  float: left;
  padding: 50px 200px 0;
  width: 70%;
  border-left: none;
}

.page-id-2418 .tabcontent {
	padding: 20px 200px 20px;
}

#menu-item-151 a {
	background: #ee252c;
	padding: 5px 15px;
	margin-right: 0;
}

#menu-item-151 a:hover {
	color: #fff;
	opacity: 0.6;
	transition: 0.6s;
}

#menu-item-151 a i {
	font-size: 13px;
	margin-right: 5px;
}

.services-home {
	display: grid;
	grid-template-areas: "a a a a a a";
	gap: 4.5% 1.5%;
	grid-auto-rows: auto;
}

.services-home a {
	background: #f4f4f4;
	float: left;
	text-align: center;
	padding: 20px;
	display: grid;
	justify-content: center;
	justify-items: center;
	min-height: 200px;
	border-radius: 10px;
	align-content: center;
}

.services-home a:nth-child(5n), .services-home a:last-child {
	margin-right: 0;
}

.services-home a:hover {
	background: #ee252c;
	color: #fff;
}

.services-home a img {
	height: 60px;
}

.services-home a:hover img {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(80deg) brightness(150%) contrast(100%);
}

.services-home h3 {
	margin: 20px 0 0;
	width: 140px;
}

.services-home a:hover h3 {
	color: #fff;
}

.our-work {
	display: grid;
	grid-template-areas: "a a";
	gap: 2.5%;
	margin-bottom: 2.5%;
	grid-auto-rows: auto;
	grid-auto-columns: 50%;
	min-height: 45vh;
}

.our-work a {
	background: #333;
	background-size: cover;
	background-position: center;
}

.our-work a h3 {
	color: #fff;
	font-size: 25px;
	font-weight: 400;
	margin: 0;
}

.work-hover {
	opacity: 0;
	background: rgba(0,0,0,0.6);
	height: 100%;
	display: grid;
}

.our-work a:hover .work-hover {
	opacity: 1;
}

.custom-bullets {
    list-style-type: disc;
	color: #231f20;
	font-size: 17px;
	font-weight: 400;
	margin-left: 17px;
	margin-top: 15px;
	line-height: 145%;
    }

li:not(:last-child) {
    margin-bottom: 10px;
}

.align-top {
	height: 32vh;
	padding: 40px;
}

.work-hover .btn {
	margin-top: 0;
	margin-left: 40px;
	margin-bottom: 40px;
	height: fit-content;
}

hr {
	margin: -20px 0 40px ;
}

.service-types {
	display: flow-root;
	margin-top: 20px;
}

.service-types div {
	background: #231f20;
	width: fit-content;
	padding: 10px 13px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-size: 15px;
}

.facetwp-facet-service_types {
	display: flow-root;
}

.facetwp-radio {
	border: 1px solid #ee252c;
	width: fit-content;
	padding: 15px 18px;
	background: none !important;
	font-family: "Poppins", sans-serif;
	color: #231f20;
	font-weight: 500;
	display: block;
	margin-right: 13px;
	margin-bottom: 13px !important;
	float: left;
}

.facetwp-counter {
	display: none;
}

.facetwp-radio:hover {
	opacity: 0.6;
	transition: 0.6s;
}

.facetwp-radio.checked {
	background: #ee252c !important;
	color: #fff;
}

.facetwp-facet-load_more {
	width: 100%;
	text-align: center;
	margin-top: 80px;
}

.facetwp-load-more {
	border: 1px solid #ee252c;
	width: fit-content;
	padding: 15px 18px;
	background: none !important;
	font-family: "Poppins", sans-serif;
	font-size: 16px !important;
	color: #231f20;
	font-weight: 500;
	margin-top: 50px;
}

.tabcontent img {
	height: 80px;
	margin-bottom: 40px;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-heading {
	display: none;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-inner {
	width: 80%;
	max-width: 80%;
	margin: 0 auto;
	display: grid !important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content p:first-of-type {
	font-style: normal;
	font-size: 16px !important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-image {
	float: left;
	width: 20% !important;
}

.testimonial-name {
	width: 50%;
	color: #ee252c;
	font-family: "Poppins", sans-serif;
	text-align: left !important;
	font-size: 15px;
}

.testimonial-company {
	width: 50%;
	font-family: "Poppins", sans-serif;
	color: #000;
	text-align: left !important;
	font-size: 13px;
}

.featured-img {
	display: grid;
	background-size: cover;
	background-position: center;
}

.featured-img:before {
	content: '';
	padding-top: 40%;
}

#case-study h1 {
	margin: 0;
}

#case-study-sections {
	background: #f2f2f2;
}

#case-study-sections .container {
	display: flex;
	align-items: center;
}

#case-study-sections:nth-child(odd) .container {
	flex-direction: row-reverse;
}

#case-study-sections:nth-child(odd) .half:last-child {
	margin-right: 10%;
}

#case-study-sections:nth-child(odd) .half:first-child {
	margin-right: 0;
}

#case-study-sections:nth-child(odd) {
	background: #fff;
}

#case-study-sections:nth-child(odd) .half:last-child {
	float: left;
}

.responsive-two-column-grid {
	 display: grid;
     grid-template-columns: 1fr 1fr;
}

#black-left {
  /**float: left;**/
  padding:90px 0;
  background-color: #000;
  vertical-align: middle;
}

.inner-rev {
	width:80%;
	margin-left: auto;
	padding-right: 8%;
}

.inner-rev > * {	
	color: #fff;
}

.inner-rev h1 {	
	color: #fff;
	margin-top: 0;
}

.inner-rev .subheading {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 28px;
	line-height: 33px;
}

#white-right {
	padding:90px 0;
	background-color: #fff;
	vertical-align: middle;
}
.inner-grey, .inner-white {
	width:80%;
	margin-left: 8%;
	padding-right: 6%;
}

#grey-right {
	padding:90px 0;
	background-color: #f4f4f4;
	vertical-align: middle;
}


.news {
	width: 31.6%;
	float: left;
	background: #f2f2f2;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
}

.news:nth-child(4n) {
	margin-right: 0;
}

.news:first-of-type {
	width: 100%;
	display: flex;
	margin-bottom: 2.5%;
}

.news:first-of-type .img {
	width: 67%;
	float: left;
}

.news:first-of-type .news-content {
	float: left;
	display: grid;
    align-content: center;
}

.news:first-of-type .first-news {
	display: grid;
    width: 35%;
	align-content: center;
}

.news:first-of-type .first-news .first {
	min-height: 50px;
	padding-bottom: 50px;
}

.news-content {
	padding: 35px;
}

.first {
	min-height: 300px;
	padding-bottom: 0;
}

.second {
	padding-top: 0;
}

.news-content h3 {
	margin: 0;
	font-size: 22px;
	line-height: 28px;
}

.news-content .btn-outline {
	margin-top: 0;
}

a.img:hover {
	opacity: 0.6;
}

.date {
	font-size: 13px !important;
	margin: -10px 0 20px;
	color: grey;
}

.gs_logo_single--inner {
	display: grid;
	justify-content: center;
	justify-items: center;
}

.gs_logo_single img {
	max-height: 70px;
    max-width: 150px !important;
}

.fancy-link {
  position: relative;
  color: black; /* black text */
  text-decoration: none;
  font-weight: bold;
	font-size: 17px;
}

.fancy-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 1.5px;
  background: #ee252c;
  transition: width 0.3s ease;
}

.fancy-link:hover::after {
  width: 100%;
}

#the-solution tr {
	display: flex;
	/** border-bottom: 2px solid #e7e7e7; **/
	border-bottom: 1px solid #7f7f7f;
}


#the-solution th {
	text-align: left;
	font-size: 15px;
	line-height: 1.7em;
	color: #231f20;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin: 0 0 1.5em 0;
	font-family: "Poppins", sans-serif;
}

#the-solution th, #the-solution td {
	padding: 15px 25px;
	align-content: center;
}

#the-solution td h3 {
	margin: 0;
}

#the-solution td:first-child {
	background: #f4f4f4;
	font-size: 23px;
	line-height: 1.7em;
	color: #ee252c;
	font-weight: 600;
	letter-spacing: 0.02em;
	font-family: "Poppins", sans-serif;
	width: 50%;
	display: grid;
    justify-items: center;
	align-content: center;
}

#the-solution td:last-child {
	width: 50%;
}

#the-solution td:last-child p {
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	letter-spacing: 0.01em;
	font-family: "Poppins", sans-serif;
}

#the-results {
	color: #fff;
	background-color: #000;
 	vertical-align: middle;
}

#the-results tr {
	border-bottom: 1px solid #433d3f;
	
}

#the-results th {
	text-align: left;
	font-size: 15px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin: 0 0 1.5em 0;
	font-family: "Poppins", sans-serif;
}

#the-results th, #the-results td {
	padding: 15px 25px;
}

#the-results td:first-child {
	background: transparent;
	font-size: 23px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin: 0 0 1.5em 0;
	font-family: "Poppins", sans-serif;
	width: 40%;
}

#the-results td:last-child {
	text-align: left;
	font-size: 19px;
	line-height: 1.7em;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin: 0 0 1.5em 0;
	font-family: "Poppins", sans-serif;
}

#grid {
	display: grid;
	grid-template-areas: "a a a";
	gap: 50px;
	grid-auto-rows: auto;
	grid-auto-columns: 30%;
	
}


#grid-two-rev {
	display: grid;
    grid-template-areas: "a a";
    gap: 10%;
    grid-auto-columns: 45%;
    align-items: center;
	color: #fff;
}


.service-box {
	background-color: #f4f4f4;
    opacity: 1;
    display: grid;
    align-content: center;
}

.service-box-red {
	background: #ee252c;
	padding: 40px;
	opacity: 0;
	margin-top: -290px;
}

.service-box-content {
	padding: 120px 40px 40px;
}

.service-box:hover .service-box-red {
	opacity: 1;
}

.service-box:hover .service-box-content {
	opacity: 0;
}

.service-box h3 {
	margin: 0 0 25px;
	font-size: 20px;
	font-weight: 600;
}

.service-box p {
	margin: 0;
	padding: 7px 0;
	border-bottom: 1px solid #fff;
}

.service-box p:first-of-type {
	border-top: 1px solid #fff;
}

.service-box-red h3, .service-box-red p {
	color: #fff;
}

#gform_fields_1::placeholder, ::placeholder {
	color: #fff;
}

.pulsating-circle {
	position: absolute;
	transform: translateX(-50%) translateY(-50%);
	width: 15px;
	height: 15px;
	margin-left: 250px;
    margin-top: 55px;
  
  &:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: #ee252c;
    animation: pulse-ring 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  
  &:after {
    content: '';
    position: absolute;
    left: 0; 
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ee252c;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(238,37,44,.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
  }
}


@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}

@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}

#case-study h3 {
	font-size: 20px;
}

#img-right {
	background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

#flex-grid {
	display: grid;
	grid-template-areas: "a a";
	gap: 100px;
	grid-auto-columns: 45.8%;
}

.page-id-2056 #header, .page-id-2060 #header, .page-id-2062 #header, .page-id-2067 #header, .page-id-2069 #header, .page-id-2071 #header, .page-id-2073 #header, .page-id-2075 #header, .page-id-2077 #header, .page-id-2079 #header, .page-id-1429 #header {
	background: rgb(35,31,32) !important;
}

#flex {
	display: flex;
}

#flex .half {
	display: grid;
	justify-content: center;
	align-items: center;
}

#grey-background {
	background-color: #f4f4f4;
}

#grid-two {
	display: grid;
    grid-template-areas: "a a";
    gap: 10%;
    grid-auto-columns: 45%;
    align-items: center;
}

#grid-two table tr td p {
		line-height: 1.7em;
		margin: 0;
	}


#banner #grid-two {
	gap: 0;
	grid-auto-columns: 50%;
}

.homepage-banner {
	background: rgba(35,31,32,0.85);
	height: 100%;
	display: grid;
	align-content: center;
	padding: 0 200px;
}

#item p::nth-last-child(2) {
	min-height: 100px;
}

/**.page-id-2136 #half-half {
    width: 100%;
	background: linear-gradient(
		to right,
		#231f20 0%,
		#231f20 50%,
		white 50%,
		white 100%
	);
}

.page-id-2273 #half-half {
    width: 100%;
	background: linear-gradient(
		to right,
		#231f20 0%,
		#231f20 50%,
		#f4f4f4 50%,
		#f4f4f4 100%
	);
}

.page-id-2069 #half-half {
    width: 100%;
	background: linear-gradient(
		to right,
		#231f20 0%,
		#231f20 50%,
		#f4f4f4 50%,
		#f4f4f4 100%
	);
}**/

#half-half {
    width: 100%;
	background: linear-gradient(
		to right,
		#231f20 0%,
		#231f20 50%,
		#f4f4f4 50%,
		#f4f4f4 100%
	);
}


.mobile {
	display: none;
}

.circle {
	content: '';
    width: 10px;
    height: 10px;
    background: #ee252c;
    float: left;
    margin-top: 8px;
    margin-right: 10px;
}

.page-id-146 #footer {
	height: 96vh;
}

.page-id-146 #footer .container {
	display: flex;
    height: 100%;
    align-items: center;
}

.page-id-146 #menu li.current-menu-item a, .page-id-146 #menu li.current_page_parent a {
	color: #fff;
}

#blog .narrow h1, #blog .narrow h2, #blog .narrow p {
	text-align: left;
}

#blog .narrow h2 {
	font-size: 30px;
	margin: 70px 0 30px;
}

a {
    color: #ee252c;
}

.fs-wrap.multiple {
	width: 100%;
    border: 1px solid #231f20;
}

.fs-label-wrap {
	border: none !important;
}

.fs-label-wrap .fs-label {
	font-family: "Poppins", sans-serif;
    color: #231f20;
    font-size: 18px !important;
    padding: 13px 15px !important;
}

.fs-search {
	display: none;
}

.facetwp-type-fselect .fs-option .fs-option-label {
	font-family: "Poppins", sans-serif;
    color: #231f20;
    font-size: 16px !important;
}

.facetwp-dropdown {
	width: 100%;
    border: 1px solid #231f20;
	padding: 13px 15px !important;
	font-family: "Poppins", sans-serif;
    color: #231f20;
    font-size: 18px !important;
}

#videobanner {
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	margin-bottom: -4px;
}

.margin-top {
	margin-top: 20px;
}

.margin-bottom { 
	margin-bottom: 150px;
}

.margin-right {
 
}

.accordion {
	font-family: "Poppins", sans-serif;
	background-color: #fff;
	color: #231f20;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	text-align: left;
	border: none;
	outline: none;
	transition: 0.4s;
	border-bottom: 1px solid #000;
}

.accordion:last-of-type {
	border-bottom: 0;
}

.accordion.active {
	border-bottom: 1px solid #fff;
}

.accordion.active, .accordion:hover {
	background-color: #fff
	opacity: 1;
	color: #ee252c;
}

.panel {
	padding: 30px 18px;
	background-color: white;
	display: none;
	overflow: hidden;
	border-bottom: 1px solid #000;
}

.panel p {
	text-align: left;
}

.accordion:after {
	content: '\02795';
	font-size: 13px;
	color: #777;
	float: right;
	margin-left: 5px;
}

.active:after {
	content: "\2796";
}

.tablinks.active:after {
	content: '';
}

#metavision h2 {
	font-family: "Poppins", sans-serif;
	font-size: 3rem;
	line-height: 1.3;
    letter-spacing: 0;
    font-weight: 100;
    margin-bottom: 2em;
	width: 100%
	text-align: centre
}

#metavision #introduction h3 {
	font-size: 1.8em;
    font-weight: 500;
    line-height: 1.4em;
}

#metavision-directors h3 {
	font-weight: bold;
    font-size: 1.25em;
    line-height: 1.3em !important;
    margin: 30px 0 25px;
}

#metavision-directors h3 span {
	font-weight: 100;
}

#metavision-directors p {
	font-size: 1.05em !important;
    font-weight: 100;
}

#metavision #banner {
	height: 80vh;
	background: #333;
}

#metavision .container {
	padding: 100px 0;
}

#metavision .two-column {
	column-gap: 4%;
	orphans: 3;
}

#metavision #metavision-is {
	display: grid;
	grid-template-areas: "a a a a";
	gap: 15px;
}

#metavision-is p {
	text-align: center;
}

.page #content p, .single-post #content p {
	font-size: 16px;
}

#metavision #metavision-is div {
	background: #f4f4f4;
	padding: 40px 23px;
	border-radius: 10px;
	display: grid;
    justify-items: center;
}

#metavision #metavision-is div h3 {
	text-align: center;
	font-weight: 700;
	font-size: 1.3rem;
    margin: 1em 0 0.4em;
}

#metavision #metavision-is div img {
	max-width: 40px;
	max-height: 28px;
	width: auto;
	height: auto;
}

#mv-clients .container {
	padding: 160px 0 80px;
}

#metavision #metavision-clients {
	display: grid;
	grid-template-areas: "a a a a a";
	gap: 15px;
	align-items: center;
}

#metavision #metavision-clients div {
	display: grid;
	justify-content: center;
}

#metavision #metavision-clients img {
	width: 130px;
    max-height: 60px;
}

#metavision-clients div:nth-child(2) img {
	width: 180px !important;
}

#metavision-clients div:nth-child(4) img {
	width: 180px !important;
}

#metavision-clients div:nth-child(5) img {
	width: 165px !important;
}

#metavision #metavision-directors {
	display: grid;
	grid-template-areas: "a a a";
	gap: 2vw;
    grid-auto-columns: 25.5vw;
	justify-content: center;
}

#metavision .two-thirds {
	height: auto;
}

#parallax {
	background-image: url('/storage/2023/09/Kitchen-and-Dining-Area-scaled.jpg');
	background-size: 100%;
	background-position: center;
	display: flow-root;
	background-attachment: fixed;
}

.parallax-overlay {
	background: rgba(255,255,255,0.8);
	height: 100%;
}

.sticky,
.scroll-container {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.sticky {
	padding-bottom: 50px !important;
	border-bottom: 0;
}

.scroll-container {
  height: 100vh;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.scroll-container::-webkit-scrollbar {
  display: none;
}

#metavision .image {
	background: #000;
	display: grid;
	background-size: cover;
}

#metavision .image:before {
	content: '';
	padding-top: 55%;
}

#introduction-graphic img {
	margin-bottom: -150px;
}

#images .container {
	display: flex;
	align-items: center;
}

#images .container:first-child {
	padding-top: 50px;
}

#images:nth-child(3) .container {
	flex-direction: row-reverse;
}

#images:nth-child(3) .container .third {
	margin-right: 0;
	margin-left: 5%;
}

#images .container .third {
	height: 100%;
}

#metavision #images .container .third {
	height: 100%;
	display: grid;
	align-items: end;
}

#metavision #images h2 {
	margin-bottom: 0;
}

.page-id-2418 #footer, .page-id-2418 #copyright {
	display: none;
}

#metavision #enquire {
	scroll-margin-top: 110px;
}

#metavision #enquire h2 {
	font-size: 3.3em;
    letter-spacing: 0;
    font-weight: 100;
}

#metavision #services h3 {
	font-weight: bold;
	font-size: 1.5em;
}

#metavision .director-headshot {
	display: grid;
	background-size: 130%;
	background-position: top center;
}

#metavision .director-headshot:before {
	content: '';
	padding-top: 100%;
}

#metavision-footer {
	background-size: cover;
	height: 70vh;
}

#metavision-footer img {
	width: 32vw;
}

#metavision-footer .container {
	height: 100%;
    display: grid;
    align-content: center;
	justify-items: center;
}

#metavision-footer p {
	font-size: 1.5em !important;
    width: 50vw;
    text-align: center;
    margin: 0.7em 0 0;
}

#metavision-plural .narrow {
	max-width: 60vw;
    width: 60vw;
}

#metavision-plural .narrow p {
	font-size: 2.6em;
    letter-spacing: 0;
	line-height: 1.3em;
}

.background-overlay {
	background: rgba(0,0,0,0.6);
	height: 100%;
}

#banner .background-overlay {
	background: rgba(0,0,0,0.3);
}

#banner .background-overlay a, .popmake-2552 {
	color: #fff;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	text-align: center;
    font-size: 1.2em;
	margin-top: 4em;
}

#banner .background-overlay a img, .popmake-2552 img {
	width: 2.2em;
    margin-left: 1em;
}

#banner .background-overlay a:hover {
	opacity: 0.6;
	transition: 0.6s;
}

#products {
	display: grid;
	grid-template-areas: "a a";
	gap: 2em;
	grid-auto-rows: 25em;
}

#products div {
	background: #fff;
	background-position: center;
	background-size: cover;
}

#products div > div {
	background: rgba(0,0,0,0.6);
	padding: 2.8em;
	height: 100%;
	opacity: 1;
}

#products div:hover > div {
	opacity: 0;
	transition: 0.6s;
}

#products div > div h3 {
	margin-top: 0;
	color: #fff;
	font-size: 1.7em;
}

#products div > div p {
	color: #fff;
	font-size: 1.2em !important;
}

#directors h2 {
	font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 1em;
}

.showcase {
	padding-bottom: 100px;
	margin-top: -140px;
}

#popmake-2552 {
	background: transparent;
}

#popmake-2552 p {
	text-align: center;
}

.human-showcase {
	width: 50vw;
    height: 30em;
}

#metavision #services .tab, #metavision #services .tabcontent {
	display: block;
}

.products-mobile {
	display: none;
	background: #000 !important;
    margin-top: -33px;
    padding: 20px;
	height: fit-content;
}

.products-mobile h3, .products-mobile p {
	color: #fff;
}

.products-mobile h3 {
	margin-top: 0;
}

#background-video {
	height: 90vh;
	width: 100vw;
	object-fit: cover;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
}

.video-content-overlay {
	height: 90vh;
	width: 100vw;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
    justify-items: center;
    align-items: center;
    align-content: center;
    display: grid;
}

.pum-content .active:after {
	content: '';
	display: none;
}

#rmp-menu-item-2565 a {
	height: 80px !important;
}

.space {
	display: inline-block;
}





 /************************** Screen Width 1600px **************************/

@media only screen and (max-width: 1600px) {
	
	#menu a {
		margin-right: 30px;
	}
	#grid-two table tr td p {
		line-height: 1.4em;
		margin-bottom: 0.3em;
	}

}




 /************************** Screen Width 1440px **************************/


@media only screen and (max-width: 1440px) {
	
	.page-id-2 #banner {
		height: 100vh;
	}
	.homepage-banner {
		padding: 0 150px;
	}
	#grid-two table tr td p {
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	#left-text {
		margin-bottom: 50px;
	}
	#header {
		display: block;
	} 

}




 /************************** Screen Width 1280px **************************/

@media only screen and (max-width: 1280px) {
	
	#black-left {
  		padding:90px 0;
 		background-color: #000;
  		vertical-align: middle;
	}
	.inner-rev {
		width:85%;
		margin-left: auto;
		padding-right: 8%;
	}
	#header {
		display: none;
	}
	.mobile-menu {
		background: rgba(0,0,0,0.5) !important;
	}
	.mobile-menu {
		display: block;
		position: fixed;
		background: #fff;
		width: 100%;
		z-index: 9;
	}
	.mobile-menu .container {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.mobile-menu img {
		max-width: 160px;
		max-height: 80px;
	}
	#rmp_menu_trigger-858 {
		top: 20px;
	}
	#rmp-container-858 {
		width: 100%;
		background: #231f20;
	}
	#rmp-menu-wrap-858 .rmp-menu-item-link, #rmp-menu-wrap-858 .rmp-menu-item-link:hover {
		color: #fff;
		font-size: 17px;
    	padding: 0;
    	line-height: 2em;
    	font-family: "Poppins", sans-serif;
    	font-weight: 600;
    	letter-spacing: 0.03em;
	}
	#rmp-menu-wrap-858 .rmp-menu-current-item .rmp-menu-item-link, #rmp-menu-wrap-858 .rmp-menu-current-item .rmp-menu-item-link:hover {
		color: #fff;
	}
	#rmp-menu-wrap-858 .rmp-menu-item {
		padding: 5px 0;
	}
	#rmp-menu-wrap-858 {
		padding-top: 10%;
	}
	
	.container {
		width: 85%;
		padding: 90px 0;
	}
	.narrow {
		max-width: 75%;
		width: 75%;
	}
	#rmp-menu-item-151 {
		padding: 5px 15px 0 !important;
		background: #ee252c !important;
		width: fit-content !important;
	}
	
	#rmp_menu_trigger-858 .responsive-menu-pro-inner, #rmp_menu_trigger-858 .responsive-menu-pro-inner::before, #rmp_menu_trigger-858 .responsive-menu-pro-inner::after {
		background: #fff;
	}
	.container {
		width: 85%;
	}
	.left-content {
		width: 70%;
   		float: none;
    	display: block;
    	padding: 90px 0;
    	margin: 0 auto;
	}
	.package-price {
		float: none;
		margin-top: 0;
		padding: 0 25px 18px;
	}
	.content {
    	padding: 7px 25px 10px;
	}
	.package-btn {
		margin-top: -56px;
	}
	#house-and-land .img {
		height: 200px;
	}
	#grid-two table tr td p {
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}

}




 /************************** Screen Width 1024px **************************/

@media only screen and (max-width: 1024px) {

	.responsive-two-column-grid {
        display: block;
    }
	.inner-rev, .inner-grey, .inner-white  {
		width:90%;
		margin-left: 7.5%;
		padding-right: 8%;
	}
	.service .narrow {
		width: 100%;
	}
	#house-and-land #grid {
		grid-template-areas: "a a";
	}
	#house-and-land #item {
		margin-bottom: 0;
	}
	.page-id-2 #banner {
		height: 85vh;
	}
	.one-half {
		width: 100%;
		min-height: 550px;
	}
	.one-half-container {
		display: flex;
		flex-direction: column-reverse;
	}
	.left-content {
		width: 85%;
   		float: none;
    	display: block;
    	padding: 90px 0;
    	margin: 0 auto;
	}
	
	#the-solution td:first-child  {
		width: 50%;
	}
	
	#the-solution td:last-child {
		width: 50%;
	}
	#grid-two {
		display: block;}
	
	#grid-two-rev {
		display: block;}
	
	table {
   		width: 100%;
		margin: 90px 0;
	}

}




 /************************** Screen Width 820px **************************/

@media only screen and (max-width: 820px) {
	
	#metavision #metavision-clients {
    	gap: 2em;
	}
	.video-content-overlay {
		grid-template-areas: "a";
	}
	
	div#n2-ss-4 .n2-ss-control-bullet {
		--widget-offset: 0 !important;
	}
	.mobile {
		display: block;
	}
	#products {
    	grid-auto-rows: 13em;
	}
	#metavision #metavision-is {
    	grid-template-areas: "a a";
	}
	.showcase {
		margin-top: -80px;
	}
	#gform_fields_1 {
		margin-top: 2em;
	}
	#metavision-plural .narrow {
    	max-width: 100%;
    	width: 100%;
	}
	#metavision #services .tab, #metavision #services .tabcontent {
		display: none !important;
	}
	#metavision #services .accordion {
		display: flex;
		width: 100%;
		align-items: center;
		padding-left: 0;
		padding-right: 0;
	}
	#metavision #services .accordion h3 {
		width: 100%;
		margin-top: 0 !important;
		font-size: 1.4em !important;
	}
	#metavision #services .panel {
		padding: 30px 0;
	}
	#metavision #services h3:first-child {
		margin-bottom: 0;
	}
	#popmake-2552 {
    	width: 82vw;
	}
	.human-showcase {
		width: 77vw;
    	height: 21em;
	}
	#metavision #metavision-directors {
		grid-template-areas: "a a";
		grid-auto-columns: 48.5%;
		gap: 6vw 4vw;
	}
	#metavision-footer p {
		width: 100%;
	}
	#metavision-footer img {
    	width: 60vw;
	}
	.our-work {
		grid-template-areas: "a";
		grid-auto-columns: 100%;
	}
	
	 #half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 50%,
			white 50%,
			white 100%
		);
	}

	.page-id-2 #item:last-child {
		display: none;
	}
	#banner #grid-two {
		grid-auto-columns: 100%;
	}
	.homepage-banner {
		padding: 0 100px;
	}
	.services-home {
		grid-template-areas: "a a";
		gap: 2%;
	}
	#grid {
    	grid-template-areas: "a a";
    	grid-auto-columns: 46%;
	}
	.page-id-2 #banner {
		height: 60vh;
	}
	.narrow {
		max-width: 100%;
		width: 100%;
	}
	.half {
		width: 100%;
	}
	#grid {
		grid-template-areas: "a a";
	}
	#footer .third {
		text-align: left;
	}
}




 /************************** Screen Width 736px **************************/

@media only screen and (max-width: 736px) {
	
	.responsive-two-column-grid {
         display:block;
    }
	.page-id-2 #banner {
		height: 67vh;
	}
	
	#grid-two table tr td p {
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
}




 /************************** Screen Width 480px **************************/

@media only screen and (max-width: 480px) {
		
	.margin-top {
		margin-top: 0;
	}
	.margin-bottom { 
		margin-bottom: 0;
	}
	#portfolio img {
		margin: 12px 0;
	}
	#portfolio .half {
		margin: 0;
	}
	.services-home h3 {
		width: 100%;
	}
	#banner #grid-two {
		grid-auto-columns: 100%;
	}
	.service-types {
		display: none;
	}
	#footer {
		text-align: left;
	}
	.mobile {
		display: flow-root;
	}
	#the-solution tr {
		display: block;
	}
	#the-solution td:first-child {
		width: 100%;
	}
	#the-solution td:last-child {
		width: 100%;
		text-align: center;
		display: grid;
		justify-items: center;
	}
	#case-study .half:last-child h3 {
		margin-top: 200px;
	}
	/**.page-id-2136**/ #half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 50%,
			white 50%,
			white 100%
		);
	}
	/**.page-id-2273 #half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 54%,
			#f4f4f4 46%,
			#f4f4f4 100%
		);
	}
	.page-id-2069 #half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 50%,
			#f4f4f4 50%,
			#f4f4f4 100%
		);
	}**/
	.page-id-2069 #half-half .half:last-child h2 {
		margin-top: 250px;
	}
	
	/**.page-id-2841#half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 50%,
			#f4f4f4 50%,
			#f4f4f4 100%
		);
	}

	.page-id-2779 #half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 50%,
			#f4f4f4 50%,
			#f4f4f4 100%
		);
	}

	.page-id-2838 #half-half {
		width: 100%;
		background: linear-gradient(
			to bottom,
			#231f20 0%,
			#231f20 50%,
			#f4f4f4 50%,
			#f4f4f4 100%
		);
	}**/ 
	
	.desktop {
		display: none;
	}
	.homepage-banner {
		padding: 200px 20px 70px;
	}
	
	#grid-two {
		grid-template-areas: "a";
		grid-auto-columns: 100%;
		display: flow-root;
	}
	
	#grid-two table tr td p {
		line-height: 1.4em;
		margin-bottom: 0.5em;
	}
	
	#the-solution table:last-child {
		margin-bottom: 90px;
	}
	.page-id-2 #banner {
		height: 84vh;
	}
	#service .narrow {
		max-width: 100%;
		width: 100%;
	}
	#footer .third:nth-child(2),  #footer .third:nth-child(3){
		display: none;
	}
	.img {
		height: 250px;
	}
	.service {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8%;
	}
	.one-half {
		width: 100%;
		min-height: 300px;
	}
	.left-content {
		width: 85%;
		float: none;
		padding: 90px 0;
		margin: 0 auto;
	}
	.logos {
		width: 100%;
		height: auto;
		margin: 0 0 20%;
	}
	.logos img {
		max-height: 70px;
		max-width: 230px !important;
	}
	
	.half, .third {
		width: 100%;
		margin: 0 0 5%;
	}
	.two-column {
		column-count: 1;
	}
	.page-id-2 #banner {
		height: 80vh;
		margin-top: -58px;
	}
	.page-id-2 #banner .container {
		margin-top: 58px;
	}
	#banner .container {
		margin-top: 113px;
	}
	.page-id-2 #banner .container h1 {
		font-size: 40px;
		width: 80%;
		margin: 0 auto 20px;
	}
	.page-id-2 #banner .container p {
		line-height: 1.3em;
		width: 80%;
		margin: 0 auto;
	}
	.narrow {
		max-width: 100%;
		width: 100%;
	}
	.narrow h2, .narrow p {
		text-align: left;
	}
	.narrow .btn {
		margin-left: 0;
	}
	.half img {
		margin-top: 50px;
	}
	#grid {
		display: block;
		grid-template-areas: "a";
	}
	#item {
		margin-bottom: 30px;
	}
	#item:last-child {
		margin-bottom: 0;
	}
	#banner .container p {
		font-size: 17px;
		line-height: 1.3em;
	}
	.banner-buttons {
		display: block;
	}
	.page-id-2 #banner {
		height: auto;
	}
	h1 {
		margin: 110px 0 50px;
		font-size: 35px;
	}
	.page-id-2 #banner h1 {
		margin: 0 0 30px;
		font-size: 50px !important;
	}
	.page-id-2 #banner p {
		margin-bottom: 0;
	}
	.banner-buttons .btn-outline:last-child {
		margin-top: 20px;
	}
	.page-id-2 #banner .one-half {
		min-height: 70vh;
	}
	
	#rmp_menu_trigger-858 {
		margin-top: -12px !important;
	} 
	.services-home {
		grid-template-areas: "a a";
		gap: 10px;
		grid-auto-columns: 48.5%;
	}
	.team {
		width: 100%;
	}
	#banner {
		margin-top: -115px;
	}
	.our-work {
		grid-template-areas: "a";
		gap: 28px;
		grid-auto-columns: 100%;
	}
	#flex {
		display: flow-root;
	}
	.page-id-146 #footer {
		height: auto;
	}
	.page-id-146 #footer .container {
		display: flow-root;
		padding: 150px 0 100px;
	}
	.news:first-of-type .first-news {
		width: 100%;
	}
	.news:first-of-type {
		display: block;
	}
	.news:first-of-type .img, .news:first-of-type .news-content, .news {
		width: 100%;
	}
	.news {
		margin-bottom: 9.5% !important;
	}
	.news-content p {
		font-size: 16px !important;
	}
	#input_1_1_3 {
		margin-bottom: 2px;
	}
	#input_1_1_6 {
		margin-bottom: -13px;
	}
	#input_1_2 {
		margin-bottom: -6px;
	}
	#input_1_3 {
		margin-bottom: -6px
	}
	h2 {
		font-size: 30px;
	}
	#rmp-search-box-858 {
		display: none;
	}
	#grid {
		grid-template-areas: "a";
	}
	.service-box {
		margin-bottom: 20px;
	}
	.service-box:last-child {
		margin-bottom: 0;
	}
	.service-box-red {
		opacity: 1;
		margin-top: 0;
	}
	.service-box:hover .service-box-content {
		opacity: 1;
	}
	.service-box-content {
		padding: 40px;
	}
	.service-box-content h3 {
		margin-bottom: 0;
	}
	#metavision #metavision-is, #products, #metavision #metavision-directors {
		grid-template-areas: "a";
		grid-auto-columns: auto;
	}
	#metavision #metavision-directors {
		gap: 15vw 2vw;
	}
	#metavision-footer p {
		width: 100%;
	}
	#metavision #images.container {
		display: block;
	}
	#metavision .two-thirds, #metavision-plural .narrow {
		width: 100%;
		max-width: 100%;
	}
	#metavision-plural .narrow p {
		font-size: 2em;
	}
	#metavision-footer img {
		width: 70vw;
	}
	#products {
		grid-auto-rows: 12em;
		gap: 0;
	}
	#products div > div {
		display: none;
	}
	#products >div:nth-child(odd) {
		grid-auto-rows: 12em;
	}
	#metavision #services .tab, #metavision #services .tabcontent {
		display: none !important;
	}
	#metavision #services h3:first-child {
		margin-bottom: 0;
		float: left;
	}
	div#n2-ss-4 .n2-ss-control-bullet {
		--widget-offset: 0 !important;
	}
	#metavision #enquire h2 {
		margin-bottom: 1em;
	}
	#gform_fields_1 {
		margin-top: 1em;
	}
	#metavision #metavision-clients {
		grid-template-areas: "a";
		gap: 3em;
	}
	#mv-clients .container {
		padding: 120px 0 100px;
	}
	#images .container {
		display: flow-root;
	}
	#images .container {
		padding-bottom: 0;
	}
	#images:last-child .container {
		padding-bottom: 100px;
	}
	#images:nth-child(3) .container .third {
		margin-left: 0;
	}
	#metavision #images h2 {
		margin-bottom: 0.5em;
	}
	.products-mobile {
		display: block;
	}
	#background-video, .video-content-overlay {
		height: 70vh;
	}
	.video-content-overlay img {
		background: transparent !important;
	}
	.human-showcase {
		width: 86vw;
    	height: 15em;
	}
	#metavision #enquire {
		scroll-margin-top: 50px;
	}
	
@media only screen and (max-width: 900px) {
	.narrow {
		width: 80%
	}
	}
	
@media only screen and (max-width: 1280px) {
	.narrow {
		width: 80%
	}
}