/* Always import the mixins file incase you need them! */
/* #Site Main Colours
================================================== */
/* #Dark Mode Colours
================================================== */
/* #Custom Post Type Colours
================================================== */
/* Table of Contents
==================================================
	#Clearing
	#Media Queries
*/
/* #Clearing
================================================== */
/* Self Clearing Goodness */
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
@import url("https://use.typekit.net/jaj7yqg.css");
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap");
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.last {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

img {
  width: 100%;
  height: auto;
  height: 100%;
  object-fit: contain;
}

iframe {
  max-width: 100%;
  min-height: auto;
}

/* #Media Queries
================================================== */
/* Responsive Layouts */
/* Type sizes */
/* Responsive grid */
/* Variables */
/* Mixins */
/* Percentage values */
/* Pixel values */
/* Grid based width */
/* Container values */
/* # Global Styles
================================================== */
body.remove_scroll {
  overflow-y: hidden;
}

/* #Container
================================================== */
.container {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
  margin: 0 auto;
}

@media only screen and (min-width: 1600px) {
  .container {
    width: calc(100vw - 6.25vw);
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
  }
}

/* #Menus
================================================== */
/* Desktop dropdowns */
/* Side/Modal Navs */
/* #Page Headers
================================================== */
/* #Post Layouts
================================================== */
/* #Fade Ins & Transitions
================================================== */
.fade-in {
  opacity: 0;
  transform: translate(0, 10vh);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.fade-delay-1 {
  transition-delay: 0.2s;
}

.fade-delay-2 {
  transition-delay: 0.4s;
}

.fade-delay-3 {
  transition-delay: 0.6s;
}

.fade-delay-4 {
  transition-delay: 0.8s;
}

.fade-delay-5 {
  transition-delay: 1s;
}

.fade-delay-6 {
  transition-delay: 1.2s;
}

.fade-in:first-child {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.ani_letterwave,
.ani_wordwave,
.ani_fade_up,
.ani_fade_up_letter {
  display: flex;
  flex-wrap: wrap;
}

/* #Transforms
================================================== */
/* #Borders
================================================== */
/* #Buttons
================================================== */
.btn_anchor {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  color: #70716e;
}

.btn_anchor:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #70716e;
  height: 2px;
  width: 100%;
  opacity: 0;
}

.btn_anchor:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #414141;
}

.btn_anchor:hover:after {
  opacity: 1;
  background-color: #414141;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_default {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 5px 30px;
  background-color: #FFFFFF;
  border: 1px #70716e solid;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_default:hover {
  background-color: #414141;
  color: #EFEFEF;
  border: 1px #414141 solid;
}

.btn_second {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_second img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_second:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.btn_second:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_second:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third {
  position: relative;
  text-decoration: none;
  width: fit-content;
  height: auto;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third img {
  width: 10px;
  height: 10px;
  margin-bottom: 1px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third:hover {
  border-bottom: 2px solid #414141;
}

.btn_third:hover img {
  transform: rotate(45deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_fourth {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 3px #414141 solid;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_fourth:hover {
  background-color: #414141;
  color: #EFEFEF;
  border: 3px #414141 solid;
}

/* # Padding solutions
================================================== */
/* #Forms & Input fields
================================================== */
/* #Component Styles
================================================== */
/* #Dark Mode
================================================== */
body {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.dark_mode {
  background-color: #414141;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.dark_mode header li a {
  color: #FFFFFF;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.dark_mode section {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #414141;
}

body.dark_mode section h1, body.dark_mode section h2, body.dark_mode section h3, body.dark_mode section h4, body.dark_mode section h5, body.dark_mode section h6, body.dark_mode section p, body.dark_mode section a, body.dark_mode section ul, body.dark_mode section li, body.dark_mode section label {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

body.dark_mode section h1 img, body.dark_mode section h2 img, body.dark_mode section h3 img, body.dark_mode section h4 img, body.dark_mode section h5 img, body.dark_mode section h6 img, body.dark_mode section p img, body.dark_mode section a img, body.dark_mode section ul img, body.dark_mode section li img, body.dark_mode section label img {
  filter: invert(1);
}

body.dark_mode section div {
  color: #FFFFFF;
}

body.dark_mode section div .slick-dots button {
  filter: invert(1);
}

body.dark_mode .icon, body.dark_mode ::before, body.dark_mode ::after {
  filter: invert(1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* # - other?
================================================== */
/* #Site Main Colours
================================================== */
/* #Dark Mode Colours
================================================== */
/* #Custom Post Type Colours
================================================== */
/* Get your SASS in now! */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
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;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: none;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #B96D40;
  color: #11120e;
  text-shadow: none;
}

::selection {
  background: #B96D40;
  color: #11120e;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

.simple-sitemap-wrapper {
  display: flex;
  justify-content: space-around;
}

@media only screen and (max-width: 600px) {
  .simple-sitemap-wrapper {
    flex-direction: column;
  }
}

/* Table of Contents
==================================================
	#Clearing
	#Media Queries
*/
/* #Clearing
================================================== */
/* Self Clearing Goodness */
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.last {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

img {
  width: 100%;
  height: auto;
  height: 100%;
  object-fit: contain;
}

iframe {
  max-width: 100%;
  min-height: auto;
}

/* #Media Queries
================================================== */
/* Responsive Layouts */
/* Type sizes */
/* Responsive grid */
/* Variables */
/* Mixins */
/* #Site Main Colours
================================================== */
/* #Dark Mode Colours
================================================== */
/* #Custom Post Type Colours
================================================== */
.remove_margin-bottom {
  margin-bottom: 0;
}

.header_title {
  font-family: "Cabin", sans-serif;
  font-size: 100px;
  line-height: 114px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: -5px;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .header_title {
    font-size: 75px;
    line-height: 74px;
    letter-spacing: -6px;
  }
}

@media only screen and (min-width: 1200px) {
  .header_title {
    font-size: 80px;
    line-height: 79px;
    letter-spacing: -7px;
  }
}

@media only screen and (min-width: 1600px) {
  .header_title {
    font-size: 100px;
    line-height: 99px;
    letter-spacing: -10px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .header_title {
    font-size: 75px;
    line-height: 74px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  .header_title {
    font-size: 50px;
    line-height: 54px;
    letter-spacing: -5px;
  }
}

@media only screen and (max-width: 768px) {
  .header_title {
    font-size: 50px;
    line-height: 54px;
    letter-spacing: -5px;
  }
}

h1, .large-header {
  font-family: "Cabin", sans-serif;
  font-size: 80px;
  line-height: 94px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: -5px;
  color: #414141;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  h1, .large-header {
    font-size: 64px;
    line-height: 78px;
  }
}

@media only screen and (min-width: 1200px) {
  h1, .large-header {
    font-size: 72px;
    line-height: 86px;
  }
}

@media only screen and (min-width: 1600px) {
  h1, .large-header {
    font-size: 80px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  h1, .large-header {
    font-size: 64px;
    line-height: 78px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  h1, .large-header {
    font-size: 32px;
    line-height: 54px;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 768px) {
  h1, .large-header {
    font-size: 32px;
    line-height: 54px;
    letter-spacing: -1px;
  }
}

h2, .large-header {
  font-family: "Cabin", sans-serif;
  font-size: 40px;
  line-height: 54px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -1px;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  h2, .large-header {
    font-size: 32px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 1200px) {
  h2, .large-header {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  h2, .large-header {
    font-size: 40px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  h2, .large-header {
    font-size: 32px;
    line-height: 46px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  h2, .large-header {
    font-size: 28px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 768px) {
  h2, .large-header {
    font-size: 28px;
    line-height: 42px;
  }
}

h3, .medium-header {
  font-family: "Cabin", sans-serif;
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: -1px;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  h3, .medium-header {
    font-size: 22.4px;
    line-height: 36.4px;
  }
}

@media only screen and (min-width: 1200px) {
  h3, .medium-header {
    font-size: 25.2px;
    line-height: 39.2px;
  }
}

@media only screen and (min-width: 1600px) {
  h3, .medium-header {
    font-size: 28px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  h3, .medium-header {
    font-size: 22.4px;
    line-height: 36.4px;
    letter-spacing: -1px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  h3, .medium-header {
    font-size: 19.6px;
    line-height: 33.6px;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 768px) {
  h3, .medium-header {
    font-size: 19.6px;
    line-height: 33.6px;
    letter-spacing: -1px;
  }
}

h4 {
  font-family: "Cabin", sans-serif;
  font-size: 20px;
  line-height: 34px;
  font-weight: 600;
  letter-spacing: -1px;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  h4 {
    font-size: 16px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  h4 {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1600px) {
  h4 {
    font-size: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  h4 {
    font-size: 16px;
    line-height: 30px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  h4 {
    font-size: 14px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  h4 {
    font-size: 14px;
    line-height: 28px;
  }
}

h5 {
  font-family: "Cabin", sans-serif;
  font-size: 20px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -1px;
}

@media only screen and (min-width: 768px) {
  h5 {
    font-size: 16px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  h5 {
    font-size: 18px;
    line-height: 32px;
  }
}

@media only screen and (min-width: 1600px) {
  h5 {
    font-size: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  h5 {
    font-size: 16px;
    line-height: 30px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  h5 {
    font-size: 14px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 768px) {
  h5 {
    font-size: 14px;
    line-height: 28px;
  }
}

h6 {
  font-family: "Cabin", sans-serif;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -1px;
}

@media only screen and (min-width: 768px) {
  h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1200px) {
  h6 {
    font-size: 18px;
    line-height: 27px;
  }
}

@media only screen and (min-width: 1600px) {
  h6 {
    font-size: 20px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  h6 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  h6 {
    font-size: 14px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 768px) {
  h6 {
    font-size: 14px;
    line-height: 25px;
  }
}

blockquote {
  font-family: "Cabin", sans-serif;
  font-size: 40px;
  line-height: 54px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: -1px;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  blockquote {
    font-size: 32px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 1200px) {
  blockquote {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 1600px) {
  blockquote {
    font-size: 40px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  blockquote {
    font-size: 32px;
    line-height: 46px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  blockquote {
    font-size: 28px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 768px) {
  blockquote {
    font-size: 28px;
    line-height: 42px;
  }
}

p, .plain-text {
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 25px;
}

@media only screen and (min-width: 768px) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  p, .plain-text {
    font-size: 15.3px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1600px) {
  p, .plain-text {
    font-size: 17px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 768px) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

body {
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 25px;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  body {
    font-size: 15.3px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1600px) {
  body {
    font-size: 17px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  body {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  body {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 768px) {
  body {
    font-size: 13.6px;
    line-height: 25px;
  }
}

blockquote {
  font-style: italic;
}

strong, b, .bold {
  font-weight: 700;
}

em, i, .italic {
  font-weight: 700;
}

ol, ul, li {
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 25px;
}

@media only screen and (min-width: 768px) {
  ol, ul, li {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  ol, ul, li {
    font-size: 15.3px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1600px) {
  ol, ul, li {
    font-size: 17px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  ol, ul, li {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  ol, ul, li {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 768px) {
  ol, ul, li {
    font-size: 13.6px;
    line-height: 25px;
  }
}

p, .plain-text {
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 25px;
}

@media only screen and (min-width: 768px) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  p, .plain-text {
    font-size: 15.3px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1600px) {
  p, .plain-text {
    font-size: 17px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 768px) {
  p, .plain-text {
    font-size: 13.6px;
    line-height: 25px;
  }
}

ul li {
  list-style-type: disc;
  margin-left: 1rem;
}

ol li {
  list-style-type: decimal;
  margin-left: 1rem;
}

ol li::marker {
  font-family: "Cabin", sans-serif;
  font-size: 80px;
  line-height: 94px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: -5px;
  color: #414141;
  -webkit-font-smoothing: antialiased;
  color: #11120e;
}

@media only screen and (min-width: 768px) {
  ol li::marker {
    font-size: 64px;
    line-height: 78px;
  }
}

@media only screen and (min-width: 1200px) {
  ol li::marker {
    font-size: 72px;
    line-height: 86px;
  }
}

@media only screen and (min-width: 1600px) {
  ol li::marker {
    font-size: 80px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  ol li::marker {
    font-size: 64px;
    line-height: 78px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  ol li::marker {
    font-size: 32px;
    line-height: 54px;
    letter-spacing: -1px;
  }
}

@media only screen and (max-width: 768px) {
  ol li::marker {
    font-size: 32px;
    line-height: 54px;
    letter-spacing: -1px;
  }
}

@media only screen and (min-width: 768px) {
  ol li::marker {
    font-family: "Cabin", sans-serif;
    font-size: 40px;
    line-height: 54px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: -1px;
    -webkit-font-smoothing: antialiased;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  ol li::marker {
    font-size: 32px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  ol li::marker {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1600px) {
  ol li::marker {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  ol li::marker {
    font-size: 32px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-width: 768px) and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 768px) and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-width: 768px) and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-width: 768px) and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 768px) and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-width: 768px) and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-width: 768px) and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-width: 768px) and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-width: 768px) and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-width: 768px) and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-width: 768px) and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  ol li::marker {
    font-size: 28px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  ol li::marker {
    font-size: 28px;
    line-height: 42px;
  }
}

a {
  color: #414141;
  text-decoration: none;
  position: relative;
}

textarea {
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  line-height: 25px;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
}

@media only screen and (min-width: 768px) {
  textarea {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-width: 1200px) {
  textarea {
    font-size: 15.3px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 1600px) {
  textarea {
    font-size: 17px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  textarea {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), only screen and (min-device-width: 390px) and (max-device-width: 844px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
  textarea {
    font-size: 13.6px;
    line-height: 25px;
  }
}

@media only screen and (max-width: 768px) {
  textarea {
    font-size: 13.6px;
    line-height: 25px;
  }
}

input[type=submit] {
  font-weight: 600;
  max-width: 200px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 5px 30px;
  background-color: #FFFFFF;
  border: 1px #70716e solid;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

input[type=submit]:hover {
  background-color: #414141;
  color: #EFEFEF;
  border: 1px #414141 solid;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

input, textarea {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}

/* #Site Main Colours
================================================== */
/* #Dark Mode Colours
================================================== */
/* #Custom Post Type Colours
================================================== */
/* Table of Contents
==================================================
	#Clearing
	#Media Queries
*/
/* #Clearing
================================================== */
/* Self Clearing Goodness */
/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.last {
  margin-right: 0 !important;
  padding-right: 0 !important;
}

img {
  width: 100%;
  height: auto;
  height: 100%;
  object-fit: contain;
}

iframe {
  max-width: 100%;
  min-height: auto;
}

/* #Media Queries
================================================== */
/* Responsive Layouts */
/* Type sizes */
/* Responsive grid */
/* Variables */
/* Mixins */
/* Percentage values */
/* Pixel values */
/* Grid based width */
/* Container values */
/* # Global Styles
================================================== */
body.remove_scroll {
  overflow-y: hidden;
}

/* #Container
================================================== */
.container {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 1600px;
  margin: 0 auto;
}

@media only screen and (min-width: 1600px) {
  .container {
    width: calc(100vw - 6.25vw);
    position: relative;
    margin: 0 auto;
    max-width: 1600px;
  }
}

/* #Menus
================================================== */
/* Desktop dropdowns */
/* Side/Modal Navs */
/* #Page Headers
================================================== */
/* #Post Layouts
================================================== */
/* #Fade Ins & Transitions
================================================== */
.fade-in {
  opacity: 0;
  transform: translate(0, 10vh);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.fade-in.visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.fade-delay-1 {
  transition-delay: 0.2s;
}

.fade-delay-2 {
  transition-delay: 0.4s;
}

.fade-delay-3 {
  transition-delay: 0.6s;
}

.fade-delay-4 {
  transition-delay: 0.8s;
}

.fade-delay-5 {
  transition-delay: 1s;
}

.fade-delay-6 {
  transition-delay: 1.2s;
}

.fade-in:first-child {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease;
}

.ani_letterwave,
.ani_wordwave,
.ani_fade_up,
.ani_fade_up_letter {
  display: flex;
  flex-wrap: wrap;
}

/* #Transforms
================================================== */
/* #Borders
================================================== */
/* #Buttons
================================================== */
.btn_anchor {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  color: #70716e;
}

.btn_anchor:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #70716e;
  height: 2px;
  width: 100%;
  opacity: 0;
}

.btn_anchor:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #414141;
}

.btn_anchor:hover:after {
  opacity: 1;
  background-color: #414141;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_default {
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding: 5px 30px;
  background-color: #FFFFFF;
  border: 1px #70716e solid;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_default:hover {
  background-color: #414141;
  color: #EFEFEF;
  border: 1px #414141 solid;
}

.btn_second {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_second img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_second:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.btn_second:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_second:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third {
  position: relative;
  text-decoration: none;
  width: fit-content;
  height: auto;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third img {
  width: 10px;
  height: 10px;
  margin-bottom: 1px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third:hover {
  border-bottom: 2px solid #414141;
}

.btn_third:hover img {
  transform: rotate(45deg);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_third:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_fourth {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 3px #414141 solid;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.btn_fourth:hover {
  background-color: #414141;
  color: #EFEFEF;
  border: 3px #414141 solid;
}

/* # Padding solutions
================================================== */
/* #Forms & Input fields
================================================== */
/* #Component Styles
================================================== */
/* #Dark Mode
================================================== */
body {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.dark_mode {
  background-color: #414141;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.dark_mode header li a {
  color: #FFFFFF;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

body.dark_mode section {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: #414141;
}

body.dark_mode section h1, body.dark_mode section h2, body.dark_mode section h3, body.dark_mode section h4, body.dark_mode section h5, body.dark_mode section h6, body.dark_mode section p, body.dark_mode section a, body.dark_mode section ul, body.dark_mode section li, body.dark_mode section label {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

body.dark_mode section h1 img, body.dark_mode section h2 img, body.dark_mode section h3 img, body.dark_mode section h4 img, body.dark_mode section h5 img, body.dark_mode section h6 img, body.dark_mode section p img, body.dark_mode section a img, body.dark_mode section ul img, body.dark_mode section li img, body.dark_mode section label img {
  filter: invert(1);
}

body.dark_mode section div {
  color: #FFFFFF;
}

body.dark_mode section div .slick-dots button {
  filter: invert(1);
}

body.dark_mode .icon, body.dark_mode ::before, body.dark_mode ::after {
  filter: invert(1);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* # - other?
================================================== */
footer {
  background-color: #414141;
  width: 100%;
  display: block;
}

footer .footer_top {
  padding: 20px 0;
}

footer .footer_main {
  padding: 20px 0;
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
}

footer .footer_main .contact_wrap {
  justify-content: start;
}

footer .footer_main .footer_nav_wrap ul {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
  margin-left: 0;
}

footer .footer_main .footer_nav_wrap ul .li_level_one {
  color: #FFFFFF;
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  display: block;
  height: 100%;
  position: relative;
}

footer .footer_main .footer_nav_wrap ul .li_level_one a {
  color: #FFFFFF;
}

footer .footer_main .footer_nav_wrap ul .li_level_one .dropdown_wrap .dropdown_list {
  display: block;
}

footer .footer_main .footer_nav_wrap ul .li_level_one .dropdown_wrap .dropdown_list li {
  list-style-type: none;
  margin-left: 0;
}

footer .footer_main .socials_wrap {
  display: flex;
  justify-content: end;
  align-items: end;
  gap: 10px;
}

footer .footer_main .socials_wrap .social_icon {
  height: 24px;
  width: 24px;
}

footer .footer_bottom {
  padding: 20px 0;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 40px;
}

footer .footer_bottom p, footer .footer_bottom a {
  color: #FFFFFF;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  z-index: 999;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

header .header_wrap {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media only screen and (min-width: 768px) {
  header .header_wrap .logo img {
    max-width: 140px;
  }
}

header .header_wrap .menu_icon_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

header .header_wrap .menu_icon_wrap .menu_icon {
  max-width: 50px;
}

header .header_wrap .menu_icon_wrap.hover {
  filter: opacity(0.5);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

header.scroll {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

header.scroll .container .logo {
  padding: 10px 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.page_header {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .page_header {
    padding: 80px 0;
  }
}

.featured_image_wrap {
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) {
  .featured_image_wrap {
    height: 400px;
    width: 100%;
  }
}

.simple_post {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .simple_post {
    padding: 80px 0;
  }
}

@media only screen and (min-width: 1200px) {
  .simple_post .post_content_wrap {
    width: 60%;
  }
}

.other_posts .title_bar {
  padding-bottom: 60px;
}

.other_posts .post_rows {
  display: block;
}

.other_posts .post_rows .post_row {
  display: grid;
  padding: 20px 0;
  border-bottom: solid 1px #414141;
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_rows .post_row {
    grid-template-columns: 1fr 3fr 3fr 1fr;
    gap: 20px;
  }
}

.other_posts .post_rows .post_row .link_col {
  justify-self: end;
}

.other_posts .post_rows .post_row .view_col {
  text-align: end;
}

.other_posts .post_rows .post_row .view_col img {
  max-width: 80px;
}

.other_posts .post_rows .post_row .summary_col {
  max-height: 119px;
  overflow: hidden;
}

.other_posts .post_grid .slick-track {
  display: inline-flex;
  gap: 20px;
}

.other_posts .post_grid .grid_cell {
  border-radius: 20px;
  overflow: hidden;
  background-color: #EFEFEF;
  border: solid 1px #414141;
}

.other_posts .post_grid .grid_cell .image_wrapper {
  height: 200px;
}

.other_posts .post_grid .grid_cell .text_wrapper {
  padding: 10px;
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid .grid_cell .text_wrapper {
    padding: 20px;
  }
}

.other_posts .post_grid .grid_cell .text_wrapper .text_title_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.other_posts .post_grid .grid_cell .text_wrapper img {
  max-width: 15%;
}

.other_posts .posts_editorial {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 80px;
}

.other_posts .posts_editorial .post_wrapper {
  grid-column: 1 / span 3;
}

.other_posts .posts_editorial .post_wrapper .image_wrapper {
  aspect-ratio: 18 / 9;
  margin-bottom: 40px;
}

.other_posts .posts_editorial .post_wrapper:nth-child(2) {
  grid-column: 3 / span 2;
}

.other_posts .posts_editorial .post_wrapper:nth-child(2) {
  grid-column: 2/ span 4;
}

.other_posts .posts_editorial .post_wrapper .text_wrapper {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 40px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.other_posts .posts_editorial .post_wrapper .text_wrapper .arrow {
  position: relative;
  right: 0;
  max-width: 40px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.other_posts .posts_editorial .post_wrapper:hover .image_wrapper img {
  transform: scale(1.2);
}

.other_posts .posts_editorial .post_wrapper:hover .text_wrapper .arrow {
  right: -20px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.page_archive {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .page_archive {
    padding: 80px 0;
  }
}

.page_archive .posts_layout_wrapper.post_grid {
  display: grid;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .page_archive .posts_layout_wrapper.post_grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .page_archive .posts_layout_wrapper.post_grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell {
  border-radius: 20px;
  overflow: hidden;
  background-color: #EFEFEF;
  border: solid 1px #414141;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .image_wrapper {
  height: 200px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
  padding: 10px;
}

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
    padding: 20px;
  }
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .text_title_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper img {
  max-width: 15%;
}

.page_archive .posts_layout_wrapper.post_grid .post_row {
  display: none;
}

.page_archive .posts_layout_wrapper.post_rows {
  display: block;
}

.page_archive .posts_layout_wrapper.post_rows .post_row {
  display: grid;
  padding: 20px 0;
  border-bottom: solid 1px #414141;
}

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_rows .post_row {
    grid-template-columns: 1fr 3fr 3fr 1fr;
    gap: 20px;
  }
}

.page_archive .posts_layout_wrapper.post_rows .post_row .link_col {
  justify-self: end;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .view_col {
  text-align: end;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .view_col img {
  max-width: 80px;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .summary_col {
  max-height: 119px;
  overflow: hidden;
}

.page_archive .posts_layout_wrapper.post_rows .grid_cell {
  display: none;
}

.page_archive_filter {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter {
    padding: 80px 0;
  }
}

.page_archive_filter .form_container form.search_filter_form {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
}

.page_archive_filter .form_container form.search_filter_form button[type="submit"] {
  order: -1;
}

.page_archive_filter .form_container form.search_filter_form .form_group_checkbox {
  display: flex;
  align-items: center;
  gap: 30px;
}

.page_archive_filter .form_container form.search_filter_form .form_group_checkbox .category-list {
  display: flex;
  gap: 20px;
}

.page_archive_filter .form_container form.search_filter_form .form_group_checkbox .category-list label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex-wrap: nowrap;
  font-size: 20px;
}

.page_archive_filter .form_container form.search_filter_form .form_group_checkbox .category-list label .category_checkbox {
  width: 20px;
  height: 20px;
  accent-color: #414141;
}

.page_archive_filter .posts_layout_wrapper.post_grid {
  display: grid;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .page_archive_filter .posts_layout_wrapper.post_grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .page_archive_filter .posts_layout_wrapper.post_grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell {
  border-radius: 20px;
  overflow: hidden;
  background-color: #EFEFEF;
  border: solid 1px #414141;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .image_wrapper {
  height: 200px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
  padding: 10px;
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
    padding: 20px;
  }
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .text_title_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper img {
  max-width: 15%;
}

.page_archive_filter .posts_layout_wrapper.post_grid .post_row {
  display: none;
}

.page_archive_filter .posts_layout_wrapper.post_rows {
  display: block;
}

.page_archive_filter .posts_layout_wrapper.post_rows .post_row {
  display: grid;
  padding: 20px 0;
  border-bottom: solid 1px #414141;
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_rows .post_row {
    grid-template-columns: 1fr 3fr 3fr 1fr;
    gap: 20px;
  }
}

.page_archive_filter .posts_layout_wrapper.post_rows .post_row .link_col {
  justify-self: end;
}

.page_archive_filter .posts_layout_wrapper.post_rows .post_row .view_col {
  text-align: end;
}

.page_archive_filter .posts_layout_wrapper.post_rows .post_row .view_col img {
  max-width: 80px;
}

.page_archive_filter .posts_layout_wrapper.post_rows .post_row .summary_col {
  max-height: 119px;
  overflow: hidden;
}

.page_archive_filter .posts_layout_wrapper.post_rows .grid_cell {
  display: none;
}

@media only screen and (min-width: 768px) {
  .two-text-col .auto_content {
    column-gap: 4%;
  }
  .two-text-col .auto_content.one_col {
    column-count: 1;
  }
  .two-text-col .auto_content.two_col {
    column-count: 2;
  }
  .two-text-col .auto_content.three_col {
    column-count: 3;
  }
}

.col_slider {
  position: relative;
}

.col_slider.break_grid .slide_image_wrap {
  padding: 0px;
}

.col_slider .slide_image_wrap {
  height: auto;
}

@media only screen and (min-width: 768px) {
  .col_slider .slide_image_wrap {
    height: 50vh;
    padding: 0 30px;
  }
}

.col_slider .slide_image_wrap.bandw img {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.col_slider .slide_image_wrap img {
  object-fit: cover;
}

.col_slider .slide_box {
  padding: 0 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 768px) {
  .col_slider .slide_box {
    margin-top: 0px;
    padding: 0 60px;
  }
}

.col_slider .slide_box .image_text_area_bg {
  text-align: center;
}

.col_slider .slide_box .image_text_area_bg .button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.col_slider .slide_box .image_text_area_bg .button img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.col_slider .slide_box .image_text_area_bg .button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.col_slider .slide_box .image_text_area_bg .button:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.col_slider .slide_box .image_text_area_bg .button:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.col_slider .slick-arrow {
  color: #414141;
  opacity: 0.7;
  z-index: 100;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.col_slider .slick-arrow:hover {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.col_slider .slick-arrow:before {
  font-size: 30px;
}

.col_slider .slick-next {
  right: 20px;
}

.col_slider .slick-prev {
  left: 20px;
}

.col_slider .slick-dots {
  text-align: center;
  left: 0;
  bottom: -50px;
}

.col_slider .slick-dots li.slick-active button {
  background-color: #11120e;
}

.col_slider .slick-dots li:hover button {
  background-color: #11120e;
}

.col_slider .slick-dots li button {
  border: 2px solid #414141;
}

.section_accordion {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_accordion {
    padding: 80px 0;
  }
}

.section_accordion .accord_container.grid .accord_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.section_accordion .accord_container.grid .accord_wrap .accord_body {
  grid-column: span 3 / span 3;
}

.section_accordion .accord_container .accord_wrap {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (min-width: 1200px) {
  .section_accordion .accord_container .accord_wrap {
    width: 70%;
    border-bottom: solid 1px #414141;
  }
  .section_accordion .accord_container .accord_wrap.active .accord_body {
    max-height: 2000px;
    padding-bottom: 40px;
    opacity: 1;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
}

.section_accordion .accord_container .accord_wrap .accord_head {
  position: relative;
  padding: 15px 0px 1px 20px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}

.section_accordion .accord_container .accord_wrap .accord_body {
  height: auto;
  max-height: 1px;
  overflow: hidden;
  opacity: 0;
  padding: 15px 0px 1px 20px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.banner.full_height {
  height: 90vh;
  overflow: hidden;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .banner.full_height {
    height: 90vh;
  }
}

.banner.full_height .slick-slide .slide_box {
  top: 15vh;
}

@media only screen and (min-width: 768px) {
  .banner.full_height .slick-slide .slide_box {
    top: 25vh;
  }
}

.banner.full_height .slick-slide .slide_image_wrap {
  height: 90vh;
}

@media only screen and (min-width: 768px) {
  .banner.full_height .slick-slide .slide_image_wrap {
    height: 90vh;
  }
}

.banner.half_height {
  height: 90vh;
  overflow: hidden;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
  .banner.half_height {
    height: 70vh;
  }
}

.banner.half_height .slick-slide .slide_box {
  top: 20vh;
}

.banner.half_height .slick-slide .slide_image_wrap {
  height: 90vh;
}

@media only screen and (min-width: 768px) {
  .banner.half_height .slick-slide .slide_image_wrap {
    height: 70vh;
  }
}

.banner .slick-slide {
  position: relative;
}

.banner .slick-slide .slide_box {
  position: absolute;
  width: 100%;
}

.banner .slick-slide .slide_box .location {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .banner .slick-slide .slide_box .location {
    bottom: -50px;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .banner .slick-slide .slide_box .location {
    left: -80px;
    top: 15vh;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

.banner .slick-slide .slide_box .container .image_text_area {
  position: relative;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg {
  width: calc(100% - 60px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px;
  margin: 0%;
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg {
    text-align: left;
    padding: 30px 50px;
    width: 100%;
    margin: 0;
    position: absolute;
    z-index: 200;
    width: 50%;
  }
  .banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg.overleft {
    left: 0;
  }
  .banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg.overright {
    right: 0;
  }
  .banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg.overcenter {
    left: 25%;
  }
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.banner .slick-slide .slide_image_wrap.bandw img {
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.banner .slick-slide .slide_image_wrap img {
  object-fit: cover;
}

.banner .slick-arrow {
  color: #FFFFFF;
  opacity: 0.7;
  z-index: 100;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.banner .slick-arrow:hover {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.banner .slick-arrow:before {
  font-size: 30px;
}

.banner .slick-next {
  right: 20px;
}

.banner .slick-prev {
  left: 20px;
}

.slick-dots {
  bottom: 35px;
  left: 0px;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .slick-dots {
    left: 90px;
    text-align: left;
  }
}

.slick-dots li {
  margin: 0px 20px;
  height: 10px;
  width: 10px;
}

.slick-dots li button {
  background-color: transparent;
  border: 2px solid #FFFFFF;
  border-radius: 50%;
  opacity: 0.8;
  height: 10px;
  width: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.slick-dots li button:hover {
  opacity: 1;
  background-color: #FFFFFF;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.slick-dots li button:before {
  content: "";
}

.slick-dots li.slick-active button {
  opacity: 1;
  background-color: #FFFFFF;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_big_text {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_big_text {
    padding: 80px 0;
  }
}

.section_big_text .container {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
}

.section_big_text .container.bg_white {
  background-color: #EFEFEF;
}

.section_big_text .container.bg_grey {
  background-color: #70716e;
}

.section_big_text .container .text_wrap {
  display: block;
}

.section_big_text .container .links_logos_wrap {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.section_big_text .container .links_logos_wrap img {
  max-width: 100px;
}

.cta_columns .cta_wrap {
  margin-top: 70px;
}

.cta_columns .cta_wrap:after {
  content: "";
  clear: both;
}

.cta_columns .cta_wrap .cta_col {
  text-align: center;
  margin-bottom: 40px;
}

.cta_columns .cta_wrap .cta_col .image {
  border-radius: 20px;
  overflow: hidden;
}

.cta_columns .cta_wrap .cta_col .text {
  margin: 20px 0;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .cta_columns .cta_wrap .cta_col .text {
    margin: 20px 10%;
    width: 80%;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .cta_columns .cta_wrap .cta_col .text {
    margin: 20px 10%;
    width: 80%;
  }
}

.cta_columns .cta_wrap .cta_col .text h3 {
  margin-bottom: 10px;
}

.image-container {
  width: 100%;
  margin-left: 0%;
  position: relative;
}

.image-container .wrapper {
  position: relative;
}

.image-container .image_text_area {
  position: relative;
  width: 100%;
}

.image-container .image_text_area .grid_img .image_text_area_bg {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .image-container .image_text_area {
    position: absolute;
    z-index: 200;
    top: 30%;
    width: 50%;
  }
  .image-container .image_text_area.overleft {
    left: 0;
  }
  .image-container .image_text_area.overright {
    right: 0;
  }
  .image-container .image_text_area.overcenter {
    left: 25%;
  }
  .image-container .image_text_area .image_text_area_bg {
    background-color: #FFFFFF;
    padding: 30px;
  }
  .image-container .image_text_area .grid_img .image_text_area_bg {
    margin: 50px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 850px) {
  .image-container .wrapper {
    position: relative;
  }
}

.image-text-col {
  position: relative;
}

.image-text-col .content {
  display: block;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .image-text-col .content {
    text-align: left;
    display: flex;
    align-items: center;
  }
}

.image-text-col .image {
  border-radius: 20px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .image-text-col .image {
    margin-bottom: 20px;
  }
}

.image-text-col .wrap_image_right .content {
  flex-direction: row-reverse;
}

.image-text-col .wrap_image_right .content .text h1, .image-text-col .wrap_image_right .content .text h2, .image-text-col .wrap_image_right .content .text h3, .image-text-col .wrap_image_right .content .text h4, .image-text-col .wrap_image_right .content .text h5, .image-text-col .wrap_image_right .content .text h6, .image-text-col .wrap_image_right .content .text p, .image-text-col .wrap_image_right .content .text a {
  margin-right: 4%;
}

.image-text-col .wrap_image_right .content .image {
  margin-right: 0;
}

.video-container {
  width: 100%;
  margin-left: 0%;
}

@media only screen and (max-width: 768px) {
  .video-container .bg_cover {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 768px) {
  .video-container iframe {
    position: relative !important;
  }
}

.video-container .wrapper {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .video-container .wrapper:after {
    content: "";
    height: 50px;
    width: 50px;
    position: absolute;
    left: 45%;
    top: 43%;
    z-index: 0;
    background-image: url(https://designdough.co.uk/wp-content/themes/designdough/assets/images/svg/cursor-play.svg);
    opacity: 0;
  }
}

@media only screen and (max-width: 768px) {
  .video-container.active .wrapper:after {
    background-image: url();
  }
}

.video-container .video_buttons .button {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.video-container .video_buttons .button#play-button {
  cursor: url(/wp-content/themes/designdough/assets/images/svg/cursor-play.svg) 15 15, url(https://designdough.co.uk/wp-content/themes/designdough/assets/images/svg/cursor-play.svg) 15 15, move;
}

.video-container .video_buttons .button#pause-button {
  cursor: url(/wp-content/themes/designdough/assets/images/svg/cursor-pause.svg) 15 15, url(https://designdough.co.uk/wp-content/themes/designdough/assets/images/svg/cursor-pause.svg) 15 15, move;
}

.video-container .video_buttons.autoplay .button#play-button {
  z-index: 100;
  opacity: 0;
}

.video-container .video_buttons.autoplay .button#pause-button {
  z-index: 101;
  opacity: 1;
}

.video-container .video_buttons.clickplay .button#play-button {
  z-index: 101;
  opacity: 1;
}

.video-container .video_buttons.clickplay .button#pause-button {
  z-index: 100;
  opacity: 0;
}

.video-container .video_text_area {
  position: relative;
  width: 100%;
}

.video-container .video_text_area .video_text_area_bg {
  width: calc(100% - 60px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px;
  margin: 0%;
  text-align: center;
  border-radius: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .video-container .video_text_area .video_text_area_bg {
    text-align: left;
    padding: 30px 50px;
    width: 100%;
    margin: 0;
    position: absolute;
    z-index: 200;
    width: 50%;
  }
  .video-container .video_text_area .video_text_area_bg.overleft {
    left: 0;
  }
  .video-container .video_text_area .video_text_area_bg.overright {
    right: 0;
  }
  .video-container .video_text_area .video_text_area_bg.overcenter {
    left: 25%;
  }
}

.video-container .video_text_area .video_text_area_bg a.button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg a.button img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg a.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.video-container .video_text_area .video_text_area_bg a.button:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg a.button:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg h1, .video-container .video_text_area .video_text_area_bg h2, .video-container .video_text_area .video_text_area_bg h3, .video-container .video_text_area .video_text_area_bg h4, .video-container .video_text_area .video_text_area_bg h5, .video-container .video_text_area .video_text_area_bg h6, .video-container .video_text_area .video_text_area_bg p {
  color: #414141;
}

.video-container .video_text_area .video_text_area_bg a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg a img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.video-container .video_text_area .video_text_area_bg a:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area .video_text_area_bg a:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.video-container .video_text_area.clickplay .video_text_area_bg {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .video-container .video_text_area {
    position: absolute;
    z-index: 200;
    top: 30%;
    width: 50%;
  }
  .video-container .video_text_area.overleft {
    left: 0;
  }
  .video-container .video_text_area.overright {
    right: 0;
  }
  .video-container .video_text_area.overcenter {
    left: 25%;
  }
  .video-container .video_text_area .video_text_area_bg {
    background-color: #FFFFFF;
    padding: 30px;
  }
  .video-container .video_text_area.clickplay .video_text_area_bg {
    margin: 50px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 850px) {
  .video-container .wrapper {
    position: relative;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (max-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (max-width: 850px) and (max-width: 768px) {
  .video-container .wrapper:after {
    content: "";
    height: 50px;
    width: 50px;
    position: absolute;
    left: 45%;
    top: 43%;
    z-index: 0;
    background-image: url(https://designdough.co.uk/wp-content/themes/designdough/assets/images/svg/cursor-play.svg);
    opacity: 0;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (max-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 768px), only screen and (max-width: 850px) and (max-width: 768px) {
  .video-container.active .wrapper:after {
    background-image: url();
  }
}

.native_video {
  width: 100vw;
}

.page_header {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .page_header {
    padding: 80px 0;
  }
}

.page_header .container.two_columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
}

.page_header .container.two_columns .title_wrap {
  padding: 100px 0;
  width: 80%;
}

.page_header .container.bg_image .title_wrap {
  padding: 100px 0;
  height: 80vh;
  width: 70vw;
}

.page_header .container.editorial .title_wrap {
  padding: 100px 0;
}

@media only screen and (min-width: 1200px) {
  .page_header .container.editorial .title_wrap .text_body {
    margin-left: 35.5%;
    width: 50%;
  }
}

.page_header .container.editorial .image_wrap {
  margin-left: 10%;
}

.hero {
  padding-top: 70px;
}

@media only screen and (min-width: 1200px) {
  .hero {
    padding-top: 0;
  }
}

.hero .video {
  width: 100%;
  height: auto;
  position: relative;
}

.hero .video video {
  width: 100%;
  height: auto;
  object-fit: cover;
}

@media only screen and (min-width: 1200px) {
  .hero .video .title_wrap {
    position: absolute;
    bottom: 200px;
    width: 80%;
  }
}

.hero .slider .slick-next,
.hero .slider .slick-prev {
  display: none;
}

.hero .slider .slick-dots {
  left: 0;
  width: 100%;
  text-align: center;
}

.hero .slider .slick-dots button {
  border-color: #414141;
}

.hero .slider .slick-dots .slick-active button {
  background-color: #414141;
}

.hero .slider .slick-prev {
  left: 10px;
  width: 60px;
}

.hero .slider .slick-prev:before {
  content: url("./assets/images/svg/arrow-back.svg");
  color: #414141;
}

.hero .slider .slick-next {
  right: 10px;
  width: 60px;
}

.hero .slider .slick-next:before {
  content: url("./assets/images/svg/arrow-next.svg");
  color: #414141;
}

.hero .slider.show_dots .slick-dots {
  display: block;
}

.hero .slider.show_arrows .slick-next,
.hero .slider.show_arrows .slick-prev {
  display: block;
}

.hero .slider .slick-slide .slide {
  position: relative;
  height: 100vh;
}

.hero .slider .slick-slide .slide .slide_image_wrap {
  height: 100vh;
  background-size: cover;
  object-fit: cover;
}

.hero .slider .slick-slide .slide .slide_text_wrap {
  position: absolute;
  bottom: 200px;
  left: 0;
  width: 100%;
}

.hero .hero_image {
  height: 100vh;
  position: relative;
  display: flex;
}

.hero .hero_image .content_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px;
  align-items: end;
  padding-bottom: 100px;
}

.hero .hero_image .content_wrap .title_wrap {
  grid-column: 1 / span 3;
}

.hero .hero_editorial {
  padding: 50px 0;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

@media only screen and (min-width: 1200px) {
  .hero .hero_editorial {
    padding: 80px 0;
  }
}

.hero .hero_editorial .title_wrap {
  padding-top: 100px;
  grid-column: 1 / span 3;
}

.hero .hero_editorial .text_body {
  grid-column: 3 / -1;
}

.hero .hero_editorial .image_wrap {
  grid-column: 1 / span 2;
}

.section_text {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_text {
    padding: 80px 0;
  }
}

.section_text .container .title_wrap {
  padding-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
  .section_text .container .title_wrap {
    width: 50%;
  }
}

@media only screen and (min-width: 1200px) {
  .section_text .container .text_no_cols .no_col_body {
    width: 50%;
  }
}

.section_text .container .text_cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.section_text .container .text_cols .col_title.border_bottom {
  border-bottom: 1px solid #414141;
}

.section_text .container .text_cols .col_body {
  padding: 20px 40px 0 0;
}

.section_text_image {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_text_image {
    padding: 80px 0;
  }
}

.section_text_image .container .text_image_columns.column_count-1 {
  display: block;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .container .text_image_columns.column_count-1 {
    width: 50%;
  }
}

.section_text_image .container .text_image_columns.column_count-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}

.section_text_image .container .text_image_columns.column_count-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.section_text_image .container .text_image_editorial {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, 20%);
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  .section_text_image .container .text_image_editorial {
    grid-template-columns: 1fr 1fr 2fr 2fr 2fr 2fr 1fr 1fr;
    grid-template-rows: repeat(5, 20%);
    gap: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_text_image .container .text_image_editorial {
    grid-template-columns: 1fr 1fr 2fr 2fr 6fr 6fr 2fr 2fr 1fr 1fr;
    grid-template-rows: repeat(5, 20%);
    gap: 10px;
  }
}

.section_text_image .container .text_image_editorial .item_wrap .image_wrap {
  aspect-ratio: 16/9;
  background-size: cover;
}

.section_text_image .container .text_image_editorial .item_wrap.row-1 {
  grid-column: 1 / span 4;
  grid-row: 1 / span 2;
}

.section_text_image .container .text_image_editorial .item_wrap.row-2 {
  grid-column: 7 / span 4;
  grid-row: 2 / span 2;
}

.section_text_image .container .text_image_editorial .item_wrap.row-3 {
  grid-column: 5 / span 2;
  grid-row: 4 / 2;
}

.section_text_image .container .text_image_editorial .item_wrap.row-4 {
  display: none;
  grid-column: 2 / span 4;
  grid-row: 3 / 4;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .container .text_image_editorial .item_wrap.row-4 {
    display: block;
  }
}

.section_text_image .container .text_image_editorial .item_wrap.row-5 {
  grid-column: 6 / span 2;
  grid-row: 4 / 5;
}

.section_text_image .container .text_image_editorial .item_wrap.row-6 {
  grid-column: 8 / 11;
  grid-row: 4 / 6;
}

.section_text_image .container .text_image_editorial .item_wrap.row-7 {
  grid-column: 7 /span 5;
  grid-row: 1 / 2;
}

.section_text_image .container .text_image_editorial .item_wrap.row-8 {
  grid-column: 6 / 9;
  grid-row: 3 / span 5;
}

.section_images .container .images_layout.slider .slick-track {
  display: flex;
  gap: 20px;
}

.section_images .container .images_layout.slider .image img {
  padding: 10px;
}

.section_images .container .images_layout.grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.section_text_and_grid {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid {
    padding: 80px 0;
  }
}

.section_text_and_grid.grey {
  background-color: #70716e;
}

.section_text_and_grid .grid {
  padding-top: 50px;
}

@media (min-width: 600px) {
  .section_text_and_grid .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
  }
}

.section_text_and_grid .grid.hide_on_modal {
  height: 100vh;
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid.two_col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
    column-gap: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid.three_col {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 50px;
    column-gap: 50px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid.four_col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid.five_col {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

.section_text_and_grid .grid.center_content .grid_cell {
  text-align: center !important;
}

.section_text_and_grid .grid .grid_cell {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 70px;
}

.section_text_and_grid .grid .grid_cell h5 {
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .section_text_and_grid .grid .grid_cell {
    text-align: left;
    align-items: start;
    margin-bottom: 0;
  }
  .section_text_and_grid .grid .grid_cell h5 {
    margin-bottom: unset;
  }
}

.section_text_and_grid .grid .grid_cell img {
  max-height: 180px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .section_text_and_grid .grid .grid_cell img {
    width: auto;
  }
}

.section_text_and_grid .grid .grid_cell.button_at_bottom {
  display: grid;
}

.section_text_and_grid .grid .grid_cell .open_grid_modal,
.section_text_and_grid .grid .grid_cell .download_buton {
  width: fit-content;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .section_text_and_grid .grid .grid_cell .open_grid_modal,
  .section_text_and_grid .grid .grid_cell .download_buton {
    justify-self: center;
  }
}

.section_text_and_grid .grid .grid_modal {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  background-color: grey;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  overflow: scroll;
  padding-top: 110px;
}

@media only screen and (max-width: 768px) {
  .section_text_and_grid .grid .grid_modal {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid .grid_modal {
    padding-top: 150px;
  }
}

.section_text_and_grid .grid .grid_modal.active {
  z-index: 99;
  visibility: visible;
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_text_and_grid .grid .grid_modal .container {
  padding: 20px 0 120px;
}

.section_text_and_grid .grid .grid_modal .modal_close {
  position: fixed;
  top: 90px;
  right: 20px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.section_text_and_grid .grid .grid_modal .modal_close:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  filter: opacity(0.5);
}

.section_text_and_grid .grid .grid_modal p {
  font-size: 12px;
  margin-top: 40px;
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid .grid_modal p {
    font-size: 18px;
    margin-top: 40px;
  }
}

.section_posts_agg {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg {
    padding: 80px 0;
  }
}

.section_posts_agg .container .title_bar {
  padding-bottom: 60px;
}

.section_posts_agg .container .post_rows {
  display: block;
}

.section_posts_agg .container .post_rows .post_row {
  display: grid;
  padding: 20px 0;
  border-bottom: solid 1px #414141;
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .container .post_rows .post_row {
    grid-template-columns: 1fr 3fr 3fr 1fr;
    gap: 20px;
  }
}

.section_posts_agg .container .post_rows .post_row .link_col {
  justify-self: end;
}

.section_posts_agg .container .post_rows .post_row .view_col {
  text-align: end;
}

.section_posts_agg .container .post_rows .post_row .view_col img {
  max-width: 80px;
}

.section_posts_agg .container .post_rows .post_row .summary_col {
  max-height: 119px;
  overflow: hidden;
}

.section_posts_agg .container .post_grid .slick-track {
  display: inline-flex;
  gap: 20px;
}

.section_posts_agg .container .post_grid .grid_cell {
  border-radius: 20px;
  overflow: hidden;
  background-color: #EFEFEF;
  border: solid 1px #414141;
}

.section_posts_agg .container .post_grid .grid_cell .image_wrapper {
  height: 200px;
}

.section_posts_agg .container .post_grid .grid_cell .text_wrapper {
  padding: 10px;
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .container .post_grid .grid_cell .text_wrapper {
    padding: 20px;
  }
}

.section_posts_agg .container .post_grid .grid_cell .text_wrapper .text_title_wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}

.section_posts_agg .container .post_grid .grid_cell .text_wrapper img {
  max-width: 15%;
}

.section_posts_agg .container .posts_editorial {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 80px;
}

.section_posts_agg .container .posts_editorial .post_wrapper {
  grid-column: 1 / span 3;
}

.section_posts_agg .container .posts_editorial .post_wrapper .image_wrapper {
  aspect-ratio: 18 / 9;
  margin-bottom: 40px;
}

.section_posts_agg .container .posts_editorial .post_wrapper:nth-child(2) {
  grid-column: 3 / span 2;
}

.section_posts_agg .container .posts_editorial .post_wrapper:nth-child(2) {
  grid-column: 2/ span 4;
}

.section_posts_agg .container .posts_editorial .post_wrapper .text_wrapper {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 40px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_posts_agg .container .posts_editorial .post_wrapper .text_wrapper .arrow {
  position: relative;
  right: 0;
  max-width: 40px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_posts_agg .container .posts_editorial .post_wrapper:hover .image_wrapper img {
  transform: scale(1.2);
}

.section_posts_agg .container .posts_editorial .post_wrapper:hover .text_wrapper .arrow {
  right: -20px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_cta_banner {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_cta_banner {
    padding: 80px 0;
  }
}

.section_cta_banner .container .cta_skinny,
.section_cta_banner .container .cta_text_image,
.section_cta_banner .container .cta_text_cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}

.section_cta_banner .container .cta_skinny .links_wrap {
  text-align: center;
}

.section_cta_banner .container .cta_skinny .links_wrap a {
  height: fit-content;
  width: fit-content;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px;
  font-weight: 500;
}

.section_cta_banner .container .cta_text_image .text_wrap .title_wrap {
  padding-bottom: 20px;
}

.section_cta_banner .container .cta_text_image .text_wrap .links_wrap {
  display: grid;
  gap: 15px;
}

.section_cta_banner .container .cta_text_image .text_wrap .links_wrap a {
  width: fit-content;
  display: flex;
}

.section_cta_banner .container .cta_text_image .text_wrap .links_wrap a img {
  width: 10px;
  height: 10px;
}

@media only screen and (min-width: 1200px) {
  .section_cta_banner .container .cta_text_cols .links_wrap {
    padding-left: 120px;
  }
}

.section_cta_banner .container .cta_text_cols .links_wrap a {
  width: fit-content;
  align-items: center;
  display: flex;
  gap: 5px;
}

.section_cta_banner .container .cta_text_cols .links_wrap a img {
  width: 14px;
  height: 14px;
}

.section_stats {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_stats {
    padding: 80px 0;
  }
}

.section_stats .container {
  border-radius: 20px;
  overflow: hidden;
  border: solid 1px #414141;
}

.section_stats .container .title_wrap {
  padding: 20px;
}

.section_stats .container .title_wrap .title {
  margin-bottom: 0;
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .section_stats .container .title_wrap .title {
    width: 60%;
  }
}

.section_stats .container .stats_grid {
  cursor: grabbing;
}

.section_stats .container .stats_grid.grid {
  display: grid;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .section_stats .container .stats_grid.grid {
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_stats .container .stats_grid.grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.section_stats .container .stats_grid .cell {
  cursor: grabbing;
  display: flex;
  flex-direction: column;
  margin: 80px 0;
}

.section_stats .container .stats_grid .cell.stats_cell {
  align-items: center;
  gap: 10px;
  justify-content: center;
  text-align: center;
  position: relative;
}

.section_stats .container .stats_grid .cell.stats_cell:after {
  content: "";
  height: 150px;
  width: 1px;
  position: absolute;
  top: 30px;
  right: 0;
  display: block;
}

@media only screen and (max-width: 768px) {
  .section_stats .container .stats_grid .cell.stats_cell {
    margin: 80px 0 0 0;
  }
}

.section_stats .container .stats_grid .cell.stats_cell .stat, .section_stats .container .stats_grid .cell.stats_cell h4 {
  margin-bottom: 5px;
  padding: 5px 60px;
  text-transform: uppercase;
}

.section_stats .container .stats_grid .cell.stats_cell p {
  width: 80%;
  margin: 10px auto 0 auto;
  font-size: 70%;
  opacity: 0.9;
  text-transform: none;
}

.section_stats .container .stats_grid .slick-dots {
  bottom: -15px;
  width: 100%;
  left: 0px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .section_stats .container .stats_grid .slick-dots {
    display: none !important;
  }
  .section_stats .container .stats_grid .slick-dots::after {
    content: "";
    width: 100%;
    height: 1px;
    display: block;
    top: -12px;
    position: relative;
  }
  .section_stats .container .stats_grid .slick-dots li button {
    border: 2px solid #414141;
  }
}

.section_stats .container .stats_grid .slick-next {
  right: 60px;
  top: -60px;
  height: 35px;
  width: 35px;
  background-size: cover;
  z-index: 100;
}

.section_stats .container .stats_grid .slick-next::before {
  content: url("/wp-content/themes/designdough/assets/images/svg/arrow-next.svg");
}

@media only screen and (max-width: 768px) {
  .section_stats .container .stats_grid .slick-next {
    top: 30px;
    right: 0;
    height: 25px;
    width: 25px;
  }
}

.section_stats .container .stats_grid .slick-prev {
  top: -60px;
  left: calc(100% - 150px);
  height: 35px;
  width: 35px;
  background-size: cover;
  z-index: 100;
  background-image: url("/wp-content/themes/designdough/assets/images/svg/arrow-back.svg");
}

.section_stats .container .stats_grid .slick-prev::before {
  content: "";
}

@media only screen and (max-width: 768px) {
  .section_stats .container .stats_grid .slick-prev {
    height: 25px;
    width: 25px;
    top: 30px;
    left: calc(100% - 70px);
  }
}

.section_stats .container .values_grid {
  display: grid;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .section_stats .container .values_grid {
    grid-template-columns: 1fr 1fr;
    padding-top: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_stats .container .values_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.section_stats .container .values_grid .cell {
  display: flex;
  flex-direction: column;
  color: #414141;
  text-transform: uppercase;
  margin: 80px 0;
  border-right: solid 1px #414141;
}

@media only screen and (max-width: 768px) {
  .section_stats .container .values_grid .cell {
    margin: 80px 0 0 0;
  }
}

.section_stats .container .values_grid .cell.values_cell {
  align-items: flex-start;
}

.section_stats .container .values_grid .cell.values_cell .title {
  border-bottom: solid 1px #414141;
}

.section_wayfinder {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_wayfinder {
    padding: 80px 0;
  }
}

.section_wayfinder .container .intro_text {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_wayfinder .container .wayfinder_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_wayfinder .container .wayfinder_grid.three_columns {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.section_wayfinder .container .wayfinder_grid .signpost {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 20px;
  background-color: #EFEFEF;
  background-color: #EFEFEF;
  color: #414141;
  border-color: #414141;
  padding: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.section_wayfinder .container .wayfinder_grid .signpost * {
  background-color: #EFEFEF;
  color: #414141;
  border-color: #414141;
}

@media only screen and (min-width: 1200px) {
  .section_wayfinder .container .wayfinder_grid .signpost {
    padding: 20px;
  }
}

.section_testimonials {
  padding: 50px 0;
  max-height: 600px;
}

@media only screen and (min-width: 1200px) {
  .section_testimonials {
    padding: 80px 0;
  }
}

.section_testimonials .slider .slick-next,
.section_testimonials .slider .slick-prev {
  display: none !important;
}

.section_testimonials .slider .slick-dots {
  display: none !important;
  bottom: 0px;
}

.section_testimonials .slider .slick-dots {
  left: 0;
  width: 100%;
  text-align: center;
}

.section_testimonials .slider .slick-dots button {
  border-color: #414141;
}

.section_testimonials .slider .slick-dots .slick-active button {
  background-color: #414141;
}

.section_testimonials .slider .slick-prev {
  left: 10px;
  width: 60px;
}

.section_testimonials .slider .slick-prev:before {
  content: url("./assets/images/svg/arrow-back.svg");
  color: #414141;
}

.section_testimonials .slider .slick-next {
  right: 10px;
  width: 60px;
}

.section_testimonials .slider .slick-next:before {
  content: url("./assets/images/svg/arrow-next.svg");
  color: #414141;
}

.section_testimonials .slider.show_dots .slick-dots {
  display: block !important;
}

.section_testimonials .slider.show_arrows .slick-next,
.section_testimonials .slider.show_arrows .slick-prev {
  display: block !important;
}

.section_testimonials .bg_image_slides {
  border-radius: 20px;
  overflow: hidden;
  margin: 0 auto;
}

.section_testimonials .bg_image_slides .slick-list {
  border-right: solid 2px transparent;
}

.section_testimonials .bg_image_slides .slick-slide {
  object-fit: cover;
  height: 600px;
  border-radius: 20px;
  overflow: hidden;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap {
  position: relative;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_image_wrap {
  height: 600px;
  position: relative;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_image_wrap img {
  object-fit: cover;
  height: 600px;
  width: 100vw;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_image_wrap.for_16x9_images img {
  position: relative;
  width: 100vw;
  object-fit: cover;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .location {
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .location {
    bottom: -50px;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .location {
    left: -80px;
    top: 15vh;
  }
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container {
  max-width: unset;
  position: relative;
  height: 100%;
  background: linear-gradient(96deg, rgba(0, 0, 0, 0.668627), transparent);
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap {
  padding: 20px;
  width: 100%;
  color: #FFFFFF;
}

@media only screen and (min-width: 768px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap {
    width: 45%;
    padding: 120px 40px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap {
    width: 40%;
  }
}

@media only screen and (min-width: 1600px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap {
    width: 35%;
  }
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap .quote {
  font-weight: 400;
  color: #FFFFFF;
  font-size: 18px;
  line-height: 29px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap .quote {
    font-size: 18px !important;
    line-height: 35px;
  }
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap .name {
  font-family: "DM Sans", sans-serif;
  margin-top: 20px;
  margin-top: 0;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap .role {
  font-weight: 200;
  font-size: 14px;
}

.section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap .quotation_marks {
  width: 80px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .section_testimonials .bg_image_slides .slick-slide .rel_wrap .slide_box .container .quotation_bg_wrap .quotation_marks {
    width: 120px;
  }
}

.section_testimonials .quotation_grid {
  border-radius: 20px;
  overflow: hidden;
}

.section_testimonials .quotation_grid .quotation_grid_wrap {
  height: auto;
  display: grid !important;
  grid-template-columns: 1.5fr 1fr;
}

.section_testimonials .quotation_grid .quotation_grid_wrap .quote_wrap img {
  max-height: 50px;
  width: 120px;
  padding-bottom: 20px;
}

.section_testimonials .quotation_grid .quotation_grid_wrap .quote_wrap .quote {
  font-family: "DM Sans", sans-serif;
  font-weight: 200;
}

.section_testimonials .quotation_grid .quotation_grid_wrap .quote_wrap .logo_and_quoter_wrap {
  padding-top: 30px;
  display: flex;
  gap: 30px;
}

.section_testimonials .quotation_grid .quotation_grid_wrap .quote_wrap .logo_and_quoter_wrap .quoter_logo img {
  width: 100px;
}

.section_testimonials .quotation_grid .quotation_grid_wrap .quote_wrap .logo_and_quoter_wrap .quoter_wrap .bolden {
  font-style: bold;
}

.slick-dotted.slick-slider {
  margin-bottom: 0px;
}

.section_sticky_cards .stag_trig {
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  padding-bottom: 20px;
  margin-bottom: -20px;
  padding-top: 10px;
  border-radius: 20px;
  overflow: hidden;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #414141;
  border-color: #414141;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig {
    position: relative;
  }
}

.section_sticky_cards .stag_trig * {
  color: #414141;
  border-color: #414141;
}

.section_sticky_cards .stag_trig .container {
  margin-bottom: 100px;
}

.section_sticky_cards .stag_trig.stag_trig_1 {
  top: 110px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig.stag_trig_1 {
    top: 100px;
  }
}

.section_sticky_cards .stag_trig.stag_trig_2 {
  top: 150px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig.stag_trig_2 {
    top: 100px;
  }
}

.section_sticky_cards .stag_trig.stag_trig_3 {
  top: 190px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig.stag_trig_3 {
    top: 100px;
  }
}

.section_sticky_cards .stag_trig.stag_trig_4 {
  top: 230px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig.stag_trig_4 {
    top: 100px;
  }
}

.section_sticky_cards .stag_trig.stag_trig_5 {
  top: 270px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig.stag_trig_5 {
    top: 100px;
  }
}

.section_sticky_cards .stag_trig.stag_trig_6 {
  top: 310px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig.stag_trig_6 {
    top: 100px;
  }
}

.section_sticky_cards .stag_trig .title_wrap {
  align-items: center;
  margin: 30px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #414141;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig .title_wrap {
    align-items: flex-start;
  }
}

.section_sticky_cards .stag_trig .title_wrap .staggered_cards_title {
  text-transform: uppercase;
  border-bottom: 0;
  margin-bottom: 0;
}

.section_sticky_cards .stag_trig .title_wrap p {
  min-width: 100px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig .title_wrap p {
    display: none;
  }
}

.section_sticky_cards .stag_trig .title_wrap h3 {
  width: 80%;
}

.section_sticky_cards .stag_trig .title_wrap .title {
  text-transform: uppercase;
  border-bottom: none;
}

.section_sticky_cards .stag_trig .slider .slick-next,
.section_sticky_cards .stag_trig .slider .slick-prev {
  display: none !important;
}

.section_sticky_cards .stag_trig .slider .slick-dots {
  display: none !important;
  bottom: 0px;
}

.section_sticky_cards .stag_trig .slider .slick-dots {
  left: 0;
  width: 100%;
  text-align: center;
}

.section_sticky_cards .stag_trig .slider .slick-dots button {
  border-color: #414141;
}

.section_sticky_cards .stag_trig .slider .slick-dots .slick-active button {
  background-color: #414141;
}

.section_sticky_cards .stag_trig .slider .slick-prev {
  left: 10px;
  width: 60px;
}

.section_sticky_cards .stag_trig .slider .slick-prev:before {
  content: url("./assets/images/svg/arrow-back.svg");
  color: #414141;
}

.section_sticky_cards .stag_trig .slider .slick-next {
  right: 10px;
  width: 60px;
}

.section_sticky_cards .stag_trig .slider .slick-next:before {
  content: url("./assets/images/svg/arrow-next.svg");
  color: #414141;
}

.section_sticky_cards .stag_trig .slider.show_dots .slick-dots {
  display: block !important;
}

.section_sticky_cards .stag_trig .slider.show_arrows .slick-next,
.section_sticky_cards .stag_trig .slider.show_arrows .slick-prev {
  display: block !important;
}

.section_sticky_cards .stag_trig .pre_text {
  width: 70%;
  margin-left: 100px;
}

.section_sticky_cards .stag_trig .slide_wrap {
  padding-bottom: 0px;
}

.section_sticky_cards .stag_trig .slide_wrap .flex_wrap .content {
  width: calc(85% - 100px);
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig .slide_wrap .flex_wrap .content {
    width: calc(100% - 10px);
  }
}

.section_sticky_cards .stag_trig .slide_wrap .flex_wrap .arrow {
  width: 100px;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig .slide_wrap .flex_wrap .arrow {
    width: 20px;
  }
}

.section_sticky_cards .stag_trig .slide_wrap .flex_wrap .arrow svg {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_sticky_cards .stag_trig .slide_wrap .flex_wrap .textarea {
  margin-top: 0px;
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (max-width: 768px) {
  .section_sticky_cards .stag_trig .slide_wrap .flex_wrap .textarea {
    width: 100%;
  }
}

.section_sticky_cards .stag_trig .slide_wrap .flex_wrap .textarea ol li {
  margin-bottom: 10px;
}

.section_sticky_cards .stag_trig .slide_wrap .flex_wrap .textarea ol li::marker {
  font-size: 18px;
  line-height: 27px;
  color: #FFFFFF;
}

.section_sticky_cards .stag_trig .text_wrap {
  width: 70%;
  margin-left: 100px;
  margin-bottom: 0px;
}

.section_sticky_cards .stag_trig .slick-slider {
  cursor: grab;
}

.section_sticky_cards .stag_trig.white {
  background-color: #FFFFFF;
}

.section_sticky_cards .stag_trig.white .flex_start {
  border-bottom: 1px solid #414141;
}

.section_sticky_cards .stag_trig.white .flex_start ol li {
  margin-bottom: 10px;
}

.section_sticky_cards .stag_trig.white .flex_start ol li::marker {
  font-size: 18px;
  line-height: 27px;
  color: #414141;
}

.section_sticky_cards .stag_trig.white .slider button.slick-next:before {
  content: url("/wp-content/themes/designdough/assets/images/svg/arrow-next-black.svg");
}

.section_sticky_cards .stag_trig.white .slider button.slick-prev:before {
  content: url("/wp-content/themes/designdough/assets/images/svg/arrow-back-black.svg");
}

.section_sticky_cards .stag_trig.off_white {
  background-color: #EFEFEF;
}

.section_sticky_cards .stag_trig.off_white .flex_start {
  border-bottom: 1px solid #414141;
}

.section_sticky_cards .stag_trig.off_white .flex_start ol li {
  margin-bottom: 10px;
}

.section_sticky_cards .stag_trig.off_white .flex_start ol li::marker {
  font-size: 18px;
  line-height: 27px;
  color: #414141;
}

.section_team {
  position: unset;
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_team {
    padding: 80px 0;
  }
}

.section_team .container .team_grid {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

@media only screen and (min-width: 768px) {
  .section_team .container .team_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1600px) {
  .section_team .container .team_grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 50px;
  }
}

.section_team .container .team_grid .team_member_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding: 40px 0;
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_grid .team_member_wrap {
    align-items: flex-start;
  }
}

.section_team .container .team_grid .team_member_wrap .member_image {
  background-size: cover;
  aspect-ratio: 10/13;
  height: 360px;
  position: relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 20px;
  overflow: hidden;
}

.section_team .container .team_grid .team_member_wrap .member_image .team_member_overlay {
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_team .container .team_grid .team_member_wrap .member_image .team_member_overlay:hover {
  opacity: 0.6;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_team .container .team_grid .team_member_wrap .member_image .team_member_overlay .bio {
  color: black;
  position: relative;
  top: 50%;
  left: 36%;
}

.section_team .container .team_grid .team_member_wrap .member_name {
  margin-top: 10px;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 20px;
}

.section_team .container .team_grid .team_member_wrap .member_role {
  font-weight: 200;
  font-size: 13px;
  margin-bottom: 0;
}

.section_team .container .team_grid .team_member_wrap .member_socials_wrap img {
  width: 12px;
  height: 12px;
}

.section_team .container .team_grid .team_member_wrap .member_socials_wrap .email_icon {
  margin-top: 5px;
}

.section_team .container .team_member_modal {
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  background-color: #EFEFEF;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 20px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  display: block;
  overflow: scroll;
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal {
    height: calc(100% - 67px);
    margin-top: 67px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_member_modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 70vw;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
  }
}

.section_team .container .team_member_modal.active {
  visibility: visible;
  opacity: 0.95;
  z-index: 99;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_team .container .team_member_modal p {
  font-family: "Cabin", sans-serif;
  margin-bottom: 0;
}

.section_team .container .team_member_modal h3 {
  font-size: 24px;
  margin-bottom: 0;
}

.section_team .container .team_member_modal .image_wrap {
  padding: 10px;
  display: flex;
  gap: 10px;
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal .image_wrap {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_member_modal .image_wrap {
    padding: 50px;
    display: block;
  }
}

.section_team .container .team_member_modal .image_wrap .member_image_modal {
  margin-top: 65px;
  object-position: bottom left;
  object-fit: cover;
  width: auto;
  display: flex;
  max-height: 300px;
  border-radius: 20px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .section_team .container .team_member_modal .image_wrap .member_image_modal {
    height: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal .image_wrap .member_image_modal {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal .image_wrap .member_info_wrap {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-end;
    align-items: baseline;
  }
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_member_modal .image_wrap .member_info_wrap {
    width: 100%;
  }
}

.section_team .container .team_member_modal .image_wrap .member_info_wrap .member_name {
  margin-top: 10px;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 20px;
}

.section_team .container .team_member_modal .image_wrap .member_info_wrap .member_role {
  font-weight: 200;
  font-size: 13px;
  margin-bottom: 0;
}

.section_team .container .team_member_modal .image_wrap .member_info_wrap .member_socials_wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.section_team .container .team_member_modal .image_wrap .member_info_wrap .member_socials_wrap img {
  width: 15px;
  height: 15px;
}

.section_team .container .team_member_modal .text_wrap {
  padding: 10px;
  padding-bottom: 80px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_member_modal .text_wrap {
    padding: 50px;
  }
}

.section_team .container .team_member_modal .text_wrap .member_info_wrap {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal .text_wrap h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal .text_wrap p {
    font-size: 11px;
  }
}

.section_team .container .team_member_modal .member_modal_close {
  position: absolute;
  z-index: 99;
  top: 74px;
  right: 10px;
  height: 40px;
  width: 40px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .section_team .container .team_member_modal .member_modal_close {
    top: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_team .container .team_member_modal .member_modal_close {
    top: 30px;
    right: 30px;
  }
}

.section_team .container .team_member_modal .member_modal_close:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  filter: opacity(0.5);
}

.section_partners {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_partners {
    padding: 80px 0;
  }
}

.section_partners .container .partners_container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  overflow: hidden;
}

.section_partners .container .partners_container .partners_wrap {
  padding: 20px 0;
}

.section_partners .container .partners_container .partners_wrap .slick-slider {
  cursor: default;
}

@media only screen and (max-width: 768px) {
  .section_partners .container .partners_container .partners_wrap .slick-slider {
    margin-bottom: 0 !important;
  }
}

.section_partners .container .partners_container .partners_wrap .slick-slide div {
  padding: 0 20px;
}

.section_info_cards {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_info_cards {
    padding: 80px 0;
  }
}

.section_info_cards .container .info_cards_grid.two_cols {
  display: grid;
  gap: 40px;
}

@media only screen and (min-width: 1200px) {
  .section_info_cards .container .info_cards_grid.two_cols {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 768px) {
  .section_info_cards .container .info_cards_grid.three_cols {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1200px) {
  .section_info_cards .container .info_cards_grid.three_cols {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.section_info_cards .container .info_cards_grid.staggered {
  display: grid;
}

@media only screen and (min-width: 768px) {
  .section_info_cards .container .info_cards_grid.staggered {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 1200px) {
  .section_info_cards .container .info_cards_grid.staggered {
    grid-template-columns: repeat(8, 1fr);
    gap: 20px;
  }
  .section_info_cards .container .info_cards_grid.staggered .card:nth-child(1) {
    grid-column: 1 / span 3;
  }
  .section_info_cards .container .info_cards_grid.staggered .card:nth-child(2) {
    grid-column: 6 / span 3;
    grid-row: 2 / span 2;
  }
  .section_info_cards .container .info_cards_grid.staggered .card:nth-child(3) {
    grid-column: 2 / span 3;
    grid-row: 2 / span 2;
  }
  .section_info_cards .container .info_cards_grid.staggered .card:nth-child(4) {
    grid-column: 5 / span 3;
  }
}

.section_info_cards .container .info_cards_grid .card {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  padding: 20px;
  background-color: #EFEFEF;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.section_info_cards .container .info_cards_grid .card a {
  width: fit-content;
}

.section_info_cards .container .info_cards_grid .card.arm_dark_mode {
  background-color: #414141;
  color: #FFFFFF;
  border-color: #414141;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_info_cards .container .info_cards_grid .card.arm_dark_mode * {
  background-color: #414141;
  color: #FFFFFF;
  border-color: #414141;
}

.section_form {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_form {
    padding: 80px 0;
  }
}

.section_form .form_container {
  display: flex;
}

.section_form .form_container .text_wrap {
  padding-bottom: 50px;
  width: 80%;
}

.section_form .form_container .form_wrap .wpcf7-form {
  position: relative;
}

.section_form .form_container .form_wrap .wpcf7-form h1, .section_form .form_container .form_wrap .wpcf7-form h2, .section_form .form_container .form_wrap .wpcf7-form h3, .section_form .form_container .form_wrap .wpcf7-form h4, .section_form .form_container .form_wrap .wpcf7-form h5, .section_form .form_container .form_wrap .wpcf7-form h6, .section_form .form_container .form_wrap .wpcf7-form p, .section_form .form_container .form_wrap .wpcf7-form a {
  color: #414141;
}

.section_form .form_container .form_wrap .wpcf7-form input[type="submit"] {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  max-width: 200px;
}

.section_form .form_container .form_wrap .wpcf7-form input[type="submit"] img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_form .form_container .form_wrap .wpcf7-form input[type="submit"]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.section_form .form_container .form_wrap .wpcf7-form input[type="submit"]:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_form .form_container .form_wrap .wpcf7-form input[type="submit"]:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.section_form .form_container .form_wrap .wpcf7-form input, .section_form .form_container .form_wrap .wpcf7-form textarea {
  border: none;
  display: block;
  background-color: #EFEFEF;
  width: 80%;
  padding: 5px 2.5%;
  margin-bottom: 15px;
  color: #414141;
  border-radius: 5px;
  overflow: hidden;
}

.section_form .form_container.right {
  justify-content: end;
}

.section_form .form_container.right .form_grid {
  width: 60%;
}

.section_form .form_container.left {
  justify-content: start;
}

.section_form .form_container.left .form_grid {
  width: 60%;
}

.section_form .form_container.two_cols .form_grid {
  width: 100%;
  display: grid;
  gap: 40px;
}

.section_form .form_container.two_cols .form_grid .text_wrap {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .section_form .form_container.two_cols .form_grid {
    grid-template-columns: 1fr 1fr;
  }
}

.section_form .form_container.sign_up_min .text_wrap {
  display: flex;
  justify-content: end;
}

.section_form .form_container.sign_up_min .form_wrap .wpcf7-form {
  display: flex;
  align-items: center;
}

.section_form .form_container.sign_up_min .form_wrap .wpcf7-form input, .section_form .form_container.sign_up_min .form_wrap .wpcf7-form textarea {
  border: 3px solid #414141;
  display: block;
  background-color: #EFEFEF;
  width: 80%;
  padding: 10px 5%;
  margin: 0;
  color: #414141;
  border-radius: 5px;
  overflow: hidden;
}

.section_form .form_container.sign_up_min .form_wrap .wpcf7-form input[type="submit"] {
  position: relative;
  display: inline-block;
  text-decoration: none;
  border: 3px #414141 solid;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin: 0;
}

.section_form .form_container.sign_up_min .form_wrap .wpcf7-form input[type="submit"]:hover {
  background-color: #414141;
  color: #EFEFEF;
  border: 3px #414141 solid;
}

.section_placeholder {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_placeholder {
    padding: 80px 0;
  }
}

.section_placeholder .container .title_wrap {
  padding-bottom: 40px;
}

.section_placeholder .container .placeholder_wrap {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 50vw;
  color: #FFFFFF;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
}

.section_iframe {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_iframe {
    padding: 80px 0;
  }
}

.section_iframe .container .iframe_grid {
  display: grid;
  gap: 40px;
}

.section_iframe .container .iframe_grid.two_cols {
  grid-template-columns: 1fr 1fr;
}

.section_iframe .container .iframe_grid .iframe_wrap .placeholder_wrap {
  width: 100%;
  height: 20vw;
  color: #FFFFFF;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.5) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
}

.section_timeline_journey {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_timeline_journey {
    padding: 80px 0;
  }
}

.section_timeline_journey .container .title_wrap {
  padding-bottom: 40px;
}

.section_timeline_journey .container .intro_text_wrap {
  padding-bottom: 100px;
}

@media only screen and (min-width: 1200px) {
  .section_timeline_journey .container .intro_text_wrap {
    width: 60%;
  }
}

.section_timeline_journey .container .timeline_journey_container .timeline_step_wrap {
  display: grid;
  gap: 40px;
  margin-bottom: 140px;
}

@media only screen and (min-width: 1200px) {
  .section_timeline_journey .container .timeline_journey_container .timeline_step_wrap {
    grid-template-columns: 1fr 1fr;
  }
}

.section_timeline_journey .container .timeline_journey_container .timeline_step_wrap.reverse .text_wrap {
  order: 2;
}

.section_timeline_journey .container .timeline_journey_container .timeline_step_wrap .text_wrap {
  padding: 40px;
}

.section_timeline_journey .container .timeline_journey_container .timeline_step_wrap .image_wrap {
  padding: 40px;
  background-size: cover;
  background-position: center;
}

.page-id-10 .featured_post_slider {
  padding-top: 0 !important;
}

.featured_post_slider {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.featured_post_slider .post_cont {
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
}

.featured_post_slider .post_cont .featured_post_wrap {
  display: block !important;
  width: auto !important;
  border-top-right-radius: 40px;
  border-top-left-radius: 40px;
  padding: 50px 20px;
  height: 460px;
}

@media only screen and (max-width: 768px) {
  .featured_post_slider .post_cont .featured_post_wrap {
    height: auto;
  }
}

@media only screen and (min-width: 1200px) {
  .featured_post_slider .post_cont .featured_post_wrap {
    height: 540px;
  }
}

.featured_post_slider .post_cont .featured_post_wrap .title_wrapper {
  text-transform: uppercase;
  color: #EFEFEF;
  border-bottom: solid 0.5px #EFEFEF;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .featured_post_slider .post_cont .featured_post_wrap .title_wrapper {
    flex-wrap: nowrap;
  }
}

.featured_post_slider .post_cont .featured_post_wrap .title_wrapper .title_inner_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
}

.featured_post_slider .post_cont .featured_post_wrap .title_wrapper .title_inner_wrap h2 {
  margin-bottom: 0px;
  font-size: 22px;
}

@media only screen and (min-width: 768px) {
  .featured_post_slider .post_cont .featured_post_wrap .title_wrapper .title_inner_wrap h2 {
    font-size: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .featured_post_slider .post_cont .featured_post_wrap .title_wrapper .title_inner_wrap h2 {
    font-size: 42px;
  }
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid {
  padding: 40px 0 20px 0;
  display: grid;
}

@media only screen and (min-width: 768px) {
  .featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid {
    grid-template-columns: 1fr 1fr;
    gap: 70px;
  }
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .image_wrapper img {
  width: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .image_wrapper img {
    width: 100%;
    height: 150px;
  }
}

@media only screen and (min-width: 1200px) {
  .featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .image_wrapper img {
    max-height: 410px;
  }
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .text_wrapper {
  color: #EFEFEF;
}

@media only screen and (min-width: 1200px) {
  .featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .text_wrapper {
    padding: 70px;
  }
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .text_wrapper .text_info_wrapper {
  display: flex;
  justify-content: space-between;
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .text_wrapper .text_info_wrapper p {
  text-transform: uppercase;
  font-weight: 100;
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .text_wrapper a {
  align-self: baseline;
  text-transform: uppercase;
  color: #EFEFEF;
}

.featured_post_slider .post_cont .featured_post_wrap .post_wrap_grid .text_wrapper .text_title_wrapper h3 {
  font-weight: 600;
}

.featured_post_slider .post_cont .featured_post_wrap .see_all {
  border-color: #EFEFEF;
  color: #EFEFEF;
}

.featured_post_slider .post_cont .slick-dots {
  width: 50%;
  display: none !important;
}

.featured_post_slider .post_cont .slick-next {
  right: 20px;
  top: 13.2%;
}

.featured_post_slider .post_cont .slick-next:before {
  content: url("/wp-content/themes/designdough/assets/images/svg/bc-next-btn-small.svg");
}

@media only screen and (min-width: 768px) {
  .featured_post_slider .post_cont .slick-next {
    top: 60%;
    right: 65px;
  }
  .featured_post_slider .post_cont .slick-next:before {
    content: url("/wp-content/themes/designdough/assets/images/svg/bc-next-arrow.svg");
  }
}

.featured_post_slider .post_cont .slick-prev {
  top: 8%;
  right: 65px;
  top: 60%;
}

@media only screen and (min-width: 768px) {
  .featured_post_slider .post_cont .slick-prev {
    display: none !important;
  }
}

.featured_post_slider .post_cont .slick-prev:before {
  content: url("/wp-content/themes/designdough/assets/images/svg/bc-prev-btn-small.svg");
}

.section_search_banner {
  padding: 50px 0;
}

@media only screen and (min-width: 1200px) {
  .section_search_banner {
    padding: 80px 0;
  }
}

.section_search_banner .container .search_banner_grid {
  display: grid;
  gap: 40px;
}

@media only screen and (min-width: 768px) {
  .section_search_banner .container .search_banner_grid {
    grid-template-columns: 1fr 1fr;
  }
}

.section_search_banner .container .search_banner_grid .text_rwap {
  padding: 40px;
}

.section_search_banner .container .search_banner_grid .searchbar_wrap {
  padding: 40px;
}

.main_nav {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .main_nav {
    display: block;
  }
}

.main_nav ul {
  display: flex;
  gap: 20px;
  margin-bottom: 0;
  margin-left: 0;
}

.main_nav ul .li_level_one {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

.main_nav ul .li_level_one.dropdown:after {
  content: '+';
  margin-left: 5px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.main_nav ul .li_level_one:hover {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.main_nav ul .li_level_one:hover .dropdown_area {
  opacity: 1;
  visibility: visible;
}

.main_nav ul .li_level_one .dropdown_rel {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 22px;
  left: 0;
  width: 200px;
  z-index: 10000;
  padding-top: 10px;
}

.main_nav ul .li_level_one .dropdown_rel .dropdown_wrap {
  background-color: #EFEFEF;
  border: 2px solid #11120e;
  padding: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.main_nav ul .li_level_one .dropdown_rel .dropdown_wrap .dropdown_list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: start;
}

.main_nav ul .li_level_one .dropdown_rel .dropdown_wrap .dropdown_list a {
  max-width: 350px;
  font-size: 32;
  flex-basis: 100%;
}

.main_nav ul .li_level_one .dropdown_rel .dropdown_wrap .dropdown_list.icons_nav img {
  max-width: 80px;
  min-height: 90px;
}

.modal_nav {
  background-color: #EFEFEF;
  position: fixed;
  top: 0;
  right: 0;
  width: 340px;
  height: 100vh;
  padding: 20px;
  transform: translateX(100%);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.modal_nav.active {
  transform: translateX(0);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.modal_nav ul {
  display: block;
  gap: 20px;
  margin-bottom: 0;
  margin-left: 0;
}

.modal_nav ul .li_level_one {
  width: fit-content;
  list-style-type: none;
  margin-left: 0;
  display: block;
  position: relative;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #70716e;
}

.modal_nav ul .li_level_one * {
  color: #70716e;
}

.modal_nav ul .li_level_one p:after {
  content: '-';
  margin-left: 5px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  right: -15px;
  opacity: 0;
}

.modal_nav ul .li_level_one p:before {
  content: '+';
  margin-left: 5px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  right: -15px;
  opacity: 1;
}

.modal_nav ul .li_level_one p.active:after {
  opacity: 1;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.modal_nav ul .li_level_one p.active:before {
  opacity: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.modal_nav ul .li_level_one .dropdown_area_modal {
  margin-left: 20px;
  margin-bottom: 20px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  display: none;
}

.modal_nav ul .li_level_one .dropdown_area_modal.active {
  display: block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.modal_nav ul .li_level_one .dropdown_area_modal .dropdown_wrap .dropdown_list {
  display: grid;
}

.searchbar_default form div {
  display: flex;
  align-items: baseline;
  gap: 40px;
}

.searchbar_default form div input[type=text] {
  border: none;
  display: block;
  background-color: #EFEFEF;
  width: 80%;
  padding: 5px 2.5%;
  margin-bottom: 15px;
  color: #414141;
  border-radius: 5px;
  overflow: hidden;
}

.searchbar_default form div input[type=submit] {
  position: relative;
  display: inline-block;
  text-decoration: none;
  margin: 20px 0 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  max-width: 200px;
}

.searchbar_default form div input[type=submit] img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.searchbar_default form div input[type=submit]:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #414141;
  height: 2px;
  width: 0;
}

.searchbar_default form div input[type=submit]:hover img {
  margin-left: 10px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.searchbar_default form div input[type=submit]:hover:after {
  width: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

/* CLEARFIX */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* ALL */
.row .three {
  padding: 80px 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #414141;
  color: #414141;
  text-align: center;
}

.hamburger {
  transform: scale(0.6);
  z-index: 999;
}

.hamburger.is-active {
  transform: scale(0.6);
}

.hamburger .line {
  width: 50px;
  height: 5px;
  background-color: #414141;
  display: block;
  margin: 8px auto;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.hamburger:hover {
  cursor: pointer;
}

/* ONE */
#hamburger-1.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-1.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-1.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

/* TWO */
#hamburger-2.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  -o-transform: translateY(13px);
  transform: translateY(13px);
}

#hamburger-2.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px);
  -ms-transform: translateY(-13px);
  -o-transform: translateY(-13px);
  transform: translateY(-13px);
}

/* THREE */
#hamburger-3.is-active .line:nth-child(1),
#hamburger-3.is-active .line:nth-child(3) {
  width: 40px;
}

#hamburger-3.is-active .line:nth-child(1) {
  -webkit-transform: translateX(-10px) rotate(-45deg);
  -ms-transform: translateX(-10px) rotate(-45deg);
  -o-transform: translateX(-10px) rotate(-45deg);
  transform: translateX(-10px) rotate(-45deg);
}

#hamburger-3.is-active .line:nth-child(3) {
  -webkit-transform: translateX(-10px) rotate(45deg);
  -ms-transform: translateX(-10px) rotate(45deg);
  -o-transform: translateX(-10px) rotate(45deg);
  transform: translateX(-10px) rotate(45deg);
}

/* FOUR */
#hamburger-4.is-active .line:nth-child(1),
#hamburger-4.is-active .line:nth-child(3) {
  width: 40px;
}

#hamburger-4.is-active .line:nth-child(1) {
  -webkit-transform: translateX(10px) rotate(45deg);
  -ms-transform: translateX(10px) rotate(45deg);
  -o-transform: translateX(10px) rotate(45deg);
  transform: translateX(10px) rotate(45deg);
}

#hamburger-4.is-active .line:nth-child(3) {
  -webkit-transform: translateX(10px) rotate(-45deg);
  -ms-transform: translateX(10px) rotate(-45deg);
  -o-transform: translateX(10px) rotate(-45deg);
  transform: translateX(10px) rotate(-45deg);
}

/* FIVE */
#hamburger-5.is-active {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#hamburger-5.is-active .line:nth-child(2) {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#hamburger-5 .line:nth-child(2) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#hamburger-5.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-5.is-active .line:nth-child(1),
#hamburger-5.is-active .line:nth-child(3) {
  width: 35px;
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  -ms-transform-origin: right;
  -o-transform-origin: right;
  transform-origin: right;
}

#hamburger-5.is-active .line:nth-child(1) {
  -webkit-transform: translateY(15px) rotate(45deg);
  -ms-transform: translateY(15px) rotate(45deg);
  -o-transform: translateY(15px) rotate(45deg);
  transform: translateY(15px) rotate(45deg);
}

#hamburger-5.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-15px) rotate(-45deg);
  -ms-transform: translateY(-15px) rotate(-45deg);
  -o-transform: translateY(-15px) rotate(-45deg);
  transform: translateY(-15px) rotate(-45deg);
}

/* SIX */
#hamburger-6.is-active {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transition-delay: 0.6s;
  -o-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger-6.is-active .line:nth-child(2) {
  width: 0px;
}

#hamburger-6.is-active .line:nth-child(1),
#hamburger-6.is-active .line:nth-child(3) {
  -webkit-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

#hamburger-6.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  -o-transform: translateY(13px);
  transform: translateY(13px);
}

#hamburger-6.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(90deg);
  -ms-transform: translateY(-13px) rotate(90deg);
  -o-transform: translateY(-13px) rotate(90deg);
  transform: translateY(-13px) rotate(90deg);
}

/* SEVEN */
#hamburger-7.is-active .line:nth-child(1) {
  width: 30px;
}

#hamburger-7.is-active .line:nth-child(2) {
  width: 40px;
}

#hamburger-7.is-active .line {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  transform: rotate(30deg);
}

/* EIGHT */
#hamburger-8.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-8.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  -o-transform: translateY(13px);
  transform: translateY(13px);
}

#hamburger-8.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(90deg);
  -ms-transform: translateY(-13px) rotate(90deg);
  -o-transform: translateY(-13px) rotate(90deg);
  transform: translateY(-13px) rotate(90deg);
}

/* NINE */
#hamburger-9 {
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#hamburger-9.is-active {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#hamburger-9:before {
  content: "";
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 70px;
  height: 70px;
  border: 5px solid transparent;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
  border-radius: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#hamburger-9.is-active:before {
  border: 5px solid #ecf0f1;
}

#hamburger-9.is-active .line {
  width: 35px;
}

#hamburger-9.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-9.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  -o-transform: translateY(13px);
  transform: translateY(13px);
}

#hamburger-9.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(90deg);
  -ms-transform: translateY(-13px) rotate(90deg);
  -o-transform: translateY(-13px) rotate(90deg);
  transform: translateY(-13px) rotate(90deg);
}

/* TEN */
#hamburger-10 {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#hamburger-10.is-active {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#hamburger-10.is-active .line:nth-child(1) {
  width: 30px;
}

#hamburger-10.is-active .line:nth-child(2) {
  width: 40px;
}

/* ELEVEN */
#hamburger-11 {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#hamburger-11.is-active {
  animation: smallbig 0.6s forwards;
}

@keyframes smallbig {
  0%, 100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
}

#hamburger-11.is-active .line:nth-child(1),
#hamburger-11.is-active .line:nth-child(2),
#hamburger-11.is-active .line:nth-child(3) {
  -webkit-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#hamburger-11.is-active .line:nth-child(2) {
  opacity: 0;
}

#hamburger-11.is-active .line:nth-child(1) {
  -webkit-transform: translateY(13px) rotate(45deg);
  -ms-transform: translateY(13px) rotate(45deg);
  -o-transform: translateY(13px) rotate(45deg);
  transform: translateY(13px) rotate(45deg);
}

#hamburger-11.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-13px) rotate(-45deg);
  -ms-transform: translateY(-13px) rotate(-45deg);
  -o-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

/* TWELVE */
#hamburger-12.is-active .line:nth-child(1) {
  opacity: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}

#hamburger-12.is-active .line:nth-child(3) {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

.wp_pagination {
  align-items: center;
  display: flex;
  gap: 10px;
  padding-top: 40px;
}

.wp_pagination .button img {
  max-width: 20px;
}

.light-mode-button {
  background: 0;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  height: 30px;
  width: 60px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0);
}

.light-mode-button:focus {
  outline: none;
  /* Not ideal for accessibility */
}

.light-mode-button span:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 30px;
  border-radius: 20px;
  background-color: #d6d7db;
  transition: 0.3s;
}

.light-mode-button span:nth-child(2) {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.3s;
}

/* Light & Dark Mode Styles
		--------------------------- */
body[light-mode="dark"] .light-mode-button span:nth-child(1) {
  background-color: #ced4e2;
  color: #141516;
}

body[light-mode="dark"] .light-mode-button span:nth-child(2) {
  left: 35px;
  background-color: #141516;
}

.post_layout_toggle .icons_wrap {
  display: flex;
  align-items: baseline;
  gap: 20px;
}

.post_layout_toggle .icons_wrap img.icon {
  max-width: 40px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.post_layout_toggle .icons_wrap img.icon:hover {
  filter: opacity(0.4);
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
}