@charset "UTF-8";
/* fontface */
@font-face {
  font-family: "Light";
  src: url("../fonts/SuisseIntl-Light.otf");
  src: url("../fonts/SuisseIntl-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl-Light.woff2") format("woff2"), url("../fonts/SuisseIntl-Light.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Regular";
  src: url("../fonts/SuisseIntl-Regular.otf");
  src: url("../fonts/SuisseIntl-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl-Regular.woff2") format("woff2"), url("../fonts/SuisseIntl-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Semi";
  src: url("../fonts/SuisseIntl-SemiBold.otf");
  src: url("../fonts/SuisseIntl-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/SuisseIntl-SemiBold.woff2") format("woff2"), url("../fonts/SuisseIntl-SemiBold.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* Root Elements */
:root {
  --Fb: 1rem;
  --black: #0D0D0D;
  --white: #ffffff;
  --yellow: #EDFF00;
  --grey-20: #333333;
  --grey-50: #808080;
  --grey-70: #B3B3B3;
  --grey-85: #D9D9D9;
  --grey-90: #E6E6E6;
  --grey-95: #F2F2F2;
  --orange: #FF9E15;
  --bg: var(--white);
  --font: var(--black);
  --accent: var(--yellow);
  --Pm: 20px;
  --Pg: 20px;
  --Ph: calc(0.5 * var(--Pg));
  --Pd: calc(2 * var(--Pg));
  --Pt: calc(3 * var(--Pg));
  --Hh: 60px;
  --Hs: calc(100vh - var(--Hh));
  --Wf: calc(100% + (2 * var(--Pg)));
  --Wg: calc(100% + var(--Pg));
  --Ml: calc(-1 * var(--Pg));
  --cp: 10px 14px;
  /* fonts */
  --fxs: 14px;
  --fs: 16px;
  --fsm: 21px;
  --fm: 26px;
  --flm: 35px;
  --fl: 50px;
  --fxl: 62px;
  /* line-height */
  --lhxs: 18px;
  --lhs: 21px;
  --lhsm: 27px;
  --lhm: 34px;
  --lhlm: 45px;
  --lhl: 65px;
  --lhxl: 80px;
}

@media screen and (max-width: 1000px) {
  :root {
    /* fonts */
    --fxs: 12px;
    --fs: 14px;
    --fsm: 16px;
    --fm: 21px;
    --flm: 28px;
    --fl: 36px;
    --fxl: 40px;
    /* line-height */
    --lhxs: 14px;
    --lhs: 18px;
    --lhsm: 21px;
    --lhm: 27px;
    --lhlm: 34px;
    --lhl: 40px;
    --lhxl: 50px;
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

html, body {
  background-color: var(--bg);
  color: var(--font);
  font-size: var(--fs);
  font-family: "Regular", Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

body.no-scroll {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: border-box;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.hidden {
  display: none !important;
}

textarea,
input,
button,
select {
  font-family: inherit;
  font-size: inherit;
  text-align: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

input,
textarea,
input::placeholder,
textarea::placeholder {
  background: inherit;
  color: inherit;
  border: none;
  padding: 0;
  outline: inherit;
  opacity: 1;
}

textarea {
  resize: none;
}

input:not([type=submit]),
textarea {
  display: block;
  width: 100%;
  border-radius: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

select {
  background: none;
  width: 100%;
  cursor: pointer;
  border: none;
  outline: none;
  border-radius: 0;
  color: var(--black);
  margin: 0;
  padding: 0;
}

select option {
  color: var(--black);
  margin: 0;
  padding: 0;
  background: var(--bg);
}

select:focus {
  outline: none;
}

ul,
li {
  text-decoration: none;
  list-style: none;
}

/* Input Elements */
button,
input[type=submit],
input[type=reset],
div[role=button] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=button],
input[type=button]:focus {
  outline: none;
}

a:link,
a:visited,
a:link span,
a:visited span {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

/* Details Elements */
details {
  border-bottom: 1px solid var(--font);
}

summary,
summary:focus {
  outline: none;
  list-style-type: none;
  position: relative;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 5px 0;
  margin-top: 15px;
}

.dropdown {
  margin-bottom: 10px;
  margin-top: 5px;
}

details summary::marker,
details summary::-webkit-details-marker {
  content: "";
  visibility: hidden;
  position: absolute;
  z-index: -10;
  list-style-type: none;
  display: none;
}

summary > * {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

summary > *::after {
  content: "+";
  margin-left: var(--Pm);
}

@media (hover: hover) and (pointer: fine) {
  details summary:hover {
    opacity: 0.5;
  }
}
details[open] summary > *::after {
  content: "–";
}

details[open] summary ~ * {
  animation: appear 0.4s ease-in;
  -webkit-animation: appear 0.4s ease-in;
}

details.closing summary ~ * {
  animation: close 0.4s ease-out;
}

@keyframes appear {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 1;
    max-height: 100vh;
  }
}
@keyframes close {
  0% {
    opacity: 1;
    max-height: 100vh;
  }
  100% {
    opacity: 0;
    max-height: 0;
  }
}
/* Image/Video Elements */
.aspectholder > * {
  display: block;
}

.vsc-controller {
  height: 0 !important;
  width: 0 !important;
  object-fit: unset !important;
}

/* fonts */
.fxs {
  font-size: var(--fxs);
  line-height: var(--lhxs);
}

.fs {
  font-size: var(--fs);
  line-height: var(--lhs);
}

.fsm {
  font-size: var(--fsm);
  line-height: var(--lhsm);
}

.fm {
  font-size: var(--fm);
  line-height: var(--lhm);
}

.flm {
  font-size: var(--flm);
  line-height: var(--lhlm);
}

.fl {
  font-size: var(--fl);
  line-height: var(--lhl);
}

.fxl {
  font-size: var(--fxl);
  line-height: var(--lhxl);
}

.light {
  font-family: "Light";
}

.regular {
  font-family: "Regular";
}

.bold {
  font-family: "Semi";
}

/* grid */
.grid-24 {
  display: grid;
  grid-template-columns: repeat(24, 1fr);
  grid-auto-rows: minmax(min-content, max-content);
  column-gap: var(--Pm);
  row-gap: 2px;
  width: 100%;
  padding: 0 20px;
}

.grid-17 {
  display: grid;
  grid-template-columns: repeat(17, 1fr);
  grid-auto-rows: minmax(min-content, max-content);
  column-gap: var(--Pm);
  row-gap: 2px;
  width: 100%;
  padding: 0;
}

.grid-12 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: minmax(min-content, max-content);
  column-gap: var(--Pm);
  row-gap: 2px;
  width: 100%;
  padding: 0;
}

/* buttons */
.btn_wrap {
  width: fit-content;
  width: -webkit-fill-available;
  padding: 10px 0;
}
.btn_wrap a {
  background-color: var(--grey-90);
  padding: var(--cp);
  transition: background-color 0.2s cubic-bezier(0, 0, 0.3, 1), border-radius 0.2s cubic-bezier(0, 0, 0.3, 1);
}
.btn_wrap a svg {
  margin-left: 10px;
  transition: margin-left 0.2s cubic-bezier(0, 0, 0.3, 1);
  position: relative;
  bottom: 1px;
}
.btn_wrap a:hover {
  background-color: var(--accent);
  border-radius: 5px;
}
.btn_wrap a:hover svg {
  margin-left: 15px;
}

.enter {
  opacity: 0;
  transform: translateY(5vh);
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.enter.entered {
  opacity: 1;
  transform: translateY(0);
}

.landing_sequence {
  position: fixed;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--white);
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.landing_sequence #landinganimation {
  height: 200px;
}

.aspectholder.landinganimation {
  position: absolute;
  z-index: 9999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}
.aspectholder.landinganimation * {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.mobile_menu {
  display: none;
}

header {
  height: 60px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 500;
  background-color: var(--white);
}
header .burger {
  display: none;
}
header .logo_holder {
  grid-column: 1/6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 60px;
  width: auto;
  position: relative;
}
header .logo_holder a:hover #logoanimation,
header .logo_holder a:hover #logoanimationWhite {
  opacity: 1;
}
header .logo_holder a:hover #logoanimation svg,
header .logo_holder a:hover #logoanimationWhite svg {
  opacity: 1;
}
header .logo_holder a:hover svg {
  opacity: 0;
}
header .logo_holder .header_icon svg {
  top: 4px;
  width: 90%;
  position: relative;
  transition: opacity 0.15s ease;
}
header .logo_holder #logoanimation,
header .logo_holder #logoanimationWhite {
  display: block;
  position: absolute;
  height: 145%;
  top: -18px;
  left: -43px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
header .nav_one {
  grid-column: 13/19;
}
header .nav_two {
  grid-column: 19/25;
}
header .nav {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  column-gap: var(--Pm);
  /* Dropdown button */
  /* Dropdown content (hidden by default) */
  /* Show the dropdown menu on hover */
}
header .nav li {
  padding-top: 1px;
}
header .nav .subnav .dropbtn {
  border: none;
  outline: none;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}
header .nav .dropdown-content {
  position: absolute;
  padding-top: 32px;
  min-width: 160px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s ease, visibility 0.15s ease;
}
header .nav .dropdown-content a {
  float: none;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-bottom: 3px;
}
header .nav .subnav:hover .dropdown-content {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s ease 0.15s, visibility 0.15s ease 0.15s;
}
header .nav .subnav:hover .subnav_backdrop {
  height: 60px;
}
header .nav li .nav_item {
  transition: opacity 0.3s ease;
  position: relative;
}
header .nav li .nav_item:hover {
  opacity: 0.5;
}
header.shade {
  background-color: var(--white) !important;
  color: var(--black);
}
header.shade .header_icon .aspectholder svg path {
  fill: var(--black);
  transition: fill 0.3s ease;
}
header.shade .subnav_backdrop {
  background-color: var(--grey-95);
}
header.shade .search-toggle.on-home {
  opacity: 1;
}
header .search-toggle {
  display: block;
  position: fixed;
  right: var(--Pm);
  top: 22px;
  transition: opacity 0.3s ease;
}
header .search-toggle.on-home {
  opacity: 0;
}
header .search-toggle:hover {
  opacity: 0.6;
}

.search-bar-holder {
  display: block;
  position: fixed;
  top: var(--Hh);
  height: var(--Hh);
  width: 100vw;
  left: 0;
  background-color: var(--grey-90);
  z-index: 101;
  padding: var(--Ph) var(--Pm);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transform: translateY(-200%);
  transition: transform 0.3s ease;
}
.search-bar-holder button {
  margin-left: 7px;
}
.search-bar-holder.active {
  transform: translateY(0);
}
.search-bar-holder input {
  width: 80%;
  height: 100%;
  background-color: transparent;
}
.search-bar-holder .search-bar-btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: var(--Pm);
}
.search-bar-holder .search-bar-btns svg {
  height: 20px;
  width: 20px;
}
.search-bar-holder .search-bar-btns .search-bar-close svg path {
  stroke: var(--grey-50);
}

.subnav_backdrop {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  height: 0;
  width: 100%;
  background-color: var(--grey-95);
  transition: height 0.3s ease;
}

footer {
  width: 100vw;
  background-color: var(--black);
  color: var(--white);
}
footer .bultby {
  grid-column: 1/5;
  margin-bottom: var(--Pt);
  font-size: 10px;
  opacity: 0.5;
}
footer a {
  transition: opacity 0.15s ease;
  width: fit-content;
}
footer a:hover {
  opacity: 0.5 !important;
}
footer .footer_topper {
  padding: var(--Pt) 0 var(--Pm) 0;
  grid-column: 1/25;
}
footer .footer_topper .footer_form {
  grid-column: 19/25;
}
footer .footer_topper .footer_form form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
}
footer .footer_topper .footer_form input {
  padding: 10px 0;
  width: 90%;
  background-color: transparent;
}
footer .footer_topper .footer_form button {
  margin-left: 0;
  width: fit-content;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: opacity 0.15s ease;
  opacity: 0.5;
}
footer .footer_topper .footer_form button svg {
  width: 12px;
}
footer .footer_topper .footer_form button svg path {
  stroke: var(--white);
}
footer .footer_topper .footer_form button:hover {
  opacity: 1;
}
footer .footer_topper .footer_form ::placeholder {
  opacity: 0.5;
}
footer .footer_navs {
  padding: var(--Pt) 0;
  grid-column: 1/25;
}
footer .footer_navs .navs {
  grid-column: 1/7;
  display: flex;
  flex-direction: column;
  row-gap: var(--Pm);
}
footer .footer_navs .navs ul {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
footer .footer_location {
  grid-column: span 6;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
footer .footer_location h5 {
  margin-bottom: var(--Pm);
}
footer details {
  display: none;
}
footer svg path {
  fill: var(--white);
}

main {
  min-height: 100vh;
}

section {
  background-color: var(--bg);
  color: --font;
  position: relative;
}

.project_card {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.project_card .project_card-media_holder {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.project_card .project_card-media_holder.landscape {
  aspect-ratio: 6/4;
}
.project_card .project_card-media_holder.portrait {
  aspect-ratio: 3/4;
}
.project_card .project_card-media_holder .aspectholder {
  position: relative;
  width: 100%;
  height: 100%;
}
.project_card .project_card-media_holder .aspectholder * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project_card .project_card-media_holder .aspectholder .img_caption {
  display: none;
}
.project_card .project_card-media_holder .project_card_popover {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  background-color: var(--accent);
  padding: var(--Ph);
  max-width: 90%;
  width: 415px;
  transition: transform 0.3s ease;
}
.project_card .project_card-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--Ph);
}
.project_card .project_card-info .project_card-tags {
  display: flex;
  flex-direction: row;
  column-gap: var(--Ph);
}
.project_card .project_card-info .project_card-tags li {
  padding: 4px 8px;
  background-color: var(--accent);
}
.project_card:hover .project_card_popover {
  transform: translateY(0);
}

.news_card {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.news_card .news_card-media_holder {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 6/4;
}
.news_card .news_card-media_holder .aspectholder {
  position: relative;
  width: 100%;
  height: 100%;
  filter: grayscale(1);
  transition: filter 0.3s ease;
}
.news_card .news_card-media_holder .aspectholder * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news_card .news_card-media_holder .aspectholder .img_caption {
  display: none;
}
.news_card .news_card-media_holder .news_card_popover {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
  background-color: var(--accent);
  padding: var(--Ph);
  max-width: 90%;
  width: 415px;
  transition: transform 0.3s ease;
}
.news_card .news_card-info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--Ph);
}
.news_card .news_card-info .news_card-tags {
  display: flex;
  flex-direction: row;
  column-gap: var(--Ph);
}
.news_card .news_card-info .news_card-tags li {
  padding: 4px 8px;
  background-color: var(--accent);
}
.news_card:hover .news_card_popover {
  transform: translateY(0);
}
.news_card:hover .aspectholder {
  filter: grayscale(0);
}

.landing_block {
  height: 100vh;
  width: 100%;
}
.landing_block .landing_image_wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.landing_block .aspectholder {
  height: 100%;
  width: 100%;
}
.landing_block .aspectholder * {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.landing_block .landing_heading {
  position: absolute;
  left: 0;
  top: 180px;
  padding: 0 var(--Pm);
  width: 41.6666667%;
}
.landing_block .landing_project_holder {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 412px;
  height: auto;
  padding: var(--Pm);
  transition: color 0.3s ease 0.5s, background-color 0.3s ease 0.5s;
}
.landing_block .landing_project_holder p, .landing_block .landing_project_holder .landing_project_btn {
  margin-top: 10px;
}
.landing_block .landing_project_holder .landing_project_btn {
  opacity: 0.5;
  transition: opacity 0.3s ease;
  width: fit-content;
}
.landing_block .landing_project_holder:hover {
  color: var(--font) !important;
  background-color: var(--accent);
  transition: color 0.3s ease, background-color 0.3s ease;
}
.landing_block .landing_project_holder:hover .landing_project_btn {
  opacity: 1;
}
.landing_block .landing_project_holder .landing_project_btn:hover {
  opacity: 0.2;
}

.text_block .text_heading {
  grid-column: 1/8;
  color: var(--grey-50);
  padding-bottom: 15px;
}
.text_block .text_left {
  grid-column: 1/11;
}
.text_block .text_left.narrow {
  grid-column: 1/9;
}
.text_block .text_left.add_pad p {
  margin-bottom: var(--Pm);
}
.text_block .text_right {
  grid-column: 13/23;
}
.text_block .text_right.fs, .text_block .text_right.fxs {
  padding-top: 5px;
}

.featured-projects_block .fpSwiper {
  display: none;
}
.featured-projects_block .project_card_wrapper:nth-child(1) {
  grid-column: 1/13;
}
.featured-projects_block .project_card_wrapper:nth-child(2) {
  grid-column: 13/25;
}
.featured-projects_block .btn_wrap {
  margin-top: var(--Pm);
  grid-column: 1/10;
}

.counter_wrapper {
  grid-column: 1/25;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
}
.counter_wrapper .counter {
  width: calc(100% - 20px);
  aspect-ratio: 8/9;
  background-color: var(--grey-95);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  position: relative;
  transition: background-color 0.3s ease;
}
.counter_wrapper .counter:after {
  content: "";
  display: inline-block;
  height: 1px;
  background-color: var(--black);
  width: calc(100% - 70px + 20px);
  position: absolute;
  left: 70px;
  top: 35px;
}
.counter_wrapper .counter:last-of-type:after {
  display: none;
}
.counter_wrapper .counter h5 {
  padding-bottom: var(--Pm);
}
.counter_wrapper .counter .counter_links {
  padding-top: 15px;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  position: relative;
  z-index: 1;
}
.counter_wrapper .counter .counter_links a {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
.counter_wrapper .counter .counter_links a:hover {
  opacity: 1;
}
.counter_wrapper .counter .aspectholder {
  width: calc(100% - var(--Pd));
  aspect-ratio: 1/1;
  mix-blend-mode: multiply;
  position: absolute;
  bottom: -90px;
  z-index: 0;
}
.counter_wrapper .counter .aspectholder img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 0.3s ease;
}
.counter_wrapper .counter .aspectholder video {
  width: 70%;
  height: 70%;
  margin: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
  transition: transform 0.3s ease;
}
.counter_wrapper .counter .counter_link {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--grey-90);
  transition: transform 0.3s ease, width 0.3s ease, height 0.3s ease;
  width: 90%;
  height: 0;
  overflow: hidden;
}
.counter_wrapper .counter .counter_link a {
  display: flex;
  width: 100%;
  padding: 15px var(--Pm);
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.counter_wrapper .counter .counter_link a svg {
  position: relative;
  bottom: 0;
  right: 0;
}
@media screen and (min-width: 900px) {
  .counter_wrapper .counter:hover {
    background-color: var(--accent);
  }
  .counter_wrapper .counter:hover .aspectholder * {
    transform: scale(1.1);
  }
  .counter_wrapper .counter:hover .counter_link {
    transform: translateY(0);
    height: 48px;
  }
  .counter_wrapper .counter:hover .counter_link:hover {
    width: 92%;
  }
}

.media-text_heading_wrapper {
  grid-column: 1/25;
  padding: 0 0 var(--Pm) 0;
}
.media-text_heading_wrapper .media-text_heading {
  grid-column: 1/11;
}

.media-text_left {
  grid-column: 1/9;
}
.media-text_left .media-text_left-copy {
  padding-bottom: var(--Pm);
}

.media-text_right {
  grid-column: 13/25;
}
.media-text_right .aspectholder {
  width: calc(100% + 20px);
}
.media-text_right .aspectholder * {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.news_card_wrapper {
  grid-column: span 8;
}

.featured-news_block .btn_wrap {
  grid-column: 1/13;
  margin-top: var(--Pm);
}

.featured-news_block .fpSwiper {
  display: none;
}

.media_block {
  padding-left: 0;
  padding-right: 0;
}
.media_block .aspectholder > *:not(.img_caption) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom;
}

.double-media_block {
  row-gap: var(--Pm);
}
.double-media_block .aspectholder {
  width: 100%;
  height: 100%;
}
.double-media_block .aspectholder *:not(.img_caption) {
  width: 100%;
}

.sticky_block .sticky_sticky {
  grid-column: 1/9;
  height: 100%;
  position: relative;
}
.sticky_block .sticky_sticky .sticky_wrap {
  position: sticky;
  top: 80px;
  padding-bottom: 20px;
}
.sticky_block .sticky_sticky .sticky_wrap h4 {
  color: var(--grey-50);
}
.sticky_block .sticky_scroll {
  grid-column: 13/25;
}
.sticky_block .sticky_scroll .sticky_sub {
  margin-top: 60px;
}
.sticky_block .sticky_scroll .sticky_sub.index-0 {
  margin-top: 10px;
}
.sticky_block .sticky_scroll .sticky_text {
  grid-column: 1/11;
}
.sticky_block .sticky_scroll .sticky_media {
  grid-column: 1/13;
  height: auto;
}
.sticky_block .sticky_scroll .sticky_media .aspectholder {
  width: calc(100% + 20px);
}
.sticky_block .sticky_scroll .sticky_media .aspectholder * {
  width: 100%;
  object-fit: cover;
}
.sticky_block .sticky_scroll .sticky_accordian {
  grid-column: 1/11;
}
.sticky_block .sticky_scroll .sticky_accordian h4 {
  margin-bottom: var(--Pm);
}
.sticky_block .sticky_scroll .sticky_accordian p {
  margin-bottom: var(--Pd);
}

.accordians_heading h2 {
  grid-column: 1/9;
  margin-bottom: 90px;
}

.accordians_left {
  grid-column: 1/9;
  margin-bottom: 100px;
}
.accordians_left h4 {
  margin-bottom: 15px;
}

.accordians_right {
  grid-column: 13/23;
  margin-bottom: 100px;
}

.careers_section_wrapper {
  margin-bottom: 80px;
}
.careers_section_wrapper .careers_left {
  grid-column: 1/9;
}
.careers_section_wrapper .careers_right {
  grid-column: 9/25;
  width: calc(100% + var(--Pd));
  margin-left: -20px;
}
.careers_section_wrapper .careers_right button {
  position: relative;
  width: 100%;
  padding: 15px var(--Pm);
  background-color: var(--grey-90);
  border-bottom: 2px solid var(--grey-95);
  transition: background-color 0.15s ease;
}
.careers_section_wrapper .careers_right button h4 {
  grid-column: 1/7;
}
.careers_section_wrapper .careers_right button h5 {
  grid-column: 7/16;
}
.careers_section_wrapper .careers_right button svg {
  position: absolute;
  right: var(--Pm);
  top: 45%;
  transform: transformY(-50%);
}
.careers_section_wrapper .careers_right button:hover {
  background-color: var(--accent);
}

.carousel_topper {
  grid-column: 1/25;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: var(--Pm);
}
.carousel_topper h2 {
  grid-column: 1/8;
}
.carousel_topper p {
  grid-column: 1/8;
  margin-top: var(--Pm);
}

.swiper {
  grid-column: 1/25;
  width: calc(100% + 40px);
  height: 100%;
  margin-left: -20px;
  position: relative;
  top: -80px;
}
.swiper .button-holder {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  column-gap: var(--Pm);
  align-items: center;
  padding: var(--Pm);
  width: fit-content;
  width: -webkit-fill-available;
}
.swiper .button-holder .button-next, .swiper .button-holder .button-prev {
  background-color: var(--grey-90);
  font-size: var(--fxs);
  line-height: var(--lhxs);
  padding: var(--cp);
  transition: background-color 0.2s cubic-bezier(0, 0, 0.3, 1), border-radius 0.2s cubic-bezier(0, 0, 0.3, 1);
}
.swiper .button-holder .button-next.swiper-button-disabled, .swiper .button-holder .button-prev.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.swiper .button-holder .button-next svg, .swiper .button-holder .button-prev svg {
  margin-left: 10px;
  transition: margin-left 0.2s cubic-bezier(0, 0, 0.3, 1);
  position: relative;
  bottom: 1px;
}
.swiper .button-holder .button-next:hover, .swiper .button-holder .button-prev:hover {
  background-color: var(--accent);
  border-radius: 5px;
}
.swiper .button-holder .button-next:hover svg, .swiper .button-holder .button-prev:hover svg {
  margin-left: 15px;
}
.swiper .swiper-slide {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.swiper .swiper-slide:first-of-type {
  margin-left: 20px;
}
.swiper .swiper-slide .swiper_media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 6/7;
}
.swiper .swiper-slide .swiper_media .aspectholder {
  height: 100%;
  width: 100%;
}
.swiper .swiper-slide .swiper_media .aspectholder * {
  height: 100%;
  width: 100%;
  object-fit: cover;
  filter: grayscale(1);
}
.swiper .swiper-slide .swiper_media .swiper_media_popover {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80%;
  transform: translateY(100%);
  background-color: var(--accent);
  padding: 10px;
  transition: transform 0.3s ease;
}
.swiper .swiper-slide .swiper_info {
  padding-top: var(--Ph);
}
.swiper .swiper-slide .swiper_info span {
  opacity: 0.5;
}
.swiper .swiper-slide:hover .swiper_media_popover {
  transform: translateY(0);
}

.carousel-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 0;
  width: 100vw;
  opacity: 0;
  overflow: hidden;
  z-index: 1111;
}
.carousel-popup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: var(--white);
  opacity: 0.5;
}
.carousel-popup .carousel-popup_modal {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 90vh;
  width: 80vw;
  background-color: var(--grey-90);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  transform: translateX(100%);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_heading {
  padding: 20px;
  width: 100%;
  height: 20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_heading h4 {
  color: var(--grey-50);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_heading span {
  opacity: 0.5;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  height: 75%;
  column-gap: 5%;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left {
  flex-grow: 1;
  flex: 1 1 0px;
  position: relative;
  height: 100%;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left p {
  padding: var(--Pm);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .aspectholder {
  width: 100%;
  height: 100%;
  background-color: var(--grey-20);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .aspectholder * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .modal_content_contact {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--accent);
  width: 80%;
  padding: var(--Ph) var(--Pm);
  width: 400px;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .modal_content_contact button {
  padding: 5px 0;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .modal_content_contact button svg {
  transform: rotate(-45deg);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .modal_content_contact .modal_content_contact_info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: var(--Ph);
  column-gap: var(--Ph);
  height: 0px;
  overflow: hidden;
  opacity: 0;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .modal_content_contact .modal_content_contact_info .modal_content_contact_info_item {
  width: calc(50% - var(--Ph));
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_left .modal_content_contact .modal_content_contact_info .modal_content_contact_info_item .title {
  opacity: 0.5;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right {
  flex-grow: 1;
  flex: 1 1 0px;
  height: 100%;
  margin-right: 10%;
  overflow: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right::-webkit-scrollbar {
  display: none;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right p {
  padding: var(--Pm);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right ul {
  padding-top: var(--Pm);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right ul li {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 20px;
  margin-left: 20px;
  padding-bottom: 5px;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right ul li::before {
  content: "";
  height: 5px;
  width: 5px;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: var(--black);
  margin-right: var(--Pm);
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right ul li:first-of-type {
  margin-left: 0;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_content .modal_content_right ul li:first-of-type::before {
  display: none;
}
.carousel-popup .carousel-popup_modal .carousel-popup_modal_close {
  position: absolute;
  right: 20px;
  top: 20px;
}
.carousel-popup .careers_enquiry {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 80%;
  background-color: var(--accent);
  width: 50px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
}
.carousel-popup .careers_enquiry .careers_enquiry_trigger {
  width: 50px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: var(--Pd) var(--Ph);
  height: 100%;
}
.carousel-popup .careers_enquiry .careers_enquiry_trigger span {
  transform: rotate(90deg);
  margin-top: 30px;
}
.carousel-popup .careers_enquiry .careers_enquiry_trigger svg {
  transform: rotate(180deg);
  transition: transform 0.15s ease;
}
.carousel-popup .careers_enquiry .careers_enquiry_trigger.active svg {
  transform: rotate(0);
}
.carousel-popup .careers_enquiry .careers_enquiry_content {
  padding: 60px 40px 0 40px;
  overflow: scroll;
  width: 600px;
  opacity: 0;
}
.carousel-popup .careers_enquiry .careers_enquiry_content h5 {
  margin-bottom: 40px;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form {
  margin-top: 40px;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form ::placeholder {
  color: var(--black);
  opacity: 1;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form fieldset {
  margin-bottom: 20px;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form input {
  background-color: #e0f004;
  margin-top: 5px;
  margin-bottom: 15px;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form button {
  margin: 0;
  width: auto;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form .uploadcare--widget {
  width: 100%;
  background-color: #e0f004;
  margin-top: 5px;
  margin-bottom: 15px;
  padding: 5px;
}
.carousel-popup .careers_enquiry .careers_enquiry_content form .uploadcare--widget__button {
  margin: 0;
  cursor: pointer;
  width: auto;
  background-color: transparent;
  color: var(--black);
  border: 1px solid black;
  border-radius: 0;
  padding: 5px;
  font-size: 14px;
}
.carousel-popup .carousel-popup_modal_close.back {
  z-index: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
}

.page_topbar {
  padding-top: 185px;
  padding-bottom: 90px;
}

.page_header {
  grid-column: 1/13;
  grid-row: 1;
}

.page_text {
  grid-column: 13/23;
  grid-row: 2;
}

.project_filters_tab {
  position: sticky;
  top: 60px;
  z-index: 100;
  width: 400px;
  height: 50px;
  background-color: var(--grey-95);
  margin-bottom: 20px;
  overflow: hidden;
}
.project_filters_tab .project_filters_tab_btn {
  min-width: 383px;
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 var(--Pm);
}
.project_filters_tab .project_filters_tab_btn svg {
  transform: rotate(45deg);
}
.project_filters_tab .filters_grid {
  padding: 15px var(--Pm) 20px var(--Pm);
}
.project_filters_tab .filters_grid ul {
  grid-column: span 3;
  display: flex;
  flex-direction: column;
}
.project_filters_tab .filters_grid ul li:first-of-type {
  padding-bottom: var(--Ph);
}
.project_filters_tab .filters_grid ul li .comma {
  display: none;
}
.project_filters_tab .filters_grid ul li a, .project_filters_tab .filters_grid ul li button {
  opacity: 0.4;
  transition: opacity 0.3s ease;
}
.project_filters_tab .filters_grid ul li a svg, .project_filters_tab .filters_grid ul li button svg {
  height: 12px;
  width: 12px;
  transform: rotate(90deg);
  transition: transform 0.15s ease, opacity 0.15s ease;
  opacity: 0;
}
.project_filters_tab .filters_grid ul li a.asc svg, .project_filters_tab .filters_grid ul li button.asc svg {
  transform: rotate(90deg);
  opacity: 1;
}
.project_filters_tab .filters_grid ul li a.desc svg, .project_filters_tab .filters_grid ul li button.desc svg {
  transform: rotate(-90deg);
  opacity: 1;
}
.project_filters_tab .filters_grid ul li a.asc, .project_filters_tab .filters_grid ul li a.desc, .project_filters_tab .filters_grid ul li a.active, .project_filters_tab .filters_grid ul li a:hover, .project_filters_tab .filters_grid ul li button.asc, .project_filters_tab .filters_grid ul li button.desc, .project_filters_tab .filters_grid ul li button.active, .project_filters_tab .filters_grid ul li button:hover {
  opacity: 1;
}

.projects_page_grid {
  padding-bottom: 90px;
  position: relative;
  row-gap: var(--Pd);
}
.projects_page_grid .date {
  display: none;
}
.projects_page_grid .project_card_wrapper:nth-of-type(2n + 1).portrait {
  grid-column: 1/9;
}
.projects_page_grid .project_card_wrapper:nth-of-type(2n + 1).landscape {
  grid-column: 1/13;
}
.projects_page_grid .project_card_wrapper:nth-of-type(2n + 2).portrait {
  grid-column: 17/25;
}
.projects_page_grid .project_card_wrapper:nth-of-type(2n + 2).landscape {
  grid-column: 13/25;
}

.project_page_topbar {
  padding-top: 150px;
}
.project_page_topbar .project_page_filters {
  grid-column: 1/25;
  margin-bottom: var(--Pm);
}
.project_page_topbar .project_page_filters .service {
  margin-bottom: 10px;
  background-color: var(--grey-90);
}
.project_page_topbar .project_page_filters .project_card-tags {
  display: flex;
  flex-direction: row;
  column-gap: var(--Ph);
}
.project_page_topbar .project_page_filters .project_card-tags li {
  padding: 4px 8px;
  background-color: var(--accent);
}
.project_page_topbar .project_page_filters .project_card-tags li.service {
  background-color: var(--grey-90);
}
.project_page_topbar .project_page_header {
  grid-column: 1/25;
  margin-bottom: var(--Pm);
}
.project_page_topbar .project_page_desc {
  grid-column: 13/23;
}

.project_page_hero {
  margin-top: var(--Pd);
}
.project_page_hero .aspectholder {
  grid-column: 5/25;
}
.project_page_hero .aspectholder * {
  width: calc(100% + var(--Pm));
  object-fit: cover;
}
.project_page_hero .aspectholder .img_caption {
  display: none;
}

.project_page_content {
  margin-top: 0 !important;
  position: relative;
  overflow: hidden;
}
.project_page_content .project_content_sticky {
  grid-column: 1/7;
  position: relative;
  padding-top: 130px;
}
.project_page_content .project_content_sticky ul {
  display: flex;
  flex-direction: column;
  row-gap: var(--Pm);
  position: -webkit-sticky; /* Safari */
  position: sticky !important;
  padding-bottom: var(--Pm);
}
.project_page_content .project_content_sticky ul li .title {
  color: var(--grey-70);
}
.project_page_content .pin-spacer {
  padding: 0 !important;
}
.project_page_content .project_content_right {
  grid-column: 7/24;
  padding-top: 130px;
}
.project_page_content .project_content_right .secondary {
  grid-column: 7/17;
  margin-bottom: 200px;
}
.project_page_content .project_content_right .project_content_imgs {
  grid-column: 1/18;
  padding-bottom: 0;
}
.project_page_content .project_content_right .project_content_imgs li {
  position: relative;
}
.project_page_content .project_content_right .project_content_imgs li .img_caption {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 90%;
  width: 415px;
  height: auto;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: var(--accent);
  padding: var(--Ph);
  overflow: hidden;
}
.project_page_content .project_content_right .project_content_imgs li .img_caption .img_caption_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.project_page_content .project_content_right .project_content_imgs li .img_caption svg {
  position: absolute;
  top: var(--Ph);
  right: var(--Ph);
}
.project_page_content .project_content_right .project_content_imgs li .img_caption span {
  opacity: 1;
  width: 95%;
}
.project_page_content .project_content_right .project_content_imgs li .aspectholder {
  width: 100%;
  margin-bottom: var(--Pm);
}
.project_page_content .project_content_right .project_content_imgs li .aspectholder * {
  width: 100%;
  object-fit: cover;
}
.project_page_content .project_content_right .project_page_testimonial {
  grid-column: 7/17;
}
.project_page_content .project_content_right .project_page_testimonial p {
  margin-bottom: var(--Pm);
}
.project_page_content .project_content_right .project_page_testimonial span.role {
  color: var(--grey-70);
}

.article_more,
.project_page_next {
  background-color: var(--grey-95);
  padding: 90px 0;
}
.article_more .project_page_next_left,
.project_page_next .project_page_next_left {
  grid-column: 1/10;
}
.article_more .project_page_next_left .btn_wrap,
.project_page_next .project_page_next_left .btn_wrap {
  margin-top: var(--Pm);
}
.article_more .project_page_next_left .projects_btn svg,
.project_page_next .project_page_next_left .projects_btn svg {
  margin: 0;
  margin-right: 5px;
  transform: rotate(180deg);
  transition: margin-right 0.3s ease;
}
.article_more .project_page_next_left .projects_btn:hover svg,
.project_page_next .project_page_next_left .projects_btn:hover svg {
  margin-right: 10px;
}
.article_more .project_card.portrait,
.project_page_next .project_card.portrait {
  grid-column: 17/25;
}
.article_more .project_card.landscape,
.project_page_next .project_card.landscape {
  grid-column: 13/25;
}

.main_page_content {
  margin-top: 60px;
  height: auto;
  position: relative;
}
.main_page_content .popup_wrapper {
  height: auto !important;
  z-index: 50;
}
.main_page_content .popup_wrapper .popup {
  z-index: 100;
  background-color: var(--grey-90);
}
.main_page_content .popup_wrapper .popup, .main_page_content .popup_wrapper .popup_sml {
  display: flex;
  row-gap: var(--Pm);
  position: absolute;
  top: 130px;
  height: calc(100vh - 130px);
  padding-bottom: var(--Pm);
  right: -20px;
  width: 60px;
  overflow: hidden;
}
.main_page_content .popup_wrapper .popup.active button svg, .main_page_content .popup_wrapper .popup_sml.active button svg {
  transform: rotate(0deg);
}
.main_page_content .popup_wrapper .popup button, .main_page_content .popup_wrapper .popup_sml button {
  position: relative;
  height: calc(100vh - 120px);
  width: 60px;
  display: flex;
  column-gap: var(--Ph);
  display: flex;
  flex-direction: column;
}
.main_page_content .popup_wrapper .popup button p, .main_page_content .popup_wrapper .popup_sml button p {
  transform: rotate(90deg);
  width: 100%;
  white-space: nowrap;
}
.main_page_content .popup_wrapper .popup button svg, .main_page_content .popup_wrapper .popup_sml button svg {
  transform: rotate(-180deg);
  width: 12px;
  height: 12px;
  margin: 60px 22px 22px 24px;
  margin-bottom: 40px;
}
.main_page_content .popup_wrapper .popup .popup_content, .main_page_content .popup_wrapper .popup_sml .popup_content {
  width: 80vw;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  opacity: 0;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_btn, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_btn {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 455px;
  padding: 15px 20px;
  background-color: var(--accent);
  display: flex;
  justify-content: space-between;
  transition: width 0.3s ease;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_btn:hover, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_btn:hover {
  width: 475px;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_left, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_left {
  width: 35%;
  height: calc(100% - 90px);
  padding: 0 var(--Pm);
  margin-top: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_left h4, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_left h4 {
  margin-bottom: var(--Pm);
  color: var(--grey-50);
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_left .team_head, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_left .team_head {
  color: var(--grey-50);
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_left li:nth-child(2), .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_left li:nth-child(2) {
  margin-top: var(--Pm);
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_left a, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_left a {
  transition: opacity 0.15s ease;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_left a:hover, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_left a:hover {
  opacity: 0.5;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_right, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_right {
  width: 62%;
  height: calc(100% - 90px);
  margin-top: 90px;
  padding-right: 10%;
  position: relative;
  overflow: scroll;
  padding-bottom: 30px;
}
.main_page_content .popup_wrapper .popup .popup_content .popup_content_right .mobile, .main_page_content .popup_wrapper .popup_sml .popup_content .popup_content_right .mobile {
  display: none;
}
.main_page_content .popup_wrapper .popup_sml {
  top: 180px;
  background-color: var(--grey-95);
  height: calc(100vh - 180px);
  right: 40px;
  width: 60px;
  z-index: 0;
}

.articles_top,
.page_top {
  padding-top: 185px;
  padding-bottom: 90px;
}
.articles_top h2,
.page_top h2 {
  grid-column: 1/25;
}
.articles_top p,
.page_top p {
  grid-column: 13/23;
}

.articles_grid {
  row-gap: 100px;
  padding-bottom: 185px;
}

.articles_pag {
  padding-bottom: 185px;
}
.articles_pag a {
  transition: color 0.15s ease;
}
.articles_pag a:hover {
  color: var(--grey-70);
}
.articles_pag ul {
  grid-column: 1/13;
  display: flex;
  flex-direction: row;
  column-gap: var(--Pm);
}
.articles_pag .articles_prev {
  grid-column: 13/19;
}
.articles_pag .articles_next {
  grid-column: 19/25;
}
.articles_pag .articles_prev span,
.articles_pag .articles_next span {
  color: var(--grey-70);
}

.article_top {
  padding-top: 185px;
  padding-bottom: var(--Pd);
}
.article_top span, .article_top h2 {
  grid-column: 1/13;
}
.article_top .article_date {
  color: var(--grey-70);
}

.article_hero {
  width: 100%;
  padding-bottom: var(--Pd);
}
.article_hero .aspectholder {
  grid-column: 1/21;
  margin-left: -20px;
}
.article_hero .aspectholder * {
  width: 100%;
  object-fit: cover;
}

.article_maintext {
  margin-bottom: 120px;
}
.article_maintext p:nth-of-type(1) {
  grid-column: 1/11;
}
.article_maintext p:nth-of-type(2) {
  grid-column: 13/23;
  padding-top: 5px;
}

.article_blocks div {
  grid-row: span 1;
  margin-bottom: 90px;
}
.article_blocks div:last-of-type {
  margin-bottom: 0;
}

.article_blocks .article_single .aspectholder {
  width: 100%;
}
.article_blocks .article_single .aspectholder * {
  width: 100%;
  object-fit: cover;
}
.article_blocks .article_single.left {
  grid-column: 1/21;
  width: calc(100% + var(--Pm));
  margin-left: -20px;
}
.article_blocks .article_single.right {
  grid-column: 9/25;
  width: calc(100% + var(--Pm));
  margin-right: -20px;
}
.article_blocks .article_double {
  grid-column: 1/25;
  padding-left: 0;
  padding-right: 0;
}
.article_blocks .article_double .aspectholder {
  width: 100%;
}
.article_blocks .article_double .aspectholder * {
  width: 100%;
  object-fit: cover;
}
.article_blocks .article_double .aspectholder:nth-of-type(1) {
  grid-column: 1/17;
}
.article_blocks .article_double .aspectholder:nth-of-type(2) {
  grid-column: 17/25;
}
.article_blocks .article_text {
  grid-column: 13/23;
}

.article_more .swiper {
  display: none;
}
.article_more .project_page_next_left {
  grid-column: 1/9;
}

.contact_content {
  padding-bottom: 120px;
}
.contact_content h4 {
  margin-bottom: 80px;
}
.contact_content a {
  transition: color 0.15s ease;
}
.contact_content a:hover {
  color: var(--grey-70);
}

.contact_left_wrapper {
  grid-column: 1/18;
}
.contact_left_wrapper .contact_left {
  position: sticky;
  top: 120px;
}
.contact_left_wrapper .contact_left .contact_left_item {
  padding: var(--Pm);
  margin-left: -20px;
  transition: background-color 0.15s ease;
}
.contact_left_wrapper .contact_left .contact_left_item:hover {
  background-color: var(--grey-95);
}
.contact_left_wrapper .contact_left .contact_left_item h5 {
  grid-column: 1/5;
}
.contact_left_wrapper .contact_left .contact_left_item .info {
  grid-column: 6/13;
}
.contact_left_wrapper .contact_left .contact_left_item .info li:first-of-type {
  margin-bottom: var(--Pm);
}

.contact_right_wrapper {
  grid-column: 19/24;
}
.contact_right_wrapper .contact_right_item {
  padding-top: var(--Pm);
  padding-bottom: var(--Pm);
}
.contact_right_wrapper .contact_right_item:first-of-type {
  padding-top: 0;
}
.contact_right_wrapper .contact_right_item:last-of-type {
  padding-bottom: 0;
}
.contact_right_wrapper .contact_right_item h5 {
  padding-bottom: var(--Ph);
}
.contact_right_wrapper .contact_right_item li {
  margin-bottom: var(--Ph);
}

.contact_enquire {
  position: fixed;
  height: calc(100vh - 120px);
  width: 60px;
  bottom: 0;
  right: 0;
  background-color: var(--grey-90);
}
.contact_enquire .contact_enquire_trigger {
  width: 60px;
  height: calc(100vh - 120px);
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.contact_enquire .contact_enquire_trigger svg {
  margin-top: 60px;
  transform: rotate(180deg);
}
.contact_enquire .contact_enquire_trigger h4 {
  transform: rotate(90deg);
  padding-left: 80px;
}
.contact_enquire .contact_enquire_left {
  padding-top: 86px;
  grid-column: 2/8;
  height: fit-content;
}
.contact_enquire .contact_enquire_left h4 {
  margin-bottom: var(--Pd);
  color: var(--grey-70);
}
.contact_enquire .form_wrapper::-webkit-scrollbar {
  display: none;
}
.contact_enquire .example {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.contact_enquire .form_wrapper {
  grid-column: 9/16;
  height: calc(100vh - 120px);
  overflow: scroll;
}
.contact_enquire .form_wrapper .contact_enquire_form {
  width: 100%;
  padding-top: 150px;
}
.contact_enquire .form_wrapper .contact_enquire_form fieldset {
  display: flex;
  flex-direction: row;
  margin-bottom: 80px;
}
.contact_enquire .form_wrapper .contact_enquire_form fieldset:last-of-type {
  margin-bottom: 40px;
}
.contact_enquire .form_wrapper .contact_enquire_form fieldset h5 {
  margin-bottom: var(--Ph);
}
.contact_enquire .form_wrapper .contact_enquire_form fieldset label {
  line-height: 30px;
}
.contact_enquire .form_wrapper .contact_enquire_form fieldset .form_number {
  width: 60px;
}
.contact_enquire .form_wrapper .contact_enquire_form fieldset .form_info {
  width: 100%;
}

form {
  margin-bottom: 80px;
}
form ::placeholder {
  color: var(--grey-50);
}
form input,
form select,
form textarea {
  width: 100%;
  padding: 5px;
  background-color: var(--grey-95);
}
form input.mbs,
form select.mbs,
form textarea.mbs {
  margin-bottom: var(--Ph);
}
form button {
  margin-left: 55px;
  width: calc(100% - 55px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: color 0.15s ease;
}
form button svg {
  width: 15px;
  height: 15px;
}
form button svg path {
  transition: stroke 0.15s ease;
}
form button:hover {
  color: var(--grey-70);
}
form button:hover svg path {
  stroke: var(--grey-70);
}

.service_holder {
  padding-top: 0;
  padding-bottom: 180px;
  row-gap: 20px;
}
.service_holder .services_number_holder {
  grid-column: 1/5;
  grid-row: span 6;
  position: relative;
  height: calc(100% + 200px);
}
.service_holder .services_number_holder:after {
  display: inline-block;
  content: "";
  width: 1px;
  height: calc(100% - 90px);
  background-color: var(--black);
  position: relative;
  left: 30px;
  top: 20px;
}
.service_holder .services_number_holder .services_number {
  position: sticky;
  top: 60px;
  background-color: var(--white);
  z-index: 1;
}
.service_holder:last-of-type .services_number_holder:after {
  display: none;
}

.services_heading {
  grid-column: 5/15;
  padding-top: 80px;
}
.services_heading h2 {
  padding-bottom: var(--Ph);
}

.services_service {
  background-color: var(--grey-95);
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--Pd) var(--Pm);
  padding-bottom: 0;
  transition: background-color 0.15s ease;
  position: relative;
  overflow: hidden;
}
.services_service .services_service_text {
  width: 90%;
}
.services_service .services_service_text h4 {
  padding-bottom: var(--Pm);
}
.services_service .aspectholder {
  width: calc(90% + 20px);
  aspect-ratio: 6/4;
  margin-left: -20px;
}
.services_service .aspectholder * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.services_service .aspectholder .img_caption {
  display: none;
}
.services_service .service_learn_more {
  position: absolute;
  bottom: 0;
  background-color: var(--accent);
  padding: var(--Ph) var(--Pm);
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: calc(90% - 20px);
  width: 415px;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.services_service:hover {
  background-color: var(--grey-90);
}
.services_service:hover .service_learn_more {
  transform: translateY(0);
}
.services_service:nth-of-type(2n + 1) {
  grid-column: 5/15;
}
.services_service:nth-of-type(2n + 2) {
  grid-column: 15/25;
}

.services_footer {
  margin-top: 80px;
  padding-top: 60px;
  background-color: var(--grey-95);
}
.services_footer .services_footer_left {
  grid-column: 1/9;
}
.services_footer .services_footer_left p {
  margin-bottom: var(--Pm);
}
.services_footer .services_footer_right {
  grid-column: 13/25;
}
.services_footer .services_footer_right .aspectholder {
  width: calc(100% + var(--Pm));
}
.services_footer .services_footer_right .aspectholder * {
  width: 100%;
  object-fit: cover;
}
.services_footer .services_footer_right .aspectholder .img_caption {
  display: none;
}

.service_nav_holder {
  position: fixed;
  top: 60px;
  left: 0;
  width: 550px;
  height: 56px;
  overflow: hidden;
  background-color: var(--grey-95);
  z-index: 51;
  cursor: pointer;
  transition: background-color 0.15s ease 0.5s;
  padding-bottom: 20px;
}
.service_nav_holder.active {
  background-color: var(--accent);
  transition: background-color 0s ease;
}
.service_nav_holder .service_nav_header {
  padding: var(--Pm);
  display: flex;
  flex-direction: row;
  transition: background-color 0.15s ease;
  padding-right: 80px;
}
.service_nav_holder .service_nav_header p:first-of-type {
  width: 250px;
}
.service_nav_holder .service_nav_header svg {
  position: absolute;
  top: 25px;
  right: var(--Pm);
  transform: rotate(45deg);
}
.service_nav_holder .service_nav {
  padding: var(--Pm);
  display: flex;
  flex-direction: row;
  opacity: 0;
}
.service_nav_holder .service_nav .service_btn_wrap {
  width: 250px;
  height: fit-content;
}
.service_nav_holder .service_nav .service_btn_wrap a {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: var(--Ph);
  width: fit-content;
  height: fit-content;
  color: var(--black);
  transition: color 0.15s ease;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.service_nav_holder .service_nav .service_btn_wrap svg {
  transform: rotate(180deg);
}
.service_nav_holder .service_nav .service_btn_wrap:hover a {
  opacity: 1;
}
.service_nav_holder .service_nav .service_nav_ul {
  display: flex;
  flex-direction: row;
}
.service_nav_holder .service_nav .service_nav_ul li {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.service_nav_holder .service_nav .service_nav_ul li:last-of-type .service_nav_li_head:after {
  display: none;
}
.service_nav_holder .service_nav .service_nav_ul li a {
  opacity: 0.5;
  transition: opacity 0.15s ease;
  width: fit-content;
}
.service_nav_holder .service_nav .service_nav_ul li a:hover, .service_nav_holder .service_nav .service_nav_ul li a.active {
  opacity: 1;
}
.service_nav_holder .service_nav .service_nav_ul li .service_nav_li_head {
  position: relative;
  width: 170px;
  color: var(--grey-50);
  transition: color 0.15s ease;
}
.service_nav_holder .service_nav .service_nav_ul li .service_nav_li_head:after {
  content: "";
  width: 60px;
  height: 1px;
  background-color: var(--black);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: var(--Pm);
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.service_nav_holder .service_nav .service_nav_ul li .service_nav_li_head.active, .service_nav_holder .service_nav .service_nav_ul li .service_nav_li_head:hover {
  color: var(--black);
}
.service_nav_holder .service_nav .service_nav_ul li .service_nav_li_head.active:after, .service_nav_holder .service_nav .service_nav_ul li .service_nav_li_head:hover:after {
  opacity: 1;
}

.service_page_topbar {
  padding-top: 185px;
  row-gap: 40px;
  margin-bottom: 130px;
}
.service_page_topbar .service_loaction {
  grid-column: 1/25;
  color: var(--grey-70);
}
.service_page_topbar .service_page_header,
.service_page_topbar .service_page_desc {
  grid-column: 13/23;
}
.service_page_topbar .service_subheading {
  color: var(--grey-70);
}
.service_page_topbar .service_subheading span:first-of-type {
  margin-right: var(--Pd);
}

.service_page_hero {
  width: calc(100% + var(--Pd));
  margin-left: -40px;
  margin-bottom: 60px;
}
.service_page_hero .aspectholder {
  aspect-ratio: 5/3;
  width: 100%;
}
.service_page_hero * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service_page_hero .img_caption {
  display: none;
}

.service_page_content {
  padding-bottom: 260px;
  min-height: 100vh;
  height: 100%;
  position: relative;
}
.service_page_content .pin-spacer {
  padding: 0 !important;
  height: 100% !important;
}
.service_page_content .popup_wrapper {
  height: 100% !important;
  height: 100% !important;
  z-index: 50;
}
.service_page_content .sector_popup_wrapper {
  width: 60px;
  position: absolute;
  right: 20px;
}
.service_page_content .sector_popup_wrapper .popup {
  background-color: var(--grey-90);
}
.service_page_content .popup_content_right ul li {
  position: relative;
  padding-left: var(--Pd);
  margin-bottom: var(--Pd);
}
.service_page_content .popup_content_right ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 200px;
  border: 1px solid var(--black);
}
.service_page_content .popup_content_right ul li:after {
  content: "";
  position: absolute;
  left: 8.5px;
  top: 20px;
  width: 1px;
  height: calc(100% + 22px);
  background-color: var(--black);
}
.service_page_content .popup_content_right ul li:last-of-type:after {
  display: none;
}
.service_page_content .popup_content_right p {
  padding-bottom: var(--Pm);
}
.service_page_content .popup_content_right details:last-of-type {
  margin-bottom: var(--Pd);
}
.service_page_content p.service_page_p:first-of-type {
  grid-column: 1/11;
  margin-bottom: 260px;
}
.service_page_content p.service_page_p:last-of-type {
  grid-column: 13/22;
  margin-bottom: 260px;
  padding-top: 5px;
}
.service_page_content .media_block,
.service_page_content .double-media_block {
  grid-column: 1/25;
  padding: 0;
  margin-bottom: var(--Pm);
  position: relative;
}
.service_page_content .media_block .aspectholder.portrait,
.service_page_content .double-media_block .aspectholder.portrait {
  aspect-ratio: 4/5;
  position: relative;
}
.service_page_content .media_block .aspectholder.portrait img,
.service_page_content .double-media_block .aspectholder.portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service_page_content .media_block .aspectholder.landscape,
.service_page_content .double-media_block .aspectholder.landscape {
  aspect-ratio: 6/4;
  position: relative;
}
.service_page_content .media_block .aspectholder.landscape img,
.service_page_content .double-media_block .aspectholder.landscape img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aspectholder {
  position: relative;
}

.img_caption {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 90%;
  width: 415px;
  max-width: 450px;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: var(--accent);
  padding: var(--Ph);
  overflow: hidden;
}
.img_caption .img_caption_trigger {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.img_caption svg {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px !important;
  height: fit-content;
}
.img_caption span {
  opacity: 1;
  height: fit-content;
  width: 95%;
}

.sectors_pages {
  margin-bottom: 60px;
  min-height: calc(100vh - 240px);
}

.sectors_list {
  grid-column: 1/15;
  margin-left: -20px;
  width: calc(100% + 20px);
}
.sectors_list .sectors_list_sector {
  width: 100%;
  min-height: 200px;
}
.sectors_list .sectors_list_sector a {
  width: 100%;
  min-height: 200px;
  padding: var(--Pm);
  transition: background-color 0.15s ease;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.sectors_list .sectors_list_sector a .aspectholder {
  display: none;
}
.sectors_list .sectors_list_sector a .sectors_learnmore {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: var(--Ph);
  padding-left: var(--Pm);
  background-color: var(--accent);
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transform: translateY(100%);
  transition: transform 0.3s ease;
}
.sectors_list .sectors_list_sector a:hover {
  background-color: var(--grey-95);
}
.sectors_list .sectors_list_sector a:hover .sectors_learnmore {
  transform: translateY(0);
}
.sectors_list .sectors_list_sector a h5 {
  width: 50%;
  margin-bottom: 10px;
}
.sectors_list .sectors_list_sector a p {
  width: 50%;
}

.sectors_pages .sectors_list_imgs {
  grid-column: 18/25;
  position: relative;
  width: calc(100% + 20px);
  padding: 0 !important;
  height: auto !important;
}
.sectors_pages .sectors_list_imgs ul {
  width: calc(100% + 20px);
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.sectors_pages .sectors_list_imgs .sectors_list_img {
  position: relative;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.sectors_pages .sectors_list_imgs .sectors_list_img.active {
  opacity: 1;
}
.sectors_pages .sectors_list_imgs .sectors_list_img .aspectholder {
  top: 0;
  right: 0;
  position: absolute;
  height: 60vh;
  aspect-ratio: 4/5;
}
.sectors_pages .sectors_list_imgs .sectors_list_img .aspectholder .img_caption {
  display: none;
}
.sectors_pages .sectors_list_imgs .sectors_list_img .aspectholder * {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sector_nav_holder .service_nav {
  width: max-content;
}
.sector_nav_holder .service_nav .service_btn_wrap a {
  width: 250px;
}

.sector_popup_wrapper {
  width: 60px;
  position: absolute;
  height: 100%;
  right: 20px;
}
.sector_popup_wrapper .popup {
  background-color: var(--grey-90);
}

.sector_nav_ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(min-content, max-content);
  row-gap: 2px;
  width: 100%;
  column-gap: var(--Pd);
  height: 100px;
}
.sector_nav_ul li {
  width: fit-content;
}
.sector_nav_ul li a {
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.sector_nav_ul li a:hover, .sector_nav_ul li a.active {
  opacity: 1;
}

.service_page_content.sector .sector_popup_wrapper .popup {
  background-color: var(--grey-95);
}

.sector_services {
  margin-bottom: 60px;
  padding-top: 60px;
}
.sector_services .sector_services_left {
  grid-column: 1/9;
}
.sector_services .sector_services_left h4 {
  margin-bottom: var(--Pm);
}
.sector_services .swiper {
  width: calc(100% + 20px);
  height: 100%;
  grid-column: 9/25;
  margin: 0;
  z-index: 0;
  padding-right: 20px;
}
.sector_services .swiper .swiper-slide:first-of-type {
  margin-left: 0;
}
.sector_services.projects {
  background-color: var(--grey-95);
  padding-top: 60px;
  padding-bottom: 60px;
  margin-bottom: 0;
}
.sector_services .services_service {
  aspect-ratio: unset;
}
.sector_services .services_service .services_service_text {
  margin-bottom: var(--Pm);
}

.terms_section:last-of-type {
  margin-bottom: 100px;
}
.terms_section h2 {
  grid-column: 5/13;
  margin-bottom: var(--Pt);
}
.terms_section .terms_section_item {
  grid-column: 13/23;
  margin-bottom: var(--Pt);
}
.terms_section .terms_section_item h4 {
  color: var(--grey-50);
  margin-bottom: 5px;
}
.terms_section .terms_section_item p {
  margin-bottom: 20px;
}
.terms_section ul li {
  display: flex;
  flex-direction: row;
  position: relative;
  padding-left: 20px;
  margin-left: 0;
  padding-bottom: 5px;
}
.terms_section ul li::before {
  content: "";
  height: 5px;
  width: 5px;
  position: absolute;
  top: 7px;
  left: 0;
  background-color: var(--black);
  margin-right: var(--Pm);
}

.search_topbar {
  margin-top: 100px;
  row-gap: 0;
}
.search_topbar h2, .search_topbar h3 {
  grid-column: 1/25;
}

.search-results:first-of-type {
  margin-top: 200px;
}

.search-results {
  padding-bottom: 180px;
}
.search-results .search-results-title {
  grid-column: 1/9;
}
.search-results .search-results-title .btn_wrap {
  margin-top: 10px;
}
.search-results .search-results-list {
  grid-column: 9/25;
  overflow: hidden;
  width: calc(100% + var(--Pm));
  padding-right: var(--Pm);
}
.search-results .search-results-list li {
  grid-column: span 6;
}

.logo-carousel_block {
  row-gap: 4px;
  padding-inline: 0px;
  padding-block: 60px;
  background-color: var(--grey-95);
}
.logo-carousel_block .heading {
  grid-column: 1/10;
  padding-inline: var(--Pg);
  padding-bottom: 54px;
}
.logo-carousel_block .slideshow {
  overflow: hidden;
  grid-column: 1/-1;
}
.logo-carousel_block .slideshow .slide {
  width: 16.6vw;
  aspect-ratio: 1.8;
  margin-right: 4px;
  background-color: var(--grey-90);
  position: relative;
}
.logo-carousel_block .slideshow .slide .svg-container {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  opacity: 0;
}
.logo-carousel_block .slideshow .slide .aspectholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 60px;
  padding-block: 20px;
}
.logo-carousel_block .slideshow .slide .aspectholder * {
  object-fit: contain;
  height: 100%;
}
@media (hover: hover) and (pointer: fine) {
  .logo-carousel_block .slideshow .slide.with-link:hover {
    opacity: 0.5;
  }
  .logo-carousel_block .slideshow .slide.with-link:hover .svg-container {
    opacity: 1;
  }
}

.bg-FFFFFF .slide {
  background-color: #FFFFFF !important;
}

.bg-EDFF00 .slide {
  background-color: #EDFF00 !important;
}

.bg-333333 .slide {
  background-color: #333333 !important;
}

.bg-808080 .slide {
  background-color: #808080 !important;
}

.bg-D9D9D9 .slide {
  background-color: #D9D9D9 !important;
}

.bg-E6E6E6 .slide {
  background-color: #E6E6E6 !important;
}

.bg-F2F2F2 .slide {
  background-color: #F2F2F2 !important;
}

.partner-carousel_block {
  row-gap: 4px;
  padding-inline: 0px;
  padding-block: 60px;
  background-color: var(--grey-95);
}
.partner-carousel_block .partner-grid {
  padding-inline: var(--Pg);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column: 1/-1;
}
.partner-carousel_block .partner-grid .partner {
  aspect-ratio: 1.8;
  position: relative;
}
.partner-carousel_block .partner-grid .partner .aspectholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 60px;
  padding-block: 20px;
}
.partner-carousel_block .partner-grid .partner .aspectholder * {
  object-fit: contain;
  height: 100%;
}
.partner-carousel_block .slideshow {
  display: none;
  overflow: hidden;
  grid-column: 1/-1;
}
.partner-carousel_block .slideshow .slide {
  width: 30vw;
  aspect-ratio: 1.8;
  margin-right: 4px;
  position: relative;
}
.partner-carousel_block .slideshow .slide .aspectholder {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 60px;
  padding-block: 20px;
}
.partner-carousel_block .slideshow .slide .aspectholder * {
  object-fit: contain;
  height: 100%;
}