/*
  Theme Name: Y.Projects
  Author URI: http://thedesignersdeveloper.com
  Description: Y.Projects: Design by Lone Studio Development by The Designers Developer
  Version: 1.0
  Author: Lone Studio & The Designers Developer
*/
/*  ==========================================================================
		Fonts
		========================================================================== */
/*  ==============
		Font Sizes in mixins.scss
		===============*/
/*  ==========================================================================
		Colors
		========================================================================== */
/*  ==========================================================================
		Wrap & page setups width
		========================================================================== */
/*  ==========================================================================
		Break Points
		========================================================================== */
/*********************
BREAKPOINTS
*********************/
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;
  transition: font-size 0.35s ease;
}

/* ===============================================
		Flexbox Firefox fix
===============================================	*/
* {
  min-height: 0;
  min-width: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, main, nav, section, cite {
  display: block;
}

html {
  height: 100%;
}

body {
  line-height: 1;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: none;
}

.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading ul, .wf-loading li, .wf-loading a, .wf-loading p {
  visibility: hidden;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active ul, .wf-active li, .wf-active a, .wf-active p {
  visibility: visible;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

cite {
  display: block;
}

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

.group:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.group {
  display: inline-block;
}

/* start commented backslash hack \*/
* html .group {
  height: 1%;
}

.group {
  display: block;
}

/* close commented backslash hack */
img {
  max-width: 100%;
  vertical-align: bottom;
}

a:focus {
  outline-width: 0;
}

/* Width + Padding = element width */
*,
*:after,
*:before {
  box-sizing: border-box;
}

a[href^=tel] {
  text-decoration: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  color: #345C55;
}

/* ===============================================
		Button Reset
===============================================	*/
button {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-spacing: 0;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  color: #345C55;
  font-weight: normal;
  line-height: auto;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button:focus {
  outline: 0;
}

/* ===============================================
 		Restore Google Maps Images
 ===============================================	*/
.google-maps-link {
  max-width: 100%;
}

.gmnoprint img {
  max-width: none;
  z-index: 9999;
}

/* Global Styles */
body {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  background: none;
  color: #345C55;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

/* For sticking the footer to page bottom */
.container {
  min-height: 100%;
}

/* Headings */
h1 {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  h1 {
    font-size: 16px;
    line-height: 20px;
  }
}

/* Default paragraph */
p {
  color: #345C55;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  p {
    font-size: 9px;
    line-height: 11px;
  }
}
p + p {
  padding-top: 0.7em;
}

.button_custom {
  color: #345C55;
  border: 1px solid #345C55;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
  display: inline-block;
  transition: all 0.25s ease;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .button_custom {
    font-size: 13px;
    line-height: 13px;
    padding: 10px 15px 10px 15px;
  }
}
.button_custom:hover {
  transition: all 0.25s ease;
  color: #F7F3EC;
  background-color: #345C55;
  border: 1px solid #345C55;
}

.button_custom_large {
  color: #345C55;
  border: 1px solid #345C55;
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 27px;
  line-height: 30px;
  padding: 10px 20px 10px 20px;
  border-radius: 25px;
  display: inline-block;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .button_custom_large {
    font-size: 22px;
    line-height: 24px;
    padding: 10px 15px 10px 15px;
  }
}
.button_custom_large:hover {
  transition: all 0.25s ease;
  color: #F7F3EC;
  background-color: #345C55;
  border: 1px solid #345C55;
}

a {
  text-decoration: none;
  color: #345C55;
}

/* Stops buttons being differant heights across browsers. Also removes the strange gap between inline-block elements. */
ul {
  font-size: 0px;
}
ul li {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 19px;
  color: #345C55;
}
@media (max-width: 1150px) {
  ul li {
    font-size: 14px;
    line-height: 18px;
  }
}

.page_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  /* 	max-width: $page-width; */ /* This will letterbox the website */
  background-color: #F7F3EC;
}

.content_wrap {
  position: relative;
  width: 960px;
  height: 100%;
  margin: 0 auto;
  background: none;
}
@media (max-width: 990px) {
  .content_wrap {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 595.98px) {
  .content_wrap {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
}

/* Global Padding Top Values */
.padding_top_modules {
  background: #F7F3EC;
  position: relative;
  z-index: 3;
  width: 100%;
  padding-top: 118px;
}
@media (max-width: 1150px) {
  .padding_top_modules {
    padding-top: 75px;
  }
}
.padding_top_modules.white_background_color {
  background-color: #F7F3EC;
}
.padding_top_modules.beige_background_color {
  background-color: #E7D5B6;
}
.padding_top_modules.green_background_color {
  background-color: #BEB89E;
}

.error-page {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1150px) {
  .error-page {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.error-page a {
  text-decoration: underline;
}

/********************* Build Rulers - comment out in theme.liquid to hide *********************/
.ruler_center {
  position: fixed;
  width: 1px;
  top: 0px;
  left: 50%;
  height: 100vh;
  background: rgba(255, 0, 0, 0.2);
  z-index: 1000;
}

.ruler_left {
  position: fixed;
  width: 1px;
  top: 0px;
  left: 15px;
  height: 100vh;
  background: rgba(0, 0, 255, 0.2);
  z-index: 1000;
}
@media (max-width: 1150px) {
  .ruler_left {
    left: 10px;
  }
}

.ruler_right {
  position: fixed;
  width: 1px;
  top: 0px;
  right: 15px;
  height: 100vh;
  background: rgba(0, 0, 255, 0.2);
  z-index: 1000;
}
@media (max-width: 1150px) {
  .ruler_right {
    right: 10px;
  }
}

.ruler_page_width {
  position: fixed;
  width: 1px;
  top: 0px;
  left: 1440px;
  height: 100vh;
  background: rgba(0, 128, 0, 0.2);
  z-index: 1000;
}

/*  ==========================================================================
		FONTS	
		========================================================================== */
@font-face {
  font-family: "APK-Sveriga-City-Light";
  src: url("fonts/APK-Sveriga-City-Light.woff2") format("woff2"), url("fonts/APK-Sveriga-City-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "APK-Sveriga-City-Medium";
  src: url("fonts/APK-Sveriga-City-Medium.woff2") format("woff2"), url("fonts/APK-Sveriga-City-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "APK-Sveriga-City-Bold";
  src: url("fonts/APK-Sveriga-City-Bold.woff2") format("woff2"), url("fonts/APK-Sveriga-City-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Vulf_Mono-Light_Italic_web";
  src: url("fonts/Vulf_Mono-Light_Italic_web.woff2") format("woff2"), url("fonts/Vulf_Mono-Light_Italic_web.woff") format("woff"), url("fonts/Vulf_Mono-Light_Italic_web.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*  ==========================================================================
	<svg class="logo_header" viewBox="0 0 284 34"><use xlink:href="#logo_header"></use></svg>
	<svg class="logo_footer" viewBox="0 0 1416 169"><use xlink:href="#logo_footer"></use></svg>


	<svg class="logo_intro_y" viewBox="0 0 107 92"><use xlink:href="#logo_intro_y"></use></svg>
	<svg class="logo_intro_projects" viewBox="0 0 664 92"><use xlink:href="#logo_intro_projects"></use></svg>
	<svg class="home_intro_icon" viewBox="0 0 133 46"><use xlink:href="#home_intro_icon"></use></svg>

	<svg class="icon_left_arrow" viewBox="0 0 32 30"><use xlink:href="#icon_left_arrow"></use></svg>
	<svg class="icon_right_arrow" viewBox="0 0 32 30"><use xlink:href="#icon_right_arrow"></use></svg>

========================================================================== */
/*  ==========================================================================
		SVG individual file CSS.	
========================================================================== */
.logo_header {
  width: 100%;
  height: auto;
  fill: #345C55;
}

.logo_intro_y {
  width: 100%;
  height: auto;
  fill: #FFF;
}

.logo_intro_projects {
  width: 100%;
  height: auto;
  fill: #FFF;
}

.home_intro_icon {
  width: 100%;
  height: auto;
  fill: red;
}

.logo_footer {
  width: 100%;
  height: auto;
  fill: #345C55;
}

.icon_left_arrow {
  width: 32px;
  height: auto;
  fill: #345C55;
}

.icon_right_arrow {
  width: 32px;
  height: auto;
  fill: #345C55;
}

.js_animate_fade_in {
  opacity: 0;
}

.js_animate_fade_in.animate_in {
  opacity: 1;
  transition: opacity 2s ease;
}

.sub_page_padding {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  width: 100%;
  height: 185px;
}
@media (max-width: 1150px) {
  .sub_page_padding {
    height: 86px;
  }
}

.navigation_visible_background {
  z-index: 996;
  position: fixed;
  top: 0px;
  height: 63px;
  width: 100%;
}
@media (max-width: 1150px) {
  .navigation_visible_background {
    height: 34px;
  }
}

.navigation_visible_content {
  z-index: 997;
  position: fixed;
  top: 0px;
  height: 63px;
  width: 100%;
  padding-top: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .navigation_visible_content {
    height: 34px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.navigation_visible_content .menu_side button, .navigation_visible_content .contact_side button {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-size: 17px;
}
@media (max-width: 1150px) {
  .navigation_visible_content .menu_side button, .navigation_visible_content .contact_side button {
    font-size: 13px;
  }
}
.navigation_visible_content .menu_side {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.navigation_visible_content .menu_side button {
  position: relative;
}
@media (max-width: 1150px) {
  .navigation_visible_content .menu_side button {
    font-size: 15px;
  }
}
.navigation_visible_content .menu_side button svg {
  position: absolute;
  right: auto;
  bottom: 2px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .navigation_visible_content .menu_side button svg {
    width: 10px;
  }
}
.navigation_visible_content .menu_side button:hover svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}
.navigation_visible_content .logo_center {
  display: flex;
  justify-content: center;
  flex: 0 0 auto;
  width: 19.74%;
  max-width: 284px;
}
@media (max-width: 1150px) {
  .navigation_visible_content .logo_center {
    width: 100%;
    max-width: 134px;
  }
}
.navigation_visible_content .logo_center a {
  text-align: center;
}
.navigation_visible_content .logo_center a svg {
  width: 100%;
  max-width: 284px;
}
.navigation_visible_content .contact_side {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.navigation_visible_content .contact_side h3 button {
  position: relative;
}
@media (max-width: 1150px) {
  .navigation_visible_content .contact_side h3 button {
    font-size: 15px;
  }
}
.navigation_visible_content .contact_side h3 button svg {
  position: absolute;
  left: -17px;
  bottom: 2px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .navigation_visible_content .contact_side h3 button svg {
    width: 10px;
    bottom: 3px;
  }
}
.navigation_visible_content .contact_side h3 button:hover svg {
  transition: all 0.25s ease;
  transform: translateX(-3px);
}

.home .js_home_hidden {
  opacity: 0;
  transition: opacity 0.25s ease;
}
.home .js_home_visible {
  opacity: 1;
}

.navigation_visible_background.js_solid_background_color {
  background-color: #F7F3EC;
  border-bottom: 1px solid #345C55;
  transition: opacity 0.5s ease;
}

.navigation_overlay {
  position: fixed;
  z-index: 998;
  width: 80%;
  max-width: 926px;
  background-color: #c5ced8;
  color: #345C55;
  height: 100vh;
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  transform: translateX(-100%);
  transition: transform 0.5s ease;
}
@media (max-width: 1150px) {
  .navigation_overlay {
    width: 100%;
    max-width: 100%;
  }
}
.navigation_overlay.js_overlay_visible {
  transform: translateX(0);
}
.navigation_overlay .inner_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
.navigation_overlay .inner_container .header {
  padding-top: 23px;
  padding-left: 15px;
  padding-bottom: 75px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .header {
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 33px;
  }
}
.navigation_overlay .inner_container .header button {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-size: 17px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .header button {
    font-size: 15px;
  }
}
.navigation_overlay .inner_container .header button:hover {
  color: #F7F3EC;
}
.navigation_overlay .inner_container .navigation {
  overflow-y: auto;
  scrollbar-width: auto; /* Firefox */
  -ms-overflow-style: auto; /* Edge/IE */
  /* Force scrollbar visibility in Webkit browsers (Chrome, Safari, iOS) */
}
.navigation_overlay .inner_container .navigation::-webkit-scrollbar {
  width: 12px; /* Vertical scrollbar width */
  -webkit-appearance: none; /* Override iOS default scrollbar style */
}
.navigation_overlay .inner_container .navigation::-webkit-scrollbar-track {
  background: #E7D5B6; /* Track color */
}
.navigation_overlay .inner_container .navigation::-webkit-scrollbar-thumb {
  background: #345C55; /* Scrollbar handle color */
  border-radius: 6px;
}
.navigation_overlay .inner_container .navigation::-webkit-scrollbar-thumb:hover {
  background: #345C55; /* Hover color */
}
.navigation_overlay .inner_container .navigation nav {
  position: relative;
  z-index: 999;
  background-color: #c5ced8;
}
.navigation_overlay .inner_container .navigation nav ul li {
  padding-top: 25px;
  padding-bottom: 30px;
  border-top: 1px solid #345C55;
}
.navigation_overlay .inner_container .navigation nav ul li a {
  padding-left: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .navigation nav ul li a {
    padding-left: 10px;
  }
}
.navigation_overlay .inner_container .navigation nav ul li a .nav_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-size: 58px;
  line-height: 58px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .navigation nav ul li a .nav_title {
    font-size: 32px;
    line-height: 32px;
  }
}
.navigation_overlay .inner_container .navigation nav ul li a .nav_text {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  max-width: 365px;
  opacity: 0;
  transition: opacity 0.5s ease;
  padding-right: 50px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .navigation nav ul li a .nav_text {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .navigation nav ul li a .nav_text {
    display: none;
  }
}
.navigation_overlay .inner_container .navigation nav ul li a:hover {
  color: #F7F3EC;
}
.navigation_overlay .inner_container .navigation nav ul li a:hover .nav_text {
  color: #345C55;
  opacity: 1;
  transition: opacity 0.5s ease;
}
.navigation_overlay .inner_container .footer {
  margin-top: auto;
  padding-bottom: 15px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .footer {
    padding-bottom: 5px;
  }
}
.navigation_overlay .inner_container .footer .scroll_container {
  padding-top: 20px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .footer .scroll_container {
    padding-top: 10px;
  }
}
.navigation_overlay .inner_container .footer .scroll_container .scroll_inner {
  align-items: center;
  display: flex;
  width: max-content;
  position: relative;
  left: 0;
  gap: 20px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .footer .scroll_container .scroll_inner {
    gap: 10px;
  }
}
.navigation_overlay .inner_container .footer .scroll_container .scroll_inner li {
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;
}
.navigation_overlay .inner_container .footer .scroll_container .scroll_inner li:nth-of-type(odd) {
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-size: 25px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .footer .scroll_container .scroll_inner li:nth-of-type(odd) {
    font-size: 15px;
  }
}
.navigation_overlay .inner_container .footer .scroll_container .scroll_inner li:nth-of-type(even) {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-size: 24px;
}
@media (max-width: 1150px) {
  .navigation_overlay .inner_container .footer .scroll_container .scroll_inner li:nth-of-type(even) {
    font-size: 14px;
  }
}

.form_modal {
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 998;
  width: 100%;
  background-color: #E7D5B6;
  color: #345C55;
  height: auto;
  min-height: 44.24vw;
  transform: translateY(100%);
  transition: transform 0.5s ease;
}
@media (max-width: 1150px) {
  .form_modal {
    height: 100vh;
    height: 100dvh;
  }
}
.form_modal.js_modal_visible {
  transform: translateY(0);
}
.form_modal .inner_container {
  padding: 0px 15px 40px 15px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 1150px) {
  .form_modal .inner_container {
    display: block;
    padding: 15px 10px 15px 10px;
  }
}
.form_modal .inner_container .close_column {
  -webkit-box-flex: 1 12.76%;
  -moz-box-flex: 1 12.76%;
  -webkit-flex: 1 12.76%;
  -ms-flex: 1 12.76%;
  flex: 1 12.76%;
  max-width: 12.76%;
  padding-top: 30px;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .close_column {
    padding-top: 0px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 45px;
  }
}
.form_modal .inner_container .close_column button {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .close_column button {
    font-size: 15px;
  }
}
.form_modal .inner_container .text_column {
  -webkit-box-flex: 1 37.87%;
  -moz-box-flex: 1 37.87%;
  -webkit-flex: 1 37.87%;
  -ms-flex: 1 37.87%;
  flex: 1 37.87%;
  max-width: 37.87%;
  padding-top: 30px;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .text_column {
    padding-top: 0px;
    width: 100%;
    max-width: 100%;
    padding-bottom: 45px;
  }
}
.form_modal .inner_container .text_column .text {
  max-width: 340px;
}
.form_modal .inner_container .text_column p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .text_column p {
    font-size: 12px;
    line-height: 16px;
  }
}
.form_modal .inner_container .form_column {
  -webkit-box-flex: 1 49.37%;
  -moz-box-flex: 1 49.37%;
  -webkit-flex: 1 49.37%;
  -ms-flex: 1 49.37%;
  flex: 1 49.37%;
  max-width: 49.37%;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .form_column {
    width: 100%;
    max-width: 100%;
  }
}
.form_modal .inner_container .form_column .form_width {
  max-width: 517px;
}
.form_modal .inner_container .form_column .form_width .desktop {
  display: block;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .form_column .form_width .desktop {
    display: none;
  }
}
.form_modal .inner_container .form_column .form_width .mobile {
  display: none;
}
@media (max-width: 1150px) {
  .form_modal .inner_container .form_column .form_width .mobile {
    display: block;
  }
}

.footer_relative_push {
  z-index: 1;
  position: relative;
  width: 100%;
  height: 44.24vw;
  background-color: #E7D5B6;
  opacity: 0;
}
@media (max-width: 767px) {
  .footer_relative_push {
    min-height: 497px;
  }
}

.website_footer {
  position: fixed;
  z-index: 1;
  bottom: 0px;
  width: 100%;
  height: 44.24vw;
  background-color: #E7D5B6;
  opacity: 0;
}
@media (max-width: 767px) {
  .website_footer {
    min-height: 497px;
  }
}

.website_footer .scroll_container {
  padding-top: 20px;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .website_footer .scroll_container {
    padding-top: 10px;
  }
}
.website_footer .scroll_container .scroll_inner {
  align-items: center;
  display: flex;
  width: max-content;
  position: relative;
  left: 0;
  gap: 20px;
}
@media (max-width: 767px) {
  .website_footer .scroll_container .scroll_inner {
    gap: 10px;
  }
}
.website_footer .scroll_container .scroll_inner li {
  display: flex;
  flex-shrink: 0;
  white-space: nowrap;
}
.website_footer .scroll_container .scroll_inner li:nth-of-type(odd) {
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-size: 25px;
  transform: translateY(-1px);
}
@media (max-width: 767px) {
  .website_footer .scroll_container .scroll_inner li:nth-of-type(odd) {
    transform: translateY(0px);
    font-size: 15px;
  }
}
.website_footer .scroll_container .scroll_inner li:nth-of-type(even) {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-size: 24px;
}
@media (max-width: 767px) {
  .website_footer .scroll_container .scroll_inner li:nth-of-type(even) {
    font-size: 14px;
  }
}

.website_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.website_footer .footer_contact_desktop {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .website_footer .footer_contact_desktop {
    display: none;
  }
}
.website_footer .footer_contact_desktop .flex_item {
  display: flex;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.website_footer .footer_contact_desktop .flex_item li {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_contact_desktop .flex_item li {
    font-size: 12px;
    line-height: 16px;
  }
}
.website_footer .footer_contact_desktop .flex_item li a {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_contact_desktop .flex_item li a {
    font-size: 12px;
    line-height: 16px;
  }
}
.website_footer .footer_contact_mobile {
  display: none;
}
@media (max-width: 767px) {
  .website_footer .footer_contact_mobile {
    display: flex;
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-bottom: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 90px;
  }
}
.website_footer .footer_contact_mobile .flexbox_container {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 23px;
}
.website_footer .footer_contact_mobile .flexbox_container .flex_item {
  -webkit-box-flex: 1 50%;
  -moz-box-flex: 1 50%;
  -webkit-flex: 1 50%;
  -ms-flex: 1 50%;
  flex: 1 50%;
  max-width: 50%;
  padding-left: 8px;
  border-left: 1px solid #345C55;
  padding-bottom: 36px;
  padding-right: 10px;
}
.website_footer .footer_contact_mobile .flexbox_container .flex_item li:first-of-type {
  padding-bottom: 9px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_contact_mobile .flexbox_container .flex_item li:first-of-type {
    font-size: 12px;
    line-height: 16px;
  }
}
.website_footer .footer_contact_mobile .flexbox_container .flex_item li:last-of-type a {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 27px;
  line-height: 30px;
}
@media (max-width: 1150px) {
  .website_footer .footer_contact_mobile .flexbox_container .flex_item li:last-of-type a {
    font-size: 15px;
    line-height: 16px;
  }
}
.website_footer .footer_contact_mobile .copyright {
  padding-top: 70px;
}
.website_footer .footer_contact_mobile .copyright ul li {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_contact_mobile .copyright ul li {
    font-size: 12px;
    line-height: 16px;
  }
}
.website_footer .footer_contact_mobile .copyright ul li a {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_contact_mobile .copyright ul li a {
    font-size: 12px;
    line-height: 16px;
  }
}
.website_footer .footer_logo {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_logo {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.website_footer .footer_logo p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-size: 9px;
  padding-top: 35px;
  padding-bottom: 20px;
}
@media (max-width: 1150px) {
  .website_footer .footer_logo p {
    font-size: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.website_footer .login_logout {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media (max-width: 1150px) {
  .website_footer .login_logout {
    right: 10px;
    bottom: 10px;
  }
}
.website_footer .login_logout a {
  font-size: 12px;
  color: #E7D5B6;
}
.website_footer .login_logout a:hover {
  color: #345C55;
}

.sr_only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home_intro_relative_container {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 100vh;
}

.home_intro_fixed_container {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 100%;
  min-height: 100vh;
  background-color: #BEB89E;
}
.home_intro_fixed_container .center_container {
  width: 100%;
  margin: 0 auto;
  padding-top: 90px;
  padding-bottom: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container {
    padding-top: 122px;
  }
}
@media (max-width: 767px) {
  .home_intro_fixed_container .center_container {
    padding-top: 90px;
  }
}
.home_intro_fixed_container .center_container .logo_container {
  z-index: 4;
}
.home_intro_fixed_container .center_container .logo_container .logo_width {
  max-width: 770px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.home_intro_fixed_container .center_container .logo_container .logo_width .logo_intro_y {
  width: 107px;
  transform: translateX(331px);
  transition: transform 0.5s ease;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .logo_container .logo_width .logo_intro_y {
    transform: translateX(160px);
    width: 51px;
  }
}
.home_intro_fixed_container .center_container .logo_container .logo_width .logo_intro_y.js_translated {
  transform: translateX(0px);
}
.home_intro_fixed_container .center_container .logo_container .logo_width .logo_intro_projects {
  width: 664px;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .logo_container .logo_width .logo_intro_projects {
    width: 318px;
  }
}
.home_intro_fixed_container .center_container .logo_container .logo_width .logo_intro_projects.js_visible {
  opacity: 1;
}
.home_intro_fixed_container .center_container .image_container {
  z-index: 3;
  margin-top: -25px;
  width: 60vh;
  max-width: 850px;
  text-align: center;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .image_container {
    margin-top: -15px;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
  }
}
.home_intro_fixed_container .center_container .image_container img {
  width: 100%;
}
.home_intro_fixed_container .center_container .image_container .desktop {
  display: block;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .image_container .desktop {
    display: none;
  }
}
.home_intro_fixed_container .center_container .image_container .mobile {
  display: none;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .image_container .mobile {
    display: block;
  }
}
.home_intro_fixed_container .center_container .icon_container {
  position: relative;
  margin-top: -85px;
  z-index: 4;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .icon_container {
    margin-top: 0px;
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .home_intro_fixed_container .center_container .icon_container {
    margin-top: 0px;
    padding-top: 40px;
  }
}
.home_intro_fixed_container .center_container .icon_container svg {
  fill: #F7F3EC;
  max-width: 132px;
}
@media (max-width: 1150px) {
  .home_intro_fixed_container .center_container .icon_container svg {
    max-width: 102px;
    fill: #345C55;
  }
}

.page_contact_details_container {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .page_contact_details_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.page_contact_details_container .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-top: 90px;
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container {
    flex-wrap: wrap;
    padding-top: 70px;
    row-gap: 23px;
  }
}
.page_contact_details_container .flexbox_container .flex_item {
  -webkit-box-flex: 1 25%;
  -moz-box-flex: 1 25%;
  -webkit-flex: 1 25%;
  -ms-flex: 1 25%;
  flex: 1 25%;
  max-width: 25%;
  padding-left: 15px;
  border-left: 1px solid #345C55;
  padding-bottom: 130px;
  padding-right: 10px;
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container .flex_item {
    -webkit-box-flex: 1 50%;
    -moz-box-flex: 1 50%;
    -webkit-flex: 1 50%;
    -ms-flex: 1 50%;
    flex: 1 50%;
    max-width: 50%;
    padding-left: 8px;
    padding-bottom: 35px;
  }
}
.page_contact_details_container .flexbox_container .flex_item h2 {
  padding-bottom: 25px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container .flex_item h2 {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container .flex_item h2 {
    padding-bottom: 10px;
  }
}
.page_contact_details_container .flexbox_container .flex_item a {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 27px;
  line-height: 30px;
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container .flex_item a {
    font-size: 15px;
    line-height: 16px;
  }
}
.page_contact_details_container .flexbox_container .flex_item a svg {
  margin-left: 3px;
  width: 19px;
  transform: rotate(90deg);
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container .flex_item a svg {
    width: 12px;
  }
}
.page_contact_details_container .flexbox_container .flex_item a:hover svg {
  margin-bottom: 4px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .page_contact_details_container .flexbox_container .flex_item a:hover svg {
    margin-bottom: 1px;
  }
}

.page_contact_form_container {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .page_contact_form_container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.page_contact_form_container .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  padding-bottom: 80px;
}
@media (max-width: 1150px) {
  .page_contact_form_container .flexbox_container {
    display: block;
    padding-bottom: 55px;
  }
}
.page_contact_form_container .flexbox_container .text_container {
  -webkit-box-flex: 1 24.89%;
  -moz-box-flex: 1 24.89%;
  -webkit-flex: 1 24.89%;
  -ms-flex: 1 24.89%;
  flex: 1 24.89%;
  max-width: 24.89%;
  padding-right: 3.9%;
  padding-top: 25px;
}
@media (max-width: 1150px) {
  .page_contact_form_container .flexbox_container .text_container {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-bottom: 65px;
    padding-top: 0px;
  }
}
.page_contact_form_container .flexbox_container .text_container p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .page_contact_form_container .flexbox_container .text_container p {
    font-size: 12px;
    line-height: 16px;
  }
}
.page_contact_form_container .flexbox_container .form_container {
  -webkit-box-flex: 1 75.11%;
  -moz-box-flex: 1 75.11%;
  -webkit-flex: 1 75.11%;
  -ms-flex: 1 75.11%;
  flex: 1 75.11%;
  max-width: 75.11%;
}
@media (max-width: 1150px) {
  .page_contact_form_container .flexbox_container .form_container {
    width: 100%;
    max-width: 100%;
  }
}
.page_contact_form_container .flexbox_container .form_container .form_width {
  max-width: 517px;
}
.page_contact_form_container .flexbox_container .form_container .form_width .desktop {
  display: block;
}
@media (max-width: 1150px) {
  .page_contact_form_container .flexbox_container .form_container .form_width .desktop {
    display: none;
  }
}
.page_contact_form_container .flexbox_container .form_container .form_width .mobile {
  display: none;
}
@media (max-width: 1150px) {
  .page_contact_form_container .flexbox_container .form_container .form_width .mobile {
    display: block;
  }
}

.projects_content_container {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 90px;
  padding-bottom: 100px;
}
@media (max-width: 1150px) {
  .projects_content_container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 75px;
  }
}
.projects_content_container .project_container {
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1150px) {
  .projects_content_container .project_container {
    padding-bottom: 15px;
  }
}
.projects_content_container .project_container img {
  width: 100%;
}
.projects_content_container .project_container .single_image:hover .image_title h2 svg, .projects_content_container .project_container .double_image:hover .image_title h2 svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}
.projects_content_container .project_container .single_image .image_title, .projects_content_container .project_container .double_image .image_title {
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (max-width: 1150px) {
  .projects_content_container .project_container .single_image .image_title, .projects_content_container .project_container .double_image .image_title {
    top: 15px;
    left: 10px;
  }
}
.projects_content_container .project_container .single_image .image_title h2, .projects_content_container .project_container .double_image .image_title h2 {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .projects_content_container .project_container .single_image .image_title h2, .projects_content_container .project_container .double_image .image_title h2 {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1150px) {
  .projects_content_container .project_container .single_image .image_title h2, .projects_content_container .project_container .double_image .image_title h2 {
    font-size: 15px;
  }
}
.projects_content_container .project_container .single_image .image_title h2 svg, .projects_content_container .project_container .double_image .image_title h2 svg {
  position: absolute;
  right: auto;
  bottom: 4px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .projects_content_container .project_container .single_image .image_title h2 svg, .projects_content_container .project_container .double_image .image_title h2 svg {
    bottom: 4px;
    margin-left: 5px;
    margin-top: 0px;
    width: 10px;
  }
}
.projects_content_container .project_container .single_image .image_title.white_text_class h2, .projects_content_container .project_container .double_image .image_title.white_text_class h2 {
  color: #F7F3EC;
}
.projects_content_container .project_container .single_image .image_title.white_text_class h2 svg, .projects_content_container .project_container .double_image .image_title.white_text_class h2 svg {
  fill: #FFF;
}
.projects_content_container .project_container .single_image .image_title.green_text_class h2, .projects_content_container .project_container .double_image .image_title.green_text_class h2 {
  color: #345C55;
}
.projects_content_container .project_container .single_image .image_title.green_text_class h2 svg, .projects_content_container .project_container .double_image .image_title.green_text_class h2 svg {
  fill: #345C55;
}
.projects_content_container .project_container .double_image .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 1150px) {
  .projects_content_container .project_container .double_image .flexbox_container {
    gap: 10px;
  }
}
.projects_content_container .project_container .double_image .flexbox_container .flex_item {
  -webkit-box-flex: 1 50%;
  -moz-box-flex: 1 50%;
  -webkit-flex: 1 50%;
  -ms-flex: 1 50%;
  flex: 1 50%;
  max-width: 50%;
}

#js_ajaxload_navigation {
  padding-top: 80px;
}
@media (max-width: 1150px) {
  #js_ajaxload_navigation {
    padding-top: 60px;
  }
}

@media (max-width: 1150px) {
  .post-type-archive-scrapbook #js_ajaxload_navigation {
    padding-top: 70px;
  }
}

.scrapbook_archive_container {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 90px;
  padding-bottom: 100px;
}
@media (max-width: 1150px) {
  .scrapbook_archive_container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 40px;
    padding-bottom: 75px;
  }
}
.scrapbook_archive_container .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  column-gap: 15px;
  flex-wrap: wrap;
  row-gap: 60px;
}
@media (max-width: 1150px) {
  .scrapbook_archive_container .flexbox_container {
    column-gap: 10px;
  }
}
@media (max-width: 767px) {
  .scrapbook_archive_container .flexbox_container {
    column-gap: 0px;
    row-gap: 50px;
  }
}
.scrapbook_archive_container .flexbox_container .flex_item {
  flex: 0 0 calc((100% - 45px) / 4);
  max-width: calc((100% - 45px) / 4);
}
@media (max-width: 1150px) {
  .scrapbook_archive_container .flexbox_container .flex_item {
    flex: 0 0 calc((100% - 10px) / 2);
    max-width: calc((100% - 10px) / 2);
  }
}
@media (max-width: 767px) {
  .scrapbook_archive_container .flexbox_container .flex_item {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.scrapbook_archive_container .flexbox_container .flex_item a img {
  width: 100%;
}
.scrapbook_archive_container .flexbox_container .flex_item a .text_container {
  max-width: 90%;
  padding-top: 15px;
}
@media (max-width: 767px) {
  .scrapbook_archive_container .flexbox_container .flex_item a .text_container {
    max-width: 200px;
  }
}
.scrapbook_archive_container .flexbox_container .flex_item a .text_container h4 {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .scrapbook_archive_container .flexbox_container .flex_item a .text_container h4 {
    font-size: 12px;
    line-height: 16px;
  }
}
.scrapbook_archive_container .flexbox_container .flex_item a .text_container h4 svg {
  position: absolute;
  right: auto;
  bottom: 4px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .scrapbook_archive_container .flexbox_container .flex_item a .text_container h4 svg {
    bottom: 2px;
    width: 10px;
  }
}
.scrapbook_archive_container .flexbox_container .flex_item a:hover .text_container h4 svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}

.padding_top_modules.small_padding_top {
  padding-top: 35px;
}
@media (max-width: 1150px) {
  .padding_top_modules.small_padding_top {
    padding-top: 30px;
  }
}
.padding_top_modules.large_padding_top {
  padding-top: 118px;
}
@media (max-width: 1150px) {
  .padding_top_modules.large_padding_top {
    padding-top: 75px;
  }
}

.m_text_full_width {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .m_text_full_width {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.m_text_full_width article h1 {
  padding-bottom: 20px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_text_full_width article h1 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1150px) {
  .m_text_full_width article h1 {
    padding-bottom: 15px;
  }
}
.m_text_full_width article h2 p {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 38px;
  line-height: 46px;
}
@media (max-width: 1150px) {
  .m_text_full_width article h2 p {
    font-size: 20px;
    line-height: 25px;
  }
}

.m_unique_heading {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .m_unique_heading {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.m_unique_heading article p {
  padding-left: 6.11%;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_unique_heading article p {
    padding-left: 0px;
  }
}
.m_unique_heading article p strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 53px;
  line-height: 54px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_unique_heading article p strong {
    font-size: 28px;
    line-height: 28px;
  }
}
.m_unique_heading article p em {
  font-style: italic;
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 57px;
  line-height: auto;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_unique_heading article p em {
    font-size: 30px;
    line-height: auto;
    padding-right: 5px;
  }
}
.m_unique_heading article p + p {
  padding-top: 14px;
}
@media (max-width: 1150px) {
  .m_unique_heading article p + p {
    padding-top: 6px;
  }
}

.m_unique_heading_w_text {
  position: relative;
  z-index: 3;
  padding-left: 15px;
  padding-right: 15px;
  gap: 13.57%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.m_unique_heading_w_text .unique_heading_container {
  -webkit-box-flex: 1 43.21%;
  -moz-box-flex: 1 43.21%;
  -webkit-flex: 1 43.21%;
  -ms-flex: 1 43.21%;
  flex: 1 43.21%;
  max-width: 43.21%;
  padding-left: 6.11%;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .unique_heading_container {
    min-width: 100%;
    width: 100%;
    padding-left: 0px;
    padding-bottom: 35px;
  }
}
.m_unique_heading_w_text .unique_heading_container p {
  text-transform: uppercase;
}
.m_unique_heading_w_text .unique_heading_container p strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 53px;
  line-height: 54px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .unique_heading_container p strong {
    font-size: 28px;
    line-height: 28px;
  }
}
.m_unique_heading_w_text .unique_heading_container p em {
  font-style: italic;
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-style: italic;
  font-weight: 300;
  font-size: 57px;
  line-height: auto;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .unique_heading_container p em {
    font-size: 28px;
    line-height: auto;
  }
}
.m_unique_heading_w_text .unique_heading_container p + p {
  padding-top: 14px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .unique_heading_container p + p {
    padding-top: 6px;
  }
}
.m_unique_heading_w_text .text_container {
  -webkit-box-flex: 1 43.22%;
  -moz-box-flex: 1 43.22%;
  -webkit-flex: 1 43.22%;
  -ms-flex: 1 43.22%;
  flex: 1 43.22%;
  max-width: 43.22%;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container {
    -webkit-box-flex: 1 100%;
    -moz-box-flex: 1 100%;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    max-width: 100%;
    padding-bottom: 0px;
  }
}
.m_unique_heading_w_text .text_container .bold_heading, .m_unique_heading_w_text .text_container .paragraphs, .m_unique_heading_w_text .text_container .button_container {
  max-width: 340px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .bold_heading, .m_unique_heading_w_text .text_container .paragraphs, .m_unique_heading_w_text .text_container .button_container {
    width: 100%;
    min-width: 100%;
  }
}
.m_unique_heading_w_text .text_container .large_text {
  max-width: 515px;
  padding-bottom: 20px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .large_text {
    padding-bottom: 28px;
    width: 100%;
    min-width: 100%;
  }
}
.m_unique_heading_w_text .text_container .bold_heading {
  padding-bottom: 25px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .bold_heading {
    padding-bottom: 15px;
  }
}
.m_unique_heading_w_text .text_container .bold_heading h3 {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .bold_heading h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.m_unique_heading_w_text .text_container .large_text p {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 27px;
  line-height: 30px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .large_text p {
    font-size: 15px;
    line-height: 16px;
  }
}
.m_unique_heading_w_text .text_container .large_text strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
}
.m_unique_heading_w_text .text_container .large_text em {
  font-style: italic;
}
.m_unique_heading_w_text .text_container .large_text a {
  text-decoration: underline;
}
.m_unique_heading_w_text .text_container .large_text a:hover {
  color: #BEB89E;
}
.m_unique_heading_w_text .text_container .paragraphs {
  max-width: 55%;
  padding-bottom: 30px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .paragraphs {
    padding-bottom: 17px;
  }
}
.m_unique_heading_w_text .text_container .paragraphs p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .m_unique_heading_w_text .text_container .paragraphs p {
    font-size: 12px;
    line-height: 16px;
  }
}
.m_unique_heading_w_text .text_container .paragraphs strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
}
.m_unique_heading_w_text .text_container .paragraphs em {
  font-style: italic;
}
.m_unique_heading_w_text .text_container .paragraphs a {
  text-decoration: underline;
}
.m_unique_heading_w_text .text_container .paragraphs a:hover {
  color: #BEB89E;
}
.m_unique_heading_w_text .text_container .button_container {
  padding-bottom: 20px;
}

.m_unique_heading_w_text.white_background_color {
  background-color: #F7F3EC;
}
.m_unique_heading_w_text.beige_background_color {
  background-color: #E7D5B6;
}

.m_full_width_image {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .m_full_width_image {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.m_full_width_image div img {
  width: 100%;
}

.m_text_image {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  gap: 13.57%;
}
@media (max-width: 1150px) {
  .m_text_image {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.m_text_image .text_container {
  -webkit-box-flex: 1 43.22%;
  -moz-box-flex: 1 43.22%;
  -webkit-flex: 1 43.22%;
  -ms-flex: 1 43.22%;
  flex: 1 43.22%;
  max-width: 43.22%;
  padding-bottom: 30px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container {
    -webkit-box-flex: 1 100%;
    -moz-box-flex: 1 100%;
    -webkit-flex: 1 100%;
    -ms-flex: 1 100%;
    flex: 1 100%;
    max-width: 100%;
    padding-bottom: 40px;
  }
}
.m_text_image .text_container .bold_heading, .m_text_image .text_container .paragraphs, .m_text_image .text_container .button_container {
  max-width: 340px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .bold_heading, .m_text_image .text_container .paragraphs, .m_text_image .text_container .button_container {
    width: 100%;
    min-width: 100%;
  }
}
.m_text_image .text_container .large_text {
  max-width: 515px;
  padding-bottom: 20px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .large_text {
    padding-bottom: 28px;
    width: 100%;
    min-width: 100%;
  }
}
.m_text_image .text_container .bold_heading {
  padding-bottom: 25px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .bold_heading {
    padding-bottom: 15px;
  }
}
.m_text_image .text_container .bold_heading h3 {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .bold_heading h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.m_text_image .text_container .large_text p {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 27px;
  line-height: 30px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .large_text p {
    font-size: 15px;
    line-height: 16px;
  }
}
.m_text_image .text_container .large_text strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
}
.m_text_image .text_container .large_text em {
  font-style: italic;
}
.m_text_image .text_container .large_text a {
  text-decoration: underline;
}
.m_text_image .text_container .large_text a:hover {
  color: #BEB89E;
}
.m_text_image .text_container .paragraphs {
  max-width: 55%;
  padding-bottom: 30px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .paragraphs {
    padding-bottom: 17px;
  }
}
.m_text_image .text_container .paragraphs p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .m_text_image .text_container .paragraphs p {
    font-size: 12px;
    line-height: 16px;
  }
}
.m_text_image .text_container .paragraphs strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
}
.m_text_image .text_container .paragraphs em {
  font-style: italic;
}
.m_text_image .text_container .paragraphs a {
  text-decoration: underline;
}
.m_text_image .text_container .paragraphs a:hover {
  color: #BEB89E;
}
.m_text_image .text_container .button_container {
  padding-bottom: 20px;
}
.m_text_image .image_container {
  -webkit-box-flex: 1 43.21%;
  -moz-box-flex: 1 43.21%;
  -webkit-flex: 1 43.21%;
  -ms-flex: 1 43.21%;
  flex: 1 43.21%;
  max-width: 43.21%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: inherit;
}

.m_text_image.text_image_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 1150px) {
  .m_text_image.text_image_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .m_text_image.text_image_layout .text_container {
    width: 100%;
  }
  .m_text_image.text_image_layout .image_container {
    min-width: calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
.m_text_image.text_image_layout .bold_heading, .m_text_image.text_image_layout .large_text, .m_text_image.text_image_layout .paragraphs, .m_text_image.text_image_layout .button_container {
  margin-left: 26.5%;
}
@media (max-width: 1150px) {
  .m_text_image.text_image_layout .bold_heading, .m_text_image.text_image_layout .large_text, .m_text_image.text_image_layout .paragraphs, .m_text_image.text_image_layout .button_container {
    margin-left: 0px;
    width: 100%;
    min-width: 100%;
  }
}
.m_text_image.image_text_layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media (max-width: 1150px) {
  .m_text_image.image_text_layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .m_text_image.image_text_layout .text_container {
    width: 100%;
  }
  .m_text_image.image_text_layout .image_container {
    min-width: calc(100% - 40px);
    width: calc(100% - 40px);
  }
}
@media (max-width: 1150px) and (max-width: 1150px) {
  .m_text_image.image_text_layout .bold_heading, .m_text_image.image_text_layout .large_text, .m_text_image.image_text_layout .paragraphs, .m_text_image.image_text_layout .button_container {
    width: 100%;
    min-width: 100%;
  }
}

.m_text_image .image_container.square_image {
  height: 42vw; /* Same as width to keep it square */
}
@media (max-width: 1150px) {
  .m_text_image .image_container.square_image {
    min-height: calc(100vw - 40px);
  }
}
.m_text_image .image_container.portrait_image {
  height: 912px;
}
@media (max-width: 1150px) {
  .m_text_image .image_container.portrait_image {
    min-height: 141vw;
  }
}

.ms_image_slider .flexbox_container {
  display: flex;
  flex-wrap: nowrap;
  cursor: grab;
  user-select: none;
  overflow-x: auto;
}
.ms_image_slider .flexbox_container.grabbing {
  cursor: grabbing;
}

.ms_image_slider,
.ms_image_slider .flexbox_container {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

.ms_image_slider::-webkit-scrollbar,
.ms_image_slider .flexbox_container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.ms_image_slider {
  scroll-behavior: auto;
  white-space: nowrap;
}
.ms_image_slider .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.ms_image_slider .flexbox_container .slider_element {
  position: relative;
  display: flex;
}
.ms_image_slider .flexbox_container .slider_element .item_container {
  position: relative;
  display: block;
  width: 100%;
}
.ms_image_slider .flexbox_container .slider_element .item_container img {
  width: 100%;
}
.ms_image_slider .flexbox_container .slider_element .item_container .text_container {
  white-space: normal;
}

.horizontal_drag_container_projects {
  position: relative;
  z-index: 2;
  background-color: #E7D5B6;
  padding-bottom: 125px;
}
.horizontal_drag_container_projects .ms_image_slider {
  margin-left: -15px;
}
.horizontal_drag_container_projects .ms_image_slider .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 15px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 15px;
  width: calc(100% - 15px);
}
.horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element {
  width: calc((100% - 15px) / 3.2); /* 100% width minus 1 gap of 15px, divided by 3.2 items */
  min-width: calc((100% - 15px) / 3.2);
}
@media (max-width: 1150px) {
  .horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element {
    width: calc((100% - 15px) / 1.5); /* 100% width minus 1 gap of 15px, divided by 1.5 items */
    min-width: calc((100% - 15px) / 1.5);
  }
}
.horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element .item_container .text_container {
  padding-top: 15px;
}
.horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element .item_container .text_container h4 {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element .item_container .text_container h4 {
    font-size: 12px;
    line-height: 16px;
  }
}
.horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element .item_container .text_container h4 svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
.horizontal_drag_container_projects .ms_image_slider .flexbox_container .slider_element .item_container:hover .text_container h4 svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}

.horizontal_drag_container_team {
  position: relative;
  z-index: 2;
  background-color: #BEB89E;
  display: none;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team {
    display: block;
  }
}
.horizontal_drag_container_team .section_heading {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
}
.horizontal_drag_container_team .section_heading h3 {
  padding-top: 25px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 53px;
  line-height: 54px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .section_heading h3 {
    font-size: 28px;
    line-height: 28px;
  }
}

.horizontal_drag_container_team .ms_image_slider {
  margin-left: -10px;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .ms_image_slider .flexbox_container {
    gap: 45px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    width: calc(100% - 10px);
    height: 100%;
    padding-bottom: 30px;
  }
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element {
    width: calc((100% - 45px) / 1.5); /* 100% width minus 1 gap of 10px, divided by 2 items */
    min-width: calc((100% - 45px) / 1.5);
    padding-bottom: 35px;
  }
}
.horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container {
  padding-top: 15px;
}
.horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container h4 {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
.horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container p {
    font-size: 12px;
    line-height: 16px;
  }
}
.horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container .job_title {
  padding-bottom: 25px;
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container .job_title {
    font-size: 19px;
    line-height: 20px;
  }
}
.horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container .text_area {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_team .ms_image_slider .flexbox_container .slider_element .item_container .text_container .text_area {
    font-size: 12px;
    line-height: 16px;
  }
}

.horizontal_drag_container_dynamic_triple {
  position: relative;
  z-index: 2;
  background-color: #BEB89E;
  display: none;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_dynamic_triple {
    display: block;
  }
}
.horizontal_drag_container_dynamic_triple .section_heading {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 50px;
}
.horizontal_drag_container_dynamic_triple .section_heading h3 {
  padding-top: 25px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_dynamic_triple .section_heading h3 {
    font-size: 16px;
    line-height: 20px;
  }
}

.horizontal_drag_container_dynamic_triple .ms_image_slider {
  margin-left: -10px;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container {
    gap: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    width: calc(100% - 10px);
    height: 100%;
    padding-bottom: 30px;
  }
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element {
  padding-bottom: 35px;
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element .item_container .text_container {
  padding-top: 15px;
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element .item_container .text_container p {
  max-width: 80%;
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element .item_container .text_container p {
    font-size: 12px;
    line-height: 16px;
  }
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element .item_container .text_container p svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element:first-of-type {
  width: 50%;
  min-width: 50%;
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element:nth-of-type(2) {
  width: 70%;
  min-width: 70%;
}
.horizontal_drag_container_dynamic_triple .ms_image_slider .flexbox_container .slider_element:nth-of-type(3) {
  width: 70%;
  min-width: 70%;
}

.m_image_carousel {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .m_image_carousel {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 1150px) {
  .js_slideshow {
    touch-action: pan-y; /* Allows vertical scrolling, enables horizontal swiping */
  }
}

.m_image_carousel .container_width {
  position: relative;
  width: 100%;
}
.m_image_carousel .slideshow_outer_container .slider_container {
  width: 100%;
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner {
  position: relative;
  width: 100%;
  height: auto; /* Set dynamically by jQuery */
  transition: height 0.5s ease-in-out; /* Smooth height transition */
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0; /* Hide by default */
  z-index: 1; /* Default z-index for non-active slides */
  transition: opacity 0.5s ease-in-out, z-index 0s; /* Fade transition, no delay on z-index */
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li.active {
  opacity: 1; /* Show the active slide */
  z-index: 2; /* Ensure the active slide is on top */
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image {
  width: 100%;
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image picture, .m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image img {
  width: 100%;
  height: auto;
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title {
  position: absolute;
  top: 20px;
  left: 20px;
}
@media (max-width: 1150px) {
  .m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title {
    top: 15px;
    left: 10px;
  }
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 {
  position: relative;
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 a {
  color: #F7F3EC;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 a {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1150px) {
  .m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 a {
    font-size: 15px;
  }
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 a svg {
  position: absolute;
  right: auto;
  bottom: 4px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
  fill: #FFF;
}
@media (max-width: 1150px) {
  .m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 a svg {
    bottom: 4px;
    margin-left: 5px;
    margin-top: 0px;
    width: 10px;
  }
}
.m_image_carousel .slideshow_outer_container .slider_container .slider_inner li .image_title h4 a:hover svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}
.m_image_carousel .container_width .slider_navigation {
  z-index: 999;
  bottom: 20px;
  left: 20px;
  width: calc(100% - 20px);
  height: auto;
  position: absolute;
  display: flex;
}
@media (max-width: 1150px) {
  .m_image_carousel .container_width .slider_navigation {
    bottom: 12px;
    left: 10px;
    width: calc(100% - 12px);
  }
}
.m_image_carousel .container_width .nav_circle {
  width: 14px;
  height: 14px;
  background-color: #FFF;
  border: 1px solid #FFF;
  border-radius: 50%;
  margin-right: 6px;
  cursor: pointer;
}
.m_image_carousel .container_width .nav_circle.active {
  border: 1px solid #FFF;
  background-color: transparent;
}

.m_dynamic_triple_column {
  position: relative;
  z-index: 2;
  background-color: #BEB89E;
}
@media (max-width: 1150px) {
  .m_dynamic_triple_column {
    display: none;
  }
}
.m_dynamic_triple_column .heading {
  padding-left: 15px;
  padding-right: 15px;
}
.m_dynamic_triple_column .heading h3 {
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_dynamic_triple_column .heading h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.m_dynamic_triple_column .flexbox_container {
  padding-left: 15px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 15px;
}
.m_dynamic_triple_column .flexbox_container .flex_item:first-of-type {
  -webkit-box-flex: 1 24.18%;
  -moz-box-flex: 1 24.18%;
  -webkit-flex: 1 24.18%;
  -ms-flex: 1 24.18%;
  flex: 1 24.18%;
  max-width: 24.18%;
}
.m_dynamic_triple_column .flexbox_container .flex_item:nth-of-type(2) {
  -webkit-box-flex: 1 36.89%;
  -moz-box-flex: 1 36.89%;
  -webkit-flex: 1 36.89%;
  -ms-flex: 1 36.89%;
  flex: 1 36.89%;
  max-width: 36.89%;
}
.m_dynamic_triple_column .flexbox_container .flex_item:nth-of-type(3) {
  -webkit-box-flex: 1 36.89%;
  -moz-box-flex: 1 36.89%;
  -webkit-flex: 1 36.89%;
  -ms-flex: 1 36.89%;
  flex: 1 36.89%;
  max-width: 36.89%;
}
.m_dynamic_triple_column .flexbox_container .flex_item a .image_container {
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: inherit;
}
.m_dynamic_triple_column .flexbox_container .flex_item a .image_container.image_one {
  min-height: 35.49vw;
}
.m_dynamic_triple_column .flexbox_container .flex_item a .image_container.image_two {
  min-height: 54.1vw;
}
.m_dynamic_triple_column .flexbox_container .flex_item a .image_container.image_three {
  min-height: 30.9vw;
}
.m_dynamic_triple_column .flexbox_container .flex_item a .title {
  width: 100%;
  padding-top: 16px;
}
.m_dynamic_triple_column .flexbox_container .flex_item a .title p {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .m_dynamic_triple_column .flexbox_container .flex_item a .title p {
    font-size: 12px;
    line-height: 16px;
  }
}
.m_dynamic_triple_column .flexbox_container .flex_item a .title p svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
.m_dynamic_triple_column .flexbox_container .flex_item a:hover .title p svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}

.m_two_column_videos {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .m_two_column_videos {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.m_two_column_videos .heading h3 {
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_two_column_videos .heading h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.m_two_column_videos .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 1150px) {
  .m_two_column_videos .flexbox_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
.m_two_column_videos .flexbox_container .flex_item {
  display: flex;
  width: calc((100% - 15px) / 2);
  min-width: calc((100% - 15px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  padding-bottom: 60px;
}
@media (max-width: 1150px) {
  .m_two_column_videos .flexbox_container .flex_item {
    width: 100%;
    min-width: 100%;
    padding-bottom: 20px;
  }
}
.m_two_column_videos .flexbox_container .flex_item .video {
  width: 100%;
  position: relative;
  aspect-ratio: 16/9; /* Standard video aspect ratio; adjust if needed */
}
.m_two_column_videos .flexbox_container .flex_item .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m_two_column_videos .flexbox_container .flex_item .title {
  padding-top: 15px;
}
@media (max-width: 1150px) {
  .m_two_column_videos .flexbox_container .flex_item .title {
    padding-top: 10px;
  }
}
.m_two_column_videos .flexbox_container .flex_item .title p {
  display: inline-block;
  position: relative;
  padding-right: 25px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .m_two_column_videos .flexbox_container .flex_item .title p {
    font-size: 12px;
    line-height: 16px;
  }
}
.m_two_column_videos .flexbox_container .flex_item .title p svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
.m_two_column_videos .flexbox_container .flex_item .title p + p {
  padding-bottom: 0px;
}

.m_button {
  position: relative;
  z-index: 3;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 118px;
}
@media (max-width: 1150px) {
  .m_button {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 75px;
  }
}

.m_button.white_background_color {
  background-color: #F7F3EC;
}
.m_button.green_background_color {
  background-color: #BEB89E;
}

.m_content_swap {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  /* Content container styling */
}
.m_content_swap .navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
}
.m_content_swap .navigation ul li {
  -webkit-box-flex: 1 50%;
  -moz-box-flex: 1 50%;
  -webkit-flex: 1 50%;
  -ms-flex: 1 50%;
  flex: 1 50%;
  max-width: 50%;
}
.m_content_swap .navigation ul a {
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 17px;
  line-height: 17px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .m_content_swap .navigation ul a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 10px;
  }
}
.m_content_swap .navigation ul a strong {
  position: relative;
  padding-bottom: 0px;
}
.m_content_swap .navigation ul a strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1px;
  background-color: currentColor; /* Inherit text color */
}
.m_content_swap .navigation ul li:first-of-type {
  text-align: right;
  border-top-right-radius: 20px;
}
.m_content_swap .navigation ul li:first-of-type a {
  padding-right: 75px;
}
@media (max-width: 1150px) {
  .m_content_swap .navigation ul li:first-of-type a {
    padding-right: 40px;
  }
}
.m_content_swap .navigation ul li:last-of-type {
  border-top-left-radius: 20px;
}
.m_content_swap .navigation ul li:last-of-type a {
  padding-left: 75px;
}
@media (max-width: 1150px) {
  .m_content_swap .navigation ul li:last-of-type a {
    padding-left: 40px;
  }
}
.m_content_swap .navigation ul li {
  background-color: #EEE3CE;
}
.m_content_swap .navigation ul li.active {
  background-color: #E7D5B6;
}
.m_content_swap .swap_container {
  padding-top: 88px;
  padding-bottom: 72px;
  display: none; /* Hidden by default, jQuery will show the first one */
}
@media (max-width: 1150px) {
  .m_content_swap .swap_container {
    padding-top: 50px;
    padding-bottom: 40px;
  }
}
.m_content_swap .swap_container .image_container {
  margin: 0 auto;
  text-align: center;
}
.m_content_swap .swap_container img {
  width: 100%;
}
@media (max-width: 1150px) {
  .m_content_swap .swap_container img {
    width: 80%;
  }
}
.m_content_swap .swap_container .desktop {
  display: block;
}
@media (max-width: 1150px) {
  .m_content_swap .swap_container .desktop {
    display: none;
  }
}
.m_content_swap .swap_container .mobile {
  display: none;
}
@media (max-width: 1150px) {
  .m_content_swap .swap_container .mobile {
    display: block;
  }
}
.m_content_swap .swap_container:first-of-type {
  display: block; /* Ensure the first container is visible by default */
}
.m_content_swap .swap_container {
  background-color: #EEE3CE;
}
.m_content_swap .swap_container.active {
  background-color: #E7D5B6;
}

.project_footer_button_container {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 80px;
  padding-bottom: 95px;
}
@media (max-width: 1150px) {
  .project_footer_button_container {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 60px;
    padding-bottom: 75px;
  }
}
.project_footer_button_container > a {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .project_footer_button_container > a {
    font-size: 12px;
    line-height: 16px;
  }
}
.project_footer_button_container > a svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .project_footer_button_container > a svg {
    bottom: 2px;
    margin-left: 5px;
    margin-top: 0px;
    width: 10px;
  }
}
.project_footer_button_container > a:hover svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}
.project_footer_button_container .button {
  padding-top: 30px;
}
@media (max-width: 1150px) {
  .project_footer_button_container .button {
    padding-top: 17px;
  }
}

.scrapbook_large_text {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 45px;
}
@media (max-width: 1150px) {
  .scrapbook_large_text {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
  }
}
.scrapbook_large_text h3 p {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 38px;
  line-height: 46px;
}
@media (max-width: 1150px) {
  .scrapbook_large_text h3 p {
    font-size: 20px;
    line-height: 25px;
  }
}

.scrapbook_modules_content {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 80px;
}
@media (max-width: 1150px) {
  .scrapbook_modules_content {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 35px;
  }
}
.scrapbook_modules_content .width_container {
  width: calc(50% - 40px);
}
@media (max-width: 1150px) {
  .scrapbook_modules_content .width_container {
    width: 100%;
  }
}

.scrapbook_module_large_text {
  padding-top: 35px;
}
@media (max-width: 1150px) {
  .scrapbook_module_large_text {
    padding-top: 25px;
  }
}
.scrapbook_module_large_text p {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 27px;
  line-height: 30px;
}
@media (max-width: 1150px) {
  .scrapbook_module_large_text p {
    font-size: 15px;
    line-height: 16px;
  }
}

.scrapbook_module_image {
  padding-top: 35px;
}
@media (max-width: 1150px) {
  .scrapbook_module_image {
    padding-top: 25px;
  }
}
.scrapbook_module_image img {
  width: 100%;
}

.scrapbook_module_wysiwyg {
  padding-top: 35px;
}
@media (max-width: 1150px) {
  .scrapbook_module_wysiwyg {
    padding-top: 25px;
  }
}
.scrapbook_module_wysiwyg p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .scrapbook_module_wysiwyg p {
    font-size: 12px;
    line-height: 16px;
  }
}
.scrapbook_module_wysiwyg em {
  font-style: italic;
}
.scrapbook_module_wysiwyg a {
  text-decoration: underline;
}
.scrapbook_module_wysiwyg strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
}
@media (max-width: 1150px) {
  .scrapbook_module_wysiwyg strong {
    font-size: 11px;
  }
}

.read_article_button {
  padding-top: 17px;
}
@media (max-width: 1150px) {
  .read_article_button {
    padding-top: 17px;
  }
}
.read_article_button a {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .read_article_button a {
    font-size: 12px;
    line-height: 16px;
  }
}
.read_article_button a svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .read_article_button a svg {
    bottom: 2px;
    width: 10px;
  }
}
.read_article_button a:hover svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}

.scrapbook_footer_button_container {
  position: relative;
  padding-top: 80px;
  padding-bottom: 95px;
}
@media (max-width: 1150px) {
  .scrapbook_footer_button_container {
    padding-top: 60px;
    padding-bottom: 75px;
  }
}
.scrapbook_footer_button_container > a {
  position: relative;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .scrapbook_footer_button_container > a {
    font-size: 12px;
    line-height: 16px;
  }
}
.scrapbook_footer_button_container > a svg {
  position: absolute;
  right: auto;
  bottom: 3px;
  margin-left: 5px;
  margin-top: 0px;
  width: 12px;
  transition: all 0.25s ease;
}
@media (max-width: 1150px) {
  .scrapbook_footer_button_container > a svg {
    bottom: 2px;
    margin-left: 5px;
    margin-top: 0px;
    width: 10px;
  }
}
.scrapbook_footer_button_container > a:hover svg {
  transition: all 0.25s ease;
  transform: translateX(3px);
}
.scrapbook_footer_button_container .button {
  padding-top: 30px;
}
@media (max-width: 1150px) {
  .scrapbook_footer_button_container .button {
    padding-top: 17px;
  }
}

.padding_top_modules.small_padding_top {
  padding-top: 35px;
}
@media (max-width: 1150px) {
  .padding_top_modules.small_padding_top {
    padding-top: 30px;
  }
}
.padding_top_modules.large_padding_top {
  padding-top: 118px;
}
@media (max-width: 1150px) {
  .padding_top_modules.large_padding_top {
    padding-top: 75px;
  }
}

.project_text_full_width {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 90px;
}
@media (max-width: 1150px) {
  .project_text_full_width {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 35px;
  }
}
.project_text_full_width article h1 {
  padding-bottom: 20px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .project_text_full_width article h1 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1150px) {
  .project_text_full_width article h1 {
    padding-bottom: 15px;
  }
}
.project_text_full_width article h1 span {
  padding-left: 50px;
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .project_text_full_width article h1 span {
    font-size: 19px;
    line-height: 20px;
  }
}
@media (max-width: 1150px) {
  .project_text_full_width article h1 span {
    display: block;
    padding-left: 0px;
  }
}
.project_text_full_width article h2 p {
  font-family: "APK-Sveriga-City-Light", sans-serif;
  font-style: normal;
  font-size: 38px;
  line-height: 46px;
}
@media (max-width: 1150px) {
  .project_text_full_width article h2 p {
    font-size: 20px;
    line-height: 25px;
  }
}

.project_images {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1150px) {
  .project_images {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.project_images .items_container {
  position: relative;
  padding-bottom: 20px;
}
@media (max-width: 1150px) {
  .project_images .items_container {
    padding-bottom: 15px;
  }
}
.project_images .items_container img {
  width: 100%;
}
.project_images .items_container .double_image .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 20px;
}
@media (max-width: 1150px) {
  .project_images .items_container .double_image .flexbox_container {
    gap: 10px;
  }
}
.project_images .items_container .double_image .flexbox_container .flex_item {
  -webkit-box-flex: 1 50%;
  -moz-box-flex: 1 50%;
  -webkit-flex: 1 50%;
  -ms-flex: 1 50%;
  flex: 1 50%;
  max-width: 50%;
}

.project_text_content {
  position: relative;
  z-index: 3;
  background-color: #F7F3EC;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 55px;
  padding-bottom: 125px;
}
@media (max-width: 1150px) {
  .project_text_content {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 70px;
  }
}
.project_text_content article {
  padding-left: 90px;
}
@media (max-width: 1150px) {
  .project_text_content article {
    padding-left: 0px;
  }
}
.project_text_content article h3 {
  padding-bottom: 20px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .project_text_content article h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 1150px) {
  .project_text_content article h3 {
    padding-bottom: 15px;
  }
}
.project_text_content article .flexbox_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 25px;
}
@media (max-width: 1150px) {
  .project_text_content article .flexbox_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
}
.project_text_content article .flexbox_container .flex_item {
  max-width: 341px;
}
@media (max-width: 1150px) {
  .project_text_content article .flexbox_container .flex_item {
    max-width: 100%;
    width: 100%;
  }
}
.project_text_content article .flexbox_container .flex_item p {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .project_text_content article .flexbox_container .flex_item p {
    font-size: 12px;
    line-height: 16px;
  }
}
.project_text_content article .flexbox_container .flex_item strong {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
}
.project_text_content article .flexbox_container .flex_item em {
  font-style: italic;
}
.project_text_content article .flexbox_container .flex_item a {
  text-decoration: underline;
}
.project_text_content article .flexbox_container .flex_item a:hover {
  color: #BEB89E;
}

.ms_team {
  position: relative;
  z-index: 2;
  background-color: #BEB89E;
}
@media (max-width: 1150px) {
  .ms_team {
    display: none;
  }
}
.ms_team .slider_outer_container {
  padding-bottom: 165px;
}
.ms_team .slider_outer_container .heading {
  padding-left: 15px;
  padding-right: 15px;
}
.ms_team .slider_outer_container .heading h3 {
  padding-top: 40px;
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 53px;
  line-height: 54px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .ms_team .slider_outer_container .heading h3 {
    font-size: 28px;
    line-height: 28px;
  }
}
.ms_team .slider_outer_container .slider_navigation {
  padding-top: 130px;
  padding-bottom: 20px;
}
.ms_team .slider_outer_container .slider_navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  gap: 33px;
}
.ms_team .slider_outer_container .slider_navigation ul li button svg {
  width: 27px;
}
.ms_team .slider_outer_container .slider_container {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  width: 100%;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.ms_team .slider_outer_container .slider_container::-webkit-scrollbar {
  display: none;
}
.ms_team .slider_outer_container .slider_container .slider_inner {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  gap: 7.35vw;
}
.ms_team .slider_outer_container .slider_container .slider_inner li {
  width: 30.5vw;
  flex-shrink: 0;
  white-space: normal;
}
.ms_team .slider_outer_container .slider_container .slider_inner li .image img {
  width: 100%;
}
.ms_team .slider_outer_container .slider_container .slider_inner li .text_container {
  padding-top: 20px;
}
.ms_team .slider_outer_container .slider_container .slider_inner li .text_container h4 {
  font-family: "APK-Sveriga-City-Bold", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 23px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .ms_team .slider_outer_container .slider_container .slider_inner li .text_container h4 {
    font-size: 16px;
    line-height: 20px;
  }
}
.ms_team .slider_outer_container .slider_container .slider_inner li .text_container .job_title {
  padding-bottom: 35px;
  font-family: "Vulf_Mono-Light_Italic_web", serif;
  font-style: normal;
  font-weight: 300;
  font-size: 25px;
  line-height: 25px;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .ms_team .slider_outer_container .slider_container .slider_inner li .text_container .job_title {
    font-size: 19px;
    line-height: 20px;
  }
}
.ms_team .slider_outer_container .slider_container .slider_inner li .text_container .text_area {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .ms_team .slider_outer_container .slider_container .slider_inner li .text_container .text_area {
    font-size: 12px;
    line-height: 16px;
  }
}
.ms_team .slider_outer_container .slider_container .slider_inner li:first-of-type {
  margin-left: 15px;
}
.ms_team .slider_outer_container .slider_container .slider_inner li:last-of-type {
  margin-right: 15px;
}
.ms_team .extra_button {
  padding-bottom: 95px;
}

/*  ==========================================================================
		Form Resets
		========================================================================== */
::-webkit-input-placeholder {
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  ::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 16px;
  }
}

:-moz-placeholder { /* Firefox 18- */
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  :-moz-placeholder {
    font-size: 12px;
    line-height: 16px;
  }
}

::-moz-placeholder { /* Firefox 19+ */
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  ::-moz-placeholder {
    font-size: 12px;
    line-height: 16px;
  }
}

:-ms-input-placeholder {
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  :-ms-input-placeholder {
    font-size: 12px;
    line-height: 16px;
  }
}

/* This overides the google autofill background yellow styling. Puts a white box shadow over it */
input:autofill {
  background-color: transparent !important;
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  input:autofill {
    font-size: 12px;
    line-height: 16px;
  }
}

input:-webkit-autofill {
  background-color: transparent !important;
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  input:-webkit-autofill {
    font-size: 12px;
    line-height: 16px;
  }
}

.wpcf7 form.sent .wpcf7-response-output {
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #345C55;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  .wpcf7 form.sent .wpcf7-response-output {
    font-size: 12px;
    line-height: 16px;
  }
}

input, textarea {
  width: 100%;
  -webkit-appearance: none;
  border-radius: 0;
  background: transparent;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-top: 1px solid #345C55;
  border-bottom: 0px;
  color: #345C55;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  input, textarea {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 1150px) {
  input, textarea {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

textarea {
  border-bottom: none;
  width: 100%;
}

input[type=text]:focus, textarea[type=text]:focus, input[type=email]:focus, input[type=number]:focus {
  outline: 0;
  background: transparent;
  color: #345C55;
  text-transform: none;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  border-top: 1px solid #345C55;
  border-bottom: 0px;
  border-right: 0px;
  border-left: 0px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  input[type=text]:focus, textarea[type=text]:focus, input[type=email]:focus, input[type=number]:focus {
    font-size: 12px;
    line-height: 16px;
  }
}

input[type=submit] {
  padding: 0px;
  color: #345C55;
  border-bottom: 0px;
  cursor: pointer;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  input[type=submit] {
    font-size: 12px;
    line-height: 16px;
  }
}

input[type=submit]:focus {
  padding: 0px;
  color: #345C55;
  border-bottom: 0px;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  input[type=submit]:focus {
    font-size: 12px;
    line-height: 16px;
  }
}

input:focus {
  outline: 0;
  background: transparent;
  color: #345C55;
}

select {
  -webkit-appearance: none;
  border-radius: 0;
  border: 0px;
}

.error::-webkit-input-placeholder, .error:-moz-placeholder, .error::-moz-placeholder, error:-ms-input-placeholder {
  color: hsl(0, 100%, 40%);
}

.radio_container {
  border-top: 1px solid #345C55;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  position: relative;
}
@media (max-width: 1150px) {
  .radio_container {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.radio_container input {
  padding-top: 0px;
  padding-bottom: 0px;
}

.wpcf7-radio .wpcf7-list-item input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #345C55;
  border-radius: 50%;
  background-color: none;
  vertical-align: middle;
  cursor: pointer;
}
@media (max-width: 1150px) {
  .wpcf7-radio .wpcf7-list-item input[type=radio] {
    width: 12px;
    height: 12px;
  }
}

.wpcf7-radio .wpcf7-list-item input[type=radio]:checked {
  background-color: none;
  border: 1px solid #345C55;
  position: relative;
}

.wpcf7-radio .wpcf7-list-item input[type=radio]:checked::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #345C55;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1150px) {
  .wpcf7-radio .wpcf7-list-item input[type=radio]:checked::after {
    width: 6px;
    height: 6px;
  }
}

#radio_buttons_custom .wpcf7-list-item {
  position: relative;
  width: 110px;
  margin: 0px;
}
@media (max-width: 1150px) {
  #radio_buttons_custom .wpcf7-list-item {
    width: 78px;
  }
}
#radio_buttons_custom .wpcf7-list-item label {
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1150px) {
  #radio_buttons_custom .wpcf7-list-item label {
    font-size: 12px;
    line-height: 16px;
  }
}
#radio_buttons_custom input[type=radio] {
  position: absolute;
  right: 0px;
  top: -4px;
}
@media (max-width: 1150px) {
  #radio_buttons_custom input[type=radio] {
    top: 0px;
  }
}
#radio_buttons_custom .wpcf7-list-item:last-of-type {
  margin-left: 25px;
}
@media (max-width: 1150px) {
  #radio_buttons_custom .wpcf7-list-item:last-of-type {
    margin-left: 16px;
  }
}
@media (max-width: 1150px) {
  #radio_buttons_custom .wpcf7-list-item:last-of-type input[type=radio] {
    right: 6px;
  }
}

.submit_container {
  border-top: 1px solid #345C55;
  padding-top: 25px;
}
@media (max-width: 1150px) {
  .submit_container {
    padding-top: 12px;
  }
}
.submit_container input {
  width: auto;
  color: #345C55;
  border: 1px solid #345C55;
  font-family: "APK-Sveriga-City-Medium", sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: 15px;
  padding: 10px 20px 10px 20px;
  border-radius: 20px;
  display: block;
  transition: all 0.25s ease;
  text-transform: uppercase;
}
@media (max-width: 1150px) {
  .submit_container input {
    font-size: 13px;
    line-height: 13px;
    padding: 10px 15px 10px 15px;
  }
}
.submit_container input:hover {
  transition: all 0.25s ease;
  color: #F7F3EC;
  background-color: #345C55;
  border: 1px solid #345C55;
}

/*  ==========================================================================
		Form Globals
		========================================================================== */
