@charset "UTF-8";
/*
Theme Name:     ModuleTheme
Theme URI:      https://themeisle.com/themes/neve/
Template:		neve
Author:         Module
Author URI:     https://www.modulestudio.co.uk
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
@font-face {
  font-family: "Roobert";
  src: url("css/fonts/woff2/Roobert-Light.woff2") format("woff2"), url("css/fonts/woff/Roobert-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Roobert";
  src: url("css/fonts/woff2/Roobert-LightItalic.woff2") format("woff2"), url("css/fonts/woff/Roobert-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Roobert";
  src: url("css/fonts/woff2/Roobert-Medium.woff2") format("woff2"), url("css/fonts/woff/Roobert-Medium.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
a:hover {
  color: inherit !important;
}
@media only screen and (max-width: 960px) {
  .single-projects .nv-single-post-wrap > div:first-child {
    margin-top: 0px !important;
  }
}
.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 1s all ease;
}
.reveal.active {
  transform: translateY(0);
  opacity: 1;
  transition: 1s all ease;
}
.site-logo {
  filter: brightness(0) !important;
}
/*body black by page id - */
.neve-main {
  background-color: #ffffff;
}
.just-to-show-changes {
  box-sizing: border-box;
}
.page-id-10 .neve-main, .page-id-10 .wrapper, .page-id-34 .neve-main, .page-id-34 .wrapper, .page-id-40 .neve-main, .page-id-40 .wrapper, .page-id-32 .neve-main, .page-id-32 .wrapper, .page-id-2413 .neve-main, .page-id-2413 .wrapper, .page-id-2988 .neve-main, .page-id-2988 .wrapper {
  background-color: #000000 !important;
}
.wrapper {
  background-color: #fff !important;
}
.page-id-34 header, .page-id-40 header, .page-id-32 header, .page-id-2988 header {
  background-color: black !important;
}
.page-id-10 .site-logo, .page-id-34 .site-logo, .page-id-40 .site-logo, .page-id-32 .site-logo, .page-id-2413 .site-logo, .page-id-2988 .site-logo {
  filter: brightness(100) !important;
}
.site-footer .hfg_footer, .site-footer .container {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}
@media only screen and (max-width: 632px) {
  .site-footer .pageList .innerblocks-wrap {
    flex-direction: column;
    gap: 30px;
  }
}
.site-footer .logoContact .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
@media only screen and (max-width: 632px) {
  .site-footer .logoContact .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
    align-items: flex-start;
    padding-top: 40px;
  }
}
.site-footer .logoContact figure {
  margin-bottom: 40px;
}
@media only screen and (max-width: 632px) {
  .site-footer .logoContact figure {
    margin-bottom: 20px;
  }
}
.site-footer .logoContact figure img {
  max-width: 68px;
}
.site-footer p, .site-footer a {
  color: #ffffff !important;
  margin-bottom: 0px !important;
}
.site-footer .footer--row-inner, .site-footer .footer--row {
  background-color: #000000 !important;
  border-top: none !important;
}
.site-footer .footer-top-inner {
  padding-bottom: 50px;
  padding-top: 50px !important;
}
.site-footer .footer-top-inner .hfg-grid {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 632px) {
  .site-footer .footer-top-inner .hfg-grid {
    flex-direction: column;
  }
}
.site-footer .footer-top-inner .hfg-grid .left {
  width: 500px;
}
@media only screen and (max-width: 830px) {
  .site-footer .footer-top-inner .hfg-grid .left {
    width: 400px;
  }
}
@media only screen and (max-width: 632px) {
  .site-footer .footer-top-inner .hfg-grid .left {
    width: auto;
  }
}
.site-footer .footer-bottom {
  border-top: 1px solid #6C6C6C;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 600px) {
  .site-footer .footer-bottom {
    padding-top: 0px;
  }
}
.site-footer .footer-bottom .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.site-footer .footer-bottom .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column p, .site-footer .footer-bottom .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column a, .site-footer .footer-bottom .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column p a {
  font-size: 15px;
}
@media only screen and (max-width: 632px) {
  .site-footer .footer-bottom .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
    justify-content: flex-start;
    flex-direction: column;
    gap: 0px;
  }
}
.nv-single-post-wrap > div:first-child {
  margin-top: 50px;
}
.header-main {
  background-color: white !important;
}
.page-id-2449 .header-main {
  background-color: #f6ec35 !important;
}
body {
  background-color: #000 !important;
}
.page-id-38, .page-id-446, .page-id-431, .page-id-447, .single-projects, .page-id-2388 .error404, .search-results, .page-id-1876, .page-id-1874, .page-id-2449, .page-id-2475, .page-id-2539, .page-id-2545 {
  background-color: #fff !important;
}
.page-id-10 .header-main, .page-id-2413 .header-main {
  background-color: transparent !important;
}
.page-id-10 .current-menu-item:after, .page-id-2413 .current-menu-item:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  background: #fff537;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 100%;
}
.page-id-10 .nav-ul li a, .page-id-2413 .nav-ul li a {
  color: white !Important;
}
.page-id-10 .nav-ul li a:hover, .page-id-2413 .nav-ul li a:hover {
  opacity: 1 !important;
}
.page-id-10 .nav-ul li a:after, .page-id-2413 .nav-ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff537;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.page-id-10 .nav-ul li a:hover:after, .page-id-2413 .nav-ul li a:hover:after {
  width: 100%;
  left: 0;
}
.page-id-34 .header-main, .page-id-40 .header-main, .page-id-32 .header-main, .page-id-2988 .header-main {
  background-color: black !important;
}
.page-id-34 .current-menu-item:after, .page-id-40 .current-menu-item:after, .page-id-32 .current-menu-item:after, .page-id-2988 .current-menu-item:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  background: #fff537;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 100%;
}
.page-id-34 .nav-ul li a, .page-id-40 .nav-ul li a, .page-id-32 .nav-ul li a, .page-id-2988 .nav-ul li a {
  color: white !Important;
}
.page-id-34 .nav-ul li a:hover, .page-id-40 .nav-ul li a:hover, .page-id-32 .nav-ul li a:hover, .page-id-2988 .nav-ul li a:hover {
  opacity: 1 !important;
}
.page-id-34 .nav-ul li a:after, .page-id-40 .nav-ul li a:after, .page-id-32 .nav-ul li a:after, .page-id-2988 .nav-ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #fff537;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.page-id-34 .nav-ul li a:hover:after, .page-id-40 .nav-ul li a:hover:after, .page-id-32 .nav-ul li a:hover:after, .page-id-2988 .nav-ul li a:hover:after {
  width: 100%;
  left: 0;
}
.current-menu-item:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 0;
  right: 0;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 100%;
}
.nav-ul li a {
  color: black !important;
  font-family: "Roobert";
  font-weight: 100;
  font-size: 14px !important;
}
.nav-ul li a:hover {
  opacity: 1 !important;
}
.nav-ul li a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #000;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}
.nav-ul li a:hover:after {
  width: 100%;
  left: 0;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4 {
  font-family: "Roobert" !important;
  font-weight: 300 !important;
}
h5 {
  font-family: "Roobert" !important;
  font-weight: 300 !important;
}
h1 {
  font-size: 70px;
  line-height: 1.2em !important;
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 960px) {
  h1 {
    font-size: 50px;
  }
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 35px;
  }
}
h2 {
  font-size: 50px !important;
  line-height: 1.2em !important;
}
@media only screen and (max-width: 960px) {
  h2 {
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 600px) {
  h2 {
    font-size: 30px !important;
  }
}
h3 {
  font-size: 40px;
}
@media only screen and (max-width: 960px) {
  h3 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 600px) {
  h3 {
    font-size: 25px;
  }
}
h4 {
  font-size: 35px;
}
@media only screen and (max-width: 960px) {
  h4 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 600px) {
  h4 {
    font-size: 20px;
  }
}
h5 {
  font-size: 17px !important;
  letter-spacing: 0.75px !important;
  margin-bottom: 25px;
}
@media only screen and (max-width: 960px) {
  h5 {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  h5 {
    font-size: 14px;
  }
}
p {
  font-size: 17px;
  font-family: "Roobert";
  font-weight: 200;
  line-height: 1.5em !important;
}
ul li {
  font-size: 17px;
  font-family: "Roobert";
  font-weight: 200;
}
.alignfull {
  padding: 0;
}
.component-wrap {
  display: none;
}
.sbd-wrap {
  height: auto;
  display: flex;
  gap: 4em;
  padding: 10% 15%;
  background-color: black;
  color: white;
}
@media only screen and (max-width: 1374px) {
  .sbd-wrap {
    padding: 10% 10%;
  }
}
@media only screen and (max-width: 960px) {
  .sbd-wrap {
    flex-direction: column;
  }
}
@media only screen and (max-width: 600px) {
  .sbd-wrap {
    gap: 0em;
    padding: 10% 5%;
  }
}
.sbd-wrap .headings {
  display: flex;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  color: white;
  width: 50%;
}
.sbd-wrap .headings .head {
  font-size: 120px;
}
@media only screen and (max-width: 1374px) {
  .sbd-wrap .headings .head {
    font-size: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .sbd-wrap .headings .head {
    font-size: 80px;
  }
}
.sbd-wrap .headings #strategy:hover {
  color: #FFF61A;
  transition: ease 1s;
}
.sbd-wrap .headings #branding:hover {
  color: #FFF61A;
  transition: ease 1s;
}
.sbd-wrap .headings #digital:hover {
  color: #FFF61A;
  transition: ease 1s;
}
.sbd-wrap .text-info {
  padding-top: 2em;
  width: 50%;
}
@media only screen and (max-width: 600px) {
  .sbd-wrap .text-info {
    width: 100%;
  }
}
.header-menu-sidebar-bg::before {
  background-color: black !important;
}
.header-menu-sidebar {
  width: 100vw;
}
.work-together {
  padding: 15% 10% !important;
  background-color: black;
  color: white;
}
.work-together h1 {
  font-size: 70px !important;
  margin: 0 !important;
}
@media only screen and (max-width: 960px) {
  .work-together h1 {
    font-size: 60px !important;
  }
}
@media only screen and (max-width: 600px) {
  .work-together h1 {
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 600px) {
  .work-together .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
    padding-top: 50px;
  }
}
.work-together p {
  margin-bottom: 0;
  font-size: 26px !important;
}
.work-together p a {
  color: #FFF537;
}
.work-together .wp-block-image {
  margin-top: -20px;
  transition: ease all 0.2s;
  fill: #FFF537;
  filter: brightness(0) saturate(100%) invert(96%) sepia(22%) saturate(3343%) hue-rotate(327deg) brightness(115%) contrast(100%);
}
.work-together .wp-block-image:hover {
  transition: ease all 0.2s;
  margin-left: 8px;
}
#wp-block-themeisle-blocks-advanced-columns-85366ba4 .innerblocks-wrap {
  gap: 26px;
}
@media only screen and (max-width: 600px) {
  #wp-block-themeisle-blocks-advanced-columns-85366ba4 .innerblocks-wrap {
    gap: 0px;
  }
}
#wp-block-themeisle-blocks-advanced-column-8a5e6b27 {
  width: 344px;
}
.remove-underline {
  margin-bottom: 0;
  padding: 1% 0;
  font-size: 18px;
}
.remove-underline a {
  text-decoration: none;
}
@media only screen and (max-width: 600px) {
  .left-pic {
    padding: 80px 0 80px 0 !important;
  }
}
@media only screen and (max-width: 600px) {
  .left-pic .innerblocks-wrap {
    flex-direction: column-reverse !important;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 960px) {
  .left-pic .innerblocks-wrap .text-col {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .left-pic .innerblocks-wrap .text-col {
    padding-bottom: 25px;
  }
}
.left-pic .innerblocks-wrap .text-col:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 100px;
  left: 0;
  background: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  transition: all ease 0.6s;
  background-size: 30px 30px;
}
@media only screen and (max-width: 1250px) {
  .left-pic .innerblocks-wrap .text-col:before {
    bottom: 80px;
  }
}
@media only screen and (max-width: 1149px) {
  .left-pic .innerblocks-wrap .text-col:before {
    bottom: 30px;
  }
}
@media only screen and (max-width: 960px) {
  .left-pic .innerblocks-wrap .text-col:before {
    bottom: 0;
  }
}
.left-pic .innerblocks-wrap .text-col:hover:before {
  background: url("/wp-content/uploads/2023/03/Icon-arrow-right-yellow.svg");
  transform: rotate(-45deg);
  transition: all ease 0.6s;
  background-size: 30px 30px;
}
.left-pic .innerblocks-wrap .text-col:hover h5 {
  padding-left: 30px;
  transition: ease 0.6s;
}
.left-pic .innerblocks-wrap .text-col:hover h3 {
  padding-left: 30px;
  transition: ease 0.6s;
}
.left-pic .innerblocks-wrap .text-col:hover p {
  padding-left: 30px;
  transition: ease 0.6s;
}
.right-pic {
  transition: all ease 0.6s;
}
@media only screen and (max-width: 600px) {
  .right-pic {
    padding: 80px 0 80px 0 !important;
  }
}
.right-pic .white-arr {
  width: 30px;
  height: 30px;
}
.right-pic h3:focus, .right-pic h5:focus {
  color: inherit !important;
}
.right-pic .innerblocks-wrap {
  transition: ease 0.6s;
}
.right-pic .innerblocks-wrap .text-col {
  transition: ease 0.6s;
  position: relative;
}
@media only screen and (max-width: 960px) {
  .right-pic .innerblocks-wrap .text-col {
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 600px) {
  .right-pic .innerblocks-wrap .text-col {
    padding-bottom: 25px;
  }
}
.right-pic .innerblocks-wrap .text-col:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 100px;
  left: 0;
  background: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  transition: all ease 0.6s;
  background-size: 30px 30px;
}
@media only screen and (max-width: 1250px) {
  .right-pic .innerblocks-wrap .text-col:before {
    bottom: 80px;
  }
}
@media only screen and (max-width: 1149px) {
  .right-pic .innerblocks-wrap .text-col:before {
    bottom: 30px;
  }
}
@media only screen and (max-width: 960px) {
  .right-pic .innerblocks-wrap .text-col:before {
    bottom: 0;
  }
}
.right-pic .innerblocks-wrap .text-col:hover:before {
  background: url("/wp-content/uploads/2023/03/Icon-arrow-right-yellow.svg");
  transform: rotate(-45deg);
  transition: all ease 0.6s;
  background-size: 30px 30px;
}
.right-pic .innerblocks-wrap .text-col:hover h5 {
  padding-left: 30px;
  transition: all ease 0.6s;
}
.right-pic .innerblocks-wrap .text-col:hover h3 {
  padding-left: 30px;
  transition: all ease 0.6s;
}
.right-pic .innerblocks-wrap .text-col:hover p {
  padding-left: 30px;
  transition: all ease 0.6s;
}
.left-pic, .right-pic {
  padding: 90px 0;
}
.left-pic .innerblocks-wrap, .right-pic .innerblocks-wrap {
  gap: 50px;
}
.left-pic h3, .left-pic h5, .right-pic h3, .right-pic h5 {
  margin-bottom: 0;
  transition: all ease 0.4s;
}
.left-pic h3:focus, .left-pic h5:focus, .right-pic h3:focus, .right-pic h5:focus {
  color: inherit !important;
}
.left-pic h5 a, .right-pic h5 a {
  color: #FFF537;
}
.left-pic h3, .right-pic h3 {
  font-size: 38px;
  font-weight: 100;
  transition: all ease 0.4s;
}
@media only screen and (max-width: 960px) {
  .left-pic h3, .right-pic h3 {
    font-size: 24px;
  }
}
.left-pic p, .right-pic p {
  color: #9A9A9A;
  transition: all ease 0.4s;
}
.left-pic a, .right-pic a {
  text-decoration: none;
  color: #FFFFFF;
}
.left-pic a:hover, .right-pic a:hover {
  opacity: 100%;
}
.left-pic .image-col, .right-pic .image-col {
  position: relative;
}
.left-pic .image-col p, .right-pic .image-col p {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  margin-bottom: 0;
  font-size: 0px;
}
.left-pic .image-col p a, .right-pic .image-col p a {
  width: 100%;
  height: 100%;
  z-index: 999;
  display: block;
}
.left-pic .image-col .wp-block-image, .right-pic .image-col .wp-block-image {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  transition: all ease 0.4s;
}
.left-pic .image-col .wp-block-image img, .right-pic .image-col .wp-block-image img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.left-pic .text-col, .right-pic .text-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.4s;
}
.nav-ul {
  gap: 30px;
}
.padding-class {
  padding: 0 0 12px 0;
}
.margin-bot {
  margin: 0 0 12px 0;
}
.padding-top {
  padding: 12px 0 12px 0;
}
.wp-block-video {
  overflow: hidden;
  display: flex;
}
.wp-block-video video {
  width: calc(100% + 5px);
  margin-right: -2px;
  margin-left: -2px;
  margin-top: -2px;
  margin-bottom: -2px;
  max-width: initial;
}
@media only screen and (max-width: 600px) {
  .single-projects article {
    margin-bottom: 0px !important;
  }
}
.single-projects .wp-block-themeisle-blocks-advanced-column {
  display: block;
}
.single-projects h4 {
  font-size: 1.6em;
}
.single-projects .wp-block-video {
  overflow: hidden;
  display: flex;
}
.single-projects .wp-block-video video {
  width: calc(100% + 5px);
  margin-right: -2px;
  margin-left: -2px;
  margin-top: -2px;
  margin-bottom: -2px;
  max-width: initial;
}
.projects-wrap {
  padding-top: 100px;
  padding-bottom: 2em;
}
@media only screen and (max-width: 959px) {
  .projects-wrap {
    padding-top: 40px !important;
  }
}
.projects-wrap h1 {
  color: white;
}
.projects-wrap a {
  text-decoration: none;
}
.projects-wrap .projects-loop {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media only screen and (max-width: 600px) {
  .projects-wrap .projects-loop {
    grid-template-columns: 1fr;
    gap: 1em;
  }
}
.projects-wrap .projects-loop .project-items {
  display: flex;
  flex-direction: column;
  transition: ease all 1s;
}
.projects-wrap .projects-loop .project-items .project-pic {
  height: 600px;
}
@media only screen and (max-width: 960px) {
  .projects-wrap .projects-loop .project-items .project-pic {
    height: 350px;
  }
}
@media only screen and (max-width: 600px) {
  .projects-wrap .projects-loop .project-items .project-pic {
    height: 350px;
  }
}
.projects-wrap .projects-loop .project-items .project-pic a {
  height: 100%;
}
.projects-wrap .projects-loop .project-items .project-pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.projects-wrap .projects-loop .project-items .project-pic video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.projects-wrap .projects-loop .project-items .project-info {
  padding-top: 20px;
  margin-bottom: 50px;
  transition: ease 1s;
  position: relative;
}
.projects-wrap .projects-loop .project-items .project-info a {
  transition: ease 1s;
}
.projects-wrap .projects-loop .project-items .project-info p {
  font-size: 28px;
  font-weight: 100;
  margin-bottom: 10px;
  color: white;
  background: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  background-position: right top 6px;
  padding-right: 50px;
}
@media only screen and (max-width: 600px) {
  .projects-wrap .projects-loop .project-items .project-info p {
    font-size: 24px;
  }
}
.projects-wrap .projects-loop .project-items .project-info p a {
  color: #9A9A9A;
  text-decoration: none;
}
.projects-wrap .projects-loop .project-items .project-info img {
  position: absolute;
  right: 3px;
  bottom: 11px;
}
.intro-text {
  padding-top: 100px;
  padding-bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75%;
}
.intro-text span {
  text-decoration: underline #fff537 !important;
}
@media only screen and (max-width: 600px) {
  .intro-text {
    padding-top: 0px !important;
    width: 100%;
  }
}
.page-id-34 .expertise-wrapper h5 {
  display: none;
}
.expertise-wrapper {
  padding-top: 5%;
  padding-bottom: 5%;
}
@media only screen and (max-width: 600px) {
  .expertise-wrapper {
    padding-top: 10%;
  }
}
.expertise-wrapper h5 {
  color: white;
}
@media only screen and (max-width: 960px) {
  .expertise-wrapper h5 {
    margin-left: 0;
  }
}
.expertise-wrapper .cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2em;
}
@media only screen and (max-width: 960px) {
  .expertise-wrapper .cards {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .expertise-wrapper .cards {
    grid-template-columns: 1fr;
  }
}
.expertise-wrapper .cards .card {
  background-color: #0f1016;
  color: #FFFFFF;
  padding: 13%;
  display: flex;
  flex-direction: column;
  height: 400px;
  transition: ease 0.4s;
  cursor: pointer;
  position: relative;
}
.expertise-wrapper .cards .card a {
  text-decoration: none;
  color: #FFF537;
}
.expertise-wrapper .cards .card a h3 {
  color: white;
  margin-bottom: 10px;
}
.expertise-wrapper .cards .card .arrow-img {
  width: auto;
  height: auto;
  position: absolute;
  top: 70px;
  right: 40px;
}
@media only screen and (max-width: 960px) {
  .expertise-wrapper .cards .card {
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .expertise-wrapper .cards .card {
    height: 200px;
  }
}
@media only screen and (min-width: 600px) {
  .expertise-wrapper .cards .card:hover {
    color: black;
    background-color: #FFF537;
  }
  .expertise-wrapper .cards .card:hover p {
    color: black;
  }
  .expertise-wrapper .cards .card:hover a {
    color: black;
  }
  .expertise-wrapper .cards .card:hover a h3 {
    color: black;
  }
  .expertise-wrapper .cards .card:hover .arrow-img img {
    filter: brightness(0);
    transform: rotate(45deg);
    transition: ease 0.4s;
  }
}
#quotes {
  padding-top: 5%;
  padding-bottom: 5%;
}
#quotes h2 {
  color: white;
  width: 70%;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  #quotes h2 {
    width: 100%;
  }
}
#quotes h3 {
  color: white;
}
#quotes p {
  margin-bottom: 0;
  font-size: 20px;
  color: white;
  font-weight: 100;
}
#quotes p.grey {
  color: #8E8E8E;
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  #quotes p.grey {
    width: 60%;
  }
}
#quotes #slider {
  position: relative;
}
@media only screen and (max-width: 960px) {
  #quotes #slider {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #quotes #slider {
    width: 100%;
  }
}
#quotes #slider ul li:before {
  display: none;
}
#quotes #slider ul.slick-dots {
  padding: 0px;
  list-style: none;
  display: flex;
  overflow: hidden;
  margin: 0;
}
#quotes #slider ul.slick-dots li {
  margin: 0px;
}
#quotes #slider ul.slick-dots li button {
  transition: 0.3s all ease;
  width: 7.5em;
  background-color: transparent;
  border-top: 2px solid #fff;
  border-radius: 0px;
  padding: 10px 0px;
  text-align: left;
  opacity: 0.5;
  font-size: 15px;
  color: black;
  box-shadow: none !important;
}
#quotes #slider ul.slick-dots li button:hover {
  background-color: transparent !important;
}
@media only screen and (max-width: 600px) {
  #quotes #slider ul.slick-dots li button {
    display: none;
  }
}
#quotes #slider ul.slick-dots li.slick-active {
  box-shadow: none !important;
}
#quotes #slider ul.slick-dots li.slick-active button {
  border-top: 2px solid black !important;
  opacity: 1;
  box-shadow: none !important;
}
#quotes #slider .slide-item .quote-text {
  padding-bottom: 2em;
}
.meet-the-team .title-text {
  display: grid;
  grid-template-columns: 2fr 3fr;
}
@media only screen and (max-width: 600px) {
  .meet-the-team .title-text {
    display: flex;
    flex-direction: column;
  }
}
.meet-the-team .team-wrap .team-loop {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2em;
}
@media only screen and (max-width: 960px) {
  .meet-the-team .team-wrap .team-loop {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team .team-wrap .team-loop {
    grid-template-columns: 1fr;
  }
}
.meet-the-team .team-wrap .team-loop .person {
  height: 500px;
}
@media only screen and (max-width: 960px) {
  .meet-the-team .team-wrap .team-loop .person {
    height: 400px;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team .team-wrap .team-loop .person {
    height: auto;
  }
}
.meet-the-team .team-wrap .team-loop .person .person-pic {
  object-fit: cover;
  height: 382px;
  width: 100%;
}
@media only screen and (max-width: 960px) {
  .meet-the-team .team-wrap .team-loop .person .person-pic {
    height: 280px;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team .team-wrap .team-loop .person .person-pic {
    height: 400px;
  }
}
.meet-the-team .team-wrap .team-loop .person .person-pic img {
  min-width: 100%;
  object-fit: cover;
  height: 100%;
}
.meet-the-team .team-wrap .team-loop .person .person-info {
  margin-top: 20px;
}
.meet-the-team .team-wrap .team-loop .person .person-info p {
  font-size: 20px;
}
@media only screen and (max-width: 600px) {
  .meet-the-team .team-wrap .team-loop .person .person-info p {
    font-size: 17px !important;
  }
}
.meet-the-team .team-wrap .team-loop .person .person-info h3 {
  font-size: 20px;
}
@media only screen and (max-width: 600px) {
  .meet-the-team .team-wrap .team-loop .person .person-info h3 {
    font-size: 17px !important;
  }
}
#clients {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 2%;
  padding-bottom: 3%;
}
@media only screen and (max-width: 960px) {
  #clients {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  #clients {
    grid-template-columns: 1fr 1fr;
  }
}
#clients .client {
  border: 1px solid #e3e3e3;
  padding: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  margin-right: -1px;
  margin-bottom: -1px;
}
#clients .client img {
  width: auto;
}
.related-work {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 5%;
  padding-bottom: 5%;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1350px) {
  .related-work {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.related-work .related-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
@media only screen and (max-width: 710px) {
  .related-work .related-items {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.related-work .related-items .work-item {
  height: 1000px;
}
.related-work .related-items .work-item h4, .related-work .related-items .work-item a {
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .related-work .related-items .work-item {
    height: 600px;
  }
}
@media only screen and (max-width: 710px) {
  .related-work .related-items .work-item {
    height: 634px;
  }
}
@media only screen and (max-width: 600px) {
  .related-work .related-items .work-item {
    height: 440px;
  }
}
.related-work .related-items .work-item .image {
  height: 60%;
  width: auto;
}
@media only screen and (max-width: 710px) {
  .related-work .related-items .work-item .image {
    height: 75%;
  }
}
.related-work .related-items .work-item .image a {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.related-work .related-items .work-item .image a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work .related-items .work-item .image a video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work .related-items .work-item .work-info h5 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.project-scope {
  display: flex;
  justify-content: flex-end;
}
.project-scope h5 {
  margin: 0;
}
.project-scope p {
  margin: 0;
}
.project-scope .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.project-top-info {
  padding-top: 5%;
}
.two-columns .innerblocks-wrap {
  gap: 10px;
}
.two-columns .innerblocks-wrap .wp-block-image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.text-project-2 {
  padding: 5% 0 2% 0;
}
.text-project-2 strong {
  padding-bottom: 22px;
}
.text-project-2 p {
  margin: 0 !important;
  font-size: 25px;
  width: 60%;
  font-weight: 200;
  padding-top: 15px;
  padding-bottom: 15px;
}
.text-project-2 p:last-of-type {
  padding-bottom: 0px;
}
@media only screen and (max-width: 960px) {
  .text-project-2 p {
    font-size: 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .text-project-2 p {
    font-size: 17px;
    padding: 2% 0 2% 0;
  }
}
.text-project-2 a {
  text-decoration: none;
  color: #A3A3A3;
}
.wp-block-lazyblock-lightdark {
  position: fixed;
  right: 5%;
  top: 20%;
  z-index: 999999;
}
.wp-block-lazyblock-lightdark .form-check-label {
  color: var(--color-fg);
}
.colour-block {
  margin-top: 50px;
  padding: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}
@media only screen and (max-width: 600px) {
  .colour-block {
    padding: 10% 5%;
    margin-bottom: 40px;
  }
}
.colour-block h1 {
  font-size: 160px !important;
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .colour-block h1 {
    font-size: 110px !important;
  }
}
@media only screen and (max-width: 600px) {
  .colour-block h1 {
    font-size: 60px !important;
  }
}
.client-wrap {
  padding-top: 5%;
  padding-bottom: 5%;
}
.client-wrap .slide-wrapper {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  border-bottom: 1px solid #3F3F3F;
  border-top: 1px solid #3F3F3F;
}
@media only screen and (max-width: 1350px) {
  .client-wrap .slide-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.client-wrap .title-div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 4%;
}
.client-wrap .title-div h3 {
  width: 70%;
  color: white;
}
@media only screen and (max-width: 600px) {
  .client-wrap .title-div {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.client-wrap .wp-block-columns-client-slider .client-slider-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .client-wrap .wp-block-columns-client-slider .client-slider-cols {
    grid-template-columns: 1fr 1fr;
  }
}
.client-wrap .wp-block-columns-client-slider .client-slider-cols .wp-block-column {
  border-left: 1px solid #3F3F3F;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
}
@media only screen and (max-width: 960px) {
  .client-wrap .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(1) {
    border-bottom: 1px solid #3F3F3F;
  }
  .client-wrap .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(2) {
    border-bottom: 1px solid #3F3F3F;
    border-right: 1px solid #3F3F3F;
  }
}
@media only screen and (max-width: 600px) {
  .client-wrap .wp-block-columns-client-slider .client-slider-cols .wp-block-column {
    height: auto;
    padding: 20px;
  }
}
.client-wrap .wp-block-columns-client-slider .client-slider-cols .wp-block-column:last-of-type {
  border-right: 1px solid #3F3F3F;
}
.page-id-10 .navbar-toggle, .page-id-34 .navbar-toggle, .page-id-40 .navbar-toggle, .page-id-32 .navbar-toggle, .page-id-2413 .navbar-toggle, .page-id-2988 .navbar-toggle {
  background: transparent !important;
  color: white !important;
}
.single-projects .header-menu-sidebar-bg::before, .page-id-431 .header-menu-sidebar-bg::before, .page-id-446 .header-menu-sidebar-bg::before, .page-id-447 .header-menu-sidebar-bg::before, .page-id-38 .header-menu-sidebar-bg::before, .error404 .header-menu-sidebar-bg::before, .search-results .header-menu-sidebar-bg::before, .page-id-1876 .header-menu-sidebar-bg::before, .page-id-1874 .header-menu-sidebar-bg::before, .page-id-2388 .header-menu-sidebar-bg::before, .page-id-2475 .header-menu-sidebar-bg::before, .page-id-2539 .header-menu-sidebar-bg::before, .page-id-2545 .header-menu-sidebar-bg::before {
  background-color: white !important;
}
.single-projects .header-menu-sidebar-inner ul li a, .page-id-431 .header-menu-sidebar-inner ul li a, .page-id-446 .header-menu-sidebar-inner ul li a, .page-id-447 .header-menu-sidebar-inner ul li a, .page-id-38 .header-menu-sidebar-inner ul li a, .error404 .header-menu-sidebar-inner ul li a, .search-results .header-menu-sidebar-inner ul li a, .page-id-1876 .header-menu-sidebar-inner ul li a, .page-id-1874 .header-menu-sidebar-inner ul li a, .page-id-2388 .header-menu-sidebar-inner ul li a, .page-id-2475 .header-menu-sidebar-inner ul li a, .page-id-2539 .header-menu-sidebar-inner ul li a, .page-id-2545 .header-menu-sidebar-inner ul li a {
  color: black !important;
}
.page-id-2449 .header-menu-sidebar-bg::before {
  background-color: #f6ec35 !important;
}
.page-id-2449 .header-menu-sidebar-inner ul li a {
  color: black !important;
}
.navbar-toggle:focus {
  outline: none !important;
}
.navbar-toggle {
  background: transparent !important;
  color: black !important;
  border: none !important;
}
.navbar-toggle:active {
  border: none !important;
}
.header-menu-sidebar-inner ul li a {
  color: white !important;
}
.accordion {
  display: flex;
  background-color: #F7F7F7;
  padding-left: calc(((100vw - 1350px) / 2 + 10px)) !important;
  padding-right: calc(((100vw - 1350px) / 2 + 10px)) !important;
  padding-top: 5%;
  padding-bottom: 5%;
  height: auto;
}
.accordion strong {
  font-weight: 100 !important;
}
.accordion h2 {
  margin-bottom: 0;
}
.accordion p {
  margin-bottom: 20px;
}
@media only screen and (max-width: 600px) {
  .accordion {
    flex-direction: column;
    padding-top: 10%;
  }
}
@media only screen and (max-width: 1350px) {
  .accordion {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.accordion .accor-title {
  width: 30%;
}
@media only screen and (max-width: 600px) {
  .accordion .accor-title {
    width: 100%;
  }
}
.accordion .wrapper-div {
  width: 70%;
}
@media only screen and (max-width: 600px) {
  .accordion .wrapper-div {
    width: 100%;
  }
}
.accordion .wrapper-div .accordions, .accordion .wrapper-div .accordion-list {
  border-bottom: 1px solid black;
  margin-bottom: 45px;
}
.accordion .wrapper-div .accordion-title {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: 0.4s;
}
.accordion .wrapper-div .accordion-content {
  display: none;
  background-color: transparent;
  padding: 0px 40px 40px 0px;
}
@media only screen and (max-width: 600px) {
  .accordion .wrapper-div .accordion-content {
    padding: 20px;
  }
}
.expertise-wrapper2 {
  padding-top: 5%;
  padding-bottom: 5%;
}
@media only screen and (max-width: 600px) {
  .expertise-wrapper2 {
    padding-top: 10%;
  }
}
.expertise-wrapper2 h5 {
  color: #8E8E8E;
}
@media only screen and (max-width: 960px) {
  .expertise-wrapper2 h5 {
    margin-left: 0;
  }
}
.expertise-wrapper2 .cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2em;
}
@media only screen and (max-width: 600px) {
  .expertise-wrapper2 .cards {
    grid-template-columns: 1fr;
  }
}
.expertise-wrapper2 .cards .card {
  background-color: #0f1016;
  display: flex;
  flex-direction: column;
  height: 300px;
  transition: ease 0.4s;
  cursor: pointer;
  position: relative;
  background-repeat: no-repeat;
  background-position: right 40px top 80px;
}
.expertise-wrapper2 .cards .card h3 {
  color: white;
  margin-bottom: 10px;
}
.expertise-wrapper2 .cards .card p {
  color: #FFF537;
}
.expertise-wrapper2 .cards .card a {
  text-decoration: none;
  color: white;
}
.expertise-wrapper2 .cards .card .arrow-img {
  width: auto;
  height: auto;
  position: absolute;
  top: 70px;
  right: 40px;
}
@media only screen and (max-width: 960px) {
  .expertise-wrapper2 .cards .card {
    height: 300px;
  }
}
@media only screen and (max-width: 600px) {
  .expertise-wrapper2 .cards .card {
    height: 200px;
  }
}
@media only screen and (min-width: 600px) {
  .expertise-wrapper2 .cards .card:hover {
    color: black;
    background-color: #FFF537;
  }
  .expertise-wrapper2 .cards .card:hover p {
    color: black;
  }
  .expertise-wrapper2 .cards .card:hover a {
    color: black;
  }
  .expertise-wrapper2 .cards .card:hover h3 {
    color: black;
  }
  .expertise-wrapper2 .cards .card:hover .arrow-img img {
    filter: brightness(0);
    transform: rotate(45deg);
    transition: ease 0.4s;
  }
}
.page-id-40 .work-together {
  display: none;
}
.project-details {
  display: flex;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 70px !important;
}
@media only screen and (max-width: 960px) {
  .project-details {
    flex-direction: column;
    justify-content: center;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .project-details {
    padding-top: 40px !important;
  }
}
.project-details .title-exc {
  width: 60%;
}
@media only screen and (max-width: 960px) {
  .project-details .title-exc {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .project-details .title-exc h5 {
    margin-bottom: 14px !important;
  }
}
@media only screen and (max-width: 960px) {
  .project-details .tags {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .project-details .tags h5 {
    margin-bottom: 20px !important;
  }
}
.project-details p {
  color: #A3A3A3;
  margin-bottom: 5px;
}
.project-details span {
  color: black;
  font-weight: 100;
}
.project-details h1 {
  margin-bottom: 0;
}
.add-border {
  border-bottom: 1px solid #e3e3e3;
}
.text-black-bg {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
}
.text-black-bg p {
  font-size: 20px;
}
@media only screen and (max-width: 1350px) {
  .text-black-bg {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 600px) {
  .simple-text {
    padding-top: 40px !important;
  }
}
.client-wrap2 {
  padding-top: 0;
  padding-bottom: 5%;
  background-color: white;
}
.client-wrap2 .slide-wrapper {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
@media only screen and (max-width: 1350px) {
  .client-wrap2 .slide-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.client-wrap2 .title-div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 4%;
}
.client-wrap2 .title-div h3 {
  width: 70%;
  color: black;
}
@media only screen and (max-width: 600px) {
  .client-wrap2 .title-div {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols {
    grid-template-columns: 1fr 1fr;
  }
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column {
  border-left: 1px solid #e3e3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(1) {
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(2) {
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(3) {
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(4) {
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(8) {
  border-right: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(12) {
  border-right: 1px solid #e3e3e3;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(13) {
  border-bottom: none;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(14) {
  border-bottom: none;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(15) {
  border-bottom: none;
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(16) {
  border-bottom: none;
}
@media only screen and (max-width: 960px) {
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(1) {
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(2) {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(6) {
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(5) {
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(10) {
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(12) {
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(14) {
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(13) {
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(14) {
    border-bottom: 1px solid #e3e3e3;
  }
}
@media only screen and (max-width: 600px) {
  .client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column {
    height: 130px;
    padding: 20px;
  }
}
.client-wrap2 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:last-of-type {
  border-right: 1px solid #e3e3e3;
}
#quotes2 {
  padding-top: 5%;
  padding-bottom: 5%;
}
#quotes2 h2 {
  color: black;
  width: 70%;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  #quotes2 h2 {
    width: 100%;
  }
}
#quotes2 h3 {
  color: black;
}
#quotes2 p {
  margin-bottom: 0;
  font-size: 20px;
  color: black;
  font-weight: 100;
}
@media only screen and (max-width: 600px) {
  #quotes2 p {
    width: 80%;
  }
}
#quotes2 p.grey {
  color: #8E8E8E;
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  #quotes2 p.grey {
    width: 60%;
  }
}
#quotes2 #slider {
  position: relative;
}
@media only screen and (max-width: 960px) {
  #quotes2 #slider {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #quotes2 #slider {
    width: 100%;
  }
}
#quotes2 #slider ul li:before {
  display: none;
}
#quotes2 #slider ul.slick-dots {
  padding: 0px;
  list-style: none;
  display: flex;
  overflow: hidden;
  margin: 0;
}
#quotes2 #slider ul.slick-dots li {
  margin: 0px;
}
#quotes2 #slider ul.slick-dots li button {
  transition: 0.3s all ease;
  width: 7.5em;
  background-color: transparent;
  border-top: 2px solid #fff;
  border-radius: 0px;
  padding: 10px 0px;
  text-align: left;
  opacity: 0.5;
  font-size: 15px;
  color: black;
  box-shadow: none !important;
}
#quotes2 #slider ul.slick-dots li button:hover {
  background-color: transparent !important;
}
@media only screen and (max-width: 600px) {
  #quotes2 #slider ul.slick-dots li button {
    display: none;
  }
}
#quotes2 #slider ul.slick-dots li.slick-active {
  box-shadow: none !important;
}
#quotes2 #slider ul.slick-dots li.slick-active button {
  border-top: 2px solid black !important;
  opacity: 1;
  box-shadow: none !important;
}
#quotes2 #slider .slide-item .quote-text {
  padding-bottom: 2em;
}
@media only screen and (max-width: 600px) {
  #quotes2 #slider .slide-item .quote-text {
    font-size: 24px !important;
  }
}
.contact-block {
  padding-bottom: 100px;
}
@media only screen and (max-width: 820px) {
  .contact-block {
    padding-bottom: 40px;
  }
}
.contact-block a {
  color: white;
  font-weight: 100;
  font-size: 20px;
}
.contact-block p {
  font-weight: 100;
  font-size: 20px;
}
.contact-block .gform_validation_errors, .contact-block .gform_submission_error {
  display: none !important;
}
@media only screen and (max-width: 820px) {
  .contact-block .innerblocks-wrap {
    flex-direction: column;
    gap: 30px;
  }
}
.quote-proj {
  margin-top: 25px;
  font-size: 30px;
  font-weight: 300;
  padding-top: 30px;
  padding-right: 30px;
}
@media only screen and (max-width: 1060px) {
  .quote-proj {
    font-size: 24px;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .quote-proj {
    font-size: 22px;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 760px) {
  .quote-proj {
    font-size: 18px;
    padding-top: 0px;
  }
}
@media only screen and (max-width: 600px) {
  .quote-proj {
    font-size: 22px;
  }
}
.text-project {
  padding: 40px 0 50px 0;
}
@media only screen and (max-width: 600px) {
  .text-project {
    padding: 30px 0 40px 0;
  }
}
.text-project p {
  margin: 0 !important;
  font-size: 25px;
  width: 60%;
  font-weight: 200;
  padding-top: 15px;
  padding-bottom: 45px;
}
.text-project p.alter {
  padding-top: 35px;
  padding-bottom: 0px;
}
@media only screen and (max-width: 960px) {
  .text-project p {
    font-size: 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  .text-project p {
    font-size: 17px;
    padding: 2% 0 2% 0;
  }
}
.text-project p strong {
  padding-bottom: 22px;
  font-size: 34px;
}
@media only screen and (max-width: 960px) {
  .text-project p strong {
    font-size: 26px;
  }
}
@media only screen and (max-width: 600px) {
  .text-project p strong {
    font-size: 22px;
  }
}
.text-project a {
  text-decoration: none;
  color: #A3A3A3;
}
.text-project .quote-proj {
  line-height: 1.2em;
  padding-right: 10%;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.text-project .citation-proj {
  font-size: 20px !important;
  padding-bottom: 0px !important;
}
.citation-proj {
  font-size: 20px;
}
.add-yellow-arrow {
  background-image: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 60px;
  transition: 0.1s ease;
  cursor: pointer;
}
.add-yellow-arrow:hover {
  background-position: left 6px center;
  transition: 0.1s ease;
}
.all-work {
  padding-left: calc(((100vw - 1350px) / 2) + 16px) !important;
  padding-bottom: 60px !important;
}
@media only screen and (max-width: 600px) {
  .all-work {
    padding-top: 70px;
    padding-bottom: 0px !important;
  }
}
.all-work a {
  text-decoration: underline;
  color: white;
}
.all-work a:hover {
  color: #fff637 !important;
  text-decoration: none !important;
}
@media only screen and (max-width: 1350px) {
  .all-work {
    padding-left: 15px !important;
  }
}
.gform_wrapper .validation_message, .gform_wrapper .gform_validation_errors {
  background-color: transparent !important;
  border: none !important;
  color: #ffffff !important;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px !important;
  padding-left: 0px !important;
}
.gform_wrapper .gform_heading {
  display: none;
}
.gform_wrapper form .gform_footer input {
  color: white !important;
  background-image: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 50px;
  transition: ease 0.1s;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600 !important;
}
.gform_wrapper form .gform_footer input:hover {
  background-position: left 6px center;
  transition: ease 0.1s;
}
.gform_wrapper form .gform-body .gfield .ginput_container input, .gform_wrapper form .gform-body .gfield .ginput_container textarea {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #707070 !important;
  color: white !important;
  padding-left: 0px !important;
}
.gform_wrapper form .gform-body .gfield select {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #707070 !important;
  color: #ffffff !important;
  background-image: url("/wp-content/uploads/2024/05/icons8-down-arrow-30.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 20px;
  padding-left: 0px !important;
}
.make-dark {
  filter: brightness(0%);
}
.make-dark img {
  width: 64px;
  height: 60px;
}
#case-slider {
  padding-bottom: 12px;
}
#case-slider .slide-item img {
  width: 100% !important;
}
.homepage-hero {
  position: relative;
  height: 100vh;
}
.homepage-hero video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.homepage-hero .type-text {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: 120px;
  z-index: 9999 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.homepage-hero .type-text.mob-text {
  display: none !important;
}
.homepage-hero .type-text.mob-text h1 {
  text-align: center;
}
@media only screen and (max-width: 780px) {
  .homepage-hero .type-text.mob-text {
    display: flex !important;
  }
}
@media only screen and (max-width: 780px) {
  .homepage-hero .type-text {
    display: none !important;
  }
}
.homepage-hero .type-text h1 {
  color: white;
  font-size: 80px !important;
}
@media only screen and (max-width: 1500px) {
  .homepage-hero .type-text h1 {
    font-size: 70px !important;
  }
}
@media only screen and (max-width: 1216px) {
  .homepage-hero .type-text h1 {
    font-size: 60px !important;
  }
}
@media only screen and (max-width: 1040px) {
  .homepage-hero .type-text h1 {
    font-size: 50px !important;
  }
}
@media only screen and (max-width: 960px) {
  .homepage-hero .type-text h1 {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 700px) {
  .homepage-hero .type-text h1 {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .homepage-hero .type-text h1 {
    font-size: 32px !important;
  }
}
.homepage-hero .type-text h1 span {
  color: white !important;
  font-size: 90px !important;
}
@media only screen and (max-width: 1500px) {
  .homepage-hero .type-text h1 span {
    font-size: 75px !important;
  }
}
@media only screen and (max-width: 1216px) {
  .homepage-hero .type-text h1 span {
    font-size: 65px !important;
  }
}
@media only screen and (max-width: 1040px) {
  .homepage-hero .type-text h1 span {
    font-size: 55px !important;
  }
}
@media only screen and (max-width: 960px) {
  .homepage-hero .type-text h1 span {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 780px) {
  .homepage-hero .type-text h1 span {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .homepage-hero .type-text h1 span {
    font-size: 32px !important;
  }
}
.homepage-hero .type-text h1 .typer {
  text-decoration: underline #fff537 !important;
}
.homepage-hero-new {
  position: relative;
  height: auto;
  margin-bottom: 100px;
}
.homepage-hero-new video {
  object-fit: cover;
  width: 100%;
  height: 90vh;
}
.homepage-hero-new .paratext-hero {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1350px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  color: #fff;
}
@media only screen and (max-width: 600px) {
  .homepage-hero-new .paratext-hero h5 {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 600px) {
  .homepage-hero-new .paratext-hero {
    padding-right: 57px;
  }
}
@media only screen and (max-width: 500px) {
  .homepage-hero-new .paratext-hero {
    padding-right: 35px;
  }
}
.homepage-hero-new .paratext-hero img {
  position: absolute;
  z-index: 99999;
  right: 0;
  bottom: 12px;
  width: 30px;
  height: 30px;
  filter: invert(100%);
}
@media only screen and (max-width: 860px) {
  .homepage-hero-new .paratext-hero img {
    right: 20px;
    bottom: 1px;
  }
}
.homepage-hero-new .paratext-hero h1 {
  font-weight: 300 !important;
  font-size: 64px !important;
  color: #ffffff;
  margin: 0;
  padding-right: 100px;
}
@media only screen and (max-width: 1276px) {
  .homepage-hero-new .paratext-hero h1 {
    padding-right: 0px;
  }
}
@media only screen and (max-width: 1204px) {
  .homepage-hero-new .paratext-hero h1 {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1200px) {
  .homepage-hero-new .paratext-hero h1 {
    padding-right: 60px;
  }
}
@media only screen and (max-width: 926px) {
  .homepage-hero-new .paratext-hero h1 {
    padding-right: 0px;
  }
}
.homepage-hero-new .paratext-hero a {
  color: #ffffff;
  transition: ease 0.2s;
  text-decoration: none !important;
  font-weight: 600 !important;
}
.homepage-hero-new .paratext-hero a:hover {
  color: #FFF537 !important;
  transition: ease 0.2s;
  text-decoration: none !important;
}
@media only screen and (max-width: 1200px) {
  .homepage-hero-new .paratext-hero h1 {
    font-size: 56px !important;
  }
}
@media only screen and (max-width: 860px) {
  .homepage-hero-new .paratext-hero h1 {
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 600px) {
  .homepage-hero-new .paratext-hero h1 {
    font-size: 32px !important;
  }
}
#header-grid {
  height: 160px;
}
@media only screen and (max-width: 959px) {
  #header-grid {
    height: auto;
  }
}
#header-grid.is-stuck {
  background-color: black;
}
header.header {
  position: relative;
  top: 0px;
  transition: 0.5s all ease;
}
header.header.nav-up {
  top: -160px;
}
header.header .site-header {
  transition: 0.3s all ease;
}
.padding-work-block {
  padding-top: 5%;
}
@media only screen and (max-width: 960px) {
  .padding-work-block {
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 10%;
  }
}
.hfg_header.site-header {
  box-shadow: none !important;
}
.wp-block-lazyblock-contact-widget {
  position: fixed;
  right: 50px;
  bottom: 90px;
  z-index: 999;
  width: auto;
}
@media only screen and (max-width: 925px) {
  .wp-block-lazyblock-contact-widget {
    right: 30px;
    bottom: 10px;
    display: none !important;
  }
}
.wp-block-lazyblock-contact-widget .contact-widget {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}
.wp-block-lazyblock-contact-widget .contact-widget img {
  width: 85%;
  height: 100%;
  transition: ease-in-out 0.2s;
}
@media only screen and (max-width: 600px) {
  .wp-block-lazyblock-contact-widget .contact-widget img {
    width: 60%;
  }
}
.wp-block-lazyblock-contact-widget .contact-widget img:hover {
  transition: ease-in-out 0.2s;
  transform: scale(1.1);
}
.wp-block-lazyblock-contact-widget .contact-widget p {
  color: white;
  font-size: 14px;
  display: none !important;
}
@media only screen and (max-width: 960px) {
  #pum-1871 {
    width: auto !important;
  }
}
#pum-1871 #popmake-1871 {
  overflow-y: scroll;
  padding-top: 140px !important;
  padding-right: 120px !important;
  padding-left: 60px !important;
  font-family: "Roobert";
}
@media only screen and (max-width: 600px) {
  #pum-1871 #popmake-1871 {
    min-width: 100vw !important;
    max-width: 100vw !important;
  }
}
@media only screen and (max-width: 600px) {
  #pum-1871 #popmake-1871 {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }
}
#pum-1871 #popmake-1871 .pum-title {
  margin-bottom: 1em !important;
}
@media only screen and (max-width: 600px) {
  #pum-1871 #popmake-1871 .pum-content {
    width: 100% !important;
  }
}
#pum-1871 #popmake-1871 .pum-content .gform_validation_errors {
  display: none !important;
}
#pum-1871 #popmake-1871 .pum-content .gfield_validation_message {
  border: none !important;
  color: #000 !important;
  padding-top: 10px !important;
  padding-right: 10px !important;
  padding-left: 0px !important;
  background: transparent !important;
  padding-bottom: 0px !important;
}
#pum-1871 #popmake-1871 .gfield {
  margin-bottom: 10px;
}
#pum-1871 #popmake-1871 .ginput_container input {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #707070 !important;
  color: #000 !important;
  box-shadow: none !important;
  font-family: "Roobert";
}
#pum-1871 #popmake-1871 .ginput_container textarea {
  color: #000 !important;
  box-shadow: none !important;
}
#pum-1871 #popmake-1871 .gform_footer input {
  color: #000 !important;
  background: transparent;
  background-image: url("/wp-content/uploads/2023/03/mid-black-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px;
  padding-left: 50px;
  transition: ease 0.2s;
  font-family: "Roobert";
}
#pum-1871 #popmake-1871 .pum-close {
  width: 50px !important;
  height: 50px !important;
  font-size: 0px !important;
  background: none !important;
  box-shadow: none !important;
  opacity: 0.7;
}
@media only screen and (max-width: 600px) {
  #pum-1871 #popmake-1871 .pum-close {
    left: 40px !important;
  }
}
#pum-1871 #popmake-1871 .pum-close:before {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #000;
  transform: rotate(45deg);
}
#pum-1871 #popmake-1871 .pum-close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #000;
  transform: rotate(-45deg);
}
.nv-single-post-wrap .wp-block-image {
  margin-bottom: 0 !important;
}
@media only screen and (max-width: 600px) {
  #scroll-to-top {
    display: none;
  }
}
.button-custom {
  border: 1px solid #000000;
  padding: 15px 18px;
}
.button-custom:hover {
  opacity: 100 !important;
}
.extra-tweak .wp-block-video {
  overflow: visible !important;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .accordion-title-head {
    font-size: 18px !important;
  }
}
@media only screen and (max-width: 600px) {
  .contact-top {
    margin-top: 40px !important;
  }
}
.icon-bar {
  width: 20px !important;
}
.icon-bar:nth-child(2) {
  margin: 4px 0 !important;
}
.is-menu-sidebar .navbar-toggle .icon-bar:nth-child(1) {
  top: 7px !important;
}
.page-id-2194 div#wp-block-themeisle-blocks-advanced-columns-d1b3bf40 {
  display: none;
}
/*new pages */
.mainServices {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 959px) {
  .mainServices {
    padding-top: 40px !important;
    padding-bottom: 40px;
  }
}
.mainServices h1 {
  text-align: center;
  font-weight: 300 !important;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 45px;
  font-size: 50px !important;
  line-height: 1.2em !important;
}
@media only screen and (max-width: 960px) {
  .mainServices h1 {
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 600px) {
  .mainServices h1 {
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .mainServices h1 {
    width: 100%;
  }
}
.mainServices .conBtn {
  text-decoration: none;
  border: 1px solid #000 !important;
  padding: 10px 30px;
  margin-bottom: 0px;
  font-weight: 100;
  border-radius: 25px;
  display: block;
  letter-spacing: 1px;
  font-family: "Roobert" !important;
  background: linear-gradient(to right, #F2E42D 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
  color: #000 !important;
}
.mainServices .conBtn:hover {
  background-position: left bottom;
  background-color: #FFF537;
}
.mainServices .services {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  padding-bottom: 50px;
  gap: 80px;
}
@media only screen and (max-width: 1100px) {
  .mainServices .services {
    gap: 50px;
  }
}
@media only screen and (max-width: 970px) {
  .mainServices .services {
    gap: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .mainServices .services {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 959px) {
  .mainServices .services {
    padding-bottom: 20px;
  }
}
.mainServices .services .service {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
  align-items: center;
  transition: ease all 0.2s;
  cursor: pointer;
}
.mainServices .services .service .iconWrapper {
  overflow: visible;
  border-radius: 50%;
  background-color: #F2E42D;
  width: fit-content;
  height: auto;
  height: 280px;
  width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1090px) {
  .mainServices .services .service .iconWrapper {
    height: 240px;
    width: 240px;
  }
}
.mainServices .services .service p {
  font-size: 28px;
  font-weight: 100;
}
@media only screen and (max-width: 900px) {
  .mainServices .services .service p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 600px) {
  .mainServices .services .service p {
    font-size: 22px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz {
  padding: 0 !important;
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner {
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 1350px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 80px;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 959px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner h5 {
  font-weight: 300 !important;
  color: #000;
  letter-spacing: 1px;
}
@media only screen and (max-width: 600px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner h5 {
    margin-bottom: 0px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 90px;
  position: relative;
}
@media only screen and (max-width: 784px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer {
    row-gap: 30px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
@media only screen and (max-width: 1133px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer:before {
    top: 50%;
  }
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer:before {
    display: none;
  }
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer {
    grid-template-columns: 1fr;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-left: 25px;
  padding-right: 25px;
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item .iconWrapper {
  overflow: visible;
  border-radius: 50%;
  background-color: #f5f5f5;
  width: fit-content;
  height: auto;
  height: 145px;
  width: 145px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item h4 {
  font-size: 24px;
  font-weight: 100;
  margin-bottom: 16px;
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item p {
  color: #a1a1a1;
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(1) {
  border-right: 1px solid #d1d1d1;
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(1) {
    border: none;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(2) {
  border-right: 1px solid #d1d1d1;
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(2) {
    border: none;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(4) {
  border-right: 1px solid #d1d1d1;
  padding-top: 30px;
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(4) {
    border: none;
    padding-top: 0px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(5) {
  border-right: 1px solid #d1d1d1;
  padding-top: 30px;
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(5) {
    border: none;
    padding-top: 0px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(6) {
  padding-top: 30px;
}
@media only screen and (max-width: 962px) {
  .lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item:nth-of-type(6) {
    border: none;
    padding-top: 0px;
  }
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item img {
  padding-bottom: 25px;
  transition: ease all 0.2s;
}
.lazyblock-what-we-can-do-for-you-html-ZIgDBz .serviceOuter .serviceInner .serviceContainer .item img:hover {
  transform: scale(1.02);
  transition: ease all 0.2s;
}
.lazyblock-how-we-can-support-you-html-1TN9ev {
  padding: 0 !important;
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer {
  background-color: #f5f5f5;
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner {
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  gap: 80px;
  max-width: 1350px;
  margin: 0 auto;
  padding-right: 20px;
  padding-left: 20px;
}
@media only screen and (max-width: 959px) {
  .lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner {
    flex-direction: column;
    gap: 0px;
  }
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col1 {
  flex-basis: 30%;
}
@media only screen and (max-width: 600px) {
  .lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col1 {
    flex-basis: 100%;
  }
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col1 h5 {
  font-weight: 300 !important;
  color: #000;
  letter-spacing: 1px;
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col2 {
  flex-basis: 70%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 20px !important;
  gap: 60px;
  margin-top: -4px !important;
}
@media only screen and (max-width: 600px) {
  .lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col2 {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 1020px) {
  .lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col2 {
    grid-template-columns: 1fr;
  }
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col2 .item h4 {
  font-size: 24px;
  font-weight: 100 !important;
  margin-bottom: 16px;
}
.lazyblock-how-we-can-support-you-html-1TN9ev .supportContainer .supportContainerInner .col2 .item p {
  margin-bottom: 8px;
  line-height: 1.5em;
}
.latest-projects {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 80px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 959px) {
  .latest-projects {
    padding-top: 40px;
    margin-bottom: 40px;
  }
}
.latest-projects a {
  text-decoration: none !important;
}
@media only screen and (max-width: 1350px) {
  .latest-projects {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.latest-projects h5 {
  font-weight: 300 !important;
  color: #000;
  letter-spacing: 1px;
}
.latest-projects .related-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  text-decoration: none;
}
.latest-projects .related-items h4, .latest-projects .related-items a {
  text-decoration: none;
}
@media only screen and (max-width: 710px) {
  .latest-projects .related-items {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.latest-projects .related-items .work-item h4, .latest-projects .related-items .work-item a {
  text-decoration: none;
}
.latest-projects .related-items .work-item .image {
  height: 500px;
  width: auto;
}
@media only screen and (max-width: 1000px) {
  .latest-projects .related-items .work-item .image {
    height: 400px;
  }
}
@media only screen and (max-width: 770px) {
  .latest-projects .related-items .work-item .image {
    height: 350px;
  }
}
@media only screen and (max-width: 600px) {
  .latest-projects .related-items .work-item .image {
    height: 300px;
  }
}
.latest-projects .related-items .work-item .image a {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.latest-projects .related-items .work-item .image a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.latest-projects .related-items .work-item .image a video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.latest-projects .related-items .work-item .work-info h5 {
  margin-bottom: 10px;
  margin-top: 15px;
  font-weight: 300 !important;
}
.work-together-white {
  color: #000;
  background-color: white !important;
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
@media only screen and (max-width: 959px) {
  .work-together-white {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.work-together-white h1 {
  font-size: 70px !important;
  text-decoration: underline #fff537 !important;
  cursor: pointer;
  margin: 0 !important;
}
.work-together-white h1 a {
  text-decoration: underline #fff537 !important;
}
.work-together-white h1:hover {
  color: #F2E42D;
  text-decoration: none !important;
}
@media only screen and (max-width: 960px) {
  .work-together-white h1 {
    font-size: 60px !important;
  }
}
@media only screen and (max-width: 600px) {
  .work-together-white h1 {
    font-size: 35px !important;
  }
}
.about-top {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 90px !important;
  padding-bottom: 140px !important;
}
@media only screen and (max-width: 1370px) {
  .about-top {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 959px) {
  .about-top {
    padding-top: 40px !important;
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 600px) {
  .about-top {
    padding-bottom: 40px !important;
  }
}
.about-top h1 {
  max-width: 80%;
  font-size: 50px;
  font-weight: 300 !important;
  padding-bottom: 50px !important;
}
@media only screen and (max-width: 1000px) {
  .about-top h1 {
    font-size: 38px;
    max-width: 100%;
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 600px) {
  .about-top h1 {
    font-size: 30px;
    max-width: 100%;
  }
}
.meet-the-team-new {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}
@media only screen and (max-width: 900px) {
  .meet-the-team-new {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new {
    padding-top: 0px !important;
    padding-bottom: 90px !important;
  }
}
.meet-the-team-new .title-text {
  display: grid;
  grid-template-columns: 2fr 3fr;
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new .title-text {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 959px) {
  .meet-the-team-new .title-text {
    padding-top: 40px;
  }
}
.meet-the-team-new .team-wrap .team-loop {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2em;
  row-gap: 60px !important;
}
@media only screen and (max-width: 1080px) {
  .meet-the-team-new .team-wrap .team-loop {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 800px) {
  .meet-the-team-new .team-wrap .team-loop {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new .team-wrap .team-loop {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px !important;
  }
}
.meet-the-team-new .team-wrap .team-loop .person {
  height: 400px;
}
@media only screen and (max-width: 800px) {
  .meet-the-team-new .team-wrap .team-loop .person {
    height: 440px;
  }
}
@media only screen and (max-width: 1080px) {
  .meet-the-team-new .team-wrap .team-loop .person {
    height: 420px;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new .team-wrap .team-loop .person {
    height: auto;
  }
}
.meet-the-team-new .team-wrap .team-loop .person:hover .person-pic img {
  transform: scale(1.06);
}
.meet-the-team-new .team-wrap .team-loop .person .person-pic {
  object-fit: cover;
  height: 360px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1080px) {
  .meet-the-team-new .team-wrap .team-loop .person .person-pic {
    height: 370px;
  }
}
@media only screen and (max-width: 800px) {
  .meet-the-team-new .team-wrap .team-loop .person .person-pic {
    height: 390px;
  }
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new .team-wrap .team-loop .person .person-pic {
    height: auto;
  }
}
.meet-the-team-new .team-wrap .team-loop .person .person-pic img {
  min-width: 100%;
  object-fit: cover;
  height: 100%;
  transition: transform 0.4s ease;
}
.meet-the-team-new .team-wrap .team-loop .person .person-info {
  padding-top: 10px;
  padding-bottom: 10px;
  height: auto;
}
.meet-the-team-new .team-wrap .team-loop .person .person-info p {
  font-size: 14px;
  margin: 0 !important;
  margin-top: 0px !important;
  font-weight: 100 !important;
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new .team-wrap .team-loop .person .person-info p {
    font-size: 14px !important;
    margin-top: 0px !important;
  }
}
.meet-the-team-new .team-wrap .team-loop .person .person-info h3 {
  font-size: 23px;
  font-weight: 100 !important;
}
@media only screen and (max-width: 600px) {
  .meet-the-team-new .team-wrap .team-loop .person .person-info h3 {
    font-size: 20px !important;
  }
}
#quotes3 {
  padding-top: 5%;
  padding-bottom: 5%;
}
#quotes3 h2 {
  color: black;
  width: 70%;
  line-height: 1.2em;
}
@media only screen and (max-width: 960px) {
  #quotes3 h2 {
    width: 100%;
  }
}
#quotes3 h3 {
  color: black;
}
#quotes3 p {
  margin-bottom: 0;
  font-size: 20px;
  color: black;
}
#quotes3 p:not(.grey) {
  font-weight: 100 !important;
}
#quotes3 p.grey {
  color: #8E8E8E;
}
@media only screen and (max-width: 960px) {
  #quotes3 p.grey {
    width: 60%;
  }
}
#quotes3 #slider {
  position: relative;
}
@media only screen and (max-width: 960px) {
  #quotes3 #slider {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #quotes3 #slider {
    width: 100%;
  }
}
#quotes3 #slider ul li:before {
  display: none;
}
#quotes3 #slider ul.slick-dots {
  padding: 0px;
  list-style: none;
  display: flex;
  overflow: hidden;
  margin: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#quotes3 #slider ul.slick-dots li {
  margin: 0px;
}
#quotes3 #slider ul.slick-dots li.slick-active button {
  background-color: #ffffff;
  border: 1px solid #6C6C6C;
}
#quotes3 #slider ul.slick-dots li button {
  display: block;
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: #6C6C6C;
  text-indent: -9999px;
}
#quotes3 #slider .slide-item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#quotes3 #slider .slide-item .cit {
  display: flex;
  gap: 8px;
  margin-bottom: 20px !important;
  font-weight: 300 !important;
}
#quotes3 #slider .slide-item .quote-text {
  padding-bottom: 20px;
  text-align: center;
  font-size: 40px;
  max-width: 80%;
  line-height: 1.2em !important;
  font-weight: 300 !important;
}
@media only screen and (max-width: 600px) {
  #quotes3 #slider .slide-item .quote-text {
    font-size: 24px !important;
  }
}
.client-wrap3 {
  padding-top: 90px;
  padding-bottom: 0;
  background-color: white;
}
.client-wrap3 h5 {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
}
@media only screen and (max-width: 1350px) {
  .client-wrap3 h5 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.client-wrap3 .slide-wrapper {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
}
@media only screen and (max-width: 1350px) {
  .client-wrap3 .slide-wrapper {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
.client-wrap3 .title-div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 4%;
}
.client-wrap3 .title-div h3 {
  width: 70%;
  color: black;
}
@media only screen and (max-width: 600px) {
  .client-wrap3 .title-div {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 0;
}
@media only screen and (max-width: 960px) {
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols {
    grid-template-columns: 1fr 1fr;
  }
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column {
  border-left: 1px solid #e3e3e3;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(1) {
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(2) {
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(3) {
  border-bottom: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(4) {
  border-bottom: 1px solid #e3e3e3;
  border-right: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(8) {
  border-right: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(12) {
  border-right: 1px solid #e3e3e3;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(13) {
  border-bottom: none;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(14) {
  border-bottom: none;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(15) {
  border-bottom: none;
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(16) {
  border-bottom: none;
}
@media only screen and (max-width: 960px) {
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(1) {
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(2) {
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(6) {
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(5) {
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(10) {
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(12) {
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(14) {
    border-right: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(13) {
    border-bottom: 1px solid #e3e3e3;
  }
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:nth-of-type(14) {
    border-bottom: 1px solid #e3e3e3;
  }
}
@media only screen and (max-width: 600px) {
  .client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column {
    height: auto;
    padding: 20px;
  }
}
.client-wrap3 .wp-block-columns-client-slider .client-slider-cols .wp-block-column:last-of-type {
  border-right: 1px solid #e3e3e3;
}
.tipsContainer {
  display: flex;
  padding-top: 80px;
  padding-bottom: 80px;
  gap: 80px;
  overflow-y: hidden;
  position: relative;
}
@media only screen and (max-width: 959px) {
  .tipsContainer {
    padding-top: 40px;
    padding-bottom: 40px;
    gap: 60px;
  }
}
.tipsContainer:before {
  content: "";
  background-color: #ffffff;
  bottom: 0;
  width: 100%;
  height: 80px;
  position: absolute;
  display: block;
  z-index: 999;
}
@media only screen and (max-width: 959px) {
  .tipsContainer:before {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .tipsContainer {
    flex-direction: column;
  }
}
.tipsContainer .col1 {
  flex-basis: 30% !important;
  position: sticky;
  top: 0px;
  max-height: calc(100vh - 160px);
  min-width: 250px;
}
@media only screen and (max-width: 600px) {
  .tipsContainer .col1 {
    flex-basis: 100% !important;
    max-height: none;
    position: relative !important;
    top: 0;
  }
}
.tipsContainer .col1 h5 {
  font-weight: 300 !important;
  color: #6C6C6C;
  letter-spacing: 0.7px;
  margin-bottom: 12px !important;
}
.tipsContainer .col1 h3 {
  font-size: 40px;
  line-height: 1em;
  margin-bottom: 40px !important;
  font-weight: 300 !important;
}
@media only screen and (max-width: 600px) {
  .tipsContainer .col1 h3 {
    font-size: 32px;
  }
}
.tipsContainer .col1 a {
  text-decoration: none;
  border: 1px solid #000;
  padding: 10px 30px;
  margin-bottom: 0px;
  font-weight: 100;
  border: 1px solid black;
  border-radius: 25px;
  display: block;
  letter-spacing: 1px;
  font-family: "Roobert" !important;
  background: linear-gradient(to right, #F2E42D 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-out;
  color: #000 !important;
  width: fit-content;
}
.tipsContainer .col1 a:hover {
  background-position: left bottom;
  background-color: #FFF537;
}
.tipsContainer .col2 {
  flex-basis: 70%;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 40px !important;
  gap: 60px;
  margin-top: -4px !important;
}
@media only screen and (max-width: 600px) {
  .tipsContainer .col2 {
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 1020px) {
  .tipsContainer .col2 {
    grid-template-columns: 1fr;
  }
}
.tipsContainer .col2 .item .iconWrapper {
  overflow: visible;
  border-radius: 50%;
  background-color: #f7f7f7;
  width: fit-content;
  height: auto;
  height: 100px;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
.tipsContainer .col2 .item h4 {
  font-size: 24px;
  font-weight: 100 !important;
  margin-bottom: 16px;
}
.tipsContainer .col2 .item p {
  margin-bottom: 8px;
  line-height: 1.5em;
  color: #818181;
}
.lazyblock-strategy-other-ways-we-can-help-Z15vqF0, .lazyblock-digital-other-ways-we-can-help-1Dg6pp, .lazyblock-branding-other-ways-we-can-help-Z2kj8S5 {
  padding: 0 !important;
}
.other-services {
  background-color: #F7F7F7;
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 1350px) {
  .other-services {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 600px) {
  .other-services {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 60px;
  }
}
.other-services .items {
  display: flex;
  gap: 40px;
}
@media only screen and (max-width: 900px) {
  .other-services .items {
    flex-direction: column;
    gap: 20px;
  }
}
.other-services .items .wrap {
  flex-basis: 50%;
}
.other-services .items .wrap .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
  cursor: pointer;
  background: linear-gradient(to right, #F2E42D 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1070px) {
  .other-services .items .wrap .item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.other-services .items .wrap .item:hover {
  background-position: left bottom;
  background-color: #FFF537;
}
.other-services .items .wrap .item:hover a {
  text-decoration: underline transparent !important;
  transition: ease 0.2s;
}
.other-services .items .wrap .item p {
  margin: 0 !important;
  font-size: 25px;
  font-weight: 100 !important;
}
@media only screen and (max-width: 600px) {
  .other-services .items .wrap .item p {
    font-size: 20px;
    padding-right: 20px !important;
  }
}
.other-services .items .wrap .item p a {
  margin: 0 !important;
}
.other-services .items .wrap .item .iconWrapper {
  overflow: visible;
  border-radius: 50%;
  background-color: #F2E42D;
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1090px) {
  .other-services .items .wrap .item .iconWrapper {
    height: 100px;
    width: 100px;
    min-width: 100px;
    min-height: 100px;
  }
}
.related-work-strategy {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 5%;
}
@media only screen and (max-width: 1350px) {
  .related-work-strategy {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 959px) {
  .related-work-strategy {
    padding-top: 40px;
  }
}
.related-work-strategy .related-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  text-decoration: none;
}
.related-work-strategy .related-items h4, .related-work-strategy .related-items a {
  text-decoration: none;
}
@media only screen and (max-width: 710px) {
  .related-work-strategy .related-items {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.related-work-strategy .related-items .work-item {
  height: 750px;
}
.related-work-strategy .related-items .work-item h4, .related-work-strategy .related-items .work-item a {
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .related-work-strategy .related-items .work-item {
    height: 600px;
  }
}
@media only screen and (max-width: 710px) {
  .related-work-strategy .related-items .work-item {
    height: 634px;
  }
}
@media only screen and (max-width: 600px) {
  .related-work-strategy .related-items .work-item {
    height: 440px;
  }
}
.related-work-strategy .related-items .work-item .image {
  height: 75%;
  width: auto;
}
@media only screen and (max-width: 710px) {
  .related-work-strategy .related-items .work-item .image {
    height: 75%;
  }
}
.related-work-strategy .related-items .work-item .image a {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.related-work-strategy .related-items .work-item .image a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work-strategy .related-items .work-item .image a video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work-strategy .related-items .work-item .work-info h5 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.related-work-branding {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 5%;
}
@media only screen and (max-width: 1350px) {
  .related-work-branding {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 959px) {
  .related-work-branding {
    padding-top: 40px;
  }
}
.related-work-branding .related-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
  text-decoration: none;
}
.related-work-branding .related-items h4, .related-work-branding .related-items a {
  text-decoration: none;
}
@media only screen and (max-width: 710px) {
  .related-work-branding .related-items {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.related-work-branding .related-items .work-item {
  height: 750px;
}
.related-work-branding .related-items .work-item h4, .related-work-branding .related-items .work-item a {
  text-decoration: none;
}
@media only screen and (max-width: 960px) {
  .related-work-branding .related-items .work-item {
    height: 600px;
  }
}
@media only screen and (max-width: 710px) {
  .related-work-branding .related-items .work-item {
    height: 634px;
  }
}
@media only screen and (max-width: 600px) {
  .related-work-branding .related-items .work-item {
    height: 440px;
  }
}
.related-work-branding .related-items .work-item .image {
  height: 75%;
  width: auto;
}
@media only screen and (max-width: 710px) {
  .related-work-branding .related-items .work-item .image {
    height: 75%;
  }
}
.related-work-branding .related-items .work-item .image a {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.related-work-branding .related-items .work-item .image a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work-branding .related-items .work-item .image a video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work-branding .related-items .work-item .work-info h5 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.related-work-digital {
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 5%;
}
@media only screen and (max-width: 1350px) {
  .related-work-digital {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media only screen and (max-width: 959px) {
  .related-work-digital {
    padding-top: 40px;
  }
}
.related-work-digital .related-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1em;
}
.related-work-digital .related-items h4, .related-work-digital .related-items a {
  text-decoration: none;
}
@media only screen and (max-width: 710px) {
  .related-work-digital .related-items {
    grid-template-columns: 1fr;
    gap: 56px;
  }
}
.related-work-digital .related-items .work-item {
  height: 750px;
}
@media only screen and (max-width: 960px) {
  .related-work-digital .related-items .work-item {
    height: 600px;
  }
}
@media only screen and (max-width: 710px) {
  .related-work-digital .related-items .work-item {
    height: 634px;
  }
}
@media only screen and (max-width: 600px) {
  .related-work-digital .related-items .work-item {
    height: 440px;
  }
}
.related-work-digital .related-items .work-item .image {
  height: 75%;
  width: auto;
}
@media only screen and (max-width: 710px) {
  .related-work-digital .related-items .work-item .image {
    height: 75%;
  }
}
.related-work-digital .related-items .work-item .image a {
  display: inline-block;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.related-work-digital .related-items .work-item .image a img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work-digital .related-items .work-item .image a video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.related-work-digital .related-items .work-item .work-info h5 {
  margin-bottom: 10px;
  margin-top: 15px;
}
.lp, .rp {
  padding: 90px 0;
}
@media only screen and (max-width: 600px) {
  .lp, .rp {
    padding: 45px 0;
  }
}
.lp .innerblocks-wrap, .rp .innerblocks-wrap {
  gap: 50px;
}
@media only screen and (max-width: 600px) {
  .lp .innerblocks-wrap, .rp .innerblocks-wrap {
    flex-direction: column-reverse !important;
    display: flex;
    justify-content: center;
    gap: 35px;
  }
}
@media only screen and (max-width: 600px) {
  .lp.flip-mob .innerblocks-wrap, .rp.flip-mob .innerblocks-wrap {
    flex-direction: column !important;
  }
}
.lp h3, .lp h5, .rp h3, .rp h5 {
  margin-bottom: 0;
  transition: all ease 0.4s;
}
.lp h5 a, .rp h5 a {
  color: #6C6C6C;
}
.lp h3, .rp h3 {
  font-size: 38px;
  font-weight: 300 !important;
  transition: all ease 0.4s;
}
@media only screen and (max-width: 960px) {
  .lp h3, .rp h3 {
    font-size: 24px;
  }
}
.lp p, .rp p {
  color: #9A9A9A;
  transition: all ease 0.4s;
}
.lp a, .rp a {
  text-decoration: none;
  color: #FFFFFF;
}
.lp a:hover, .rp a:hover {
  opacity: 100%;
}
.lp .image-col, .rp .image-col {
  position: relative;
}
.lp .image-col p, .rp .image-col p {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  margin-bottom: 0;
  font-size: 0px;
}
.lp .image-col p a, .rp .image-col p a {
  width: 100%;
  height: 100%;
  z-index: 999;
  display: block;
}
.lp .image-col .wp-block-image, .rp .image-col .wp-block-image {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  transition: all ease 0.4s;
}
.lp .image-col .wp-block-image img, .rp .image-col .wp-block-image img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.lp .text-col, .rp .text-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.4s;
  position: relative;
}
@media only screen and (max-width: 1149px) {
  .lp .text-col h3, .rp .text-col h3 {
    font-size: 32px;
  }
}
.lp .text-col:before, .rp .text-col:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 100px;
  left: 0;
  background: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media only screen and (max-width: 1250px) {
  .lp .text-col:before, .rp .text-col:before {
    bottom: 80px;
  }
}
@media only screen and (max-width: 1149px) {
  .lp .text-col:before, .rp .text-col:before {
    bottom: 80px;
  }
}
@media only screen and (max-width: 1076px) {
  .lp .text-col:before, .rp .text-col:before {
    bottom: 50px;
  }
}
@media only screen and (max-width: 959px) {
  .lp .text-col:before, .rp .text-col:before {
    bottom: 50px;
  }
}
@media only screen and (max-width: 860px) {
  .lp .text-col:before, .rp .text-col:before {
    bottom: 30px;
  }
}
@media only screen and (max-width: 781px) {
  .lp .text-col:before, .rp .text-col:before {
    bottom: 0px;
  }
}
@media only screen and (min-width: 960px) {
  .lp .text-col, .rp .text-col {
    flex-basis: 30% !important;
  }
}
@media only screen and (max-width: 960px) {
  .lp .text-col, .rp .text-col {
    padding-bottom: 50px;
  }
}
.lp:hover .text-col:before, .rp:hover .text-col:before {
  background: url("/wp-content/uploads/2023/03/Icon-arrow-right-yellow.svg");
  background-size: 30px 30px;
}
.lp:hover .text-col h5 a, .rp:hover .text-col h5 a {
  color: #FFF537 !important;
}
.tp {
  padding: 90px 0;
}
@media only screen and (max-width: 600px) {
  .tp {
    padding: 45px 0;
    margin-bottom: 50px;
  }
}
.tp .innerblocks-wrap {
  gap: 50px;
  flex-direction: column-reverse;
}
@media only screen and (max-width: 600px) {
  .tp .innerblocks-wrap {
    flex-direction: column-reverse !important;
    display: flex;
    justify-content: center;
    gap: 35px;
  }
}
.tp h3, .tp h5 {
  margin-bottom: 0;
  transition: all ease 0.4s;
}
.tp h5 a {
  color: #6C6C6C;
}
.tp h3 {
  font-size: 38px;
  font-weight: 300 !important;
  transition: all ease 0.4s;
}
.tp p {
  color: #9A9A9A;
  transition: all ease 0.4s;
}
.tp a {
  text-decoration: none;
  color: #FFFFFF;
}
.tp a:hover {
  opacity: 100%;
}
.tp .image-col {
  position: relative;
}
.tp .image-col p {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  margin-bottom: 0;
  font-size: 0px;
}
.tp .image-col p a {
  width: 100%;
  height: 100%;
  z-index: 999;
  display: block;
}
.tp .image-col .wp-block-image {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  transition: all ease 0.4s;
}
.tp .image-col .wp-block-image img {
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.tp .text-col {
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  cursor: pointer;
  transition: all ease 0.4s;
  position: relative;
}
@media only screen and (max-width: 600px) {
  .tp .text-col {
    padding-bottom: 20px;
  }
}
.tp .text-col h3, .tp .text-col h3 a {
  max-width: 80%;
}
@media only screen and (max-width: 600px) {
  .tp .text-col h3, .tp .text-col h3 a {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1149px) {
  .tp .text-col h3 {
    font-size: 32px;
  }
}
.tp .text-col:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  bottom: 50%;
  top: 50%;
  right: 0;
  background: url("/wp-content/uploads/2023/03/arrow-right-white3.svg");
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
@media only screen and (max-width: 600px) {
  .tp .text-col:before {
    bottom: 0;
    left: 0;
    right: 100%;
    top: 100%;
  }
}
.tp:hover .text-col:before {
  background: url("/wp-content/uploads/2023/03/Icon-arrow-right-yellow.svg");
  background-size: 30px 30px;
}
.tp:hover .text-col h5 a {
  color: #FFF537 !important;
}
.wp-block-lazyblock-small-slider {
  height: 100%;
  width: 100%;
}
.wp-block-lazyblock-small-slider .small-slider {
  height: 100%;
  width: 100%;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner {
  height: 100%;
  width: 100%;
  margin-bottom: 0px;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list {
  height: 100%;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track {
  height: 100%;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide {
  height: 100%;
  width: 100%;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide figure {
  height: 100%;
  width: 100%;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-dots {
  padding: 0px;
  list-style: none;
  display: flex;
  margin: 0;
  position: relative;
  gap: 10px;
  z-index: 99;
  cursor: pointer;
  bottom: 40px !important;
  left: 20px !important;
  width: auto;
  max-width: 100;
  margin: 0 auto;
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-dots li {
  margin: 0px;
  width: 50px;
  color: white;
  border-bottom: 10px solid white;
  font-size: 28px;
  padding-bottom: 5px;
  text-align: center;
}
@media only screen and (max-width: 1262px) {
  .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-dots li {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1062px) {
  .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-dots li {
    font-size: 22px;
  }
}
.wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-dots li:not(.slick-active) {
  opacity: 0.3;
}
.wp-block-lazyblock-main-services-html-2 {
  padding: 0 !important;
}
.wrapperServicesMain {
  background-color: #ffffff;
  padding-left: calc(((100vw - 1350px) / 2)) !important;
  padding-right: calc(((100vw - 1350px) / 2)) !important;
  padding-top: 70px !important;
}
@media only screen and (max-width: 900px) {
  .wrapperServicesMain {
    padding-top: 10px !important;
  }
}
.wrapperServicesMain .mainServices2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 40px;
  padding-bottom: 80px;
}
@media only screen and (max-width: 900px) {
  .wrapperServicesMain .mainServices2 {
    padding-bottom: 0px;
  }
}
@media only screen and (max-width: 1370px) {
  .wrapperServicesMain .mainServices2 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
.wrapperServicesMain .mainServices2 h2 {
  text-align: left;
  font-weight: 300 !important;
  font-size: 50px !important;
  margin-bottom: 45px;
  width: 75%;
}
@media only screen and (max-width: 1000px) {
  .wrapperServicesMain .mainServices2 h2 {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .wrapperServicesMain .mainServices2 h2 {
    font-size: 38px !important;
  }
}
@media only screen and (max-width: 600px) {
  .wrapperServicesMain .mainServices2 h2 {
    font-size: 32px !important;
  }
}
.wrapperServicesMain .mainServices2 h5 {
  color: #6C6C6C;
  text-align: left;
}
.wrapperServicesMain .mainServices2 .services {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  padding-bottom: 50px;
  gap: 80px;
}
@media only screen and (max-width: 1100px) {
  .wrapperServicesMain .mainServices2 .services {
    gap: 50px;
  }
}
@media only screen and (max-width: 970px) {
  .wrapperServicesMain .mainServices2 .services {
    gap: 20px;
  }
}
@media only screen and (max-width: 900px) {
  .wrapperServicesMain .mainServices2 .services {
    grid-template-columns: 1fr;
  }
}
.wrapperServicesMain .mainServices2 .services .service {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
  align-items: center;
  transition: ease all 0.2s;
  cursor: pointer;
}
.wrapperServicesMain .mainServices2 .services .service .iconWrapper {
  overflow: visible;
  border-radius: 50%;
  background-color: #F2E42D;
  width: fit-content;
  height: auto;
  height: 280px;
  width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1090px) {
  .wrapperServicesMain .mainServices2 .services .service .iconWrapper {
    height: 240px;
    width: 240px;
  }
}
.wrapperServicesMain .mainServices2 .services .service p {
  font-size: 28px;
  font-weight: 100;
}
@media only screen and (max-width: 900px) {
  .wrapperServicesMain .mainServices2 .services .service p {
    font-size: 26px;
  }
}
@media only screen and (max-width: 600px) {
  .wrapperServicesMain .mainServices2 .services .service p {
    font-size: 22px;
  }
}
.outerQuote {
  background-color: #ffffff !important;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .outerQuote {
    padding: 0 !important;
  }
}
.outerQuote .wp-block-group__inner-container {
  margin: 0 auto;
}
.outerQuote .quoteInner {
  max-width: 1350px;
  margin: 0 auto;
}
@media only screen and (max-width: 1370px) {
  .page-id-2449 #quotes2 {
    padding-right: 0px;
    padding-left: 0px;
  }
}
#quotes2 {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1370px) {
  #quotes2 {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 959px) {
  #quotes2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
#quotes2 .quote-text {
  color: black;
  width: 78%;
  line-height: 1.2em !important;
  font-size: 50px !important;
  padding-bottom: 1em;
}
@media only screen and (max-width: 960px) {
  #quotes2 .quote-text {
    width: 100%;
    font-size: 30px !important;
  }
}
@media only screen and (max-width: 600px) {
  #quotes2 .quote-text {
    font-size: 24px !important;
  }
}
#quotes2 h3 {
  color: black;
}
#quotes2 p {
  margin-bottom: 0;
  font-size: 20px;
  color: black;
  font-weight: 300;
}
#quotes2 p.grey {
  color: #8E8E8E;
  font-weight: normal;
}
@media only screen and (max-width: 960px) {
  #quotes2 p.grey {
    width: 60%;
  }
}
@media only screen and (max-width: 600px) {
  #quotes2 p.cit {
    padding-right: 40px;
  }
}
#quotes2 #slider {
  position: relative;
}
@media only screen and (max-width: 960px) {
  #quotes2 #slider {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #quotes2 #slider {
    width: 100%;
  }
}
#quotes2 #slider ul li:before {
  display: none;
}
#quotes2 #slider ul.slick-dots {
  padding: 0px;
  list-style: none;
  display: flex;
  overflow: hidden;
  margin: 0;
}
#quotes2 #slider ul.slick-dots li {
  margin: 0px;
}
#quotes2 #slider ul.slick-dots li button {
  transition: 0.3s all ease;
  width: 7.5em;
  background-color: transparent;
  border-top: 2px solid #fff;
  border-radius: 0px;
  padding: 10px 0px;
  text-align: left;
  opacity: 0.5;
  font-size: 15px;
  color: black;
  box-shadow: none !important;
}
#quotes2 #slider ul.slick-dots li button:hover {
  background-color: transparent !important;
}
@media only screen and (max-width: 600px) {
  #quotes2 #slider ul.slick-dots li button {
    display: none;
  }
}
#quotes2 #slider ul.slick-dots li.slick-active {
  box-shadow: none !important;
}
#quotes2 #slider ul.slick-dots li.slick-active button {
  border-top: 2px solid black !important;
  opacity: 1;
  box-shadow: none !important;
}
#quotes2 #slider .slide-item .quote-text {
  padding-bottom: 1em;
}
@media only screen and (max-width: 600px) {
  #quotes2 #slider .slide-item .quote-text {
    font-size: 24px !important;
  }
}
.wp-block-lazyblock-small-slider-case {
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .wp-block-lazyblock-small-slider-case {
    height: 500px;
  }
}
@media only screen and (max-width: 430px) {
  .wp-block-lazyblock-small-slider-case {
    height: 420px;
  }
}
@media only screen and (max-width: 380px) {
  .wp-block-lazyblock-small-slider-case {
    height: 370px;
  }
}
.wp-block-lazyblock-small-slider-case:not(:only-child) {
  position: relative;
}
.wp-block-lazyblock-small-slider-case:nth-of-type(2) .box, .wp-block-lazyblock-small-slider-case:nth-of-type(1):not(:last-of-type) .box {
  position: relative;
}
.wp-block-lazyblock-small-slider-case .image-slider {
  padding-bottom: 65%;
}
.wp-block-lazyblock-small-slider-case .image-slider.header {
  padding-bottom: 91vh;
}
@media only screen and (max-width: 960px) {
  .wp-block-lazyblock-small-slider-case .image-slider.header {
    padding-bottom: 33vh;
  }
}
.wp-block-lazyblock-small-slider-case .image-slider.tall {
  padding-bottom: 130%;
}
@media only screen and (max-width: 960px) {
  .wp-block-lazyblock-small-slider-case .image-slider.mob-tall {
    padding-bottom: 130%;
  }
}
.wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner .slick-list {
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner .slick-list {
    height: 100% !important;
  }
}
.wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner .slick-list .slick-track {
  height: 100%;
}
.wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner ul.slick-dots {
  bottom: 15px;
}
@media only screen and (max-width: 960px) {
  .wp-block-lazyblock-small-slider-case .image-slider .lazy-slider-inner ul.slick-dots {
    bottom: 5px;
  }
}
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  cursor: pointer;
}
.video-container .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  opacity: 1;
  z-index: 99 !important;
  transition: opacity 0.3s ease;
}
.video-container .play-button.hidden {
  opacity: 0;
}
.video-container .play-button img {
  width: 120px;
  height: 120px;
}
@media only screen and (max-width: 1000px) {
  .video-container .play-button img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .video-container .play-button img {
    width: 70px;
    height: 70px;
  }
}
.video-container .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/wp-content/uploads/2024/05/Video-Thumb-1.jpg");
  background-size: cover;
  background-position: center;
}
.video-container #my-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
  display: none;
}
.wp-block-lazyblock-related-projects-strategy, .wp-block-lazyblock-related-projects-branding, .wp-block-lazyblock-related-projects-digital {
  padding: 0 !important;
}
.wrap35 {
  max-width: 1350px;
  margin: 0 auto;
  margin-top: 90px;
}
@media only screen and (max-width: 600px) {
  .wrap35 {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1370px) {
  .wrap35 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.wrap35 .projects-loop-universe {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
.wrap35 .projects-loop-universe a, .wrap35 .projects-loop-universe p, .wrap35 .projects-loop-universe p a {
  text-decoration: none !important;
}
@media only screen and (max-width: 600px) {
  .wrap35 .projects-loop-universe {
    grid-template-columns: 1fr;
    gap: 1em;
  }
}
.wrap35 .projects-loop-universe .project-items {
  display: flex;
  flex-direction: column;
  transition: ease all 1s;
}
.wrap35 .projects-loop-universe .project-items .project-pic {
  height: 600px;
}
@media only screen and (max-width: 960px) {
  .wrap35 .projects-loop-universe .project-items .project-pic {
    height: 350px;
  }
}
@media only screen and (max-width: 600px) {
  .wrap35 .projects-loop-universe .project-items .project-pic {
    height: 350px;
  }
}
.wrap35 .projects-loop-universe .project-items .project-pic a {
  height: 100%;
}
.wrap35 .projects-loop-universe .project-items .project-pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.wrap35 .projects-loop-universe .project-items .project-pic video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.wrap35 .projects-loop-universe .project-items .project-info {
  padding-top: 20px;
  margin-bottom: 50px;
  transition: ease 1s;
  position: relative;
}
.wrap35 .projects-loop-universe .project-items .project-info a {
  transition: ease 1s;
}
.wrap35 .projects-loop-universe .project-items .project-info p {
  font-size: 28px;
  font-weight: 100;
  margin-bottom: 10px;
  color: #000000;
  background: url("/wp-content/uploads/2023/03/Icon-feather-arrow-up-right.svg");
  background-repeat: no-repeat;
  background-position: right top 6px;
  padding-right: 70px;
}
@media only screen and (max-width: 600px) {
  .wrap35 .projects-loop-universe .project-items .project-info p {
    font-size: 24px;
  }
}
.wrap35 .projects-loop-universe .project-items .project-info p a {
  color: #9A9A9A;
  text-decoration: none;
}
.wrap35 .projects-loop-universe .project-items .project-info img {
  position: absolute;
  right: 3px;
  bottom: 11px;
}
@media only screen and (min-width: 960px) {
  #wp-block-themeisle-blocks-advanced-column-901eaa7c, #wp-block-themeisle-blocks-advanced-column-447748fe {
    flex-basis: 75% !important;
  }
}
.titleTestimonials {
  color: #ffffff;
  padding-top: 90px;
}
@media only screen and (max-width: 959px) {
  .titleTestimonials {
    padcding-top: 40px;
  }
}
.quoteBlockLeftImg {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockLeftImg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.quoteBlockLeftImg .innerblocks-wrap {
  gap: 50px;
}
@media only screen and (max-width: 1230px) {
  .quoteBlockLeftImg .innerblocks-wrap {
    gap: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  .quoteBlockLeftImg .innerblocks-wrap {
    flex-direction: column-reverse !important;
    gap: 25px;
  }
}
.quoteBlockLeftImg .col1 {
  position: relative;
  margin-left: -100px !important;
}
@media only screen and (max-width: 1400px) {
  .quoteBlockLeftImg .col1 {
    margin-left: -60px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .quoteBlockLeftImg .col1 {
    margin-left: 0px !important;
  }
}
.quoteBlockLeftImg .col1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(to right, black, rgba(0, 0, 0, 0));
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockLeftImg .col1::before {
    width: 50%;
  }
}
.quoteBlockLeftImg .col1 .wp-block-image {
  width: 100%;
  height: 100%;
}
.quoteBlockLeftImg .col1 .wp-block-image img {
  width: auto;
  height: 500px;
  object-fit: cover;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockLeftImg .col1 .wp-block-image img {
    height: 100%;
    width: 100%;
  }
}
.quoteBlockLeftImg .col2 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.quoteBlockLeftImg .col2 h3 {
  font-size: 38px;
  font-weight: 300 !important;
  transition: all ease 0.4s;
  color: #ffffff;
}
@media only screen and (max-width: 960px) {
  .quoteBlockLeftImg .col2 h3 {
    font-size: 30px;
  }
}
.quoteBlockLeftImg .col2 p {
  color: #FFF537;
  margin-bottom: 4px;
}
.quoteBlockRightImg {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockRightImg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.quoteBlockRightImg .innerblocks-wrap {
  gap: 50px;
}
@media only screen and (max-width: 1230px) {
  .quoteBlockRightImg .innerblocks-wrap {
    gap: 30px;
  }
}
@media only screen and (max-width: 1000px) {
  .quoteBlockRightImg .innerblocks-wrap {
    flex-direction: column;
    gap: 25px;
  }
}
.quoteBlockRightImg .col1 {
  position: relative;
  margin-right: -100px !important;
}
@media only screen and (max-width: 1400px) {
  .quoteBlockRightImg .col1 {
    margin-right: -60px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .quoteBlockRightImg .col1 {
    margin-right: 0px !important;
  }
}
.quoteBlockRightImg .col1::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 35%;
  height: 100%;
  background: linear-gradient(to left, black, rgba(0, 0, 0, 0));
  z-index: 1;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockRightImg .col1::before {
    width: 50%;
  }
}
.quoteBlockRightImg .col1 .wp-block-image {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
}
.quoteBlockRightImg .col1 .wp-block-image img {
  width: auto;
  height: 500px;
  object-fit: cover;
  position: relative;
  z-index: 0;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockRightImg .col1 .wp-block-image img {
    height: 100%;
    width: 100%;
  }
}
.quoteBlockRightImg .col2 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.quoteBlockRightImg .col2 h3 {
  font-size: 38px;
  font-weight: 300 !important;
  transition: all ease 0.4s;
  color: #ffffff;
}
@media only screen and (max-width: 1214px) {
  .quoteBlockRightImg .col2 h3 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 960px) {
  .quoteBlockRightImg .col2 h3 {
    font-size: 30px;
  }
}
.quoteBlockRightImg .col2 p {
  color: #FFF537;
  margin-bottom: 4px;
}
.quoteBlockNoPic {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1000px) {
  .quoteBlockNoPic {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.quoteBlockNoPic .innerblocks-wrap {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quoteBlockNoPic .innerblocks-wrap .wp-block-themeisle-blocks-advanced-column {
  flex-basis: 80% !important;
  margin: 0 auto;
}
.quoteBlockNoPic .innerblocks-wrap h3 {
  font-size: 38px;
  font-weight: 300 !important;
  transition: all ease 0.4s;
  color: #ffffff;
}
@media only screen and (max-width: 1214px) {
  .quoteBlockNoPic .innerblocks-wrap h3 {
    font-size: 34px;
  }
}
@media only screen and (max-width: 960px) {
  .quoteBlockNoPic .innerblocks-wrap h3 {
    font-size: 30px;
  }
}
.quoteBlockNoPic .innerblocks-wrap p {
  color: #FFF537;
  margin-bottom: 4px;
}