@charset "UTF-8";
/* Always import the mixins file incase you need them! */
/* 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 */
/* #Borders
================================================== */
/* # Global Styles
================================================== */
.transition-swipe {
  position: fixed;
  top: 0px;
  left: -24vw;
  width: 150vw;
  height: 200vh;
  background: linear-gradient(to bottom, transparent, transparent 10%, #FC004C 10%, #FC004C 90%, transparent 90%, transparent), radial-gradient(0% 50% at top right, transparent 99%, #FC004C);
  opacity: 1;
  border-radius: 40%;
  transform: translateY(-15%);
  pointer-events: none;
  z-index: 99;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.transition-swipe.on_load {
  transform: translateY(-100%);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

html.is-changing .transition-swipe {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  z-index: 99;
  opacity: 1;
}

html.is-animating .transition-swipe {
  transform: translateY(-15%);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

html.is-rendering {
  background-color: #0B292D;
}

html.is-rendering .transition-swipe {
  transform: translateY(-15%);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

/* Define the styles for the unloaded pages */
body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  overflow-x: hidden;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  opacity: 1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

body.remove_scroll {
  overflow: hidden;
}

body.layout_toggle_transition {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

html::after {
  content: '';
  display: block;
  background-color: #FFFFFF;
  height: 300px;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: -1;
}

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

@media only screen and (min-width: 1200px) {
  .container {
    width: calc(100vw - 3.125vw);
  }
}

.container_small {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
}

@media only screen and (min-width: 1200px) {
  .container_small {
    width: calc(100vw - 12.5vw);
  }
}

/* #Menus
================================================== */
/* Desktop dropdowns */
/* Side/Modal Navs */
/* #Page Headers
================================================== */
/* #Post Layouts
================================================== */
/* #Fade Ins & Transitions
================================================== */
.fade-delay-1 {
  transition-delay: 0.1s !important;
}

.fade-delay-2 {
  transition-delay: 0.2s !important;
}

.fade-delay-3 {
  transition-delay: 0.3s !important;
}

.fade-delay-4 {
  transition-delay: 0.4s !important;
}

.fade-delay-5 {
  transition-delay: 0.5s !important;
}

.fade-delay-6 {
  transition-delay: 0.6s !important;
}

.fade-delay-7 {
  transition-delay: 0.7s !important;
}

.fade-delay-8 {
  transition-delay: 0.8s !important;
}

.fade-delay-9 {
  transition-delay: 0.9s !important;
}

.fade-delay-10 {
  transition-delay: 1s !important;
}

.fade-delay-11 {
  transition-delay: 1.1s !important;
}

.fade-delay-12 {
  transition-delay: 1.2s !important;
}

.fade-delay-13 {
  transition-delay: 1.3s !important;
}

.fade-delay-14 {
  transition-delay: 1.4s !important;
}

.fade-delay-15 {
  transition-delay: 1.5s !important;
}

.fade-delay-16 {
  transition-delay: 1.6s !important;
}

.fade-delay-17 {
  transition-delay: 1.7s !important;
}

.fade-delay-18 {
  transition-delay: 1.8s !important;
}

.fade-delay-19 {
  transition-delay: 1.9s !important;
}

.fade-delay-20 {
  transition-delay: 2s !important;
}

.fade-delay-21 {
  transition-delay: 2.1s !important;
}

.fade-delay-22 {
  transition-delay: 2.2s !important;
}

.fade-delay-23 {
  transition-delay: 2.3s !important;
}

.fade-delay-24 {
  transition-delay: 2.4s !important;
}

.fade_in_element {
  opacity: 0;
  transform: translate(0, 10vh);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.fade_in_element.visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.fade_in_container .container {
  opacity: 0;
  transform: translate(0, 10vh);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.fade_in_container.visible .container {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.landing_page_header_fade {
  opacity: 0;
  transform: translate(0, 10vh);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.landing_page_header_fade.visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.ani_background_reveal {
  height: 0%;
}

.ani_letterwave,
.ani_wordwave,
.ani_fade_up,
.ani_fade_up_fold,
.ani_fade_up_letter,
.ani_fade_up_fold_top_level {
  display: flex;
  flex-wrap: wrap;
  row-gap: 0px;
}

.ani_fade_up_fold, .ani_fade_up, .ani_fade_up_fold_top_level {
  overflow: hidden;
}

.ani_fade_up_fold .word_wrap, .ani_fade_up .word_wrap, .ani_fade_up_fold_top_level .word_wrap {
  overflow: hidden;
  position: relative;
}

.ani_fade_up_fold .word_wrap .word, .ani_fade_up .word_wrap .word, .ani_fade_up_fold_top_level .word_wrap .word {
  position: relative;
  display: inline-flex;
}

.ani_fade_up, .ani_fade_up_fold, .ani_fade_up_fold_top_level {
  transform: translateY(50px);
  opacity: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.ani_fade_up.reveal, .ani_fade_up_fold.reveal, .ani_fade_up_fold_top_level.reveal {
  transform: translateY(0px);
  opacity: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

/* #Transforms
================================================== */
/* #Buttons
================================================== */
.btn_simple {
  text-decoration: underline;
}

.btn_simple:hover {
  text-decoration: none;
}

.btn_nav_header {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-size: 14px;
  height: fit-content;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.btn_nav_footer {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-size: 14px;
  height: fit-content;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.btn_nav_footer:after {
  content: url(./assets/images/svg/chevron-right-red.svg);
  transform: scale(0.8) translateX(0px);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.btn_nav_footer:hover:after {
  transform: scale(0.8) translateX(5px);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.btn_yellow {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
}

.btn_yellow:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_yellow:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_yellow:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .btn_yellow {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.btn_yellow.back-mode:after {
  display: none;
}

.btn_yellow.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_yellow.back-mode:before {
  filter: invert(0);
}

.btn_orange {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.btn_orange:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_orange:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_orange:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .btn_orange {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.btn_orange.back-mode:after {
  display: none;
}

.btn_orange.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_orange:after {
  filter: invert(1);
}

.btn_blue {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #0095FE;
  color: #FFFFFF;
}

.btn_blue:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_blue:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_blue:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .btn_blue {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.btn_blue.back-mode:after {
  display: none;
}

.btn_blue.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_blue:after {
  filter: invert(1);
}

.btn_green {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #31715A;
  color: #FFFFFF;
}

.btn_green:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_green:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_green:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .btn_green {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.btn_green.back-mode:after {
  display: none;
}

.btn_green.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_green:after {
  filter: invert(1);
}

.btn_fifth {
  font-family: "owners-wide", sans-serif;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 0.6px;
  gap: 10px;
  font-size: 12px;
  border-bottom: solid 1px #0B292D;
  width: fit-content;
  -webkit-font-smoothing: antialiased;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_fifth:after {
  content: url(./assets/images/svg/arrow-circle-yellow-right.svg);
  display: block;
  height: 20px;
  transform: translateX(0px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_fifth:hover {
  border-bottom: solid 1px transparent;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.btn_fifth:hover:after {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  transform: translateX(-6px);
}

@media only screen and (min-width: 1200px) {
  .btn_fifth {
    font-size: 12px;
  }
}

.toggle_default {
  display: flex;
  gap: 10px;
  background-color: #FFFFFF;
  width: fit-content;
  padding: 4px;
  border-radius: 50px;
}

.toggle_default .tog_inner {
  border-radius: 50px;
  padding: 3px 10px;
  cursor: pointer;
}

.toggle_default .tog_inner.active {
  background-color: #FFE549;
}

.toggle_default .tog_inner:hover {
  background-color: #FEF7CC;
}

.toggle_default .tog_inner:hover.active {
  background-color: #FFE549;
}

/* # Padding solutions
================================================== */
/* #Forms & Input fields
================================================== */
/* #Component Styles
================================================== */
/* #Dark Mode & Colours
================================================== */
/* # - other?
================================================== */
.db_card {
  border-radius: 5px;
  padding: 20px;
  background-color: #F6F4EC;
}

.db_card h6 {
  margin-bottom: 14px;
}

@media only screen and (min-width: 1200px) {
  .db_card h6 {
    margin-bottom: 16px;
  }
}

/* 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 */
  *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: #F8F8F8;
  color: #171717;
  text-shadow: none;
}

::selection {
  background: #FFE549;
  color: #171717;
  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 */
/*! @license
*
* Buttons
* Copyright 2012-2014 Alex Wolfe and Rob Levin
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*        http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Compass (optional)
*
* We recommend the use of autoprefixer instead of Compass
* when using buttons. However, buttons does support Compass.
* simply change $ubtn-use-compass to true and uncomment the
* @import 'compass' code below to use Compass.
*/
/*
* Required Files
*
* These files include the variables and options
* and base css styles that are required to generate buttons.
*/
/*
* $ubtn prefix (reserved)
*
* This prefix stands for Unicorn Button - ubtn
* We provide a prefix to the Sass Variables to
* prevent namespace collisions that could occur if
* you import buttons as part of your Sass build process.
* We kindly ask you not to use the prefix $ubtn in your project
* in order to avoid possilbe name conflicts. Thanks!
*/
/*
* Button Namespace (ex .button or .btn)
*
*/
/*
* Button Defaults
*
* Some default settings that are used throughout the button library.
* Changes to these settings will be picked up by all of the other modules.
* The colors used here are the default colors for the base button (gray).
* The font size and height are used to set the base size for the buttons.
* The size values will be used to calculate the larger and smaller button sizes.
*/
/*
* Button Colors
*
* $ubtn-colors is used to generate the different button colors.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, background, color)
* The class is generated using the name: (ex .button-primary)
*/
/*
* Button Shapes
*
* $ubtn-shapes is used to generate the different button shapes.
* Edit or add shapes to the list below and recompile.
* Each block contains the (name, border-radius).
* The class is generated using the name: (ex .button-square).
*/
/*
* Button Sizes
*
* $ubtn-sizes is used to generate the different button sizes.
* Edit or add colors to the list below and recompile.
* Each block contains the (name, size multiplier).
* The class is generated using the name: (ex .button-giant).
*/
/*
* Color Mixin
*
* Iterates through the list of colors and creates
*
*/
/*
* No Animation
*
* Sets animation property to none
*/
/*
* Clearfix
*
* Clears floats inside the container
*/
/*
* Base Button Style
*
* The default values for the .button class
*/
.button {
  color: #666;
  background-color: #EEE;
  border-color: #EEE;
  font-weight: 300;
  font-size: 16px;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 40px;
  margin: 0;
  display: inline-block;
  appearance: none;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition-property: all;
  transition-duration: .3s;
  /*
  * Disabled State
  *
  * The disabled state uses the class .disabled, is-disabled,
  * and the form attribute disabled="disabled".
  * The use of !important is only added because this is a state
  * that must be applied to all buttons when in a disabled state.
  */
}

.button:visited {
  color: #666;
}

.button:hover, .button:focus {
  background-color: #f6f6f6;
  text-decoration: none;
  outline: none;
}

.button:active, .button.active, .button.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  text-decoration: none;
  background-color: #eeeeee;
  border-color: #cfcfcf;
  color: #d5d5d5;
  transition-duration: 0s;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}

.button.disabled, .button.is-disabled, .button:disabled {
  top: 0 !important;
  background: #EEE !important;
  border: 1px solid #DDD !important;
  text-shadow: 0 1px 1px white !important;
  color: #CCC !important;
  cursor: default !important;
  appearance: none !important;
  box-shadow: none !important;
  opacity: .8 !important;
}

/*
* Base Button Tyography
*
*/
.button-uppercase {
  text-transform: uppercase;
}

.button-lowercase {
  text-transform: lowercase;
}

.button-capitalize {
  text-transform: capitalize;
}

.button-small-caps {
  font-variant: small-caps;
}

.button-icon-txt-large {
  font-size: 36px !important;
}

/*
* Base padding
*
*/
.button-width-small {
  padding: 0 10px !important;
}

/*
* Base Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-primary,
.button-primary-flat {
  background-color: #1B9AF7;
  border-color: #1B9AF7;
  color: #FFF;
}

.button-primary:visited,
.button-primary-flat:visited {
  color: #FFF;
}

.button-primary:hover, .button-primary:focus,
.button-primary-flat:hover,
.button-primary-flat:focus {
  background-color: #4cb0f9;
  border-color: #4cb0f9;
  color: #FFF;
}

.button-primary:active, .button-primary.active, .button-primary.is-active,
.button-primary-flat:active,
.button-primary-flat.active,
.button-primary-flat.is-active {
  background-color: #2798eb;
  border-color: #2798eb;
  color: #0880d7;
}

.button-plain,
.button-plain-flat {
  background-color: #FFF;
  border-color: #FFF;
  color: #1B9AF7;
}

.button-plain:visited,
.button-plain-flat:visited {
  color: #1B9AF7;
}

.button-plain:hover, .button-plain:focus,
.button-plain-flat:hover,
.button-plain-flat:focus {
  background-color: white;
  border-color: white;
  color: #1B9AF7;
}

.button-plain:active, .button-plain.active, .button-plain.is-active,
.button-plain-flat:active,
.button-plain-flat.active,
.button-plain-flat.is-active {
  background-color: white;
  border-color: white;
  color: #e6e6e6;
}

.button-inverse,
.button-inverse-flat {
  background-color: #222;
  border-color: #222;
  color: #EEE;
}

.button-inverse:visited,
.button-inverse-flat:visited {
  color: #EEE;
}

.button-inverse:hover, .button-inverse:focus,
.button-inverse-flat:hover,
.button-inverse-flat:focus {
  background-color: #3c3c3c;
  border-color: #3c3c3c;
  color: #EEE;
}

.button-inverse:active, .button-inverse.active, .button-inverse.is-active,
.button-inverse-flat:active,
.button-inverse-flat.active,
.button-inverse-flat.is-active {
  background-color: #222222;
  border-color: #222222;
  color: #090909;
}

.button-action,
.button-action-flat {
  background-color: #A5DE37;
  border-color: #A5DE37;
  color: #FFF;
}

.button-action:visited,
.button-action-flat:visited {
  color: #FFF;
}

.button-action:hover, .button-action:focus,
.button-action-flat:hover,
.button-action-flat:focus {
  background-color: #b9e563;
  border-color: #b9e563;
  color: #FFF;
}

.button-action:active, .button-action.active, .button-action.is-active,
.button-action-flat:active,
.button-action-flat.active,
.button-action-flat.is-active {
  background-color: #a1d243;
  border-color: #a1d243;
  color: #8bc220;
}

.button-highlight,
.button-highlight-flat {
  background-color: #FEAE1B;
  border-color: #FEAE1B;
  color: #FFF;
}

.button-highlight:visited,
.button-highlight-flat:visited {
  color: #FFF;
}

.button-highlight:hover, .button-highlight:focus,
.button-highlight-flat:hover,
.button-highlight-flat:focus {
  background-color: #fec04e;
  border-color: #fec04e;
  color: #FFF;
}

.button-highlight:active, .button-highlight.active, .button-highlight.is-active,
.button-highlight-flat:active,
.button-highlight-flat.active,
.button-highlight-flat.is-active {
  background-color: #f3ab26;
  border-color: #f3ab26;
  color: #e59501;
}

.button-caution,
.button-caution-flat {
  background-color: #FF4351;
  border-color: #FF4351;
  color: #FFF;
}

.button-caution:visited,
.button-caution-flat:visited {
  color: #FFF;
}

.button-caution:hover, .button-caution:focus,
.button-caution-flat:hover,
.button-caution-flat:focus {
  background-color: #ff7680;
  border-color: #ff7680;
  color: #FFF;
}

.button-caution:active, .button-caution.active, .button-caution.is-active,
.button-caution-flat:active,
.button-caution-flat.active,
.button-caution-flat.is-active {
  background-color: #f64c59;
  border-color: #f64c59;
  color: #ff1022;
}

.button-royal,
.button-royal-flat {
  background-color: #7B72E9;
  border-color: #7B72E9;
  color: #FFF;
}

.button-royal:visited,
.button-royal-flat:visited {
  color: #FFF;
}

.button-royal:hover, .button-royal:focus,
.button-royal-flat:hover,
.button-royal-flat:focus {
  background-color: #a49ef0;
  border-color: #a49ef0;
  color: #FFF;
}

.button-royal:active, .button-royal.active, .button-royal.is-active,
.button-royal-flat:active,
.button-royal-flat.active,
.button-royal-flat.is-active {
  background-color: #827ae1;
  border-color: #827ae1;
  color: #5246e2;
}

/*
* Base Layout Styles
*
* Very Miminal Layout Styles
*/
.button-block,
.button-stacked {
  display: block;
  width: 100%;
}

/*
* Button Types (optional)
*
* All of the files below represent the various button
* types (including shapes & sizes). None of these files
* are required. Simple remove the uneeded type below and
* the button type will be excluded from the final build
*/
/*
* Button Shapes
*
* This file creates the various button shapes
* (ex. Circle, Rounded, Pill)
*/
.button-square {
  border-radius: 0;
}

.button-box {
  border-radius: 10px;
}

.button-rounded {
  border-radius: 4px;
}

.button-pill {
  border-radius: 200px;
}

.button-circle {
  border-radius: 100%;
}

/*
* Size Adjustment for equal height & widht buttons
*
* Remove padding and set a fixed width.
*/
.button-circle,
.button-box,
.button-square {
  padding: 0 !important;
  width: 40px;
}

.button-circle.button-giant,
.button-box.button-giant,
.button-square.button-giant {
  width: 70px;
}

.button-circle.button-jumbo,
.button-box.button-jumbo,
.button-square.button-jumbo {
  width: 60px;
}

.button-circle.button-large,
.button-box.button-large,
.button-square.button-large {
  width: 50px;
}

.button-circle.button-normal,
.button-box.button-normal,
.button-square.button-normal {
  width: 40px;
}

.button-circle.button-small,
.button-box.button-small,
.button-square.button-small {
  width: 30px;
}

.button-circle.button-tiny,
.button-box.button-tiny,
.button-square.button-tiny {
  width: 24px;
}

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-border, .button-border-thin, .button-border-thick {
  background: none;
  border-width: 2px;
  border-style: solid;
  line-height: 36px;
}

.button-border:hover, .button-border-thin:hover, .button-border-thick:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.button-border:active, .button-border-thin:active, .button-border-thick:active, .button-border.active, .active.button-border-thin, .active.button-border-thick, .button-border.is-active, .is-active.button-border-thin, .is-active.button-border-thick {
  box-shadow: none;
  text-shadow: none;
  transition-property: all;
  transition-duration: .3s;
}

/*
* Border Optional Sizes
*
* A slight variation in border thickness
*/
.button-border-thin {
  border-width: 1px;
}

.button-border-thick {
  border-width: 3px;
}

/*
* Border Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-border, .button-border-thin, .button-border-thick,
.button-border-thin,
.button-border-thick {
  /*
  * Border Button Size Adjustment
  *
  * The line-height must be adjusted to compinsate for
  * the width of the border.
  */
}

.button-border.button-primary, .button-primary.button-border-thin, .button-primary.button-border-thick,
.button-border-thin.button-primary,
.button-border-thick.button-primary {
  color: #1B9AF7;
}

.button-border.button-primary:hover, .button-primary.button-border-thin:hover, .button-primary.button-border-thick:hover, .button-border.button-primary:focus, .button-primary.button-border-thin:focus, .button-primary.button-border-thick:focus,
.button-border-thin.button-primary:hover,
.button-border-thin.button-primary:focus,
.button-border-thick.button-primary:hover,
.button-border-thick.button-primary:focus {
  background-color: rgba(76, 176, 249, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-primary:active, .button-primary.button-border-thin:active, .button-primary.button-border-thick:active, .button-border.button-primary.active, .button-primary.active.button-border-thin, .button-primary.active.button-border-thick, .button-border.button-primary.is-active, .button-primary.is-active.button-border-thin, .button-primary.is-active.button-border-thick,
.button-border-thin.button-primary:active,
.button-border-thin.button-primary.active,
.button-border-thin.button-primary.is-active,
.button-border-thick.button-primary:active,
.button-border-thick.button-primary.active,
.button-border-thick.button-primary.is-active {
  background-color: rgba(39, 152, 235, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-plain, .button-plain.button-border-thin, .button-plain.button-border-thick,
.button-border-thin.button-plain,
.button-border-thick.button-plain {
  color: #FFF;
}

.button-border.button-plain:hover, .button-plain.button-border-thin:hover, .button-plain.button-border-thick:hover, .button-border.button-plain:focus, .button-plain.button-border-thin:focus, .button-plain.button-border-thick:focus,
.button-border-thin.button-plain:hover,
.button-border-thin.button-plain:focus,
.button-border-thick.button-plain:hover,
.button-border-thick.button-plain:focus {
  background-color: rgba(255, 255, 255, 0.9);
  color: rgba(27, 154, 247, 0.9);
}

.button-border.button-plain:active, .button-plain.button-border-thin:active, .button-plain.button-border-thick:active, .button-border.button-plain.active, .button-plain.active.button-border-thin, .button-plain.active.button-border-thick, .button-border.button-plain.is-active, .button-plain.is-active.button-border-thin, .button-plain.is-active.button-border-thick,
.button-border-thin.button-plain:active,
.button-border-thin.button-plain.active,
.button-border-thin.button-plain.is-active,
.button-border-thick.button-plain:active,
.button-border-thick.button-plain.active,
.button-border-thick.button-plain.is-active {
  background-color: rgba(255, 255, 255, 0.7);
  color: rgba(27, 154, 247, 0.5);
  opacity: .3;
}

.button-border.button-inverse, .button-inverse.button-border-thin, .button-inverse.button-border-thick,
.button-border-thin.button-inverse,
.button-border-thick.button-inverse {
  color: #222;
}

.button-border.button-inverse:hover, .button-inverse.button-border-thin:hover, .button-inverse.button-border-thick:hover, .button-border.button-inverse:focus, .button-inverse.button-border-thin:focus, .button-inverse.button-border-thick:focus,
.button-border-thin.button-inverse:hover,
.button-border-thin.button-inverse:focus,
.button-border-thick.button-inverse:hover,
.button-border-thick.button-inverse:focus {
  background-color: rgba(60, 60, 60, 0.9);
  color: rgba(238, 238, 238, 0.9);
}

.button-border.button-inverse:active, .button-inverse.button-border-thin:active, .button-inverse.button-border-thick:active, .button-border.button-inverse.active, .button-inverse.active.button-border-thin, .button-inverse.active.button-border-thick, .button-border.button-inverse.is-active, .button-inverse.is-active.button-border-thin, .button-inverse.is-active.button-border-thick,
.button-border-thin.button-inverse:active,
.button-border-thin.button-inverse.active,
.button-border-thin.button-inverse.is-active,
.button-border-thick.button-inverse:active,
.button-border-thick.button-inverse.active,
.button-border-thick.button-inverse.is-active {
  background-color: rgba(34, 34, 34, 0.7);
  color: rgba(238, 238, 238, 0.5);
  opacity: .3;
}

.button-border.button-action, .button-action.button-border-thin, .button-action.button-border-thick,
.button-border-thin.button-action,
.button-border-thick.button-action {
  color: #A5DE37;
}

.button-border.button-action:hover, .button-action.button-border-thin:hover, .button-action.button-border-thick:hover, .button-border.button-action:focus, .button-action.button-border-thin:focus, .button-action.button-border-thick:focus,
.button-border-thin.button-action:hover,
.button-border-thin.button-action:focus,
.button-border-thick.button-action:hover,
.button-border-thick.button-action:focus {
  background-color: rgba(185, 229, 99, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-action:active, .button-action.button-border-thin:active, .button-action.button-border-thick:active, .button-border.button-action.active, .button-action.active.button-border-thin, .button-action.active.button-border-thick, .button-border.button-action.is-active, .button-action.is-active.button-border-thin, .button-action.is-active.button-border-thick,
.button-border-thin.button-action:active,
.button-border-thin.button-action.active,
.button-border-thin.button-action.is-active,
.button-border-thick.button-action:active,
.button-border-thick.button-action.active,
.button-border-thick.button-action.is-active {
  background-color: rgba(161, 210, 67, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-highlight, .button-highlight.button-border-thin, .button-highlight.button-border-thick,
.button-border-thin.button-highlight,
.button-border-thick.button-highlight {
  color: #FEAE1B;
}

.button-border.button-highlight:hover, .button-highlight.button-border-thin:hover, .button-highlight.button-border-thick:hover, .button-border.button-highlight:focus, .button-highlight.button-border-thin:focus, .button-highlight.button-border-thick:focus,
.button-border-thin.button-highlight:hover,
.button-border-thin.button-highlight:focus,
.button-border-thick.button-highlight:hover,
.button-border-thick.button-highlight:focus {
  background-color: rgba(254, 192, 78, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-highlight:active, .button-highlight.button-border-thin:active, .button-highlight.button-border-thick:active, .button-border.button-highlight.active, .button-highlight.active.button-border-thin, .button-highlight.active.button-border-thick, .button-border.button-highlight.is-active, .button-highlight.is-active.button-border-thin, .button-highlight.is-active.button-border-thick,
.button-border-thin.button-highlight:active,
.button-border-thin.button-highlight.active,
.button-border-thin.button-highlight.is-active,
.button-border-thick.button-highlight:active,
.button-border-thick.button-highlight.active,
.button-border-thick.button-highlight.is-active {
  background-color: rgba(243, 171, 38, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-caution, .button-caution.button-border-thin, .button-caution.button-border-thick,
.button-border-thin.button-caution,
.button-border-thick.button-caution {
  color: #FF4351;
}

.button-border.button-caution:hover, .button-caution.button-border-thin:hover, .button-caution.button-border-thick:hover, .button-border.button-caution:focus, .button-caution.button-border-thin:focus, .button-caution.button-border-thick:focus,
.button-border-thin.button-caution:hover,
.button-border-thin.button-caution:focus,
.button-border-thick.button-caution:hover,
.button-border-thick.button-caution:focus {
  background-color: rgba(255, 118, 128, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-caution:active, .button-caution.button-border-thin:active, .button-caution.button-border-thick:active, .button-border.button-caution.active, .button-caution.active.button-border-thin, .button-caution.active.button-border-thick, .button-border.button-caution.is-active, .button-caution.is-active.button-border-thin, .button-caution.is-active.button-border-thick,
.button-border-thin.button-caution:active,
.button-border-thin.button-caution.active,
.button-border-thin.button-caution.is-active,
.button-border-thick.button-caution:active,
.button-border-thick.button-caution.active,
.button-border-thick.button-caution.is-active {
  background-color: rgba(246, 76, 89, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-royal, .button-royal.button-border-thin, .button-royal.button-border-thick,
.button-border-thin.button-royal,
.button-border-thick.button-royal {
  color: #7B72E9;
}

.button-border.button-royal:hover, .button-royal.button-border-thin:hover, .button-royal.button-border-thick:hover, .button-border.button-royal:focus, .button-royal.button-border-thin:focus, .button-royal.button-border-thick:focus,
.button-border-thin.button-royal:hover,
.button-border-thin.button-royal:focus,
.button-border-thick.button-royal:hover,
.button-border-thick.button-royal:focus {
  background-color: rgba(164, 158, 240, 0.9);
  color: rgba(255, 255, 255, 0.9);
}

.button-border.button-royal:active, .button-royal.button-border-thin:active, .button-royal.button-border-thick:active, .button-border.button-royal.active, .button-royal.active.button-border-thin, .button-royal.active.button-border-thick, .button-border.button-royal.is-active, .button-royal.is-active.button-border-thin, .button-royal.is-active.button-border-thick,
.button-border-thin.button-royal:active,
.button-border-thin.button-royal.active,
.button-border-thin.button-royal.is-active,
.button-border-thick.button-royal:active,
.button-border-thick.button-royal.active,
.button-border-thick.button-royal.is-active {
  background-color: rgba(130, 122, 225, 0.7);
  color: rgba(255, 255, 255, 0.5);
  opacity: .3;
}

.button-border.button-giant, .button-giant.button-border-thin, .button-giant.button-border-thick,
.button-border-thin.button-giant,
.button-border-thick.button-giant {
  line-height: 66px;
}

.button-border.button-jumbo, .button-jumbo.button-border-thin, .button-jumbo.button-border-thick,
.button-border-thin.button-jumbo,
.button-border-thick.button-jumbo {
  line-height: 56px;
}

.button-border.button-large, .button-large.button-border-thin, .button-large.button-border-thick,
.button-border-thin.button-large,
.button-border-thick.button-large {
  line-height: 46px;
}

.button-border.button-normal, .button-normal.button-border-thin, .button-normal.button-border-thick,
.button-border-thin.button-normal,
.button-border-thick.button-normal {
  line-height: 36px;
}

.button-border.button-small, .button-small.button-border-thin, .button-small.button-border-thick,
.button-border-thin.button-small,
.button-border-thick.button-small {
  line-height: 26px;
}

.button-border.button-tiny, .button-tiny.button-border-thin, .button-tiny.button-border-thick,
.button-border-thin.button-tiny,
.button-border-thick.button-tiny {
  line-height: 20px;
}

/*
* Border Buttons
*
* These buttons have no fill they only have a
* border to define their hit target.
*/
.button-borderless {
  background: none;
  border: none;
  padding: 0 8px !important;
  color: #EEE;
  font-size: 20.8px;
  font-weight: 200;
  /*
  * Borderless Button Colors
  *
  * Create colors for buttons
  * (.button-primary, .button-secondary, etc.)
  */
  /*
  * Borderles Size Adjustment
  *
  * The font-size must be large to compinsate for
  * the lack of a hit target.
  */
}

.button-borderless:hover, .button-borderless:focus {
  background: none;
}

.button-borderless:active, .button-borderless.active, .button-borderless.is-active {
  box-shadow: none;
  text-shadow: none;
  transition-property: all;
  transition-duration: .3s;
  opacity: .3;
}

.button-borderless.button-primary {
  color: #1B9AF7;
}

.button-borderless.button-plain {
  color: #FFF;
}

.button-borderless.button-inverse {
  color: #222;
}

.button-borderless.button-action {
  color: #A5DE37;
}

.button-borderless.button-highlight {
  color: #FEAE1B;
}

.button-borderless.button-caution {
  color: #FF4351;
}

.button-borderless.button-royal {
  color: #7B72E9;
}

.button-borderless.button-giant {
  font-size: 36.4px;
  height: 52.4px;
  line-height: 52.4px;
}

.button-borderless.button-jumbo {
  font-size: 31.2px;
  height: 47.2px;
  line-height: 47.2px;
}

.button-borderless.button-large {
  font-size: 26px;
  height: 42px;
  line-height: 42px;
}

.button-borderless.button-normal {
  font-size: 20.8px;
  height: 36.8px;
  line-height: 36.8px;
}

.button-borderless.button-small {
  font-size: 15.6px;
  height: 31.6px;
  line-height: 31.6px;
}

.button-borderless.button-tiny {
  font-size: 12.48px;
  height: 28.48px;
  line-height: 28.48px;
}

/*
* Raised Buttons
*
* A classic looking button that offers
* great depth and affordance.
*/
.button-raised {
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 1px;
  line-height: 38px;
  background: linear-gradient(#f6f6f6, #e1e1e1);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button-raised:hover, .button-raised:focus {
  background: linear-gradient(to bottom, white, gainsboro);
}

.button-raised:active, .button-raised.active, .button-raised.is-active {
  background: #eeeeee;
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
}

/*
* Raised Button Colors
*
* Create colors for raised buttons
*/
.button-raised.button-primary {
  border-color: #088ef0;
  background: linear-gradient(#34a5f8, #088ef0);
}

.button-raised.button-primary:hover, .button-raised.button-primary:focus {
  background: linear-gradient(to bottom, #42abf8, #0888e6);
}

.button-raised.button-primary:active, .button-raised.button-primary.active, .button-raised.button-primary.is-active {
  border-color: #0880d7;
  background: #2798eb;
}

.button-raised.button-plain {
  border-color: #f2f2f2;
  background: linear-gradient(white, #f2f2f2);
}

.button-raised.button-plain:hover, .button-raised.button-plain:focus {
  background: linear-gradient(to bottom, white, #ededed);
}

.button-raised.button-plain:active, .button-raised.button-plain.active, .button-raised.button-plain.is-active {
  border-color: #e6e6e6;
  background: white;
}

.button-raised.button-inverse {
  border-color: #151515;
  background: linear-gradient(#2f2f2f, #151515);
}

.button-raised.button-inverse:hover, .button-raised.button-inverse:focus {
  background: linear-gradient(to bottom, #363636, #101010);
}

.button-raised.button-inverse:active, .button-raised.button-inverse.active, .button-raised.button-inverse.is-active {
  border-color: #090909;
  background: #222222;
}

.button-raised.button-action {
  border-color: #9ad824;
  background: linear-gradient(#afe24d, #9ad824);
}

.button-raised.button-action:hover, .button-raised.button-action:focus {
  background: linear-gradient(to bottom, #b5e45a, #94cf22);
}

.button-raised.button-action:active, .button-raised.button-action.active, .button-raised.button-action.is-active {
  border-color: #8bc220;
  background: #a1d243;
}

.button-raised.button-highlight {
  border-color: #fea502;
  background: linear-gradient(#feb734, #fea502);
}

.button-raised.button-highlight:hover, .button-raised.button-highlight:focus {
  background: linear-gradient(to bottom, #febc44, #f49f01);
}

.button-raised.button-highlight:active, .button-raised.button-highlight.active, .button-raised.button-highlight.is-active {
  border-color: #e59501;
  background: #f3ab26;
}

.button-raised.button-caution {
  border-color: #ff2a39;
  background: linear-gradient(#ff5d69, #ff2a39);
}

.button-raised.button-caution:hover, .button-raised.button-caution:focus {
  background: linear-gradient(to bottom, #ff6c77, #ff1f30);
}

.button-raised.button-caution:active, .button-raised.button-caution.active, .button-raised.button-caution.is-active {
  border-color: #ff1022;
  background: #f64c59;
}

.button-raised.button-royal {
  border-color: #665ce6;
  background: linear-gradient(#9088ec, #665ce6);
}

.button-raised.button-royal:hover, .button-raised.button-royal:focus {
  background: linear-gradient(to bottom, #9c95ef, #5e53e4);
}

.button-raised.button-royal:active, .button-raised.button-royal.active, .button-raised.button-royal.is-active {
  border-color: #5246e2;
  background: #827ae1;
}

/*
* 3D Buttons
*
* These buttons have a heavy three dimensional
* style that mimics the visual appearance of a
* real life button.
*/
.button-3d {
  position: relative;
  top: 0;
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}

.button-3d:hover, .button-3d:focus {
  box-shadow: 0 7px 0 #bbbbbb, 0 8px 3px rgba(0, 0, 0, 0.2);
}

.button-3d:active, .button-3d.active, .button-3d.is-active {
  top: 5px;
  transition-property: all;
  transition-duration: .15s;
  box-shadow: 0 2px 0 #bbbbbb, 0 3px 3px rgba(0, 0, 0, 0.2);
}

/*
* 3D Button Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-3d.button-primary {
  box-shadow: 0 7px 0 #0880d7, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-primary:hover, .button-3d.button-primary:focus {
  box-shadow: 0 7px 0 #077ace, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-primary:active, .button-3d.button-primary.active, .button-3d.button-primary.is-active {
  box-shadow: 0 2px 0 #0662a6, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-plain {
  box-shadow: 0 7px 0 #e6e6e6, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-plain:hover, .button-3d.button-plain:focus {
  box-shadow: 0 7px 0 #e0e0e0, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-plain:active, .button-3d.button-plain.active, .button-3d.button-plain.is-active {
  box-shadow: 0 2px 0 #cccccc, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-inverse {
  box-shadow: 0 7px 0 #090909, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-inverse:hover, .button-3d.button-inverse:focus {
  box-shadow: 0 7px 0 #030303, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-inverse:active, .button-3d.button-inverse.active, .button-3d.button-inverse.is-active {
  box-shadow: 0 2px 0 black, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-action {
  box-shadow: 0 7px 0 #8bc220, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-action:hover, .button-3d.button-action:focus {
  box-shadow: 0 7px 0 #84b91f, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-action:active, .button-3d.button-action.active, .button-3d.button-action.is-active {
  box-shadow: 0 2px 0 #6b9619, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-highlight {
  box-shadow: 0 7px 0 #e59501, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-highlight:hover, .button-3d.button-highlight:focus {
  box-shadow: 0 7px 0 #db8e01, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-highlight:active, .button-3d.button-highlight.active, .button-3d.button-highlight.is-active {
  box-shadow: 0 2px 0 #b27401, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-caution {
  box-shadow: 0 7px 0 #ff1022, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-caution:hover, .button-3d.button-caution:focus {
  box-shadow: 0 7px 0 #ff0618, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-caution:active, .button-3d.button-caution.active, .button-3d.button-caution.is-active {
  box-shadow: 0 2px 0 #dc0010, 0 3px 3px rgba(0, 0, 0, 0.2);
}

.button-3d.button-royal {
  box-shadow: 0 7px 0 #5246e2, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-royal:hover, .button-3d.button-royal:focus {
  box-shadow: 0 7px 0 #493de1, 0 8px 3px rgba(0, 0, 0, 0.3);
}

.button-3d.button-royal:active, .button-3d.button-royal.active, .button-3d.button-royal.is-active {
  box-shadow: 0 2px 0 #2f21d4, 0 3px 3px rgba(0, 0, 0, 0.2);
}

/*
* Glowing Buttons
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
/*
* Glow animation mixin for Compass users
*
*/
/*
* Glowing Keyframes
*
*/
@keyframes glowing {
  from {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(44, 154, 219, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(44, 154, 219, 0.3);
  }
}

/*
* Glowing Keyframes for various colors
*
*/
@keyframes glowing-primary {
  from {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(27, 154, 247, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(27, 154, 247, 0.3);
  }
}

@keyframes glowing-plain {
  from {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.3);
  }
}

@keyframes glowing-inverse {
  from {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(34, 34, 34, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(34, 34, 34, 0.3);
  }
}

@keyframes glowing-action {
  from {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(165, 222, 55, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(165, 222, 55, 0.3);
  }
}

@keyframes glowing-highlight {
  from {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(254, 174, 27, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(254, 174, 27, 0.3);
  }
}

@keyframes glowing-caution {
  from {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
  }
}

@keyframes glowing-royal {
  from {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(123, 114, 233, 0.8);
  }
  to {
    box-shadow: 0 0 0 rgba(123, 114, 233, 0.3);
  }
}

/*
* Glowing Buttons Base Styes
*
* A pulse like glow that appears
* rythmically around the edges of
* a button.
*/
.button-glow {
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-name: glowing;
}

.button-glow:active, .button-glow.active, .button-glow.is-active {
  animation-name: none;
}

/*
* Glowing Button Colors
*
* Create colors for glowing buttons
*/
.button-glow.button-primary {
  animation-name: glowing-primary;
}

.button-glow.button-plain {
  animation-name: glowing-plain;
}

.button-glow.button-inverse {
  animation-name: glowing-inverse;
}

.button-glow.button-action {
  animation-name: glowing-action;
}

.button-glow.button-highlight {
  animation-name: glowing-highlight;
}

.button-glow.button-caution {
  animation-name: glowing-caution;
}

.button-glow.button-royal {
  animation-name: glowing-royal;
}

/*
* Dropdown menu buttons
*
* A dropdown menu appears
* when a button is pressed
*/
/*
* Dropdown Container
*
*/
.button-dropdown {
  position: relative;
  overflow: visible;
  display: inline-block;
}

/*
* Dropdown List Style
*
*/
.button-dropdown-list {
  display: none;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  z-index: 1000;
  min-width: 100%;
  list-style-type: none;
  background: rgba(255, 255, 255, 0.95);
  border-style: solid;
  border-width: 1px;
  border-color: #d5d5d5;
  font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  box-sizing: border-box;
  /*
  * Dropdown Below
  *
  */
  /*
  * Dropdown Above
  *
  */
}

.button-dropdown-list.is-below {
  top: 100%;
  border-top: none;
  border-radius: 0 0 3px 3px;
}

.button-dropdown-list.is-above {
  bottom: 100%;
  top: auto;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -2px 7px rgba(0, 0, 0, 0.2);
}

/*
* Dropdown Buttons
*
*/
.button-dropdown-list > li {
  padding: 0;
  margin: 0;
  display: block;
}

.button-dropdown-list > li > a {
  display: block;
  line-height: 40px;
  font-size: 12.8px;
  padding: 5px 10px;
  float: none;
  color: #666;
  text-decoration: none;
}

.button-dropdown-list > li > a:hover {
  color: #5e5e5e;
  background: #f6f6f6;
  text-decoration: none;
}

.button-dropdown-divider {
  border-top: 1px solid #e6e6e6;
}

/*
* Dropdown Colors
*
* Create colors for buttons
* (.button-primary, .button-secondary, etc.)
*/
.button-dropdown.button-dropdown-primary .button-dropdown-list {
  background: rgba(27, 154, 247, 0.95);
  border-color: #0880d7;
}

.button-dropdown.button-dropdown-primary .button-dropdown-list .button-dropdown-divider {
  border-color: #0888e6;
}

.button-dropdown.button-dropdown-primary .button-dropdown-list > li > a {
  color: #FFF;
}

.button-dropdown.button-dropdown-primary .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #088ef0;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list {
  background: rgba(255, 255, 255, 0.95);
  border-color: #e6e6e6;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list .button-dropdown-divider {
  border-color: #ededed;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list > li > a {
  color: #1B9AF7;
}

.button-dropdown.button-dropdown-plain .button-dropdown-list > li > a:hover {
  color: #088ef0;
  background: #f2f2f2;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list {
  background: rgba(34, 34, 34, 0.95);
  border-color: #090909;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list .button-dropdown-divider {
  border-color: #101010;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a {
  color: #EEE;
}

.button-dropdown.button-dropdown-inverse .button-dropdown-list > li > a:hover {
  color: #e1e1e1;
  background: #151515;
}

.button-dropdown.button-dropdown-action .button-dropdown-list {
  background: rgba(165, 222, 55, 0.95);
  border-color: #8bc220;
}

.button-dropdown.button-dropdown-action .button-dropdown-list .button-dropdown-divider {
  border-color: #94cf22;
}

.button-dropdown.button-dropdown-action .button-dropdown-list > li > a {
  color: #FFF;
}

.button-dropdown.button-dropdown-action .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #9ad824;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list {
  background: rgba(254, 174, 27, 0.95);
  border-color: #e59501;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list .button-dropdown-divider {
  border-color: #f49f01;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a {
  color: #FFF;
}

.button-dropdown.button-dropdown-highlight .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #fea502;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list {
  background: rgba(255, 67, 81, 0.95);
  border-color: #ff1022;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list .button-dropdown-divider {
  border-color: #ff1f30;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list > li > a {
  color: #FFF;
}

.button-dropdown.button-dropdown-caution .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #ff2a39;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list {
  background: rgba(123, 114, 233, 0.95);
  border-color: #5246e2;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list .button-dropdown-divider {
  border-color: #5e53e4;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list > li > a {
  color: #FFF;
}

.button-dropdown.button-dropdown-royal .button-dropdown-list > li > a:hover {
  color: #f2f2f2;
  background: #665ce6;
}

/*
* Buton Groups
*
* A group of related buttons
* displayed edge to edge
*/
.button-group {
  position: relative;
  display: inline-block;
}

.button-group:after {
  content: " ";
  display: block;
  clear: both;
}

.button-group .button,
.button-group .button-dropdown {
  float: left;
}

.button-group .button:not(:first-child):not(:last-child),
.button-group .button-dropdown:not(:first-child):not(:last-child) {
  border-radius: 0;
  border-right: none;
}

.button-group .button:first-child,
.button-group .button-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

.button-group .button:last-child,
.button-group .button-dropdown:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*
* Button Wrapper
*
* A wrap around effect to highlight
* the shape of the button and offer
* a subtle visual effect.
*/
.button-wrap {
  border: 1px solid #e3e3e3;
  display: inline-block;
  padding: 9px;
  background: linear-gradient(#f2f2f2, #FFF);
  border-radius: 200px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

/*
* Long Shadow Buttons
*
* A visual effect adding a flat shadow to the text of a button
*/
/*
* Long Shadow Function
*
* Loops $length times building a long shadow. Defaults downward right
*/
/*
* LONG SHADOW MIXIN
*
*/
/*
* Shadow Right
*
*/
.button-longshadow,
.button-longshadow-right {
  overflow: hidden;
}

.button-longshadow.button-primary,
.button-longshadow-right.button-primary {
  text-shadow: 0px 0px #0880d7, 1px 1px #0880d7, 2px 2px #0880d7, 3px 3px #0880d7, 4px 4px #0880d7, 5px 5px #0880d7, 6px 6px #0880d7, 7px 7px #0880d7, 8px 8px #0880d7, 9px 9px #0880d7, 10px 10px #0880d7, 11px 11px #0880d7, 12px 12px #0880d7, 13px 13px #0880d7, 14px 14px #0880d7, 15px 15px #0880d7, 16px 16px #0880d7, 17px 17px #0880d7, 18px 18px #0880d7, 19px 19px #0880d7, 20px 20px #0880d7, 21px 21px #0880d7, 22px 22px #0880d7, 23px 23px #0880d7, 24px 24px #0880d7, 25px 25px #0880d7, 26px 26px #0880d7, 27px 27px #0880d7, 28px 28px #0880d7, 29px 29px #0880d7, 30px 30px #0880d7, 31px 31px #0880d7, 32px 32px #0880d7, 33px 33px #0880d7, 34px 34px #0880d7, 35px 35px #0880d7, 36px 36px #0880d7, 37px 37px #0880d7, 38px 38px #0880d7, 39px 39px #0880d7, 40px 40px #0880d7, 41px 41px #0880d7, 42px 42px #0880d7, 43px 43px #0880d7, 44px 44px #0880d7, 45px 45px #0880d7, 46px 46px #0880d7, 47px 47px #0880d7, 48px 48px #0880d7, 49px 49px #0880d7, 50px 50px #0880d7, 51px 51px #0880d7, 52px 52px #0880d7, 53px 53px #0880d7, 54px 54px #0880d7, 55px 55px #0880d7, 56px 56px #0880d7, 57px 57px #0880d7, 58px 58px #0880d7, 59px 59px #0880d7, 60px 60px #0880d7, 61px 61px #0880d7, 62px 62px #0880d7, 63px 63px #0880d7, 64px 64px #0880d7, 65px 65px #0880d7, 66px 66px #0880d7, 67px 67px #0880d7, 68px 68px #0880d7, 69px 69px #0880d7, 70px 70px #0880d7, 71px 71px #0880d7, 72px 72px #0880d7, 73px 73px #0880d7, 74px 74px #0880d7, 75px 75px #0880d7, 76px 76px #0880d7, 77px 77px #0880d7, 78px 78px #0880d7, 79px 79px #0880d7, 80px 80px #0880d7, 81px 81px #0880d7, 82px 82px #0880d7, 83px 83px #0880d7, 84px 84px #0880d7, 85px 85px #0880d7;
}

.button-longshadow.button-primary:active, .button-longshadow.button-primary.active, .button-longshadow.button-primary.is-active,
.button-longshadow-right.button-primary:active,
.button-longshadow-right.button-primary.active,
.button-longshadow-right.button-primary.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-plain,
.button-longshadow-right.button-plain {
  text-shadow: 0px 0px #e6e6e6, 1px 1px #e6e6e6, 2px 2px #e6e6e6, 3px 3px #e6e6e6, 4px 4px #e6e6e6, 5px 5px #e6e6e6, 6px 6px #e6e6e6, 7px 7px #e6e6e6, 8px 8px #e6e6e6, 9px 9px #e6e6e6, 10px 10px #e6e6e6, 11px 11px #e6e6e6, 12px 12px #e6e6e6, 13px 13px #e6e6e6, 14px 14px #e6e6e6, 15px 15px #e6e6e6, 16px 16px #e6e6e6, 17px 17px #e6e6e6, 18px 18px #e6e6e6, 19px 19px #e6e6e6, 20px 20px #e6e6e6, 21px 21px #e6e6e6, 22px 22px #e6e6e6, 23px 23px #e6e6e6, 24px 24px #e6e6e6, 25px 25px #e6e6e6, 26px 26px #e6e6e6, 27px 27px #e6e6e6, 28px 28px #e6e6e6, 29px 29px #e6e6e6, 30px 30px #e6e6e6, 31px 31px #e6e6e6, 32px 32px #e6e6e6, 33px 33px #e6e6e6, 34px 34px #e6e6e6, 35px 35px #e6e6e6, 36px 36px #e6e6e6, 37px 37px #e6e6e6, 38px 38px #e6e6e6, 39px 39px #e6e6e6, 40px 40px #e6e6e6, 41px 41px #e6e6e6, 42px 42px #e6e6e6, 43px 43px #e6e6e6, 44px 44px #e6e6e6, 45px 45px #e6e6e6, 46px 46px #e6e6e6, 47px 47px #e6e6e6, 48px 48px #e6e6e6, 49px 49px #e6e6e6, 50px 50px #e6e6e6, 51px 51px #e6e6e6, 52px 52px #e6e6e6, 53px 53px #e6e6e6, 54px 54px #e6e6e6, 55px 55px #e6e6e6, 56px 56px #e6e6e6, 57px 57px #e6e6e6, 58px 58px #e6e6e6, 59px 59px #e6e6e6, 60px 60px #e6e6e6, 61px 61px #e6e6e6, 62px 62px #e6e6e6, 63px 63px #e6e6e6, 64px 64px #e6e6e6, 65px 65px #e6e6e6, 66px 66px #e6e6e6, 67px 67px #e6e6e6, 68px 68px #e6e6e6, 69px 69px #e6e6e6, 70px 70px #e6e6e6, 71px 71px #e6e6e6, 72px 72px #e6e6e6, 73px 73px #e6e6e6, 74px 74px #e6e6e6, 75px 75px #e6e6e6, 76px 76px #e6e6e6, 77px 77px #e6e6e6, 78px 78px #e6e6e6, 79px 79px #e6e6e6, 80px 80px #e6e6e6, 81px 81px #e6e6e6, 82px 82px #e6e6e6, 83px 83px #e6e6e6, 84px 84px #e6e6e6, 85px 85px #e6e6e6;
}

.button-longshadow.button-plain:active, .button-longshadow.button-plain.active, .button-longshadow.button-plain.is-active,
.button-longshadow-right.button-plain:active,
.button-longshadow-right.button-plain.active,
.button-longshadow-right.button-plain.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-inverse,
.button-longshadow-right.button-inverse {
  text-shadow: 0px 0px #090909, 1px 1px #090909, 2px 2px #090909, 3px 3px #090909, 4px 4px #090909, 5px 5px #090909, 6px 6px #090909, 7px 7px #090909, 8px 8px #090909, 9px 9px #090909, 10px 10px #090909, 11px 11px #090909, 12px 12px #090909, 13px 13px #090909, 14px 14px #090909, 15px 15px #090909, 16px 16px #090909, 17px 17px #090909, 18px 18px #090909, 19px 19px #090909, 20px 20px #090909, 21px 21px #090909, 22px 22px #090909, 23px 23px #090909, 24px 24px #090909, 25px 25px #090909, 26px 26px #090909, 27px 27px #090909, 28px 28px #090909, 29px 29px #090909, 30px 30px #090909, 31px 31px #090909, 32px 32px #090909, 33px 33px #090909, 34px 34px #090909, 35px 35px #090909, 36px 36px #090909, 37px 37px #090909, 38px 38px #090909, 39px 39px #090909, 40px 40px #090909, 41px 41px #090909, 42px 42px #090909, 43px 43px #090909, 44px 44px #090909, 45px 45px #090909, 46px 46px #090909, 47px 47px #090909, 48px 48px #090909, 49px 49px #090909, 50px 50px #090909, 51px 51px #090909, 52px 52px #090909, 53px 53px #090909, 54px 54px #090909, 55px 55px #090909, 56px 56px #090909, 57px 57px #090909, 58px 58px #090909, 59px 59px #090909, 60px 60px #090909, 61px 61px #090909, 62px 62px #090909, 63px 63px #090909, 64px 64px #090909, 65px 65px #090909, 66px 66px #090909, 67px 67px #090909, 68px 68px #090909, 69px 69px #090909, 70px 70px #090909, 71px 71px #090909, 72px 72px #090909, 73px 73px #090909, 74px 74px #090909, 75px 75px #090909, 76px 76px #090909, 77px 77px #090909, 78px 78px #090909, 79px 79px #090909, 80px 80px #090909, 81px 81px #090909, 82px 82px #090909, 83px 83px #090909, 84px 84px #090909, 85px 85px #090909;
}

.button-longshadow.button-inverse:active, .button-longshadow.button-inverse.active, .button-longshadow.button-inverse.is-active,
.button-longshadow-right.button-inverse:active,
.button-longshadow-right.button-inverse.active,
.button-longshadow-right.button-inverse.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-action,
.button-longshadow-right.button-action {
  text-shadow: 0px 0px #8bc220, 1px 1px #8bc220, 2px 2px #8bc220, 3px 3px #8bc220, 4px 4px #8bc220, 5px 5px #8bc220, 6px 6px #8bc220, 7px 7px #8bc220, 8px 8px #8bc220, 9px 9px #8bc220, 10px 10px #8bc220, 11px 11px #8bc220, 12px 12px #8bc220, 13px 13px #8bc220, 14px 14px #8bc220, 15px 15px #8bc220, 16px 16px #8bc220, 17px 17px #8bc220, 18px 18px #8bc220, 19px 19px #8bc220, 20px 20px #8bc220, 21px 21px #8bc220, 22px 22px #8bc220, 23px 23px #8bc220, 24px 24px #8bc220, 25px 25px #8bc220, 26px 26px #8bc220, 27px 27px #8bc220, 28px 28px #8bc220, 29px 29px #8bc220, 30px 30px #8bc220, 31px 31px #8bc220, 32px 32px #8bc220, 33px 33px #8bc220, 34px 34px #8bc220, 35px 35px #8bc220, 36px 36px #8bc220, 37px 37px #8bc220, 38px 38px #8bc220, 39px 39px #8bc220, 40px 40px #8bc220, 41px 41px #8bc220, 42px 42px #8bc220, 43px 43px #8bc220, 44px 44px #8bc220, 45px 45px #8bc220, 46px 46px #8bc220, 47px 47px #8bc220, 48px 48px #8bc220, 49px 49px #8bc220, 50px 50px #8bc220, 51px 51px #8bc220, 52px 52px #8bc220, 53px 53px #8bc220, 54px 54px #8bc220, 55px 55px #8bc220, 56px 56px #8bc220, 57px 57px #8bc220, 58px 58px #8bc220, 59px 59px #8bc220, 60px 60px #8bc220, 61px 61px #8bc220, 62px 62px #8bc220, 63px 63px #8bc220, 64px 64px #8bc220, 65px 65px #8bc220, 66px 66px #8bc220, 67px 67px #8bc220, 68px 68px #8bc220, 69px 69px #8bc220, 70px 70px #8bc220, 71px 71px #8bc220, 72px 72px #8bc220, 73px 73px #8bc220, 74px 74px #8bc220, 75px 75px #8bc220, 76px 76px #8bc220, 77px 77px #8bc220, 78px 78px #8bc220, 79px 79px #8bc220, 80px 80px #8bc220, 81px 81px #8bc220, 82px 82px #8bc220, 83px 83px #8bc220, 84px 84px #8bc220, 85px 85px #8bc220;
}

.button-longshadow.button-action:active, .button-longshadow.button-action.active, .button-longshadow.button-action.is-active,
.button-longshadow-right.button-action:active,
.button-longshadow-right.button-action.active,
.button-longshadow-right.button-action.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-highlight,
.button-longshadow-right.button-highlight {
  text-shadow: 0px 0px #e59501, 1px 1px #e59501, 2px 2px #e59501, 3px 3px #e59501, 4px 4px #e59501, 5px 5px #e59501, 6px 6px #e59501, 7px 7px #e59501, 8px 8px #e59501, 9px 9px #e59501, 10px 10px #e59501, 11px 11px #e59501, 12px 12px #e59501, 13px 13px #e59501, 14px 14px #e59501, 15px 15px #e59501, 16px 16px #e59501, 17px 17px #e59501, 18px 18px #e59501, 19px 19px #e59501, 20px 20px #e59501, 21px 21px #e59501, 22px 22px #e59501, 23px 23px #e59501, 24px 24px #e59501, 25px 25px #e59501, 26px 26px #e59501, 27px 27px #e59501, 28px 28px #e59501, 29px 29px #e59501, 30px 30px #e59501, 31px 31px #e59501, 32px 32px #e59501, 33px 33px #e59501, 34px 34px #e59501, 35px 35px #e59501, 36px 36px #e59501, 37px 37px #e59501, 38px 38px #e59501, 39px 39px #e59501, 40px 40px #e59501, 41px 41px #e59501, 42px 42px #e59501, 43px 43px #e59501, 44px 44px #e59501, 45px 45px #e59501, 46px 46px #e59501, 47px 47px #e59501, 48px 48px #e59501, 49px 49px #e59501, 50px 50px #e59501, 51px 51px #e59501, 52px 52px #e59501, 53px 53px #e59501, 54px 54px #e59501, 55px 55px #e59501, 56px 56px #e59501, 57px 57px #e59501, 58px 58px #e59501, 59px 59px #e59501, 60px 60px #e59501, 61px 61px #e59501, 62px 62px #e59501, 63px 63px #e59501, 64px 64px #e59501, 65px 65px #e59501, 66px 66px #e59501, 67px 67px #e59501, 68px 68px #e59501, 69px 69px #e59501, 70px 70px #e59501, 71px 71px #e59501, 72px 72px #e59501, 73px 73px #e59501, 74px 74px #e59501, 75px 75px #e59501, 76px 76px #e59501, 77px 77px #e59501, 78px 78px #e59501, 79px 79px #e59501, 80px 80px #e59501, 81px 81px #e59501, 82px 82px #e59501, 83px 83px #e59501, 84px 84px #e59501, 85px 85px #e59501;
}

.button-longshadow.button-highlight:active, .button-longshadow.button-highlight.active, .button-longshadow.button-highlight.is-active,
.button-longshadow-right.button-highlight:active,
.button-longshadow-right.button-highlight.active,
.button-longshadow-right.button-highlight.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-caution,
.button-longshadow-right.button-caution {
  text-shadow: 0px 0px #ff1022, 1px 1px #ff1022, 2px 2px #ff1022, 3px 3px #ff1022, 4px 4px #ff1022, 5px 5px #ff1022, 6px 6px #ff1022, 7px 7px #ff1022, 8px 8px #ff1022, 9px 9px #ff1022, 10px 10px #ff1022, 11px 11px #ff1022, 12px 12px #ff1022, 13px 13px #ff1022, 14px 14px #ff1022, 15px 15px #ff1022, 16px 16px #ff1022, 17px 17px #ff1022, 18px 18px #ff1022, 19px 19px #ff1022, 20px 20px #ff1022, 21px 21px #ff1022, 22px 22px #ff1022, 23px 23px #ff1022, 24px 24px #ff1022, 25px 25px #ff1022, 26px 26px #ff1022, 27px 27px #ff1022, 28px 28px #ff1022, 29px 29px #ff1022, 30px 30px #ff1022, 31px 31px #ff1022, 32px 32px #ff1022, 33px 33px #ff1022, 34px 34px #ff1022, 35px 35px #ff1022, 36px 36px #ff1022, 37px 37px #ff1022, 38px 38px #ff1022, 39px 39px #ff1022, 40px 40px #ff1022, 41px 41px #ff1022, 42px 42px #ff1022, 43px 43px #ff1022, 44px 44px #ff1022, 45px 45px #ff1022, 46px 46px #ff1022, 47px 47px #ff1022, 48px 48px #ff1022, 49px 49px #ff1022, 50px 50px #ff1022, 51px 51px #ff1022, 52px 52px #ff1022, 53px 53px #ff1022, 54px 54px #ff1022, 55px 55px #ff1022, 56px 56px #ff1022, 57px 57px #ff1022, 58px 58px #ff1022, 59px 59px #ff1022, 60px 60px #ff1022, 61px 61px #ff1022, 62px 62px #ff1022, 63px 63px #ff1022, 64px 64px #ff1022, 65px 65px #ff1022, 66px 66px #ff1022, 67px 67px #ff1022, 68px 68px #ff1022, 69px 69px #ff1022, 70px 70px #ff1022, 71px 71px #ff1022, 72px 72px #ff1022, 73px 73px #ff1022, 74px 74px #ff1022, 75px 75px #ff1022, 76px 76px #ff1022, 77px 77px #ff1022, 78px 78px #ff1022, 79px 79px #ff1022, 80px 80px #ff1022, 81px 81px #ff1022, 82px 82px #ff1022, 83px 83px #ff1022, 84px 84px #ff1022, 85px 85px #ff1022;
}

.button-longshadow.button-caution:active, .button-longshadow.button-caution.active, .button-longshadow.button-caution.is-active,
.button-longshadow-right.button-caution:active,
.button-longshadow-right.button-caution.active,
.button-longshadow-right.button-caution.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow.button-royal,
.button-longshadow-right.button-royal {
  text-shadow: 0px 0px #5246e2, 1px 1px #5246e2, 2px 2px #5246e2, 3px 3px #5246e2, 4px 4px #5246e2, 5px 5px #5246e2, 6px 6px #5246e2, 7px 7px #5246e2, 8px 8px #5246e2, 9px 9px #5246e2, 10px 10px #5246e2, 11px 11px #5246e2, 12px 12px #5246e2, 13px 13px #5246e2, 14px 14px #5246e2, 15px 15px #5246e2, 16px 16px #5246e2, 17px 17px #5246e2, 18px 18px #5246e2, 19px 19px #5246e2, 20px 20px #5246e2, 21px 21px #5246e2, 22px 22px #5246e2, 23px 23px #5246e2, 24px 24px #5246e2, 25px 25px #5246e2, 26px 26px #5246e2, 27px 27px #5246e2, 28px 28px #5246e2, 29px 29px #5246e2, 30px 30px #5246e2, 31px 31px #5246e2, 32px 32px #5246e2, 33px 33px #5246e2, 34px 34px #5246e2, 35px 35px #5246e2, 36px 36px #5246e2, 37px 37px #5246e2, 38px 38px #5246e2, 39px 39px #5246e2, 40px 40px #5246e2, 41px 41px #5246e2, 42px 42px #5246e2, 43px 43px #5246e2, 44px 44px #5246e2, 45px 45px #5246e2, 46px 46px #5246e2, 47px 47px #5246e2, 48px 48px #5246e2, 49px 49px #5246e2, 50px 50px #5246e2, 51px 51px #5246e2, 52px 52px #5246e2, 53px 53px #5246e2, 54px 54px #5246e2, 55px 55px #5246e2, 56px 56px #5246e2, 57px 57px #5246e2, 58px 58px #5246e2, 59px 59px #5246e2, 60px 60px #5246e2, 61px 61px #5246e2, 62px 62px #5246e2, 63px 63px #5246e2, 64px 64px #5246e2, 65px 65px #5246e2, 66px 66px #5246e2, 67px 67px #5246e2, 68px 68px #5246e2, 69px 69px #5246e2, 70px 70px #5246e2, 71px 71px #5246e2, 72px 72px #5246e2, 73px 73px #5246e2, 74px 74px #5246e2, 75px 75px #5246e2, 76px 76px #5246e2, 77px 77px #5246e2, 78px 78px #5246e2, 79px 79px #5246e2, 80px 80px #5246e2, 81px 81px #5246e2, 82px 82px #5246e2, 83px 83px #5246e2, 84px 84px #5246e2, 85px 85px #5246e2;
}

.button-longshadow.button-royal:active, .button-longshadow.button-royal.active, .button-longshadow.button-royal.is-active,
.button-longshadow-right.button-royal:active,
.button-longshadow-right.button-royal.active,
.button-longshadow-right.button-royal.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/*
* Shadow Left
*
*/
.button-longshadow-left {
  overflow: hidden;
}

.button-longshadow-left.button-primary {
  text-shadow: 0px 0px #0880d7, -1px 1px #0880d7, -2px 2px #0880d7, -3px 3px #0880d7, -4px 4px #0880d7, -5px 5px #0880d7, -6px 6px #0880d7, -7px 7px #0880d7, -8px 8px #0880d7, -9px 9px #0880d7, -10px 10px #0880d7, -11px 11px #0880d7, -12px 12px #0880d7, -13px 13px #0880d7, -14px 14px #0880d7, -15px 15px #0880d7, -16px 16px #0880d7, -17px 17px #0880d7, -18px 18px #0880d7, -19px 19px #0880d7, -20px 20px #0880d7, -21px 21px #0880d7, -22px 22px #0880d7, -23px 23px #0880d7, -24px 24px #0880d7, -25px 25px #0880d7, -26px 26px #0880d7, -27px 27px #0880d7, -28px 28px #0880d7, -29px 29px #0880d7, -30px 30px #0880d7, -31px 31px #0880d7, -32px 32px #0880d7, -33px 33px #0880d7, -34px 34px #0880d7, -35px 35px #0880d7, -36px 36px #0880d7, -37px 37px #0880d7, -38px 38px #0880d7, -39px 39px #0880d7, -40px 40px #0880d7, -41px 41px #0880d7, -42px 42px #0880d7, -43px 43px #0880d7, -44px 44px #0880d7, -45px 45px #0880d7, -46px 46px #0880d7, -47px 47px #0880d7, -48px 48px #0880d7, -49px 49px #0880d7, -50px 50px #0880d7, -51px 51px #0880d7, -52px 52px #0880d7, -53px 53px #0880d7, -54px 54px #0880d7, -55px 55px #0880d7, -56px 56px #0880d7, -57px 57px #0880d7, -58px 58px #0880d7, -59px 59px #0880d7, -60px 60px #0880d7, -61px 61px #0880d7, -62px 62px #0880d7, -63px 63px #0880d7, -64px 64px #0880d7, -65px 65px #0880d7, -66px 66px #0880d7, -67px 67px #0880d7, -68px 68px #0880d7, -69px 69px #0880d7, -70px 70px #0880d7, -71px 71px #0880d7, -72px 72px #0880d7, -73px 73px #0880d7, -74px 74px #0880d7, -75px 75px #0880d7, -76px 76px #0880d7, -77px 77px #0880d7, -78px 78px #0880d7, -79px 79px #0880d7, -80px 80px #0880d7, -81px 81px #0880d7, -82px 82px #0880d7, -83px 83px #0880d7, -84px 84px #0880d7, -85px 85px #0880d7;
}

.button-longshadow-left.button-primary:active, .button-longshadow-left.button-primary.active, .button-longshadow-left.button-primary.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-plain {
  text-shadow: 0px 0px #e6e6e6, -1px 1px #e6e6e6, -2px 2px #e6e6e6, -3px 3px #e6e6e6, -4px 4px #e6e6e6, -5px 5px #e6e6e6, -6px 6px #e6e6e6, -7px 7px #e6e6e6, -8px 8px #e6e6e6, -9px 9px #e6e6e6, -10px 10px #e6e6e6, -11px 11px #e6e6e6, -12px 12px #e6e6e6, -13px 13px #e6e6e6, -14px 14px #e6e6e6, -15px 15px #e6e6e6, -16px 16px #e6e6e6, -17px 17px #e6e6e6, -18px 18px #e6e6e6, -19px 19px #e6e6e6, -20px 20px #e6e6e6, -21px 21px #e6e6e6, -22px 22px #e6e6e6, -23px 23px #e6e6e6, -24px 24px #e6e6e6, -25px 25px #e6e6e6, -26px 26px #e6e6e6, -27px 27px #e6e6e6, -28px 28px #e6e6e6, -29px 29px #e6e6e6, -30px 30px #e6e6e6, -31px 31px #e6e6e6, -32px 32px #e6e6e6, -33px 33px #e6e6e6, -34px 34px #e6e6e6, -35px 35px #e6e6e6, -36px 36px #e6e6e6, -37px 37px #e6e6e6, -38px 38px #e6e6e6, -39px 39px #e6e6e6, -40px 40px #e6e6e6, -41px 41px #e6e6e6, -42px 42px #e6e6e6, -43px 43px #e6e6e6, -44px 44px #e6e6e6, -45px 45px #e6e6e6, -46px 46px #e6e6e6, -47px 47px #e6e6e6, -48px 48px #e6e6e6, -49px 49px #e6e6e6, -50px 50px #e6e6e6, -51px 51px #e6e6e6, -52px 52px #e6e6e6, -53px 53px #e6e6e6, -54px 54px #e6e6e6, -55px 55px #e6e6e6, -56px 56px #e6e6e6, -57px 57px #e6e6e6, -58px 58px #e6e6e6, -59px 59px #e6e6e6, -60px 60px #e6e6e6, -61px 61px #e6e6e6, -62px 62px #e6e6e6, -63px 63px #e6e6e6, -64px 64px #e6e6e6, -65px 65px #e6e6e6, -66px 66px #e6e6e6, -67px 67px #e6e6e6, -68px 68px #e6e6e6, -69px 69px #e6e6e6, -70px 70px #e6e6e6, -71px 71px #e6e6e6, -72px 72px #e6e6e6, -73px 73px #e6e6e6, -74px 74px #e6e6e6, -75px 75px #e6e6e6, -76px 76px #e6e6e6, -77px 77px #e6e6e6, -78px 78px #e6e6e6, -79px 79px #e6e6e6, -80px 80px #e6e6e6, -81px 81px #e6e6e6, -82px 82px #e6e6e6, -83px 83px #e6e6e6, -84px 84px #e6e6e6, -85px 85px #e6e6e6;
}

.button-longshadow-left.button-plain:active, .button-longshadow-left.button-plain.active, .button-longshadow-left.button-plain.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-inverse {
  text-shadow: 0px 0px #090909, -1px 1px #090909, -2px 2px #090909, -3px 3px #090909, -4px 4px #090909, -5px 5px #090909, -6px 6px #090909, -7px 7px #090909, -8px 8px #090909, -9px 9px #090909, -10px 10px #090909, -11px 11px #090909, -12px 12px #090909, -13px 13px #090909, -14px 14px #090909, -15px 15px #090909, -16px 16px #090909, -17px 17px #090909, -18px 18px #090909, -19px 19px #090909, -20px 20px #090909, -21px 21px #090909, -22px 22px #090909, -23px 23px #090909, -24px 24px #090909, -25px 25px #090909, -26px 26px #090909, -27px 27px #090909, -28px 28px #090909, -29px 29px #090909, -30px 30px #090909, -31px 31px #090909, -32px 32px #090909, -33px 33px #090909, -34px 34px #090909, -35px 35px #090909, -36px 36px #090909, -37px 37px #090909, -38px 38px #090909, -39px 39px #090909, -40px 40px #090909, -41px 41px #090909, -42px 42px #090909, -43px 43px #090909, -44px 44px #090909, -45px 45px #090909, -46px 46px #090909, -47px 47px #090909, -48px 48px #090909, -49px 49px #090909, -50px 50px #090909, -51px 51px #090909, -52px 52px #090909, -53px 53px #090909, -54px 54px #090909, -55px 55px #090909, -56px 56px #090909, -57px 57px #090909, -58px 58px #090909, -59px 59px #090909, -60px 60px #090909, -61px 61px #090909, -62px 62px #090909, -63px 63px #090909, -64px 64px #090909, -65px 65px #090909, -66px 66px #090909, -67px 67px #090909, -68px 68px #090909, -69px 69px #090909, -70px 70px #090909, -71px 71px #090909, -72px 72px #090909, -73px 73px #090909, -74px 74px #090909, -75px 75px #090909, -76px 76px #090909, -77px 77px #090909, -78px 78px #090909, -79px 79px #090909, -80px 80px #090909, -81px 81px #090909, -82px 82px #090909, -83px 83px #090909, -84px 84px #090909, -85px 85px #090909;
}

.button-longshadow-left.button-inverse:active, .button-longshadow-left.button-inverse.active, .button-longshadow-left.button-inverse.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-action {
  text-shadow: 0px 0px #8bc220, -1px 1px #8bc220, -2px 2px #8bc220, -3px 3px #8bc220, -4px 4px #8bc220, -5px 5px #8bc220, -6px 6px #8bc220, -7px 7px #8bc220, -8px 8px #8bc220, -9px 9px #8bc220, -10px 10px #8bc220, -11px 11px #8bc220, -12px 12px #8bc220, -13px 13px #8bc220, -14px 14px #8bc220, -15px 15px #8bc220, -16px 16px #8bc220, -17px 17px #8bc220, -18px 18px #8bc220, -19px 19px #8bc220, -20px 20px #8bc220, -21px 21px #8bc220, -22px 22px #8bc220, -23px 23px #8bc220, -24px 24px #8bc220, -25px 25px #8bc220, -26px 26px #8bc220, -27px 27px #8bc220, -28px 28px #8bc220, -29px 29px #8bc220, -30px 30px #8bc220, -31px 31px #8bc220, -32px 32px #8bc220, -33px 33px #8bc220, -34px 34px #8bc220, -35px 35px #8bc220, -36px 36px #8bc220, -37px 37px #8bc220, -38px 38px #8bc220, -39px 39px #8bc220, -40px 40px #8bc220, -41px 41px #8bc220, -42px 42px #8bc220, -43px 43px #8bc220, -44px 44px #8bc220, -45px 45px #8bc220, -46px 46px #8bc220, -47px 47px #8bc220, -48px 48px #8bc220, -49px 49px #8bc220, -50px 50px #8bc220, -51px 51px #8bc220, -52px 52px #8bc220, -53px 53px #8bc220, -54px 54px #8bc220, -55px 55px #8bc220, -56px 56px #8bc220, -57px 57px #8bc220, -58px 58px #8bc220, -59px 59px #8bc220, -60px 60px #8bc220, -61px 61px #8bc220, -62px 62px #8bc220, -63px 63px #8bc220, -64px 64px #8bc220, -65px 65px #8bc220, -66px 66px #8bc220, -67px 67px #8bc220, -68px 68px #8bc220, -69px 69px #8bc220, -70px 70px #8bc220, -71px 71px #8bc220, -72px 72px #8bc220, -73px 73px #8bc220, -74px 74px #8bc220, -75px 75px #8bc220, -76px 76px #8bc220, -77px 77px #8bc220, -78px 78px #8bc220, -79px 79px #8bc220, -80px 80px #8bc220, -81px 81px #8bc220, -82px 82px #8bc220, -83px 83px #8bc220, -84px 84px #8bc220, -85px 85px #8bc220;
}

.button-longshadow-left.button-action:active, .button-longshadow-left.button-action.active, .button-longshadow-left.button-action.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-highlight {
  text-shadow: 0px 0px #e59501, -1px 1px #e59501, -2px 2px #e59501, -3px 3px #e59501, -4px 4px #e59501, -5px 5px #e59501, -6px 6px #e59501, -7px 7px #e59501, -8px 8px #e59501, -9px 9px #e59501, -10px 10px #e59501, -11px 11px #e59501, -12px 12px #e59501, -13px 13px #e59501, -14px 14px #e59501, -15px 15px #e59501, -16px 16px #e59501, -17px 17px #e59501, -18px 18px #e59501, -19px 19px #e59501, -20px 20px #e59501, -21px 21px #e59501, -22px 22px #e59501, -23px 23px #e59501, -24px 24px #e59501, -25px 25px #e59501, -26px 26px #e59501, -27px 27px #e59501, -28px 28px #e59501, -29px 29px #e59501, -30px 30px #e59501, -31px 31px #e59501, -32px 32px #e59501, -33px 33px #e59501, -34px 34px #e59501, -35px 35px #e59501, -36px 36px #e59501, -37px 37px #e59501, -38px 38px #e59501, -39px 39px #e59501, -40px 40px #e59501, -41px 41px #e59501, -42px 42px #e59501, -43px 43px #e59501, -44px 44px #e59501, -45px 45px #e59501, -46px 46px #e59501, -47px 47px #e59501, -48px 48px #e59501, -49px 49px #e59501, -50px 50px #e59501, -51px 51px #e59501, -52px 52px #e59501, -53px 53px #e59501, -54px 54px #e59501, -55px 55px #e59501, -56px 56px #e59501, -57px 57px #e59501, -58px 58px #e59501, -59px 59px #e59501, -60px 60px #e59501, -61px 61px #e59501, -62px 62px #e59501, -63px 63px #e59501, -64px 64px #e59501, -65px 65px #e59501, -66px 66px #e59501, -67px 67px #e59501, -68px 68px #e59501, -69px 69px #e59501, -70px 70px #e59501, -71px 71px #e59501, -72px 72px #e59501, -73px 73px #e59501, -74px 74px #e59501, -75px 75px #e59501, -76px 76px #e59501, -77px 77px #e59501, -78px 78px #e59501, -79px 79px #e59501, -80px 80px #e59501, -81px 81px #e59501, -82px 82px #e59501, -83px 83px #e59501, -84px 84px #e59501, -85px 85px #e59501;
}

.button-longshadow-left.button-highlight:active, .button-longshadow-left.button-highlight.active, .button-longshadow-left.button-highlight.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-caution {
  text-shadow: 0px 0px #ff1022, -1px 1px #ff1022, -2px 2px #ff1022, -3px 3px #ff1022, -4px 4px #ff1022, -5px 5px #ff1022, -6px 6px #ff1022, -7px 7px #ff1022, -8px 8px #ff1022, -9px 9px #ff1022, -10px 10px #ff1022, -11px 11px #ff1022, -12px 12px #ff1022, -13px 13px #ff1022, -14px 14px #ff1022, -15px 15px #ff1022, -16px 16px #ff1022, -17px 17px #ff1022, -18px 18px #ff1022, -19px 19px #ff1022, -20px 20px #ff1022, -21px 21px #ff1022, -22px 22px #ff1022, -23px 23px #ff1022, -24px 24px #ff1022, -25px 25px #ff1022, -26px 26px #ff1022, -27px 27px #ff1022, -28px 28px #ff1022, -29px 29px #ff1022, -30px 30px #ff1022, -31px 31px #ff1022, -32px 32px #ff1022, -33px 33px #ff1022, -34px 34px #ff1022, -35px 35px #ff1022, -36px 36px #ff1022, -37px 37px #ff1022, -38px 38px #ff1022, -39px 39px #ff1022, -40px 40px #ff1022, -41px 41px #ff1022, -42px 42px #ff1022, -43px 43px #ff1022, -44px 44px #ff1022, -45px 45px #ff1022, -46px 46px #ff1022, -47px 47px #ff1022, -48px 48px #ff1022, -49px 49px #ff1022, -50px 50px #ff1022, -51px 51px #ff1022, -52px 52px #ff1022, -53px 53px #ff1022, -54px 54px #ff1022, -55px 55px #ff1022, -56px 56px #ff1022, -57px 57px #ff1022, -58px 58px #ff1022, -59px 59px #ff1022, -60px 60px #ff1022, -61px 61px #ff1022, -62px 62px #ff1022, -63px 63px #ff1022, -64px 64px #ff1022, -65px 65px #ff1022, -66px 66px #ff1022, -67px 67px #ff1022, -68px 68px #ff1022, -69px 69px #ff1022, -70px 70px #ff1022, -71px 71px #ff1022, -72px 72px #ff1022, -73px 73px #ff1022, -74px 74px #ff1022, -75px 75px #ff1022, -76px 76px #ff1022, -77px 77px #ff1022, -78px 78px #ff1022, -79px 79px #ff1022, -80px 80px #ff1022, -81px 81px #ff1022, -82px 82px #ff1022, -83px 83px #ff1022, -84px 84px #ff1022, -85px 85px #ff1022;
}

.button-longshadow-left.button-caution:active, .button-longshadow-left.button-caution.active, .button-longshadow-left.button-caution.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

.button-longshadow-left.button-royal {
  text-shadow: 0px 0px #5246e2, -1px 1px #5246e2, -2px 2px #5246e2, -3px 3px #5246e2, -4px 4px #5246e2, -5px 5px #5246e2, -6px 6px #5246e2, -7px 7px #5246e2, -8px 8px #5246e2, -9px 9px #5246e2, -10px 10px #5246e2, -11px 11px #5246e2, -12px 12px #5246e2, -13px 13px #5246e2, -14px 14px #5246e2, -15px 15px #5246e2, -16px 16px #5246e2, -17px 17px #5246e2, -18px 18px #5246e2, -19px 19px #5246e2, -20px 20px #5246e2, -21px 21px #5246e2, -22px 22px #5246e2, -23px 23px #5246e2, -24px 24px #5246e2, -25px 25px #5246e2, -26px 26px #5246e2, -27px 27px #5246e2, -28px 28px #5246e2, -29px 29px #5246e2, -30px 30px #5246e2, -31px 31px #5246e2, -32px 32px #5246e2, -33px 33px #5246e2, -34px 34px #5246e2, -35px 35px #5246e2, -36px 36px #5246e2, -37px 37px #5246e2, -38px 38px #5246e2, -39px 39px #5246e2, -40px 40px #5246e2, -41px 41px #5246e2, -42px 42px #5246e2, -43px 43px #5246e2, -44px 44px #5246e2, -45px 45px #5246e2, -46px 46px #5246e2, -47px 47px #5246e2, -48px 48px #5246e2, -49px 49px #5246e2, -50px 50px #5246e2, -51px 51px #5246e2, -52px 52px #5246e2, -53px 53px #5246e2, -54px 54px #5246e2, -55px 55px #5246e2, -56px 56px #5246e2, -57px 57px #5246e2, -58px 58px #5246e2, -59px 59px #5246e2, -60px 60px #5246e2, -61px 61px #5246e2, -62px 62px #5246e2, -63px 63px #5246e2, -64px 64px #5246e2, -65px 65px #5246e2, -66px 66px #5246e2, -67px 67px #5246e2, -68px 68px #5246e2, -69px 69px #5246e2, -70px 70px #5246e2, -71px 71px #5246e2, -72px 72px #5246e2, -73px 73px #5246e2, -74px 74px #5246e2, -75px 75px #5246e2, -76px 76px #5246e2, -77px 77px #5246e2, -78px 78px #5246e2, -79px 79px #5246e2, -80px 80px #5246e2, -81px 81px #5246e2, -82px 82px #5246e2, -83px 83px #5246e2, -84px 84px #5246e2, -85px 85px #5246e2;
}

.button-longshadow-left.button-royal:active, .button-longshadow-left.button-royal.active, .button-longshadow-left.button-royal.is-active {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/*
* Button Sizes
*
* This file creates the various button sizes
* (ex. .button-large, .button-small, etc.)
*/
.button-giant {
  font-size: 28px;
  height: 70px;
  line-height: 70px;
  padding: 0 70px;
}

.button-jumbo {
  font-size: 24px;
  height: 60px;
  line-height: 60px;
  padding: 0 60px;
}

.button-large {
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  padding: 0 50px;
}

.button-normal {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
}

.button-small {
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px;
}

.button-tiny {
  font-size: 9.6px;
  height: 24px;
  line-height: 24px;
  padding: 0 24px;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-Light.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-Light.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-Light.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-Light.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-Light.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-Light.svg#FTSterling-Light") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-Regular.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-Regular.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-Regular.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-Regular.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-Regular.svg#FTSterling-Regular") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-Medium.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-Medium.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-Medium.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-Medium.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-Medium.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-Medium.svg#FTSterling-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-Bold.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-Bold.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-Bold.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-Bold.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-Bold.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-Bold.svg#FTSterling-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-LightItalic.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-LightItalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-LightItalic.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-LightItalic.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-LightItalic.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-LightItalic.svg#FTSterling-MediumItalic") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-RegularItalic.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-RegularItalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-RegularItalic.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-RegularItalic.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-RegularItalic.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-RegularItalic.svg#FTSterling-MediumItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-MediumItalic.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-MediumItalic.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-MediumItalic.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-MediumItalic.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-MediumItalic.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-MediumItalic.svg#FTSterling-MediumItalic") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-Medium_2.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-Medium_2.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-Medium_2.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-Medium_2.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-Medium_2.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-Medium_2.svg#FTSterling-Medium") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FT Sterling';
  src: url("assets/fonts/ft-sterling/FTSterling-Bold_1.eot");
  src: url("assets/fonts/ft-sterling/FTSterling-Bold_1.eot?#iefix") format("embedded-opentype"), url("assets/fonts/ft-sterling/FTSterling-Bold_1.woff2") format("woff2"), url("assets/fonts/ft-sterling/FTSterling-Bold_1.woff") format("woff"), url("assets/fonts/ft-sterling/FTSterling-Bold_1.ttf") format("truetype"), url("assets/fonts/ft-sterling/FTSterling-Bold_1.svg#FTSterling-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Switzer-Thin';
  src: url("../fonts/switzer/Switzer-Thin.woff2") format("woff2"), url("../fonts/switzer/Switzer-Thin.woff") format("woff"), url("../fonts/Switzer-Thin.ttf") format("truetype");
  font-weight: 100;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-ThinItalic';
  src: url("../fonts/switzer/Switzer-ThinItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-ThinItalic.woff") format("woff"), url("../fonts/switzer/Switzer-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Extralight';
  src: url("../fonts/switzer/Switzer-Extralight.woff2") format("woff2"), url("../fonts/switzer/Switzer-Extralight.woff") format("woff"), url("../fonts/switzer/Switzer-Extralight.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-ExtralightItalic';
  src: url("../fonts/switzer/Switzer-ExtralightItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-ExtralightItalic.woff") format("woff"), url("../fonts/switzer/Switzer-ExtralightItalic.ttf") format("truetype");
  font-weight: 200;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Light';
  src: url("../fonts/switzer/Switzer-Light.woff2") format("woff2"), url("../fonts/switzer/Switzer-Light.woff") format("woff"), url("../fonts/switzer/Switzer-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-LightItalic';
  src: url("../fonts/Switzer-LightItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-LightItalic.woff") format("woff"), url("../fonts/switzer/Switzer-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Regular';
  src: url("../fonts/switzer/Switzer-Regular.woff2") format("woff2"), url("../fonts/switzer/Switzer-Regular.woff") format("woff"), url("../fonts/switzer/Switzer-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-Italic';
  src: url("../fonts/switzer/Switzer-Italic.woff2") format("woff2"), url("../fonts/switzer/Switzer-Italic.woff") format("woff"), url("../fonts/switzer/Switzer-Italic.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Medium';
  src: url("../fonts/switzer/Switzer-Medium.woff2") format("woff2"), url("../fonts/switzer/Switzer-Medium.woff") format("woff"), url("../fonts/switzer/Switzer-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-MediumItalic';
  src: url("../fonts/switzer/Switzer-MediumItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-MediumItalic.woff") format("woff"), url("../fonts/switzer/Switzer-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Semibold';
  src: url("../fonts/switzer/Switzer-Semibold.woff2") format("woff2"), url("../fonts/switzer/Switzer-Semibold.woff") format("woff"), url("../fonts/switzer/Switzer-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-SemiboldItalic';
  src: url("../fonts/switzer/Switzer-SemiboldItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-SemiboldItalic.woff") format("woff"), url("../fonts/switzer/Switzer-SemiboldItalic.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Bold';
  src: url("../fonts/switzer/Switzer-Bold.woff2") format("woff2"), url("../fonts/switzer/Switzer-Bold.woff") format("woff"), url("../fonts/switzer/Switzer-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-BoldItalic';
  src: url("../fonts/switzer/Switzer-BoldItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-BoldItalic.woff") format("woff"), url("../fonts/switzer/Switzer-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Extrabold';
  src: url("../fonts/switzer/Switzer-Extrabold.woff2") format("woff2"), url("../fonts/switzer/Switzer-Extrabold.woff") format("woff"), url("../fonts/switzer/Switzer-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-ExtraboldItalic';
  src: url("../fonts/switzer/Switzer-ExtraboldItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-ExtraboldItalic.woff") format("woff"), url("../fonts/switzer/Switzer-ExtraboldItalic.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
  font-style: italic;
}

@font-face {
  font-family: 'Switzer-Black';
  src: url("../fonts/switzer/Switzer-Black.woff2") format("woff2"), url("../fonts/switzer/Switzer-Black.woff") format("woff"), url("../fonts/switzer/Switzer-Black.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}

@font-face {
  font-family: 'Switzer-BlackItalic';
  src: url("../fonts/switzer/Switzer-BlackItalic.woff2") format("woff2"), url("../fonts/switzer/Switzer-BlackItalic.woff") format("woff"), url("../fonts/switzer/Switzer-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Switzer-Variable';
  src: url("assets/fonts/switzer/Switzer-Variable.woff2") format("woff2"), url("assets/fonts/switzer/Switzer-Variable.woff") format("woff"), url("assets/fonts/switzer/Switzer-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
}

/**
* This is a variable font
* You can control variable axes as shown below:
* font-variation-settings: wght 400.0;
*
* available axes:
'wght' (range from 100.0 to 900.0
*/
@font-face {
  font-family: 'Switzer-VariableItalic';
  src: url("../../fonts/switzer/Switzer-VariableItalic.woff2") format("woff2"), url("../../fonts/switzer/Switzer-VariableItalic.woff") format("woff"), url("../../fonts/switzer/Switzer-VariableItalic.ttf") format("truetype");
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
}

h1, .large-header {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 74px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 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) {
  h1, .large-header {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  h1, .large-header {
    font-size: 2.5rem;
  }
}

h2, .large-header {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 52px;
  font-weight: 400;
  letter-spacing: -3px;
  line-height: 1.18;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 31.2px;
  }
}

@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: 26px;
    letter-spacing: -2px;
  }
}

@media only screen and (max-width: 768px) {
  h2, .large-header {
    font-size: 26px;
    letter-spacing: -2px;
  }
}

h3, .medium-header {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 34px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 2.3rem;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 27.2px;
    letter-spacing: -2px;
  }
}

@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: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

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

h4 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 17.6px;
    letter-spacing: normal;
  }
}

@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: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  h4 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

h5 {
  font-family: "owners-wide", sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: normal;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 11.2px;
    line-height: 16px;
  }
}

@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: 12.5px;
    line-height: 16px;
  }
}

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

h6 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 10px;
  }
}

@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: 10px;
  }
}

@media only screen and (max-width: 768px) {
  h6 {
    font-size: 10px;
  }
}

h6.tag {
  font-family: "owners-wide", sans-serif;
  line-height: 1.1;
  font-weight: 100;
}

h6.small_title {
  color: #A8A8A8;
}

blockquote {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 52px;
  font-weight: 400;
  letter-spacing: -3px;
  line-height: 1.18;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

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

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

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

@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: 31.2px;
  }
}

@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: 26px;
    letter-spacing: -2px;
  }
}

@media only screen and (max-width: 768px) {
  blockquote {
    font-size: 26px;
    letter-spacing: -2px;
  }
}

p, .plain-text {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
}

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

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

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

@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: 11.2px;
    line-height: normal;
  }
}

@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: 12.6px;
    line-height: normal;
  }
}

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

body {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
  margin-bottom: 0;
}

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

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

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

@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: 11.2px;
    line-height: normal;
  }
}

@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: 12.6px;
    line-height: normal;
  }
}

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

.small_body {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 12px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
}

@media only screen and (min-width: 768px) {
  .small_body {
    font-size: 12px;
    line-height: 21px;
  }
}

@media only screen and (min-width: 1200px) {
  .small_body {
    font-size: 12px;
    line-height: 21px;
  }
}

@media only screen and (min-width: 1600px) {
  .small_body {
    font-size: 12px;
  }
}

@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) {
  .small_body {
    font-size: 12px;
    line-height: normal;
  }
}

@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) {
  .small_body {
    font-size: 10.8px;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .small_body {
    font-size: 10.8px;
    line-height: normal;
  }
}

blockquote {
  font-style: italic;
}

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

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

ol, ul, li {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
}

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

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

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

@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: 11.2px;
    line-height: normal;
  }
}

@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: 12.6px;
    line-height: normal;
  }
}

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

p, .plain-text {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
}

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

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

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

@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: 11.2px;
    line-height: normal;
  }
}

@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: 12.6px;
    line-height: normal;
  }
}

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

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

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

ol li::marker {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 74px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  color: #171717;
}

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

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

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

@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: 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) {
  ol li::marker {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  ol li::marker {
    font-size: 2.5rem;
  }
}

@media only screen and (min-width: 768px) {
  ol li::marker {
    font-family: "Switzer-Variable", sans-serif;
    font-size: 52px;
    font-weight: 400;
    letter-spacing: -3px;
    line-height: 1.18;
    color: #0B292D;
    -webkit-font-smoothing: antialiased;
  }
}

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

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

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

@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: 31.2px;
  }
}

@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: 26px;
    letter-spacing: -2px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  ol li::marker {
    font-size: 26px;
    letter-spacing: -2px;
  }
}

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

input {
  font-weight: 600;
  border-radius: 50px;
  padding: 10px;
  border: none;
}

textarea {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  color: #4A4A4A;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
}

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

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

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

@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: 11.2px;
    line-height: normal;
  }
}

@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: 12.6px;
    line-height: normal;
  }
}

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

input[type=submit] {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
}

input[type=submit]:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

input[type=submit]:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

input[type=submit]:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  input[type=submit] {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

input[type=submit].back-mode:after {
  display: none;
}

input[type=submit].back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.caps {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

input, textarea {
  font-family: "Switzer-Variable", sans-serif;
  font-weight: 400;
}

footer {
  width: 100%;
}

footer .footer_trustpilot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 20px 0px;
  text-align: center;
}

footer .footer_trustpilot .trustpilot_logo {
  display: none;
}

footer .footer_top {
  background-color: #FFE549;
  padding: 20px;
  border-radius: 5px;
  display: grid;
  gap: 20px;
}

footer .footer_top .sample_wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 20px;
  border-bottom: solid 1px #0B292D;
}

footer .footer_top .sample_wrap .title_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

footer .footer_top .sample_wrap .title_wrap svg {
  width: 24px;
  height: 24px;
}

footer .footer_top .sample_wrap .title_wrap svg circle {
  fill: #0B292D;
}

footer .footer_top .sample_wrap .title_wrap svg path {
  stroke: #FFFFFF;
}

footer .footer_top .newsletter_wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

footer .footer_top .newsletter_wrap .content_wrap .email_sign_up {
  position: relative;
  width: 90%;
  margin: 20px 0px;
}

footer .footer_top .newsletter_wrap .content_wrap .email_sign_up input {
  width: 100%;
  padding: 10px 0px 10px 20px;
  font-weight: 600;
  color: #0B292D;
}

footer .footer_top .newsletter_wrap .content_wrap .email_sign_up svg {
  width: 24px;
  height: 24px;
  position: absolute;
  right: -14px;
  top: 7px;
}

footer .footer_top .newsletter_wrap .content_wrap .email_sign_up svg circle {
  fill: #0B292D;
}

footer .footer_top .newsletter_wrap .content_wrap .email_sign_up svg path {
  stroke: #FFFFFF;
}

footer .footer_main {
  display: grid;
  gap: 40px;
  padding: 20px 0px;
  padding-bottom: 55px;
}

footer .footer_main .logo_wrap a .logo {
  width: 60%;
  display: block;
}

footer .footer_main .nav_wrap {
  display: grid;
  gap: 14px;
}

footer .footer_main .nav_wrap .footer_nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
}

footer .footer_main .contact_socials_wrap {
  display: grid;
  gap: 14px;
}

footer .footer_main .contact_socials_wrap .logo_desktop {
  display: none;
}

footer .footer_main .contact_socials_wrap .socials_wrap {
  display: flex;
  gap: 10px;
}

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

footer .footer_main .contact_socials_wrap .contact_wrap {
  display: grid;
  gap: 14px;
}

footer .footer_main .accreditations_wrap, footer .footer_main .payment_wrap {
  display: grid;
  gap: 14px;
}

footer .footer_main .accreditations_wrap .icons_wrap, footer .footer_main .payment_wrap .icons_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 4px;
}

footer .footer_main .accreditations_wrap .icons_wrap img, footer .footer_main .payment_wrap .icons_wrap img {
  width: fit-content;
  max-height: 48px;
}

footer .footer_main .payment_wrap .icons_wrap {
  justify-content: start;
}

footer .footer_main .payment_wrap .icons_wrap img {
  max-width: 64px;
}

footer .footer_main .legal_wrap {
  display: grid;
  gap: 14px;
}

footer .footer_main .legal_wrap .links_wrap {
  display: flex;
  gap: 10px;
}

@media only screen and (min-width: 768px) {
  footer .footer_trustpilot {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  footer .footer_top {
    padding: 40px 40px;
    grid-template-columns: 1fr 1fr;
    gap: 0px;
  }
  footer .footer_top .sample_wrap {
    border-right: solid 1px #0B292D;
    padding-right: 80px;
    padding-bottom: 0px;
    border-bottom: none;
  }
  footer .footer_top .sample_wrap .title_wrap svg {
    width: 32px;
    height: 32px;
    transform: translateX(0px);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  footer .footer_top .sample_wrap:hover .title_wrap svg {
    width: 32px;
    height: 32px;
    transform: translateX(10px);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  footer .footer_top .newsletter_wrap {
    padding-left: 80px;
  }
  footer .footer_top .newsletter_wrap .content {
    width: 80%;
  }
  footer .footer_top .sample_wrap, footer .footer_top .newsletter_wrap {
    justify-content: start;
    gap: 10px;
  }
  footer .footer_top .sample_wrap .content_wrap, footer .footer_top .newsletter_wrap .content_wrap {
    display: grid;
  }
  footer .footer_main {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) {
  footer .footer_trustpilot .trustpilot_logo {
    display: block;
  }
  footer .footer_trustpilot .trustpilot_middle {
    display: flex;
    align-items: end;
    gap: 30px;
  }
  footer .footer_main {
    grid-template-columns: 1.2fr 1fr;
    align-items: end;
    gap: 30px;
    padding-top: 80px;
  }
  footer .footer_main .logo_wrap {
    display: none;
  }
  footer .footer_main .nav_wrap {
    grid-column: 2;
  }
  footer .footer_main .contact_socials_wrap {
    grid-row: 1;
    grid-column: 1;
  }
  footer .footer_main .contact_socials_wrap .logo_desktop {
    display: block;
    max-width: 200px;
  }
  footer .footer_main .accreditations_wrap {
    grid-column: 2;
  }
  footer .footer_main .accreditations_wrap .icons_wrap {
    flex-wrap: nowrap;
    gap: 34px;
    max-height: 54px;
    max-width: 140px;
  }
  footer .footer_main .payment_wrap {
    grid-row: 3;
    gap: 4px;
  }
  footer .footer_main .legal_wrap {
    display: flex;
    gap: 40px;
    grid-column: 2;
    grid-row: 3;
  }
  footer .footer_main .legal_wrap .links_wrap {
    gap: 40px;
  }
}

footer .ready_to_order_footer {
  position: fixed;
  display: block;
  background-color: #F14D07;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 999;
}

@media only screen and (min-width: 768px) {
  footer .ready_to_order_footer {
    display: none;
  }
}

footer .ready_to_order_footer .text_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  padding: 14px 0px;
}

footer .ready_to_order_footer .text_wrap h6, footer .ready_to_order_footer .text_wrap p {
  color: #FFFFFF;
}

footer .ready_to_order_footer .text_wrap .order_btn {
  display: flex;
  align-items: center;
  gap: 10px;
}

footer .ready_to_order_footer .text_wrap .order_btn svg {
  height: 20px;
  width: 20px;
}

footer .ready_to_order_footer .text_wrap .order_btn svg path {
  stroke: #F14D07;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #F6F4EC;
}

header .header_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #F6F4EC;
  height: 44px;
  position: relative;
  z-index: 999;
}

header .header_wrap .menu_icon_wrap {
  padding-top: 6px;
}

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

header .header_wrap .menu_icon_wrap.active {
  background-color: #4A4A4A;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

header .header_wrap .logo {
  max-width: 100px;
}

header .header_wrap .back_to_site {
  display: flex;
  align-items: center;
  gap: 6px;
}

header .header_wrap .back_to_site:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 8px;
  width: 11px;
  position: relative;
  transform: rotate(180deg);
}

header .header_wrap .main_nav {
  display: none;
}

header .header_wrap .ecomm_wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}

header .header_wrap .ecomm_wrap .order_button {
  display: none;
}

header.header_wc {
  background-color: #FFFFFF;
}

header.header_wc .header_wrap {
  background-color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
  header.header_wc .header_wrap {
    background-color: transparent;
  }
}

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

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

@media only screen and (min-width: 1200px) {
  header .header_wrap .logo {
    max-width: 253px;
  }
  header .header_wrap .logo a {
    max-width: 150px;
    display: block;
  }
  header .header_wrap .menu_icon_wrap {
    display: none;
  }
  header .header_wrap .main_nav {
    display: block;
  }
  header .header_wrap .ecomm_wrap {
    gap: 24px;
  }
  header .header_wrap .ecomm_wrap .order_button {
    display: inline-flex;
  }
}

.back_to_all_wrap_fixed {
  position: fixed;
  top: 210px;
  align-items: center;
  gap: 15px;
  z-index: 0;
  opacity: 0;
  display: none;
}

@media only screen and (min-width: 1200px) {
  .back_to_all_wrap_fixed {
    display: flex;
  }
}

.back_to_all_wrap_fixed img {
  max-width: 24px;
}

.back_to_all_wrap_fixed p {
  color: black;
  margin-top: 4px;
}

.back_to_all_wrap_fixed.hide {
  opacity: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.page_header.blog .title_box .title_wrap {
  max-width: 100%;
}

.page_header.blog .title_box .title_wrap h6.small_title {
  margin-bottom: 10px;
}

.image_container .featured_image_wrap {
  background-size: cover;
  max-height: 360px;
  height: 20vh;
  border-radius: 5px;
}

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

.simple_post {
  padding: 50px 0;
  z-index: -1;
}

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

.simple_post .post_content_wrap {
  width: 100%;
}

.simple_post .post_content_wrap p {
  font-size: 16px;
  font-weight: 300;
}

.other_posts {
  padding: 50px 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-bottom: 60px;
}

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

.other_posts .title_wrap .title_wrap {
  text-align: left;
}

.other_posts .title_wrap .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.other_posts .title_wrap .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .other_posts .title_wrap .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .other_posts .title_wrap .title_wrap .small_title {
    max-width: 80%;
  }
}

.other_posts .post_rows {
  display: block;
}

.other_posts .post_rows .post_row {
  display: block;
  border-top: solid 1px #A8A8A8;
}

.other_posts .post_rows .post_row .post_row_grid {
  display: grid;
  align-items: center;
  padding: 20px 0;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .other_posts .post_rows .post_row .post_row_grid {
    grid-template-columns: 1.2fr 0.2fr 1fr;
  }
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_rows .post_row .post_row_grid {
    grid-template-columns: 6fr 2fr 5fr;
  }
}

.other_posts .post_rows .post_row .post_row_grid .title_col h3 {
  font-weight: 300;
}

.other_posts .post_rows .post_row .post_row_grid .meta_col {
  display: flex;
  gap: 12px;
}

.other_posts .post_rows .post_row .post_row_grid .meta_col .jobs_meta_wrap {
  display: flex;
  gap: 40px;
}

.other_posts .post_rows .post_row .post_row_grid .meta_col .jobs_meta_wrap h6 {
  white-space: nowrap;
  border: none;
  padding: 0px;
}

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

.other_posts .post_rows .post_row .post_row_grid .images_wrap {
  display: none;
}

@media only screen and (min-width: 768px) {
  .other_posts .post_rows .post_row .post_row_grid .images_wrap {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .other_posts .post_rows .post_row .post_row_grid .images_wrap .image_wrap {
    opacity: 0;
  }
  .other_posts .post_rows .post_row .post_row_grid .images_wrap .image_wrap img {
    height: 80px;
    width: 120px;
  }
}

.other_posts .post_rows .post_row:hover {
  background-color: #4A4A4A;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(2) {
  transition-delay: 0.2s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(3) {
  transition-delay: 0.3s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(4) {
  transition-delay: 0.4s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(5) {
  transition-delay: 0.5s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(6) {
  transition-delay: 0.6s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(7) {
  transition-delay: 0.7s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(8) {
  transition-delay: 0.8s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(9) {
  transition-delay: 0.9s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(10) {
  transition-delay: 1s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(11) {
  transition-delay: 1.1s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(12) {
  transition-delay: 1.2s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(13) {
  transition-delay: 1.3s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(14) {
  transition-delay: 1.4s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(15) {
  transition-delay: 1.5s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(16) {
  transition-delay: 1.6s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(17) {
  transition-delay: 1.7s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(18) {
  transition-delay: 1.8s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(19) {
  transition-delay: 1.9s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(20) {
  transition-delay: 2s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(21) {
  transition-delay: 2.1s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(22) {
  transition-delay: 2.2s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(23) {
  transition-delay: 2.3s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap:nth-child(24) {
  transition-delay: 2.4s !important;
}

.other_posts .post_rows .post_row:hover .image_wrap {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.other_posts .post_rows .post_row:hover .image_wrap.visible {
  opacity: 1;
}

.other_posts .small_title {
  width: fit-content;
  margin: 0 auto;
}

.other_posts .post_grid {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
  display: grid;
  gap: 1.5625vw;
  padding: 1rem 0 4rem 0;
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid {
    width: calc(100vw - 3.125vw);
  }
}

.other_posts .post_grid .grid_cell {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
}

.other_posts .post_grid .grid_cell:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.other_posts .post_grid .grid_cell .slideshow {
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 5px;
}

.other_posts .post_grid .grid_cell .slideshow .portfolio_image_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.other_posts .post_grid .grid_cell .slideshow .portfolio_image_wrap img {
  object-fit: cover;
  border-radius: 5px;
}

.other_posts .post_grid .grid_cell .slideshow .portfolio_image_wrap.show {
  opacity: 1;
  visibility: visible;
}

.other_posts .post_grid .grid_cell .slideshow:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.other_posts .post_grid .grid_cell .image_wrapper {
  width: 100%;
  height: 14rem;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
}

.other_posts .post_grid .grid_cell .text_wrapper {
  position: relative;
  z-index: 1;
  padding: 10px;
  display: grid;
  gap: 16px;
}

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

.other_posts .post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 10px;
}

.other_posts .post_grid .grid_cell .arrow {
  z-index: 1;
  position: absolute;
  bottom: 90px;
  right: -40px;
  width: 300px;
  height: 100px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .other_posts .post_grid .grid_cell .arrow {
    display: block;
    height: 100px;
  }
}

.other_posts .post_grid .grid_cell {
  display: flex;
  flex-direction: column;
}

.other_posts .post_grid .grid_cell .text_wrapper {
  padding-top: 10px;
  display: flex;
  gap: 14px;
  height: 100%;
  flex-direction: column;
  justify-content: start;
}

.other_posts .post_grid .grid_cell .text_wrapper h3 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@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) {
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid .grid_cell .text_wrapper {
    justify-content: space-between;
  }
  .other_posts .post_grid .grid_cell .text_wrapper h3 {
    max-width: 80%;
  }
}

.other_posts .post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 20px;
}

.other_posts .post_grid .grid_cell .text_wrapper .meta_wrapper h6 {
  font-family: "Switzer-Variable", sans-serif;
  color: #A8A8A8;
  margin-bottom: 8px;
}

.other_posts .post_grid .grid_cell:hover .overlay_image_wrapper {
  opacity: 1;
  background-size: 150%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .other_posts .post_grid.two_columns {
    grid-template-columns: 1fr 1fr;
    gap: 1.5625vw;
  }
}

@media only screen and (min-width: 768px) {
  .other_posts .post_grid.three_columns {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5625vw;
  }
}

.other_posts .post_grid.four_columns {
  border-top: solid 1px #A8A8A8;
  padding-top: 3rem;
  padding-bottom: 60px;
}

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

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

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid.featured_wrapper .grid_cell .image_wrapper {
    height: 26rem;
  }
}

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

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

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid.four_columns .grid_cell {
    height: 400px;
  }
}

.other_posts .post_grid.four_columns .grid_cell .overlay_image_wrapper {
  height: 65%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background-size: 140%;
}

.other_posts .post_grid.four_columns .grid_cell .text_wrapper {
  display: flex;
  gap: 14px;
  flex-direction: column;
  justify-content: start;
  height: 25%;
}

.other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@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) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (min-width: 1200px) {
  .other_posts .post_grid.four_columns .grid_cell .text_wrapper {
    padding: 0;
    justify-content: space-between;
    height: 30%;
  }
}

.other_posts .post_grid.four_columns .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 20px;
}

.other_posts .post_grid.four_columns .grid_cell:hover .overlay_image_wrapper {
  opacity: 1;
  background-size: 150%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

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

.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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_project_page_header {
  background-size: cover;
  background-position: center;
  height: 80vh;
  opacity: 0;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 1200px) {
  .section_project_page_header {
    height: 100vh;
  }
}

.section_project_intro {
  padding: 50px 0;
}

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

.section_project_intro .project_title {
  padding: 40px 0;
}

@media only screen and (min-width: 1200px) {
  .section_project_intro .project_title {
    padding: 100px 0;
  }
}

.section_project_intro .project_intro_grid {
  height: auto;
  display: grid;
  gap: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_project_intro .project_intro_grid {
    grid-template-columns: 1fr 1fr;
    gap: 80px;
  }
}

.section_project_intro .project_intro_grid .project_summary {
  padding-bottom: 60px;
}

.section_project_intro .project_intro_grid .services_wrap .services_label {
  padding-bottom: 10px;
}

.section_project_intro .project_intro_grid .services_wrap .service_boxes {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}

@media only screen and (min-width: 1200px) {
  .section_project_intro .project_intro_grid .services_wrap .service_boxes {
    width: 70%;
    gap: calc($conpad * 2);
  }
}

.section_project_intro .project_intro_grid .services_wrap .service_boxes .glance_box {
  border-radius: 5px;
  border-radius: 10px;
  overflow: hidden;
  height: fit-content;
  padding: 8px;
  border: solid 1px #A8A8A8;
  justify-self: end;
  height: auto;
  width: auto;
  justify-self: auto;
}

@media only screen and (min-width: 1200px) {
  .section_project_intro .project_intro_grid .services_wrap .service_boxes .glance_box {
    padding: 12px;
  }
}

.section_project_intro .project_intro_grid .services_wrap .service_boxes .glance_box .glance_box_title_wrap {
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.section_project_intro .project_intro_grid .services_wrap .service_boxes .glance_box .glance_box_title_wrap img {
  border-radius: 5px;
  max-width: 40px;
}

.section_project_intro .project_intro_grid .services_wrap .service_boxes .glance_box li {
  font-size: 14px;
  line-height: 20px;
  list-style-type: '+  ';
}

@media only screen and (min-width: 1200px) {
  .section_project_intro .project_intro_grid .services_wrap .service_boxes .glance_box {
    min-width: 200px;
  }
}

.section_project_intro .project_intro_grid .brief_wrap {
  display: grid;
  gap: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_project_intro .project_intro_grid .brief_wrap {
    width: 78%;
  }
}

.other_posts .title_box .title_wrap {
  text-align: left;
}

.other_posts .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.other_posts .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .other_posts .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .other_posts .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.other_posts .link_box {
  text-align: center;
  margin-top: 30px;
}

.page_archive {
  padding: 50px 0;
}

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

.page_archive .posts_layout_wrapper.post_grid {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
  display: grid;
  gap: 1.5625vw;
  padding: 1rem 0 4rem 0;
}

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_grid {
    width: calc(100vw - 3.125vw);
  }
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .slideshow {
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 5px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .slideshow .portfolio_image_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .slideshow .portfolio_image_wrap img {
  object-fit: cover;
  border-radius: 5px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .slideshow .portfolio_image_wrap.show {
  opacity: 1;
  visibility: visible;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .slideshow:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .image_wrapper {
  width: 100%;
  height: 14rem;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
  position: relative;
  z-index: 1;
  padding: 10px;
  display: grid;
  gap: 16px;
}

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

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 10px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .arrow {
  z-index: 1;
  position: absolute;
  bottom: 90px;
  right: -40px;
  width: 300px;
  height: 100px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .arrow {
    display: block;
    height: 100px;
  }
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell {
  display: flex;
  flex-direction: column;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
  padding-top: 10px;
  display: flex;
  gap: 14px;
  height: 100%;
  flex-direction: column;
  justify-content: start;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@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) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
    justify-content: space-between;
  }
  .page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    max-width: 80%;
  }
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 20px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .meta_wrapper h6 {
  font-family: "Switzer-Variable", sans-serif;
  color: #A8A8A8;
  margin-bottom: 8px;
}

.page_archive .posts_layout_wrapper.post_grid .grid_cell:hover .overlay_image_wrapper {
  opacity: 1;
  background-size: 150%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

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

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

.page_archive .posts_layout_wrapper.post_grid.four_columns {
  border-top: solid 1px #A8A8A8;
  padding-top: 3rem;
  padding-bottom: 60px;
}

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

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

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_grid.featured_wrapper .grid_cell .image_wrapper {
    height: 26rem;
  }
}

.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: block;
  border-top: solid 1px #A8A8A8;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid {
  display: grid;
  align-items: center;
  padding: 20px 0;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid {
    grid-template-columns: 1.2fr 0.2fr 1fr;
  }
}

@media only screen and (min-width: 1200px) {
  .page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid {
    grid-template-columns: 6fr 2fr 5fr;
  }
}

.page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .title_col h3 {
  font-weight: 300;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .meta_col {
  display: flex;
  gap: 12px;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .meta_col .jobs_meta_wrap {
  display: flex;
  gap: 40px;
}

.page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .meta_col .jobs_meta_wrap h6 {
  white-space: nowrap;
  border: none;
  padding: 0px;
}

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

.page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .images_wrap {
  display: none;
}

@media only screen and (min-width: 768px) {
  .page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .images_wrap {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .images_wrap .image_wrap {
    opacity: 0;
  }
  .page_archive .posts_layout_wrapper.post_rows .post_row .post_row_grid .images_wrap .image_wrap img {
    height: 80px;
    width: 120px;
  }
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover {
  background-color: #4A4A4A;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(2) {
  transition-delay: 0.2s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(3) {
  transition-delay: 0.3s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(4) {
  transition-delay: 0.4s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(5) {
  transition-delay: 0.5s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(6) {
  transition-delay: 0.6s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(7) {
  transition-delay: 0.7s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(8) {
  transition-delay: 0.8s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(9) {
  transition-delay: 0.9s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(10) {
  transition-delay: 1s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(11) {
  transition-delay: 1.1s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(12) {
  transition-delay: 1.2s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(13) {
  transition-delay: 1.3s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(14) {
  transition-delay: 1.4s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(15) {
  transition-delay: 1.5s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(16) {
  transition-delay: 1.6s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(17) {
  transition-delay: 1.7s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(18) {
  transition-delay: 1.8s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(19) {
  transition-delay: 1.9s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(20) {
  transition-delay: 2s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(21) {
  transition-delay: 2.1s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(22) {
  transition-delay: 2.2s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(23) {
  transition-delay: 2.3s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap:nth-child(24) {
  transition-delay: 2.4s !important;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_archive .posts_layout_wrapper.post_rows .post_row:hover .image_wrap.visible {
  opacity: 1;
}

.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 .posts_layout_wrapper.post_grid {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
  display: grid;
  gap: 1.5625vw;
  padding: 1rem 0 4rem 0;
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_grid {
    width: calc(100vw - 3.125vw);
  }
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .slideshow {
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 5px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .slideshow .portfolio_image_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .slideshow .portfolio_image_wrap img {
  object-fit: cover;
  border-radius: 5px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .slideshow .portfolio_image_wrap.show {
  opacity: 1;
  visibility: visible;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .slideshow:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .image_wrapper {
  width: 100%;
  height: 14rem;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
  position: relative;
  z-index: 1;
  padding: 10px;
  display: grid;
  gap: 16px;
}

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

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 10px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .arrow {
  z-index: 1;
  position: absolute;
  bottom: 90px;
  right: -40px;
  width: 300px;
  height: 100px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .arrow {
    display: block;
    height: 100px;
  }
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell {
  display: flex;
  flex-direction: column;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
  padding-top: 10px;
  display: flex;
  gap: 14px;
  height: 100%;
  flex-direction: column;
  justify-content: start;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@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) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper {
    justify-content: space-between;
  }
  .page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper h3 {
    max-width: 80%;
  }
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 20px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell .text_wrapper .meta_wrapper h6 {
  font-family: "Switzer-Variable", sans-serif;
  color: #A8A8A8;
  margin-bottom: 8px;
}

.page_archive_filter .posts_layout_wrapper.post_grid .grid_cell:hover .overlay_image_wrapper {
  opacity: 1;
  background-size: 150%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

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

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

.page_archive_filter .posts_layout_wrapper.post_grid.four_columns {
  border-top: solid 1px #A8A8A8;
  padding-top: 3rem;
  padding-bottom: 60px;
}

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

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

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_grid.featured_wrapper .grid_cell .image_wrapper {
    height: 26rem;
  }
}

@media only screen and (min-width: 1200px) {
  .page_archive_filter .posts_layout_wrapper.post_grid {
    width: calc(100vw - 12.5vw);
  }
}

.frames_product_container {
  /* Frame preview / border CSS */
  /* side strips */
  /* top + bottom: use the horizontal SVG repeated across width, scale to thickness */
  /* for bottom we flip vertically so it reads correctly (if needed) */
  /* left + right vertical strips */
  /* left sits to the left, right to the right (outside the inner area) */
  /* caption */
}

.frames_product_container .frame_style_selector {
  margin-top: 10px;
}

.frames_product_container .frame_style_selector .frame_options {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.frames_product_container .frame_style_selector .frame_options .frame_option {
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  border: 2px solid transparent;
  border-radius: 8px;
  padding: 5px 8px 5px 6px;
  width: calc(33.333% - 15px);
  max-width: 50px;
  border: solid 1px transparent;
}

.frames_product_container .frame_style_selector .frame_options .frame_option.selected {
  border: solid 1px black;
  background-color: #FFE549;
}

.frames_product_container .frame_style_selector .frame_options .frame_option .frame_color {
  width: 100%;
  height: 40px;
  border-radius: 5px;
  margin: 0 auto 5px;
  border: 1px solid black;
}

.frames_product_container .frame_style_selector .frame_options .frame_option .frame_color[style*="background-color: #FFFFFF"] {
  border: 2px solid #ddd;
}

.frames_product_container .frame_style_selector .frame_options .frame_option .frame_name {
  font-size: 12px;
  display: block;
  text-align: center;
}

.frames_product_container .size_options .standard_sizes {
  display: flex;
  align-items: center;
  gap: 5px;
}

.frames_product_container .size_options .size_group .size_group_title {
  color: #A8A8A8;
  margin: 12px 0;
}

.frames_product_container .woocommerce-variation-add-to-cart {
  margin-top: 10px;
}

.frames_product_container .single_add_to_cart_button {
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 10px;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  margin: 10px 0;
  height: fit-content;
  color: #0B292D !important;
}

.frames_product_container .single_add_to_cart_button:after {
  content: '';
  background-image: url("../../wp-content/themes/designdough/assets/images/svg/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.frames_product_container .single_add_to_cart_button:hover {
  background-color: #FFE549;
}

.frames_product_container .single_add_to_cart_button:hover:after {
  transform: translateX(0.1rem);
  transition: all 0.5s;
}

.frames_product_container .single_add_to_cart_button:hover span {
  transform: translateX(56%);
  transition: all 0.5s;
}

@media (min-width: 800px) {
  .frames_product_container .single_add_to_cart_button {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.frames_product_container .variations {
  display: none !important;
  background: yellow;
  padding: 10px;
  margin: 10px 0;
}

.frames_product_container .frame_preview {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 15px;
  box-sizing: border-box;
}

.frames_product_container .rotate {
  margin: 0 auto;
  height: fit-content;
}

.frames_product_container .rotate img {
  width: 0.6rem;
}

.frames_product_container .rotate:after {
  display: none;
}

.frames_product_container .frame-border-wrapper {
  position: relative;
  display: inline-block;
  margin: 0 auto;
}

.frames_product_container .frame-inner {
  position: relative;
  background: #fff;
  width: 300px;
  height: 400px;
  box-sizing: content-box;
  z-index: 1;
  overflow: visible;
}

.frames_product_container .frame-inner.rotate {
  transform: rotate(90deg);
}

.frames_product_container .frame-side {
  position: absolute;
  background-repeat: repeat;
  background-position: top left;
  background-size: auto 100%;
  pointer-events: none;
  z-index: 2;
}

.frames_product_container .frame-side.top,
.frames_product_container .frame-side.bottom {
  left: 0;
  width: 100%;
  height: 36px;
  /* frame thickness — tweak as needed or set inline */
  background-size: 100% 100%;
  /* scale svg to the full strip area */
}

.frames_product_container .frame-side.bottom {
  bottom: -36px;
  /* push below the inner area */
  transform: rotate(180deg);
}

.frames_product_container .frame-side.left,
.frames_product_container .frame-side.right {
  top: 0;
  height: 100%;
  width: 36px;
  /* thickness */
  background-size: 100% 100%;
  /* scale horizontally to the full strip area */
}

.frames_product_container .frame-side.left {
  left: -36px;
}

.frames_product_container .frame-side.right {
  right: -36px;
  transform: rotate(180deg);
}

.frames_product_container .frame-border-wrapper p {
  text-align: center;
  margin-top: 10px;
  font-weight: bold;
}

@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 {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.col_slider .slide_box .image_text_area_bg .button:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.col_slider .slide_box .image_text_area_bg .button:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.col_slider .slide_box .image_text_area_bg .button:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .col_slider .slide_box .image_text_area_bg .button {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.col_slider .slide_box .image_text_area_bg .button.back-mode:after {
  display: none;
}

.col_slider .slide_box .image_text_area_bg .button.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.col_slider .slide_box .image_text_area_bg .button:after {
  filter: invert(1);
}

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

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

.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: #171717;
}

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

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

.section_accordion {
  padding-bottom: 50px;
  padding-top: 30px;
  padding-top: 20px;
  padding-bottom: 60px;
}

.section_accordion .container, .section_accordion .container_small {
  border-top: solid 1px #A8A8A8;
  padding-top: 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_accordion {
    padding-bottom: 100px;
    padding-top: 30px;
    margin-top: 36px;
  }
  .section_accordion .container, .section_accordion .container_small {
    margin-top: 30px;
  }
}

.section_accordion.bg_offwhite {
  background-color: #F6F4EC;
}

.section_accordion.bg_white {
  background-color: #FFFFFF;
}

.section_accordion .accord_container .title_box .title_wrap {
  text-align: left;
}

.section_accordion .accord_container .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_accordion .accord_container .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_accordion .accord_container .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_accordion .accord_container .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_accordion .accord_container .text_body {
  margin-bottom: 10px;
}

.section_accordion .accord_container.grid {
  display: grid;
  gap: 20px;
}

.section_accordion .accord_container.grid .accord_col {
  display: flex;
  gap: 8px;
  flex-direction: column;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap {
  background: #FFFFFF;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
  border: solid 1px #A8A8A8;
  border-radius: 5px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_head {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 16px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_head .accordion_down_arrow {
  max-width: 30px;
  transform: rotateZ(0deg);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

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

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .toggle_default {
  background-color: #F6F4EC;
  margin-bottom: 18px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .images_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .images_wrap img {
  object-fit: cover;
  max-height: 120px;
  border-radius: 5px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .images_wrap :first-child {
  grid-column: 1 / span 2;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .images_wrap :nth-child(2) {
  grid-column: 1;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .images_wrap :nth-child(3) {
  grid-column: 2;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .title {
  margin-top: 20px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .sub_weight_wrap {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .text_body {
  margin-top: 14px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .properties_box {
  margin-top: 20px;
  padding: 10px;
  background-color: #F6F4EC;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .properties_box .property_wrap {
  text-align: center;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .properties_box .property_wrap h6 {
  font-weight: 400;
  font-size: 12px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap .accord_body .properties_box .property_wrap p {
  width: min-content;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap.active {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap.active .accord_body {
  max-height: 2000px;
  padding-bottom: 40px;
  opacity: 1;
  padding: 16px 16px;
}

.section_accordion .accord_container.grid .accord_col .accord_wrap.active .accord_head .accordion_down_arrow {
  transform: rotateZ(90deg);
}

@media only screen and (min-width: 1200px) {
  .section_accordion .accord_container.two_cols {
    grid-template-columns: 1fr 1fr;
  }
  .section_accordion .accord_container .title_wrap {
    display: block;
  }
  .section_accordion .accord_container .accord_head {
    padding: 30px;
  }
  .section_accordion .accord_container .accord_head .accord_body.active {
    padding: 0px 30px 20px 30px;
  }
}

.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: #F6F4EC;
  padding: 30px;
  margin: 0%;
  text-align: center;
  border-radius: 50px;
}

@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 {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button.back-mode:after {
  display: none;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.banner .slick-slide .slide_box .container .image_text_area .image_text_area_bg a.button:after {
  filter: invert(1);
}

.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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

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

.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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

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

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

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

.section_big_text {
  padding: 50px 0;
}

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

.section_big_text.blur {
  filter: blur(30px);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_big_text .title_cont .title_wrap {
  text-align: center;
  width: 60%;
  padding-bottom: 20px;
}

.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: 50px;
}

.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;
}

.section_video {
  padding: 50px 0;
}

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

.section_video .title_box .title_wrap {
  text-align: left;
}

.section_video .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_video .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_video .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_video .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_video .video_wrapper {
  width: 100%;
  margin-left: 0%;
}

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

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

.section_video .video_wrapper .wrapper {
  position: relative;
}

@media only screen and (max-width: 768px) {
  .section_video .video_wrapper .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) {
  .section_video .video_wrapper.active .wrapper:after {
    background-image: url();
  }
}

.section_video .video_wrapper .video_buttons .button {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
}

.section_video .video_wrapper .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;
}

.section_video .video_wrapper .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;
}

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

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

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

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

.section_video .video_wrapper .video_text_area {
  position: relative;
  width: 100%;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg {
  width: calc(100% - 60px);
  backdrop-filter: blur(5px);
  background-color: #F6F4EC;
  padding: 30px;
  margin: 0%;
  text-align: center;
  border-radius: 50px;
}

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

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_video .video_wrapper .video_text_area .video_text_area_bg a.button {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button.back-mode:after {
  display: none;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.button:after {
  filter: invert(1);
}

.section_video .video_wrapper .video_text_area .video_text_area_bg h1, .section_video .video_wrapper .video_text_area .video_text_area_bg h2, .section_video .video_wrapper .video_text_area .video_text_area_bg h3, .section_video .video_wrapper .video_text_area .video_text_area_bg h4, .section_video .video_wrapper .video_text_area .video_text_area_bg h5, .section_video .video_wrapper .video_text_area .video_text_area_bg h6, .section_video .video_wrapper .video_text_area .video_text_area_bg p {
  color: #0B292D;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_video .video_wrapper .video_text_area .video_text_area_bg a {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.back-mode:after {
  display: none;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_video .video_wrapper .video_text_area .video_text_area_bg a:after {
  filter: invert(1);
}

.section_video .video_wrapper .video_text_area.clickplay .video_text_area_bg {
  margin: 0;
}

@media only screen and (min-width: 768px) {
  .section_video .video_wrapper .video_text_area {
    position: absolute;
    z-index: 200;
    top: 30%;
    width: 50%;
  }
  .section_video .video_wrapper .video_text_area.overleft {
    left: 0;
  }
  .section_video .video_wrapper .video_text_area.overright {
    right: 0;
  }
  .section_video .video_wrapper .video_text_area.overcenter {
    left: 25%;
  }
  .section_video .video_wrapper .video_text_area .video_text_area_bg {
    background-color: #FFFFFF;
    padding: 30px;
  }
  .section_video .video_wrapper .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) {
  .section_video .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) {
  .section_video .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) {
  .section_video .video-container.active .wrapper:after {
    background-image: url();
  }
}

.section_video .native_video {
  border-radius: 5px;
  width: 100vw;
  max-height: 80vh;
  object-fit: cover;
  object-position: center;
}

.section_video .bottom_bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.section_video .bottom_bar .flex_wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}

.section_video .bottom_bar .flex_wrap .slide_arrows {
  display: flex;
  gap: 20px;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .splide__arrow, .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  right: unset;
  background-color: unset;
  opacity: 1;
  padding: 0px;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .splide__arrow svg, .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow svg {
  height: 100%;
  width: 100%;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .splide__arrow svg circle, .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow svg circle {
  fill: #FFE549;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .splide__arrow svg path, .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow svg path {
  stroke: #0B292D;
  fill: transparent;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .splide__arrow.custom-arrow--prev, .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow.custom-arrow--prev {
  transform: rotate(180deg);
}

.section_video .bottom_bar .flex_wrap .slide_arrows .splide__arrow:hover, .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow:hover {
  opacity: 0.7;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow {
  width: 1.2rem;
  height: 1.2rem;
}

.section_video .bottom_bar .flex_wrap .slide_arrows .custom-arrow--prev {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .section_video .bottom_bar .flex_wrap .slide_arrows .slide_arrow {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.page_header {
  width: 100%;
  margin-top: 75px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_header.blur {
  filter: blur(14px);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.page_header.index {
  z-index: 0;
}

.page_header #breadcrumbs span {
  display: flex;
  gap: 8px;
}

.page_header.homepage .homepage_carousel .splide__arrows .splide__arrow {
  opacity: 1;
  background-color: #FFE549;
}

.page_header.homepage .homepage_carousel .splide__arrows .splide__arrow svg {
  fill: none;
}

.page_header.homepage .homepage_carousel .splide__arrows .splide__arrow:hover {
  opacity: 0.7;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide {
  width: calc(100%);
  background-position: 70%;
  height: 70vh;
  background-size: cover;
  padding: 60px 0px;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small {
  height: 100%;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 30px;
  height: 100%;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap {
  display: grid;
  gap: 30px;
  text-align: center;
  margin: 0px 30px;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap h1, .page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap p {
  color: #FFFFFF;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap .slide_link {
  justify-self: center;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide.video {
  padding: 0px;
  padding-bottom: 60px;
}

.page_header.homepage .homepage_carousel .splide__list .splide__slide.video video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 1200px) {
  .page_header.homepage .homepage_carousel .splide__list .splide__slide {
    height: 80vh;
    padding: 100px 0px;
  }
  .page_header.homepage .homepage_carousel .splide__list .splide__slide.video {
    padding: 0px;
  }
  .page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap {
    justify-content: center;
  }
  .page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap {
    gap: 40px;
    width: 50%;
    text-align: left;
    margin: unset;
  }
  .page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap .slide_link {
    justify-self: left;
  }
  .page_header.homepage .homepage_carousel .splide__list .splide__slide .container_small .slide_wrap .slide_text_wrap .small_body {
    width: 64%;
  }
}

.page_header .why_choose_banner {
  width: 100%;
}

.page_header .why_choose_banner .why_choose_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px 0px;
  gap: 20px;
}

.page_header .why_choose_banner .why_choose_container .item_wrap {
  display: block;
  text-align: center;
  width: 20%;
}

.page_header .why_choose_banner .why_choose_container .item_wrap svg {
  width: 24px;
  height: 24px;
}

@media only screen and (min-width: 1200px) {
  .page_header .why_choose_banner .why_choose_container {
    justify-content: center;
    padding: 20px 0px;
    border-bottom: solid 1px black;
    gap: 60px;
  }
  .page_header .why_choose_banner .why_choose_container .item_wrap {
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 16%;
    align-items: center;
  }
  .page_header .why_choose_banner .why_choose_container .item_wrap svg {
    margin-bottom: 6px;
    width: 32px;
    height: 32px;
  }
}

.page_header.top_level {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page_header.top_level .header_top_level .text_wrap {
  text-align: center;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.page_header.top_level .header_top_level .text_wrap .title_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.page_header.top_level .header_top_level .image_wrap .page_header_image {
  max-height: 34vh;
  object-fit: cover;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.page_header.top_level .header_top_level .why_choose_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.page_header.top_level .header_top_level .why_choose_container .item_wrap {
  padding: 0 10px;
}

.page_header.top_level .header_top_level .why_choose_container .item_wrap:nth-child(2) {
  border-right: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
  margin: 0px 5px;
}

.page_header.top_level .header_top_level .why_choose_container .item_wrap svg {
  stroke: #FFFFFF;
  height: 30px;
  width: auto;
}

@media only screen and (min-width: 1200px) {
  .page_header.top_level .header_top_level {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .page_header.top_level .header_top_level .text_wrap {
    grid-column: 1;
    grid-row: 1;
    align-items: start;
    text-align: left;
    justify-content: space-between;
  }
  .page_header.top_level .header_top_level .text_wrap .title_wrap {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: 88%;
    gap: 20px;
  }
  .page_header.top_level .header_top_level .text_wrap .title_wrap h1, .page_header.top_level .header_top_level .text_wrap .title_wrap .text_body {
    max-width: 75%;
  }
  .page_header.top_level .header_top_level .image_wrap {
    grid-column: 2;
    padding: 10px;
  }
  .page_header.top_level .header_top_level .image_wrap .page_header_image {
    min-height: 65vh;
    max-height: 75vh;
    border-radius: 10px;
  }
}

.page_header.second_level {
  padding-top: 30px;
  padding-bottom: 0px;
}

.page_header.second_level.no_image {
  padding-bottom: 30px;
}

.page_header.second_level .header_cols {
  display: grid;
  gap: 20px;
  justify-content: center;
  text-align: center;
  margin-bottom: 30px;
}

.page_header.second_level .header_cols .text_wrap {
  text-align: center;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.page_header.second_level .header_cols .text_wrap svg {
  height: 32px;
  width: fit-content;
}

.page_header.second_level .header_cols.align_center {
  align-items: center;
}

.page_header.second_level .header_image_wrap img {
  height: 34vh;
  object-fit: cover;
}

.page_header.second_level .why_choose_container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.page_header.second_level .why_choose_container .item_wrap {
  padding: 0 10px;
}

.page_header.second_level .why_choose_container .item_wrap:nth-child(2) {
  border-right: solid 1px #FFFFFF;
  border-left: solid 1px #FFFFFF;
  margin: 0px 5px;
}

.page_header.second_level .why_choose_container .item_wrap svg {
  stroke: #FFFFFF;
  height: 30px;
  width: auto;
}

.page_header.second_level .why_choose_container .intro_text {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .page_header.second_level {
    padding-top: 60px;
  }
  .page_header.second_level.no_image {
    padding-bottom: 20px;
  }
  .page_header.second_level #breadcrumbs {
    padding-left: 32px;
  }
  .page_header.second_level .header_cols {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 60px;
  }
  .page_header.second_level .header_cols .text_wrap {
    text-align: left;
    align-items: start;
    border-right: solid 1px #FFFFFF;
    padding-right: 60px;
  }
  .page_header.second_level .header_cols .text_wrap .intro_text {
    display: none;
  }
  .page_header.second_level .header_cols .why_choose_container {
    align-items: baseline;
    height: fit-content;
    row-gap: 30px;
  }
  .page_header.second_level .header_cols .why_choose_container .item_wrap {
    text-align: left;
  }
  .page_header.second_level .header_cols .why_choose_container .intro_text {
    display: block;
    grid-column: 1 / span 2;
    text-align: left;
    padding-left: 10px;
  }
  .page_header.second_level .header_image_wrap img {
    height: 70vh;
  }
}

.page_header.blog {
  padding: 30px 0;
  text-align: center;
}

.page_header.blog .title_box .title_wrap h1 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 34px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 2.3rem;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .page_header.blog .title_box .title_wrap h1 {
    font-size: 27.2px;
  }
}

@media only screen and (min-width: 1200px) {
  .page_header.blog .title_box .title_wrap h1 {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1600px) {
  .page_header.blog .title_box .title_wrap h1 {
    font-size: 34px;
  }
}

@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) {
  .page_header.blog .title_box .title_wrap h1 {
    font-size: 27.2px;
    letter-spacing: -2px;
  }
}

@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) {
  .page_header.blog .title_box .title_wrap h1 {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .page_header.blog .title_box .title_wrap h1 {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

.page_header.top_level .text_wrap h1, .page_header.top_level .text_wrap p, .page_header.second_level .text_wrap h1, .page_header.second_level .text_wrap p {
  color: #FFFFFF;
}

.page_header.top_level .text_wrap svg path, .page_header.top_level .text_wrap svg rect, .page_header.top_level .text_wrap svg circle, .page_header.top_level .text_wrap svg line, .page_header.second_level .text_wrap svg path, .page_header.second_level .text_wrap svg rect, .page_header.second_level .text_wrap svg circle, .page_header.second_level .text_wrap svg line {
  stroke: #FFFFFF;
}

.page_header.top_level #breadcrumbs span, .page_header.top_level #breadcrumbs a, .page_header.second_level #breadcrumbs span, .page_header.second_level #breadcrumbs a {
  color: #FFFFFF;
  border-color: #FFFFFF;
}

.page_header.top_level .why_choose_container p, .page_header.top_level .why_choose_container svg path, .page_header.top_level .why_choose_container svg rect, .page_header.top_level .why_choose_container svg circle, .page_header.top_level .why_choose_container svg line, .page_header.top_level .why_choose_container span, .page_header.second_level .why_choose_container p, .page_header.second_level .why_choose_container svg path, .page_header.second_level .why_choose_container svg rect, .page_header.second_level .why_choose_container svg circle, .page_header.second_level .why_choose_container svg line, .page_header.second_level .why_choose_container span {
  color: #FFFFFF;
  stroke: #FFFFFF;
  border-color: #FFFFFF;
}

.page_header.top_level.yellow, .page_header.second_level.yellow {
  background-color: #FFE549;
}

.page_header.top_level.yellow .btn_yellow, .page_header.second_level.yellow .btn_yellow {
  background-color: #FFFFFF;
}

.page_header.top_level.yellow .text_wrap h1, .page_header.second_level.yellow .text_wrap h1 {
  color: #0B292D;
}

.page_header.top_level.yellow .text_wrap svg path, .page_header.top_level.yellow .text_wrap svg rect, .page_header.top_level.yellow .text_wrap svg circle, .page_header.top_level.yellow .text_wrap svg line, .page_header.second_level.yellow .text_wrap svg path, .page_header.second_level.yellow .text_wrap svg rect, .page_header.second_level.yellow .text_wrap svg circle, .page_header.second_level.yellow .text_wrap svg line {
  stroke: #0B292D;
}

.page_header.top_level.paleyellow, .page_header.second_level.paleyellow {
  background-color: #FEF7CC;
}

.page_header.top_level.paleyellow .text_wrap h1, .page_header.second_level.paleyellow .text_wrap h1 {
  color: #0B292D;
}

.page_header.top_level.paleyellow .text_wrap svg path, .page_header.top_level.paleyellow .text_wrap svg rect, .page_header.top_level.paleyellow .text_wrap svg circle, .page_header.top_level.paleyellow .text_wrap svg line, .page_header.second_level.paleyellow .text_wrap svg path, .page_header.second_level.paleyellow .text_wrap svg rect, .page_header.second_level.paleyellow .text_wrap svg circle, .page_header.second_level.paleyellow .text_wrap svg line {
  stroke: #0B292D;
}

.page_header.top_level.blue, .page_header.second_level.blue {
  background-color: #0095FE;
}

.page_header.top_level.lightblue, .page_header.second_level.lightblue {
  background-color: #E6F5FF;
}

.page_header.top_level.lightblue .text_wrap h1, .page_header.second_level.lightblue .text_wrap h1 {
  color: #0095FE;
}

.page_header.top_level.lightblue .text_wrap svg path, .page_header.top_level.lightblue .text_wrap svg rect, .page_header.top_level.lightblue .text_wrap svg circle, .page_header.top_level.lightblue .text_wrap svg line, .page_header.second_level.lightblue .text_wrap svg path, .page_header.second_level.lightblue .text_wrap svg rect, .page_header.second_level.lightblue .text_wrap svg circle, .page_header.second_level.lightblue .text_wrap svg line {
  stroke: #0095FE;
}

.page_header.top_level.orange, .page_header.second_level.orange {
  background-color: #F14D07;
}

.page_header.top_level.green, .page_header.second_level.green {
  background-color: #31715A;
}

.page_header.top_level.lightgreen, .page_header.second_level.lightgreen {
  background-color: #E3EEDB;
}

.page_header.top_level.lightgreen .text_wrap h1, .page_header.second_level.lightgreen .text_wrap h1 {
  color: #0B292D;
}

.page_header.top_level.lightgreen .text_wrap svg path, .page_header.top_level.lightgreen .text_wrap svg rect, .page_header.top_level.lightgreen .text_wrap svg circle, .page_header.top_level.lightgreen .text_wrap svg line, .page_header.second_level.lightgreen .text_wrap svg path, .page_header.second_level.lightgreen .text_wrap svg rect, .page_header.second_level.lightgreen .text_wrap svg circle, .page_header.second_level.lightgreen .text_wrap svg line {
  stroke: #0B292D;
}

.page_header.top_level.pink, .page_header.second_level.pink {
  background-color: #FEF5F2;
}

.page_header.top_level.pink .text_wrap h1, .page_header.second_level.pink .text_wrap h1 {
  color: #F14D07;
}

.page_header.top_level.pink .text_wrap svg path, .page_header.top_level.pink .text_wrap svg rect, .page_header.top_level.pink .text_wrap svg circle, .page_header.top_level.pink .text_wrap svg line, .page_header.second_level.pink .text_wrap svg path, .page_header.second_level.pink .text_wrap svg rect, .page_header.second_level.pink .text_wrap svg circle, .page_header.second_level.pink .text_wrap svg line {
  stroke: #F14D07;
}

.page_header.top_level.pink #breadcrumbs span, .page_header.top_level.pink #breadcrumbs a, .page_header.top_level.lightblue #breadcrumbs span, .page_header.top_level.lightblue #breadcrumbs a, .page_header.top_level.yellow #breadcrumbs span, .page_header.top_level.yellow #breadcrumbs a, .page_header.top_level.lightgreen #breadcrumbs span, .page_header.top_level.lightgreen #breadcrumbs a, .page_header.top_level.paleyellow #breadcrumbs span, .page_header.top_level.paleyellow #breadcrumbs a, .page_header.second_level.pink #breadcrumbs span, .page_header.second_level.pink #breadcrumbs a, .page_header.second_level.lightblue #breadcrumbs span, .page_header.second_level.lightblue #breadcrumbs a, .page_header.second_level.yellow #breadcrumbs span, .page_header.second_level.yellow #breadcrumbs a, .page_header.second_level.lightgreen #breadcrumbs span, .page_header.second_level.lightgreen #breadcrumbs a, .page_header.second_level.paleyellow #breadcrumbs span, .page_header.second_level.paleyellow #breadcrumbs a {
  color: #0B292D;
  border-color: #0B292D;
}

.page_header.top_level.pink .text_wrap, .page_header.top_level.lightblue .text_wrap, .page_header.top_level.yellow .text_wrap, .page_header.top_level.lightgreen .text_wrap, .page_header.top_level.paleyellow .text_wrap, .page_header.second_level.pink .text_wrap, .page_header.second_level.lightblue .text_wrap, .page_header.second_level.yellow .text_wrap, .page_header.second_level.lightgreen .text_wrap, .page_header.second_level.paleyellow .text_wrap {
  border-color: #0B292D;
}

.page_header.top_level.pink .text_wrap p, .page_header.top_level.lightblue .text_wrap p, .page_header.top_level.yellow .text_wrap p, .page_header.top_level.lightgreen .text_wrap p, .page_header.top_level.paleyellow .text_wrap p, .page_header.second_level.pink .text_wrap p, .page_header.second_level.lightblue .text_wrap p, .page_header.second_level.yellow .text_wrap p, .page_header.second_level.lightgreen .text_wrap p, .page_header.second_level.paleyellow .text_wrap p {
  color: #0B292D;
}

.page_header.top_level.pink .why_choose_container p, .page_header.top_level.pink .why_choose_container svg path, .page_header.top_level.pink .why_choose_container svg rect, .page_header.top_level.pink .why_choose_container svg circle, .page_header.top_level.pink .why_choose_container span, .page_header.top_level.lightblue .why_choose_container p, .page_header.top_level.lightblue .why_choose_container svg path, .page_header.top_level.lightblue .why_choose_container svg rect, .page_header.top_level.lightblue .why_choose_container svg circle, .page_header.top_level.lightblue .why_choose_container span, .page_header.top_level.yellow .why_choose_container p, .page_header.top_level.yellow .why_choose_container svg path, .page_header.top_level.yellow .why_choose_container svg rect, .page_header.top_level.yellow .why_choose_container svg circle, .page_header.top_level.yellow .why_choose_container span, .page_header.top_level.lightgreen .why_choose_container p, .page_header.top_level.lightgreen .why_choose_container svg path, .page_header.top_level.lightgreen .why_choose_container svg rect, .page_header.top_level.lightgreen .why_choose_container svg circle, .page_header.top_level.lightgreen .why_choose_container span, .page_header.top_level.paleyellow .why_choose_container p, .page_header.top_level.paleyellow .why_choose_container svg path, .page_header.top_level.paleyellow .why_choose_container svg rect, .page_header.top_level.paleyellow .why_choose_container svg circle, .page_header.top_level.paleyellow .why_choose_container span, .page_header.second_level.pink .why_choose_container p, .page_header.second_level.pink .why_choose_container svg path, .page_header.second_level.pink .why_choose_container svg rect, .page_header.second_level.pink .why_choose_container svg circle, .page_header.second_level.pink .why_choose_container span, .page_header.second_level.lightblue .why_choose_container p, .page_header.second_level.lightblue .why_choose_container svg path, .page_header.second_level.lightblue .why_choose_container svg rect, .page_header.second_level.lightblue .why_choose_container svg circle, .page_header.second_level.lightblue .why_choose_container span, .page_header.second_level.yellow .why_choose_container p, .page_header.second_level.yellow .why_choose_container svg path, .page_header.second_level.yellow .why_choose_container svg rect, .page_header.second_level.yellow .why_choose_container svg circle, .page_header.second_level.yellow .why_choose_container span, .page_header.second_level.lightgreen .why_choose_container p, .page_header.second_level.lightgreen .why_choose_container svg path, .page_header.second_level.lightgreen .why_choose_container svg rect, .page_header.second_level.lightgreen .why_choose_container svg circle, .page_header.second_level.lightgreen .why_choose_container span, .page_header.second_level.paleyellow .why_choose_container p, .page_header.second_level.paleyellow .why_choose_container svg path, .page_header.second_level.paleyellow .why_choose_container svg rect, .page_header.second_level.paleyellow .why_choose_container svg circle, .page_header.second_level.paleyellow .why_choose_container span {
  color: #0B292D;
  stroke: #0B292D;
  border-color: #0B292D;
}

.page_header.top_level.pink .why_choose_container .item_wrap, .page_header.top_level.lightblue .why_choose_container .item_wrap, .page_header.top_level.yellow .why_choose_container .item_wrap, .page_header.top_level.lightgreen .why_choose_container .item_wrap, .page_header.top_level.paleyellow .why_choose_container .item_wrap, .page_header.second_level.pink .why_choose_container .item_wrap, .page_header.second_level.lightblue .why_choose_container .item_wrap, .page_header.second_level.yellow .why_choose_container .item_wrap, .page_header.second_level.lightgreen .why_choose_container .item_wrap, .page_header.second_level.paleyellow .why_choose_container .item_wrap {
  border-color: #0B292D !important;
}

.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 {
  display: flex;
  gap: 20px;
}

.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: #0B292D;
}

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

.hero .slider .splide__arrow, .hero .slider .slide_arrow {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  right: unset;
  background-color: unset;
  opacity: 1;
  padding: 0px;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.hero .slider .splide__arrow svg, .hero .slider .slide_arrow svg {
  height: 100%;
  width: 100%;
}

.hero .slider .splide__arrow svg circle, .hero .slider .slide_arrow svg circle {
  fill: #FFE549;
}

.hero .slider .splide__arrow svg path, .hero .slider .slide_arrow svg path {
  stroke: #0B292D;
  fill: transparent;
}

.hero .slider .splide__arrow.custom-arrow--prev, .hero .slider .slide_arrow.custom-arrow--prev {
  transform: rotate(180deg);
}

.hero .slider .splide__arrow:hover, .hero .slider .slide_arrow:hover {
  opacity: 0.7;
}

.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 .title_bar {
  padding-bottom: 10px;
}

.section_text .title_box .title_wrap {
  text-align: left;
}

.section_text .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_text .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_text .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_text .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_text .title_box.no_padd {
  padding-bottom: 0px;
}

@media only screen and (min-width: 768px) {
  .section_text .title_box .cols_intro {
    max-width: 30%;
  }
}

.section_text .text_cols {
  display: grid;
}

.section_text .text_cols.bg_yellow {
  background-color: #FFE549;
  padding: 20px;
}

.section_text .text_cols.three_cols {
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.section_text .text_cols.three_cols .text_col_1 {
  grid-column: 1 / span 2;
  row-gap: 20px;
}

.section_text .text_cols .col_title {
  margin-bottom: 20px;
}

.section_text .btn {
  margin-top: 24px;
}

.section_text .stats_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}

.section_text .stats_wrap .stat_item {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  justify-content: unset;
  gap: 10px;
}

.section_text .stats_wrap .stat_item svg {
  height: 30px;
  align-self: center;
}

@media only screen and (min-width: 1200px) {
  .section_text .title_box .small_title {
    text-align: start;
  }
  .section_text .stats_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
    margin-top: 100px;
  }
  .section_text .stats_wrap .stat_item {
    text-align: left;
    padding-right: 20px;
    margin-right: 20px;
    border-right: solid 1px grey;
  }
  .section_text .stats_wrap .stat_item:last-child {
    padding-right: 0px;
    margin-right: 0px;
    border-right: solid 1px transparent;
  }
  .section_text .stats_wrap .stat_item svg {
    align-self: start;
  }
  .section_text .text_no_cols .no_col_body {
    max-width: 70%;
  }
  .section_text .text_cols.bg_yellow {
    padding: 30px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 768px) {
  .section_text .text_cols.three_cols {
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: space-between;
    gap: 40px;
    margin-top: 20px;
    border-radius: 5px;
  }
  .section_text .text_cols.three_cols .text_col_1 {
    grid-column: unset;
  }
}

.section_text_image {
  padding: 50px 0;
}

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

.section_text_image .cta_text_image.bg_blue,
.section_text_image .cta_bg_image.bg_blue {
  background-color: #E6F5FF;
}

.section_text_image .cta_text_image.bg_blue .text_wrap,
.section_text_image .cta_bg_image.bg_blue .text_wrap {
  background-color: #E6F5FF;
}

.section_text_image .cta_text_image.bg_blue .text_wrap h2, .section_text_image .cta_text_image.bg_blue .text_wrap h3, .section_text_image .cta_text_image.bg_blue .text_wrap h6,
.section_text_image .cta_bg_image.bg_blue .text_wrap h2,
.section_text_image .cta_bg_image.bg_blue .text_wrap h3,
.section_text_image .cta_bg_image.bg_blue .text_wrap h6 {
  color: #0095FE;
}

.section_text_image .cta_text_image.bg_blue .text_wrap svg path, .section_text_image .cta_text_image.bg_blue .text_wrap svg rect, .section_text_image .cta_text_image.bg_blue .text_wrap svg circle,
.section_text_image .cta_bg_image.bg_blue .text_wrap svg path,
.section_text_image .cta_bg_image.bg_blue .text_wrap svg rect,
.section_text_image .cta_bg_image.bg_blue .text_wrap svg circle {
  stroke: #0095FE;
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #0095FE;
  color: #FFFFFF;
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn:after,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn:hover:after,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn:hover span,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_text_image .cta_text_image.bg_blue .text_wrap .btn,
  .section_text_image .cta_bg_image.bg_blue .text_wrap .btn {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn.back-mode:after,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn.back-mode:after {
  display: none;
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn.back-mode:before,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_blue .text_wrap .btn:after,
.section_text_image .cta_bg_image.bg_blue .text_wrap .btn:after {
  filter: invert(1);
}

.section_text_image .cta_text_image.bg_orange,
.section_text_image .cta_bg_image.bg_orange {
  background-color: #FEF5F2;
}

.section_text_image .cta_text_image.bg_orange .text_wrap,
.section_text_image .cta_bg_image.bg_orange .text_wrap {
  background-color: #FEF5F2;
}

.section_text_image .cta_text_image.bg_orange .text_wrap h3, .section_text_image .cta_text_image.bg_orange .text_wrap h6,
.section_text_image .cta_bg_image.bg_orange .text_wrap h3,
.section_text_image .cta_bg_image.bg_orange .text_wrap h6 {
  color: #F14D07;
}

.section_text_image .cta_text_image.bg_orange .text_wrap svg path, .section_text_image .cta_text_image.bg_orange .text_wrap svg rect, .section_text_image .cta_text_image.bg_orange .text_wrap svg circle,
.section_text_image .cta_bg_image.bg_orange .text_wrap svg path,
.section_text_image .cta_bg_image.bg_orange .text_wrap svg rect,
.section_text_image .cta_bg_image.bg_orange .text_wrap svg circle {
  stroke: #F14D07;
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn:after,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn:hover:after,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn:hover span,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_text_image .cta_text_image.bg_orange .text_wrap .btn,
  .section_text_image .cta_bg_image.bg_orange .text_wrap .btn {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn.back-mode:after,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn.back-mode:after {
  display: none;
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn.back-mode:before,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_orange .text_wrap .btn:after,
.section_text_image .cta_bg_image.bg_orange .text_wrap .btn:after {
  filter: invert(1);
}

.section_text_image .cta_text_image.bg_green,
.section_text_image .cta_bg_image.bg_green {
  background-color: #E3EEDB;
}

.section_text_image .cta_text_image.bg_green .text_wrap,
.section_text_image .cta_bg_image.bg_green .text_wrap {
  background-color: #E3EEDB;
}

.section_text_image .cta_text_image.bg_green .text_wrap h3, .section_text_image .cta_text_image.bg_green .text_wrap h6,
.section_text_image .cta_bg_image.bg_green .text_wrap h3,
.section_text_image .cta_bg_image.bg_green .text_wrap h6 {
  color: #31715A;
}

.section_text_image .cta_text_image.bg_green .text_wrap svg path, .section_text_image .cta_text_image.bg_green .text_wrap svg rect, .section_text_image .cta_text_image.bg_green .text_wrap svg circle,
.section_text_image .cta_bg_image.bg_green .text_wrap svg path,
.section_text_image .cta_bg_image.bg_green .text_wrap svg rect,
.section_text_image .cta_bg_image.bg_green .text_wrap svg circle {
  stroke: #31715A;
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn:after,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn:hover:after,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn:hover span,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_text_image .cta_text_image.bg_green .text_wrap .btn,
  .section_text_image .cta_bg_image.bg_green .text_wrap .btn {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn.back-mode:after,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn.back-mode:after {
  display: none;
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn.back-mode:before,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image.bg_green .text_wrap .btn:after,
.section_text_image .cta_bg_image.bg_green .text_wrap .btn:after {
  filter: invert(1);
}

.section_text_image .cta_text_image.bg_pale_yellow,
.section_text_image .cta_bg_image.bg_pale_yellow {
  background-color: #FEF7CC;
}

.section_text_image .text_image_carousel_one .slide_arrows {
  display: none;
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows {
  display: flex;
  gap: 20px;
  display: flex;
  justify-content: end;
  margin-bottom: 30px;
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows .splide__arrow, .section_text_image .text_image_carousel_one.overflow .slide_arrows .slide_arrow {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  right: unset;
  background-color: unset;
  opacity: 1;
  padding: 0px;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows .splide__arrow svg, .section_text_image .text_image_carousel_one.overflow .slide_arrows .slide_arrow svg {
  height: 100%;
  width: 100%;
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows .splide__arrow svg circle, .section_text_image .text_image_carousel_one.overflow .slide_arrows .slide_arrow svg circle {
  fill: #FFE549;
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows .splide__arrow svg path, .section_text_image .text_image_carousel_one.overflow .slide_arrows .slide_arrow svg path {
  stroke: #0B292D;
  fill: transparent;
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows .splide__arrow.custom-arrow--prev, .section_text_image .text_image_carousel_one.overflow .slide_arrows .slide_arrow.custom-arrow--prev {
  transform: rotate(180deg);
}

.section_text_image .text_image_carousel_one.overflow .slide_arrows .splide__arrow:hover, .section_text_image .text_image_carousel_one.overflow .slide_arrows .slide_arrow:hover {
  opacity: 0.7;
}

.section_text_image .text_image_carousel_one.overflow .splide__slide {
  margin-right: 26px;
}

.section_text_image .cta_text_image {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
}

.section_text_image .cta_text_image .text_wrap {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding: 15px 1rem;
}

.section_text_image .cta_text_image .text_wrap .small_title {
  margin-bottom: 10px;
}

.section_text_image .cta_text_image .text_wrap .title_wrap {
  padding-bottom: 10px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.section_text_image .cta_text_image .text_wrap .title_wrap svg {
  width: 30px;
  height: 30px;
}

.section_text_image .cta_text_image .text_wrap .intro_text {
  margin-bottom: 0;
}

.section_text_image .cta_text_image .image_wrap {
  max-height: 30vh;
  padding: 0.5rem;
}

.section_text_image .cta_text_image .image_wrap img {
  border-radius: 6px;
  object-fit: cover;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .cta_text_image.reverse_content {
    grid-template-columns: 1fr 1.75fr;
  }
  .section_text_image .cta_text_image.reverse_content .image_wrap {
    grid-column: 2;
    grid-row: 1;
  }
}

.section_text_image .cta_bg_image {
  display: grid;
  gap: 0px;
  background-size: cover;
  height: 74vh;
}

.section_text_image .cta_bg_image .text_wrap {
  margin-top: 18%;
  padding: 2rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.section_text_image .cta_bg_image .text_wrap .text_wrap_inner h3 {
  margin-bottom: 20px;
}

.section_text_image .cta_text_image_grid {
  display: grid;
  grid-template-columns: 2fr 1.2fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.section_text_image .cta_text_image_grid .text_wrap {
  grid-column: 1 / span 2;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  border-radius: 5px;
  padding: 20px;
}

.section_text_image .cta_text_image_grid .text_wrap .title_box .title_wrap {
  text-align: left;
}

.section_text_image .cta_text_image_grid .text_wrap .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_text_image .cta_text_image_grid .text_wrap .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .cta_text_image_grid .text_wrap .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_text_image .cta_text_image_grid .text_wrap .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue {
  background-color: #0095FE;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn.back-mode:after {
  display: none;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue .text_wrap .btn.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_blue h2, .section_text_image .cta_text_image_grid .text_wrap.bg_blue h3, .section_text_image .cta_text_image_grid .text_wrap.bg_blue h4, .section_text_image .cta_text_image_grid .text_wrap.bg_blue h5, .section_text_image .cta_text_image_grid .text_wrap.bg_blue h6, .section_text_image .cta_text_image_grid .text_wrap.bg_blue p {
  color: #FFFFFF;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange {
  background-color: #F14D07;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #31715A;
  color: #FFFFFF;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn.back-mode:after {
  display: none;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_orange .text_wrap .btn:after {
  filter: invert(1);
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green {
  background-color: #31715A;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #31715A;
  color: #FFFFFF;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn.back-mode:after {
  display: none;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green .text_wrap .btn:after {
  filter: invert(1);
}

.section_text_image .cta_text_image_grid .text_wrap.bg_green h2, .section_text_image .cta_text_image_grid .text_wrap.bg_green h3, .section_text_image .cta_text_image_grid .text_wrap.bg_green h4, .section_text_image .cta_text_image_grid .text_wrap.bg_green h5, .section_text_image .cta_text_image_grid .text_wrap.bg_green h6, .section_text_image .cta_text_image_grid .text_wrap.bg_green p {
  color: #FFFFFF;
}

.section_text_image .cta_text_image_grid .image_1, .section_text_image .cta_text_image_grid .image_2 {
  border-radius: 5px;
  object-fit: cover;
  max-height: 32vh;
}

.section_text_image .text_image_carousel .slide_arrows {
  display: flex;
  gap: 20px;
  height: fit-content;
}

.section_text_image .text_image_carousel .slide_arrows .splide__arrow, .section_text_image .text_image_carousel .slide_arrows .slide_arrow {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  right: unset;
  background-color: unset;
  opacity: 1;
  padding: 0px;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.section_text_image .text_image_carousel .slide_arrows .splide__arrow svg, .section_text_image .text_image_carousel .slide_arrows .slide_arrow svg {
  height: 100%;
  width: 100%;
}

.section_text_image .text_image_carousel .slide_arrows .splide__arrow svg circle, .section_text_image .text_image_carousel .slide_arrows .slide_arrow svg circle {
  fill: #FFE549;
}

.section_text_image .text_image_carousel .slide_arrows .splide__arrow svg path, .section_text_image .text_image_carousel .slide_arrows .slide_arrow svg path {
  stroke: #0B292D;
  fill: transparent;
}

.section_text_image .text_image_carousel .slide_arrows .splide__arrow.custom-arrow--prev, .section_text_image .text_image_carousel .slide_arrows .slide_arrow.custom-arrow--prev {
  transform: rotate(180deg);
}

.section_text_image .text_image_carousel .slide_arrows .splide__arrow:hover, .section_text_image .text_image_carousel .slide_arrows .slide_arrow:hover {
  opacity: 0.7;
}

.section_text_image .text_image_carousel .carousel_text_image_grid {
  display: grid;
  gap: 20px;
}

.section_text_image .text_image_carousel .carousel_text_image_grid .title_box .title_wrap {
  text-align: left;
}

.section_text_image .text_image_carousel .carousel_text_image_grid .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_text_image .text_image_carousel .carousel_text_image_grid .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .text_image_carousel .carousel_text_image_grid .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_text_image .text_image_carousel .carousel_text_image_grid .image_wrap img {
  border-radius: 5px;
  height: 30vh;
  object-fit: cover;
}

.section_text_image .text_image_stacked {
  padding-top: 20px;
  padding-bottom: 60px;
  padding-top: 0px;
  background-color: #F14D07;
}

.section_text_image .text_image_stacked .container, .section_text_image .text_image_stacked .container_small {
  border-top: solid 1px #A8A8A8;
  padding-top: 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .text_image_stacked {
    padding-bottom: 100px;
    padding-top: 30px;
    margin-top: 36px;
  }
  .section_text_image .text_image_stacked .container, .section_text_image .text_image_stacked .container_small {
    margin-top: 30px;
  }
}

.section_text_image .text_image_stacked .container_small {
  border-color: #FFFFFF;
}

.section_text_image .text_image_stacked .image_wrap img {
  height: 26vh;
  object-fit: cover;
}

.section_text_image .text_image_stacked .text_wrap .title_box .title_wrap {
  text-align: left;
}

.section_text_image .text_image_stacked .text_wrap .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_text_image .text_image_stacked .text_wrap .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_text_image .text_image_stacked .text_wrap .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_text_image .text_image_stacked .text_wrap .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_text_image .text_image_stacked .text_wrap .title_box .title_wrap h3, .section_text_image .text_image_stacked .text_wrap .title_box .title_wrap h6, .section_text_image .text_image_stacked .text_wrap .title_box .title_wrap p {
  color: #FFFFFF;
}

.section_text_image .text_image_stacked .text_wrap .grid {
  display: grid;
  gap: 20px;
}

.section_text_image .text_image_stacked .text_wrap .grid h1, .section_text_image .text_image_stacked .text_wrap .grid h2, .section_text_image .text_image_stacked .text_wrap .grid h3, .section_text_image .text_image_stacked .text_wrap .grid h4, .section_text_image .text_image_stacked .text_wrap .grid h5, .section_text_image .text_image_stacked .text_wrap .grid h6, .section_text_image .text_image_stacked .text_wrap .grid p, .section_text_image .text_image_stacked .text_wrap .grid ul li, .section_text_image .text_image_stacked .text_wrap .grid a {
  color: #FFFFFF;
}

.section_text_image .text_image_stacked .text_wrap .grid .text_body_box {
  border: solid 1px #FFFFFF;
  border-radius: 5px;
  padding: 15px;
}

.section_text_image .text_image_stacked .text_wrap .grid .text_body_box h1, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box h2, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box h3, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box h4, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box h5, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box h6, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box p, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box ul li, .section_text_image .text_image_stacked .text_wrap .grid .text_body_box a {
  color: #FFFFFF;
}

.section_text_image .text_image_stacked.bg_orange {
  background-color: #F14D07;
}

.section_text_image .text_image_stacked.bg_blue {
  background-color: #0095FE;
}

.section_text_image .text_image_stacked.bg_green {
  background-color: #31715A;
}

.section_text_image .text_image_stacked.bg_yellow {
  background-color: #FFE549;
}

.section_text_image .text_image_stacked.bg_yellow .container_small {
  border-color: #171717;
}

.section_text_image .text_image_stacked.bg_yellow .title_box h1, .section_text_image .text_image_stacked.bg_yellow .title_box h2, .section_text_image .text_image_stacked.bg_yellow .title_box h3, .section_text_image .text_image_stacked.bg_yellow .title_box h4, .section_text_image .text_image_stacked.bg_yellow .title_box h5, .section_text_image .text_image_stacked.bg_yellow .title_box h6, .section_text_image .text_image_stacked.bg_yellow .title_box p, .section_text_image .text_image_stacked.bg_yellow .title_box li, .section_text_image .text_image_stacked.bg_yellow .title_box a, .section_text_image .text_image_stacked.bg_yellow .text_body_box h1, .section_text_image .text_image_stacked.bg_yellow .text_body_box h2, .section_text_image .text_image_stacked.bg_yellow .text_body_box h3, .section_text_image .text_image_stacked.bg_yellow .text_body_box h4, .section_text_image .text_image_stacked.bg_yellow .text_body_box h5, .section_text_image .text_image_stacked.bg_yellow .text_body_box h6, .section_text_image .text_image_stacked.bg_yellow .text_body_box p, .section_text_image .text_image_stacked.bg_yellow .text_body_box li, .section_text_image .text_image_stacked.bg_yellow .text_body_box a {
  color: #0B292D;
}

@media only screen and (min-width: 1200px) {
  .section_text_image #text_image_carousel_padd.overflow .splide__track {
    overflow: visible;
  }
  .section_text_image .cta_bg_image {
    gap: 40px;
    min-height: 45vh;
    height: 90vh;
    align-items: center;
  }
  .section_text_image .cta_bg_image .text_wrap {
    max-width: 42%;
    height: fit-content;
    gap: 60px;
    margin: 0 auto 0 8rem;
  }
  .section_text_image .cta_bg_image.reverse_content {
    grid-template-columns: none;
  }
  .section_text_image .cta_bg_image.reverse_content .text_wrap {
    margin: 0 8rem 0 auto;
    max-width: 42%;
    margin-right: 8rem;
  }
  .section_text_image .cta_text_image {
    gap: 40px;
    min-height: 45vh;
    display: grid;
    grid-template-columns: 1.75fr 1fr;
    padding: 1rem;
  }
  .section_text_image .cta_text_image .image_wrap {
    max-height: 83vh;
    padding: unset;
  }
  .section_text_image .cta_text_image .text_wrap {
    padding: 35px 2rem 25px 1rem;
    justify-content: start;
    gap: 10px;
  }
  .section_text_image .cta_text_image .text_wrap .title_wrap {
    display: grid;
    gap: 30px;
    align-items: unset;
  }
  .section_text_image .cta_text_image .text_wrap .title_wrap svg {
    width: 40px;
    height: 40px;
  }
  .section_text_image .cta_text_image a.btn {
    margin-top: 20px;
  }
  .section_text_image .cta_text_image.splide__slide {
    margin-right: 20px;
  }
  .section_text_image .cta_text_image_grid {
    grid-template-rows: 40vh 40vh;
    gap: 10px;
    row-gap: 0px;
  }
  .section_text_image .cta_text_image_grid .image_1 {
    max-height: unset;
    grid-row: 1 / span 2;
  }
  .section_text_image .cta_text_image_grid .image_2 {
    border-radius: 0;
    max-height: unset;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  .section_text_image .cta_text_image_grid .text_wrap {
    padding: 30px;
    border-radius: 0;
    grid-column: 2;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    justify-content: space-around;
  }
  .section_text_image .cta_text_image_grid .text_wrap .intro_text {
    max-width: 70%;
    margin-bottom: 20px;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid {
    grid-template-columns: 1fr 1fr;
    column-gap: 60px;
    margin-right: 1px;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid .image_wrap {
    grid-row: 1 / span 2;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid .image_wrap img {
    height: 60vh;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid .slide_arrows {
    margin-top: auto;
    margin-bottom: 30px;
    grid-column: 2;
    grid-row: 1;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid .text_wrap {
    grid-column: 2;
    grid-row: 2;
    height: fit-content;
    width: 80%;
  }
  .section_text_image .text_image_carousel .carousel_text_image_grid .text_wrap .small_title {
    height: auto;
  }
  .section_text_image .text_image_stacked {
    padding-top: 0px;
  }
  .section_text_image .text_image_stacked .text_wrap .grid {
    grid-template-columns: 1fr 1fr;
    gap: 60px;
  }
  .section_text_image .text_image_stacked .text_wrap .grid .text_body_box {
    padding: 35px;
  }
  .section_text_image .text_image_stacked .text_wrap .image_wrap img {
    height: 75vh;
  }
}

.section_images.transparent_plus_padding {
  background-color: transparent;
  padding-bottom: 120px;
}

@media only screen and (min-width: 1200px) {
  .section_images.transparent_plus_padding {
    padding-bottom: 200px;
  }
}

.section_images.pad_standard {
  padding: 50px 0;
}

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

.section_images.pad_large {
  padding: 80px 0;
}

@media only screen and (min-width: 1200px) {
  .section_images.pad_large {
    padding: 120px 0;
  }
}

.section_images.pad_small {
  padding-bottom: 1.5625vw;
}

.section_images.remove_top_padding {
  padding-top: 0px;
}

.section_images.bg_black {
  background-color: #171717;
}

.section_images.bg_white {
  background-color: #FFFFFF;
}

.section_images.bg_white .images_editorial_grid {
  padding: 50px;
}

@media only screen and (min-width: 1200px) {
  .section_images.bg_white .images_editorial_grid {
    padding: 180px;
  }
}

.section_images .images_editorial_grid {
  display: grid;
}

.section_images .images_editorial_grid img {
  object-fit: cover;
  border-radius: 5px;
}

.section_images .images_editorial_grid.remove_border_radius img {
  border-radius: 0px;
}

.section_images .images_editorial_grid.big_image {
  grid-template-columns: 1fr;
}

.section_images .images_editorial_grid.big_image .image {
  max-height: 80vh;
}

.section_images .images_editorial_grid.editorial {
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(5, 1fr);
  gap: 1.5625vw;
  max-height: 100vh;
}

.section_images .images_editorial_grid.editorial .row-1 {
  grid-column: 1 / span 6;
  grid-row: 1 / span 2;
}

@media only screen and (min-width: 1200px) {
  .section_images .images_editorial_grid.editorial .row-1 {
    grid-column: 2 / span 4;
    grid-row: 1 / span 2;
  }
}

.section_images .images_editorial_grid.editorial .row-2 {
  grid-column: 7 / span 6;
  grid-row: 2 / span 4;
}

@media only screen and (min-width: 1200px) {
  .section_images .images_editorial_grid.editorial .row-2 {
    grid-column: 8 / span 4;
    grid-row: 1 / span 3;
  }
}

.section_images .images_editorial_grid.editorial .row-3 {
  grid-column: 1 / span 6;
  grid-row: 4 / span 6;
}

@media only screen and (min-width: 1200px) {
  .section_images .images_editorial_grid.editorial .row-3 {
    grid-column: 3 / span 4;
    grid-row: 4 / span 2;
  }
}

.section_images .images_editorial_grid.two_images {
  grid-template-rows: repeat(2, 1fr);
}

.section_images .images_editorial_grid.two_images .row-2 {
  grid-column: 7 / span 5;
  grid-row: 1 / span 3;
}

.section_images .images_editorial_grid.two_images .row-1 {
  grid-column: 2 / span 3;
  grid-row: 1 / span 1;
}

.section_images .images_grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 1.5625vw;
}

.section_images .images_grid img {
  max-height: 88vh;
  object-fit: cover;
  border-radius: 5px;
}

.section_images .images_grid.remove_border_radius img {
  border-radius: 0px;
}

.section_images .images_grid video {
  height: 100%;
}

.section_images .wheels_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) {
  .section_images .wheels_grid {
    grid-template-columns: 0.5fr 1fr 1.4fr 1fr;
  }
}

@media only screen and (max-width: 768px) {
  .section_images .wheels_grid .wheel_wrap img {
    max-width: 150px;
  }
}

.section_images .splide .splide__track .splide__list {
  margin: 0 -10%;
}

.section_images .splide .splide__track .splide__list .splide__slide {
  position: relative;
}

.section_images .splide .splide__track .splide__list .splide__slide .slide_image {
  border-radius: 5px;
  object-fit: cover;
}

.section_images .splide .splide__track .splide__list .splide__slide .slide_image.og_dimensions {
  height: auto;
}

.section_images .splide .splide__track .splide__list .splide__slide .text_wrapper .client_logo {
  position: absolute;
  max-height: 100px;
  max-width: 200px;
  left: 20px;
  top: 20px;
}

.section_images .splide .splide__track .splide__list .splide__slide .text_wrapper .title {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: 200;
}

.section_text_and_grid {
  padding: 50px 0;
}

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

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

.section_text_and_grid.grey {
  background-color: #A8A8A8;
}

.section_text_and_grid .title_box .title_wrap {
  text-align: left;
}

.section_text_and_grid .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_text_and_grid .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_text_and_grid .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.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: 80px;
  }
}

.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;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_text_and_grid .grid .grid_cell a {
  position: relative;
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .section_text_and_grid .grid .grid_cell a {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_text_and_grid .grid .grid_cell a {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .section_text_and_grid .grid .grid_cell a {
    font-size: 22px;
  }
}

@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) {
  .section_text_and_grid .grid .grid_cell a {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .section_text_and_grid .grid .grid_cell a {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .section_text_and_grid .grid .grid_cell a {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .section_text_and_grid .grid .grid_cell a {
    margin: 0;
  }
  .section_text_and_grid .grid .grid_cell a img {
    height: 16px;
  }
}

.section_text_and_grid .grid .grid_cell a span {
  display: flex;
  align-items: start;
}

.section_text_and_grid .grid .grid_cell a span img {
  position: relative;
  top: 0px;
  left: 0px;
}

.section_text_and_grid .grid .grid_cell a:before {
  position: absolute;
  left: 0px;
  top: 0px;
}

.section_text_and_grid .grid .grid_cell a:after {
  display: none;
}

.section_text_and_grid .grid .grid_cell a:hover:before {
  transform: translateX(150%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell a:hover:after {
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell a:hover span {
  transform: translateX(58px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell a:hover span img {
  transform: translateX(155%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell p {
  text-align: left;
  font-weight: 600px;
}

.section_text_and_grid .grid .grid_cell:hover a:before {
  transform: translateX(0%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell:hover a:after {
  width: 100%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell:hover a span {
  transform: translateX(58px);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_text_and_grid .grid .grid_cell:hover a span img {
  transform: translateX(155%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@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;
}

@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;
}

@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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.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;
}

.section_text_and_grid .grid .grid_modal .modal_close:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  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;
  z-index: 2;
}

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

.section_posts_agg.header_window {
  margin-top: 600px;
  padding: 0;
}

.section_posts_agg.remove_top_padding {
  padding-top: 0;
}

.section_posts_agg .post_wrapper {
  opacity: 0;
  transform: translate(0, -10vh);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_posts_agg .post_wrapper.fade_top {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_posts_agg .title_box {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .title_box {
    width: calc(100vw - 3.125vw);
  }
}

.section_posts_agg .post_rows {
  display: block;
}

.section_posts_agg .post_rows .post_row {
  display: block;
  border-top: solid 1px #A8A8A8;
}

.section_posts_agg .post_rows .post_row .post_row_grid {
  display: grid;
  align-items: center;
  padding: 20px 0;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .section_posts_agg .post_rows .post_row .post_row_grid {
    grid-template-columns: 1.2fr 0.2fr 1fr;
  }
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .post_rows .post_row .post_row_grid {
    grid-template-columns: 6fr 2fr 5fr;
  }
}

.section_posts_agg .post_rows .post_row .post_row_grid .title_col h3 {
  font-weight: 300;
}

.section_posts_agg .post_rows .post_row .post_row_grid .meta_col {
  display: flex;
  gap: 12px;
}

.section_posts_agg .post_rows .post_row .post_row_grid .meta_col .jobs_meta_wrap {
  display: flex;
  gap: 40px;
}

.section_posts_agg .post_rows .post_row .post_row_grid .meta_col .jobs_meta_wrap h6 {
  white-space: nowrap;
  border: none;
  padding: 0px;
}

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

.section_posts_agg .post_rows .post_row .post_row_grid .images_wrap {
  display: none;
}

@media only screen and (min-width: 768px) {
  .section_posts_agg .post_rows .post_row .post_row_grid .images_wrap {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .section_posts_agg .post_rows .post_row .post_row_grid .images_wrap .image_wrap {
    opacity: 0;
  }
  .section_posts_agg .post_rows .post_row .post_row_grid .images_wrap .image_wrap img {
    height: 80px;
    width: 120px;
  }
}

.section_posts_agg .post_rows .post_row:hover {
  background-color: #4A4A4A;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(2) {
  transition-delay: 0.2s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(3) {
  transition-delay: 0.3s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(4) {
  transition-delay: 0.4s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(5) {
  transition-delay: 0.5s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(6) {
  transition-delay: 0.6s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(7) {
  transition-delay: 0.7s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(8) {
  transition-delay: 0.8s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(9) {
  transition-delay: 0.9s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(10) {
  transition-delay: 1s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(11) {
  transition-delay: 1.1s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(12) {
  transition-delay: 1.2s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(13) {
  transition-delay: 1.3s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(14) {
  transition-delay: 1.4s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(15) {
  transition-delay: 1.5s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(16) {
  transition-delay: 1.6s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(17) {
  transition-delay: 1.7s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(18) {
  transition-delay: 1.8s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(19) {
  transition-delay: 1.9s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(20) {
  transition-delay: 2s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(21) {
  transition-delay: 2.1s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(22) {
  transition-delay: 2.2s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(23) {
  transition-delay: 2.3s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap:nth-child(24) {
  transition-delay: 2.4s !important;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_posts_agg .post_rows .post_row:hover .image_wrap.visible {
  opacity: 1;
}

.section_posts_agg .post_grid {
  width: calc(100vw - 6.25vw);
  position: relative;
  margin: 0 auto;
  max-width: 2000px;
  display: grid;
  gap: 1.5625vw;
  padding: 1rem 0 4rem 0;
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .post_grid {
    width: calc(100vw - 3.125vw);
  }
}

.section_posts_agg .post_grid .grid_cell {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
}

.section_posts_agg .post_grid .grid_cell:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_posts_agg .post_grid .grid_cell .slideshow {
  position: relative;
  width: 100%;
  z-index: 1;
  border-radius: 5px;
}

.section_posts_agg .post_grid .grid_cell .slideshow .portfolio_image_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.section_posts_agg .post_grid .grid_cell .slideshow .portfolio_image_wrap img {
  object-fit: cover;
  border-radius: 5px;
}

.section_posts_agg .post_grid .grid_cell .slideshow .portfolio_image_wrap.show {
  opacity: 1;
  visibility: visible;
}

.section_posts_agg .post_grid .grid_cell .slideshow:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_posts_agg .post_grid .grid_cell .image_wrapper {
  width: 100%;
  height: 14rem;
  background-position: center;
  background-size: cover;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
}

.section_posts_agg .post_grid .grid_cell .text_wrapper {
  position: relative;
  z-index: 1;
  padding: 10px;
  display: grid;
  gap: 16px;
}

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

.section_posts_agg .post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 10px;
}

.section_posts_agg .post_grid .grid_cell .arrow {
  z-index: 1;
  position: absolute;
  bottom: 90px;
  right: -40px;
  width: 300px;
  height: 100px;
  display: none;
}

@media only screen and (min-width: 768px) {
  .section_posts_agg .post_grid .grid_cell .arrow {
    display: block;
    height: 100px;
  }
}

.section_posts_agg .post_grid .grid_cell {
  display: flex;
  flex-direction: column;
}

.section_posts_agg .post_grid .grid_cell .text_wrapper {
  padding-top: 10px;
  display: flex;
  gap: 14px;
  height: 100%;
  flex-direction: column;
  justify-content: start;
}

.section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    font-size: 22px;
  }
}

@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) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (min-width: 1200px) {
  .section_posts_agg .post_grid .grid_cell .text_wrapper {
    justify-content: space-between;
  }
  .section_posts_agg .post_grid .grid_cell .text_wrapper h3 {
    max-width: 80%;
  }
}

.section_posts_agg .post_grid .grid_cell .text_wrapper .meta_wrapper {
  display: flex;
  gap: 20px;
}

.section_posts_agg .post_grid .grid_cell .text_wrapper .meta_wrapper h6 {
  font-family: "Switzer-Variable", sans-serif;
  color: #A8A8A8;
  margin-bottom: 8px;
}

.section_posts_agg .post_grid .grid_cell:hover .overlay_image_wrapper {
  opacity: 1;
  background-size: 150%;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_posts_agg .post_grid.two_columns {
    grid-template-columns: 1fr 1fr;
    gap: 1.5625vw;
  }
}

@media only screen and (min-width: 768px) {
  .section_posts_agg .post_grid.three_columns {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5625vw;
  }
}

.section_posts_agg .post_grid.four_columns {
  border-top: solid 1px #A8A8A8;
  padding-top: 3rem;
  padding-bottom: 60px;
}

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

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

@media only screen and (min-width: 1200px) {
  .section_posts_agg .post_grid.featured_wrapper .grid_cell .image_wrapper {
    height: 26rem;
  }
}

.section_posts_agg .link_box {
  text-align: center;
  margin-top: 30px;
}

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

.section_posts_agg .post_slider .grid_cell {
  border-radius: 50px;
  background-color: #F6F4EC;
  border: solid 1px #0B292D;
}

.section_posts_agg .post_slider .grid_cell .image_wrapper {
  height: 200px;
}

.section_posts_agg .post_slider .grid_cell .text_wrapper {
  display: grid;
  gap: 20px;
  padding: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.section_stats {
  padding: 50px 0;
}

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

.section_stats .container {
  border-radius: 50px;
  border: solid 1px #0B292D;
}

.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 #0B292D;
  }
}

.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-prev.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: #0B292D;
  text-transform: uppercase;
  margin: 80px 0;
  border-right: solid 1px #0B292D;
}

@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 #0B292D;
}

.section_stats .stats_rows h2 {
  transform: translate3d(10px, 10px, 10px);
  font-style: italic;
  padding-top: 8px;
  padding-bottom: 22px;
}

@media only screen and (min-width: 1200px) {
  .section_stats .stats_rows h2 {
    font-size: 260px;
    padding-top: 26px;
  }
}

.section_wayfinder {
  padding: 50px 0;
}

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

.section_wayfinder .title_box .title_wrap {
  text-align: left;
}

.section_wayfinder .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_wayfinder .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_wayfinder .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_wayfinder .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_wayfinder.two_columns .title_box {
  display: flex;
  justify-content: center;
  text-align: center;
}

.section_wayfinder.two_columns .title_box .title_wrap {
  text-align: center;
  max-width: 70%;
}

.section_wayfinder.two_columns .title_box .title_wrap .small_title {
  margin: 0 auto;
  width: auto;
}

.section_wayfinder .wayfinder_grid {
  display: grid;
  gap: 10px;
}

.section_wayfinder .wayfinder_grid .signpost {
  background-size: cover;
  border-radius: 8px;
  display: flex;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_wayfinder .wayfinder_grid .signpost.bg_image {
  flex-direction: column-reverse;
  padding: 20px;
  min-height: 18vh;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour {
  flex-direction: column;
  justify-content: start;
  padding: 20px;
  height: auto;
  gap: 20px;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour svg {
  width: 34px;
  min-height: 34px;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour .btn {
  margin-top: auto;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour .cols {
  display: grid;
  gap: 20px;
}

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

.section_wayfinder .wayfinder_grid .signpost.bg_colour.blue {
  background-color: #E6F5FF;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour.blue svg path, .section_wayfinder .wayfinder_grid .signpost.bg_colour.blue svg circle, .section_wayfinder .wayfinder_grid .signpost.bg_colour.blue svg rect {
  stroke: #0095FE;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour.blue h3 {
  color: #0095FE;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour.orange {
  background-color: #FEF5F2;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour.orange svg path, .section_wayfinder .wayfinder_grid .signpost.bg_colour.orange svg circle, .section_wayfinder .wayfinder_grid .signpost.bg_colour.orange svg rect {
  stroke: #F14D07;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour.orange h3 {
  color: #F14D07;
}

.section_wayfinder .wayfinder_grid .signpost.bg_colour.yellow {
  background-color: #FEF7CC;
}

@media only screen and (min-width: 768px) {
  .section_wayfinder .wayfinder_grid {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .section_wayfinder .wayfinder_grid .signpost.bg_colour {
    padding: 38px;
    min-height: 30vh;
  }
  .section_wayfinder .wayfinder_grid .signpost.bg_image {
    min-height: 56vh;
    padding: 30px;
  }
}

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

.section_testimonials {
  overflow: hidden;
  padding: 80px 0;
}

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

.section_testimonials .title_wrap {
  text-align: center;
  margin-bottom: 60px;
}

.section_testimonials .splide .splide__arrows .splide__arrow {
  height: 50vh;
  width: 50%;
  border-radius: 0;
  background-color: transparent;
}

.section_testimonials .splide .splide__track {
  margin-right: -10%;
  margin-left: -10%;
}

.section_testimonials .splide .splide__track .splide__slide {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  border-radius: 5px;
  border: solid 1px #A8A8A8;
  padding: 16px;
}

.section_testimonials .splide .splide__track .splide__slide .slide_image_wrap {
  padding: 20px;
  position: relative;
  height: 100%;
}

.section_testimonials .splide .splide__track .splide__slide .slide_image_wrap img {
  object-fit: cover;
}

.section_testimonials .splide .splide__track .splide__slide .slide_box {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .location {
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .section_testimonials .splide .splide__track .splide__slide .slide_box .location {
    bottom: -50px;
    width: 100%;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) {
  .section_testimonials .splide .splide__track .splide__slide .slide_box .location {
    left: -80px;
    top: 15vh;
  }
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap {
  display: grid;
  height: inherit;
  color: #FFFFFF;
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap .logo {
  width: 140px;
  margin-bottom: 10px;
  height: 60px;
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap .quote {
  font-weight: 400;
  color: #FFFFFF;
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap .quoter_wrap {
  margin-top: 20px;
  align-self: self-end;
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap .quotation_marks {
  width: 80px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
  .section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap .quotation_marks {
    width: 120px;
  }
}

.section_testimonials .splide .splide__track .splide__slide .slide_box .quotation_bg_wrap a {
  z-index: 99 !important;
}

.section_testimonials .splide .splide__pagination {
  bottom: -2.5em;
}

.section_testimonials .splide .splide__pagination .splide__pagination__page.is-active {
  background: #4A4A4A;
}

.section_testimonials .quotation_grid {
  border-radius: 50px;
}

.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: "Switzer-Variable", 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;
}

#custom-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
}

#right-arrow, #left-arrow {
  position: absolute;
  width: 30px;
  /* Adjust the width and height as needed */
  height: 30px;
}

.section_sticky_cards .stag_trig {
  position: -webkit-sticky;
  position: sticky;
  top: 110px;
  padding-bottom: 20px;
  margin-bottom: -20px;
  padding-top: 10px;
  border-radius: 50px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #0B292D;
  border-color: #0B292D;
}

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

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

.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 #0B292D;
}

@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 {
  display: flex;
  gap: 20px;
}

.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: #0B292D;
}

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

.section_sticky_cards .stag_trig .slider .splide__arrow, .section_sticky_cards .stag_trig .slider .slide_arrow {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  right: unset;
  background-color: unset;
  opacity: 1;
  padding: 0px;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.section_sticky_cards .stag_trig .slider .splide__arrow svg, .section_sticky_cards .stag_trig .slider .slide_arrow svg {
  height: 100%;
  width: 100%;
}

.section_sticky_cards .stag_trig .slider .splide__arrow svg circle, .section_sticky_cards .stag_trig .slider .slide_arrow svg circle {
  fill: #FFE549;
}

.section_sticky_cards .stag_trig .slider .splide__arrow svg path, .section_sticky_cards .stag_trig .slider .slide_arrow svg path {
  stroke: #0B292D;
  fill: transparent;
}

.section_sticky_cards .stag_trig .slider .splide__arrow.custom-arrow--prev, .section_sticky_cards .stag_trig .slider .slide_arrow.custom-arrow--prev {
  transform: rotate(180deg);
}

.section_sticky_cards .stag_trig .slider .splide__arrow:hover, .section_sticky_cards .stag_trig .slider .slide_arrow:hover {
  opacity: 0.7;
}

.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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

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

@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 #0B292D;
}

.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: #0B292D;
}

.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-prev-black.svg");
}

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

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

.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: #0B292D;
}

.section_team {
  overflow: hidden;
  padding-bottom: 80px;
  padding-bottom: 120px;
}

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

.section_team .container .splide {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_team .container .splide .splide__track .splide__list .splide__slide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  border-radius: 5px;
}

@media only screen and (min-width: 1200px) {
  .section_team .container .splide .splide__track .splide__list .splide__slide {
    align-items: flex-start;
  }
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_image {
  border-radius: 5px;
  width: 100%;
  background-size: cover;
  height: 280px;
  position: relative;
  margin: auto 10px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (min-width: 768px) {
  .section_team .container .splide .splide__track .splide__list .splide__slide .member_image {
    height: 380px;
  }
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_image .team_member_overlay {
  background-color: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_image .team_member_overlay:hover {
  opacity: 0.6;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_image .team_member_overlay .bio {
  color: black;
  position: relative;
  top: 50%;
  left: 36%;
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_profile_wrap {
  position: absolute;
  bottom: 20px;
  right: 20px;
  text-align: right;
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_socials_wrap img {
  width: 12px;
  height: 12px;
}

.section_team .container .splide .splide__track .splide__list .splide__slide .member_socials_wrap .email_icon {
  margin-top: 5px;
}

.section_team .container .team_member_modal {
  visibility: hidden;
  opacity: 0;
  z-index: -2;
  background-color: #F6F4EC;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50px;
  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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_team .container .team_member_modal p {
  font-family: "Switzer-Variable", 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: 50px;
}

@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: "Switzer-Variable", 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;
}

@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.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  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 div {
  padding: 0 20px;
}

.section_info_cards {
  padding: 80px 0;
}

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

.section_info_cards .container .info_cards_container {
  position: relative;
}

.section_info_cards .container .info_cards_container .title_wrap {
  display: flex;
  text-align: center;
  gap: 30px;
  width: 100%;
  flex-direction: column;
  align-items: center;
  position: sticky;
  top: 30vh;
}

@media only screen and (min-width: 768px) {
  .section_info_cards .container .info_cards_container .title_wrap {
    width: 50%;
    margin: 0 auto;
  }
}

.section_info_cards .container .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_container .info_cards_grid.two_cols {
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (min-width: 768px) {
  .section_info_cards .container .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_container .info_cards_grid.three_cols {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.section_info_cards .container .info_cards_container .info_cards_grid.staggered {
  display: grid;
  gap: 20px;
  grid-template-columns: auto;
  padding-bottom: 440px;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .section_info_cards .container .info_cards_container .info_cards_grid.staggered {
    grid-template-columns: repeat(12, 8vw);
  }
}

@media only screen and (min-width: 1200px) {
  .section_info_cards .container .info_cards_container .info_cards_grid.staggered {
    padding-bottom: 700px;
  }
}

.section_info_cards .container .info_cards_container .info_cards_grid .card {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 5px;
  box-shadow: 0 0 5px #676363;
  padding: 30px;
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(6px);
  transform: translate3d(0, 0, 0);
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 4;
}

@media only screen and (min-width: 768px) {
  .section_info_cards .container .info_cards_container .info_cards_grid .card {
    width: 320px;
  }
}

.section_info_cards .container .info_cards_container .info_cards_grid .card .card_title_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card .card_title_wrap .card_title {
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 4px;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card .card_title_wrap img {
  max-width: 40px;
  max-height: 40px;
}

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

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(1) {
  grid-row: 3;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(2) {
  grid-row: 5;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(3) {
  grid-row: 7;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(4) {
  grid-row: 9;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(5) {
  grid-row: 11;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(6) {
  grid-row: 13;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(7) {
  grid-row: 15;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(8) {
  grid-row: 17;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(9) {
  grid-row: 19;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(10) {
  grid-row: 21;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(11) {
  grid-row: 23;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(12) {
  grid-row: 25;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(4n + 1) {
  grid-column: 2 / span 3;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(4n + 2) {
  grid-column: 8 / span 3;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(4n + 3) {
  grid-column: 3 / span 3;
}

.section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(4n + 4) {
  grid-column: 6 / span 3;
}

@media only screen and (max-width: 768px) {
  .section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(even), .section_info_cards .container .info_cards_container .info_cards_grid .card:nth-child(odd) {
    grid-column: 1 / span 2;
  }
}

.section_form {
  padding-top: 20px;
  padding-bottom: 60px;
  margin-top: 0px !important;
}

.section_form .container, .section_form .container_small {
  border-top: solid 1px #A8A8A8;
  padding-top: 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_form {
    padding-bottom: 100px;
    padding-top: 30px;
    margin-top: 36px;
  }
  .section_form .container, .section_form .container_small {
    margin-top: 30px;
  }
}

.section_form .form_grid {
  display: grid;
  gap: 20px;
}

.section_form .form_grid .title_box .title_wrap {
  text-align: left;
}

.section_form .form_grid .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_form .form_grid .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_form .form_grid .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_form .form_grid .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_form .form_grid .form_container .wpcf7-form span {
  margin: 8px 0;
}

.section_form .form_grid .form_container .wpcf7-form input[type="text"], .section_form .form_grid .form_container .wpcf7-form input[type="tel"], .section_form .form_grid .form_container .wpcf7-form input[type="url"], .section_form .form_grid .form_container .wpcf7-form input[type="email"], .section_form .form_grid .form_container .wpcf7-form textarea {
  border: none;
  display: block;
  background-color: #FFFFFF;
  border: #A8A8A8;
  width: -webkit-fill-available;
  padding: 10px 2.5%;
  margin: 8px 0 16px 0;
  color: #0B292D;
  border-radius: 20px;
}

.section_form .form_grid .form_container .wpcf7-form .checkbox label {
  display: flex;
  align-items: baseline;
  max-width: 80%;
}

.section_form .form_grid .form_container .wpcf7-form .checkbox label input[type="checkbox"] {
  width: 14px;
  height: 14px;
  top: 2px;
  margin-right: 6px;
  position: relative;
}

.section_form .form_grid .form_container .wpcf7-form input[type="submit"] {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
}

.section_form .form_grid .form_container .wpcf7-form input[type="submit"]:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_form .form_grid .form_container .wpcf7-form input[type="submit"]:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_form .form_grid .form_container .wpcf7-form input[type="submit"]:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .section_form .form_grid .form_container .wpcf7-form input[type="submit"] {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.section_form .form_grid .form_container .wpcf7-form input[type="submit"].back-mode:after {
  display: none;
}

.section_form .form_grid .form_container .wpcf7-form input[type="submit"].back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.section_form.bg_offwhite {
  background-color: #F6F4EC;
}

.section_form.bg_orange {
  background-color: #F14D07;
}

.section_form.bg_orange .container_small {
  border-top: solid 1px #FFFFFF;
}

.section_form.bg_orange .title_wrap h3, .section_form.bg_orange .title_wrap h6, .section_form.bg_orange .title_wrap p {
  color: #FFFFFF;
}

.section_form.bg_orange .wpcf7-form span, .section_form.bg_orange .wpcf7-form p, .section_form.bg_orange .wpcf7-form label, .section_form.bg_orange .wpcf7-form h6 {
  color: #FFFFFF;
}

@media only screen and (min-width: 1200px) {
  .section_form .form_grid {
    grid-template-columns: 1fr 1fr;
  }
  .section_form .form_grid form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 28px;
  }
}

.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: 10px;
  border-top-right-radius: 10px;
  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 .timeline_title_wrap {
  padding-bottom: 20px;
}

.section_timeline_journey .timeline_container .timeline_step_wrap {
  margin-left: 0px;
  z-index: -1;
  opacity: 0;
}

.section_timeline_journey .timeline_container .timeline_step_wrap .text_wrap {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_timeline_journey .timeline_container .timeline_step_wrap.z_index {
  z-index: 1;
}

.section_timeline_journey .timeline_container .timeline_step_wrap.visible {
  opacity: 1;
  z-index: 1;
}

.section_timeline_journey .timeline_container .timeline_step_wrap.visible .text_wrap {
  opacity: 1;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_timeline_journey .thumbnails_container {
  position: sticky;
  top: 0%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: end;
  gap: 10px;
  z-index: 10;
  height: 80vh;
  background: #F6F4EC;
  top: 80px;
  padding-top: 40px;
}

.section_timeline_journey .thumbnail {
  border: none;
  cursor: pointer;
  background: transparent;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_timeline_journey .thumbnail h6 {
  text-align: end;
  line-height: normal;
  font-size: 12px;
  color: #ccc;
}

.section_timeline_journey .thumbnail.active h6 {
  color: #000;
}

.scroll {
  position: relative;
  top: 0;
}

.scroll__view {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  top: 0;
}

.scroll__overlays,
.scroll__hero {
  flex: 1 0 50%;
  list-style-type: none;
}

@media screen and (max-width: 768px) {
  .scroll__overlays,
  .scroll__hero {
    flex: 1 0 100%;
  }
}

.scroll__overlays {
  position: relative;
  z-index: 3;
  background: #F6F4EC;
}

.scroll__content {
  list-style-type: none;
  background: #F6F4EC;
  overflow: hidden;
  width: 100%;
  height: 86vh;
  top: 80px;
  position: relative;
}

@media screen and (min-width: 768px) {
  .scroll__content {
    position: sticky;
  }
}

.scroll__content .scroll__text {
  background: #F6F4EC;
  word-break: break-word;
}

.scroll__hero {
  position: sticky;
  z-index: -1;
}

.scroll__sectionwrapper {
  position: relative;
}

@media only screen and (min-width: 1200px) {
  .timeline_title_wrap {
    padding-bottom: 40px;
  }
  .timeline_container {
    position: relative;
    display: grid;
    gap: 30px;
    grid-template-columns: 6fr 1fr;
    background: #F6F4EC;
    padding: 0 2%;
  }
  .timeline_container .timeline_step_wrap .slide_container {
    height: calc(100% - 80px);
    padding: 40px 0;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text {
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 24px;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap .image_wrap {
    overflow: hidden;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap img {
    object-fit: cover;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap img:hover {
    cursor: pointer;
    transform: scale(1.6);
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap :first-child {
    grid-column: 1 / span 2;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap :nth-child(2) {
    grid-column: 1;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .images_wrap :nth-child(3) {
    grid-column: 2;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .text_wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .text_wrap .middle h3 {
    margin-bottom: 20px;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .text_wrap .properties_box {
    padding: 20px;
    border-radius: 5px;
    background-color: #FFFFFF;
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr;
    gap: 20px;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .text_wrap .properties_box .property_wrap {
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: baseline;
  }
  .timeline_container .timeline_step_wrap .slide_container .scroll__text .text_wrap .properties_box .property_wrap svg {
    height: 20px;
    width: auto;
  }
}

.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: #F6F4EC;
  border-bottom: solid 0.5px #F6F4EC;
  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: #F6F4EC;
}

@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: #F6F4EC;
}

.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: #F6F4EC;
  color: #F6F4EC;
}

.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;
}

.section_contact_card {
  height: 100vh;
  padding: calc($conpad * 2) 0;
}

.section_contact_card.add_header {
  padding: 80px 0;
}

@media only screen and (min-width: 1200px) {
  .section_contact_card.add_header {
    padding: 120px 0;
  }
}

.section_contact_card.add_header .title_box {
  padding-bottom: 50px;
}

.section_contact_card.add_header .title_box .title_wrap {
  text-align: left;
}

.section_contact_card.add_header .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_contact_card.add_header .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_contact_card.add_header .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_contact_card.add_header .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_contact_card .contact_card_grid {
  display: grid;
}

.section_contact_card .contact_card_grid a {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 22px;
  line-height: 26px;
  font-weight: 400;
  letter-spacing: -0.9px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  text-transform: none;
  margin-top: 0px;
}

@media only screen and (min-width: 768px) {
  .section_contact_card .contact_card_grid a {
    font-size: 16.5px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_contact_card .contact_card_grid a {
    font-size: 22px;
  }
}

@media only screen and (min-width: 1600px) {
  .section_contact_card .contact_card_grid a {
    font-size: 22px;
  }
}

@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) {
  .section_contact_card .contact_card_grid a {
    font-size: 17.6px;
    letter-spacing: normal;
  }
}

@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) {
  .section_contact_card .contact_card_grid a {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

@media only screen and (max-width: 768px) {
  .section_contact_card .contact_card_grid a {
    font-size: 16px;
    letter-spacing: normal;
    line-height: normal;
  }
}

.section_contact_card .contact_card_grid a:before {
  width: 34px;
  top: 19px;
}

.section_contact_card .contact_card_grid a img {
  width: 34px;
  top: 0px;
}

.section_contact_card .contact_card_grid a:hover span {
  transform: translateX(48px);
}

.section_contact_card .contact_card_grid .address_tel_email_wrap {
  display: flex;
  flex-direction: column;
  padding: 20px 0 30px 0;
}

@media only screen and (max-width: 768px) {
  .section_contact_card .contact_card_grid .links_wrap {
    display: grid;
    padding-bottom: 20px;
    border-bottom: solid 1px #A8A8A8;
  }
  .section_contact_card .contact_card_grid .links_wrap span {
    max-height: unset;
  }
  .section_contact_card .contact_card_grid .contact_details_wrap {
    display: grid;
    padding-top: 20px;
  }
  .section_contact_card .contact_card_grid .contact_details_wrap span {
    max-height: unset;
  }
}

@media only screen and (min-width: 768px) {
  .section_contact_card .contact_card_grid .links_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_contact_card .contact_card_grid {
    grid-template-columns: 0.5fr 0.5fr 1fr;
    align-items: start;
  }
  .section_contact_card .contact_card_grid .links_wrap {
    gap: 0px;
    display: grid;
  }
  .section_contact_card .contact_card_grid .address_tel_email_wrap {
    grid-row: 2;
    gap: 20px;
  }
  .section_contact_card .contact_card_grid .image_wrap {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
  .section_contact_card .contact_card_grid .socials_wrap {
    display: grid;
  }
}

.section_timeline_scroll {
  position: relative;
  padding: 50px 0;
  background-color: #F6F4EC;
}

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

.section_timeline_scroll .toggle_wrap {
  position: sticky;
  margin-bottom: 30px;
  top: 74px;
  padding: 20px 0;
  background-color: #F6F4EC;
  z-index: 9;
}

.section_timeline_scroll .timeline_wrap .timeline_cont {
  display: flex;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 30px 1fr;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid .progress_bar {
  position: relative;
  border-right: solid 1px #A8A8A8;
  margin-right: 16px;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid .stage_circle {
  background-color: #FFE549;
  width: 27px;
  height: 27px;
  position: relative;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  z-index: 8;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_stage {
  display: flex;
  gap: 10px;
  width: auto;
  align-items: baseline;
  padding-bottom: 5rem;
  background-color: #F6F4EC;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_stage .stage_content_wrap {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_stage .stage_content_wrap img {
  height: 36vh;
  object-fit: cover;
  border-radius: 5px;
}

.section_timeline_scroll .timeline_wrap .timeline_cont .timeline_stage .stage_content_wrap .stage_body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

@media only screen and (min-width: 1200px) {
  .section_timeline_scroll .timeline_wrap {
    position: relative;
  }
  .section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid {
    gap: 30px;
  }
  .section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid .stage_circle {
    top: -5px;
  }
  .section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid .timeline_stage .stage_content_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 100px;
    grid-template-rows: 60px;
  }
  .section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid .timeline_stage .stage_content_wrap .stage_image {
    grid-row: 1 / span 2;
    grid-column: 2;
    height: 56vh;
  }
  .section_timeline_scroll .timeline_wrap .timeline_cont .timeline_grid .timeline_stage .stage_content_wrap .stage_body {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}

.section_cta_basic.big_button_colour .text_wrap {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}

.section_cta_basic.big_button_colour .text_wrap h2 {
  color: #FFFFFF;
}

.section_cta_basic.big_button_colour .text_wrap svg {
  max-width: 52px;
  max-height: 52px;
}

.section_cta_basic.big_button_colour .text_wrap svg path {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_cta_basic.big_button_colour.bg_blue {
  background-color: #0095FE;
}

.section_cta_basic.big_button_colour.bg_green {
  background-color: #31715A;
}

.section_cta_basic.big_button_colour.bg_green svg path {
  stroke: #31715A;
}

.section_cta_basic.big_button_colour.bg_orange {
  background-color: #F14D07;
}

.section_cta_basic.big_button_colour.bg_orange svg path {
  stroke: #F14D07;
}

.section_cta_basic.big_button_colour:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_cta_basic.big_button_colour:hover .text_wrap h2 {
  color: #0B292D;
}

.section_cta_basic.big_button_colour:hover .text_wrap svg circle {
  fill: #0B292D;
}

.section_cta_basic.big_button_colour:hover.bg_blue {
  background-color: #E6F5FF;
}

.section_cta_basic.big_button_colour:hover.bg_blue svg path {
  stroke: #F6F4EC;
}

.section_cta_basic.big_button_colour:hover.bg_orange {
  background-color: #FEF5F2;
}

.section_cta_basic.big_button_colour:hover.bg_orange svg path {
  stroke: #FEF5F2;
}

.section_cta_basic.big_button_colour:hover.bg_green {
  background-color: #E3EEDB;
}

.section_cta_basic.big_button_colour:hover.bg_green svg path {
  stroke: #E3EEDB;
}

.section_cta_basic.text_button .text_wrap {
  display: block;
  text-align: center;
}

.section_cta_basic.text_button .text_wrap h6 {
  color: #A8A8A8;
}

.section_cta_basic.text_button .text_wrap h2 {
  margin-bottom: 10px;
  font-family: "Switzer-Variable", sans-serif;
  font-size: 74px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: -3px;
  line-height: 1;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .section_cta_basic.text_button .text_wrap h2 {
    font-size: 74px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_cta_basic.text_button .text_wrap h2 {
    font-size: 74px;
  }
}

@media only screen and (min-width: 1600px) {
  .section_cta_basic.text_button .text_wrap h2 {
    font-size: 74px;
  }
}

@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) {
  .section_cta_basic.text_button .text_wrap h2 {
    font-size: 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) {
  .section_cta_basic.text_button .text_wrap h2 {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .section_cta_basic.text_button .text_wrap h2 {
    font-size: 2.5rem;
  }
}

.section_cta_basic.text_button .text_wrap .btn {
  margin-top: 24px;
}

.section_cta_basic.skinny_banner {
  background-color: #F14D07;
}

.section_cta_basic.skinny_banner .text_wrap {
  display: grid;
  gap: 14px;
}

.section_cta_basic.skinny_banner .text_wrap h2 {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 34px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 2.3rem;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  color: #FFFFFF;
}

@media only screen and (min-width: 768px) {
  .section_cta_basic.skinny_banner .text_wrap h2 {
    font-size: 27.2px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_cta_basic.skinny_banner .text_wrap h2 {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1600px) {
  .section_cta_basic.skinny_banner .text_wrap h2 {
    font-size: 34px;
  }
}

@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) {
  .section_cta_basic.skinny_banner .text_wrap h2 {
    font-size: 27.2px;
    letter-spacing: -2px;
  }
}

@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) {
  .section_cta_basic.skinny_banner .text_wrap h2 {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .section_cta_basic.skinny_banner .text_wrap h2 {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

.section_cta_basic.skinny_banner .text_wrap p {
  color: #FFFFFF;
}

.section_cta_basic.big_button_colour .cta_wrap, .section_cta_basic.text_button .cta_wrap {
  padding: 6rem 0;
  display: block;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_cta_basic.skinny_banner .cta_wrap {
  padding: 1rem 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (min-width: 1200px) {
  .section_cta_basic.big_button_colour .cta_wrap, .section_cta_basic.text_button .cta_wrap {
    padding: 12rem 0;
  }
  .section_cta_basic.skinny_banner .cta_wrap .text_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .section_cta_basic.skinny_banner .cta_wrap .text_wrap p {
    width: 45%;
  }
}

.section_info_tables {
  padding-bottom: 80px;
  padding-top: 20px;
}

.section_info_tables .container_small .tables_wrap .title_box {
  margin-bottom: 0px;
}

.section_info_tables .container_small .tables_wrap .title_box .title_wrap {
  text-align: left;
}

.section_info_tables .container_small .tables_wrap .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_info_tables .container_small .tables_wrap .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_info_tables .container_small .tables_wrap .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_info_tables .container_small .tables_wrap .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_info_tables .container_small .tables_wrap .title_box .title_wrap.features {
  display: flex;
  justify-content: space-between;
  max-width: 100%;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.section_info_tables .container_small .tables_wrap .title_box .title_wrap.features .features_wrap {
  display: flex;
  flex-basis: 100%;
  gap: 40px;
}

.section_info_tables .container_small .tables_wrap .title_box .title_wrap.features .features_wrap svg {
  height: 24px;
}

.section_info_tables .container_small .tables_wrap .table_wrap {
  margin-bottom: 3rem;
}

.section_info_tables .container_small .tables_wrap .table_wrap .small_title {
  margin-bottom: 6px;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table {
  width: 100%;
  margin-top: 14px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #F8F8F8;
  background-color: #FFFFFF;
  border-radius: 5px;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr {
  text-align: left;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr th, .section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr td {
  padding: 16px 16px;
  font-weight: 500;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr th svg, .section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr td svg {
  height: 20px;
  margin-bottom: 5px;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr th.rows_inner .row, .section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr td.rows_inner .row {
  border-top: solid 1px #A8A8A8;
  margin-top: 16px;
  padding-top: 16px;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr th.rows_inner .row:first-child, .section_info_tables .container_small .tables_wrap .table_wrap table.info_table tr td.rows_inner .row:first-child {
  border-top: solid 1px transparent;
  margin-top: 0;
  padding: 0 0;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table thead tr {
  background-color: #FFFFFF;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tbody tr {
  background-color: #F8F8F8;
}

.section_info_tables .container_small .tables_wrap .table_wrap table.info_table tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

@media only screen and (min-width: 1200px) {
  .section_info_tables .container_small .tables_wrap .table_wrap th, .section_info_tables .container_small .tables_wrap .table_wrap td {
    padding: 20px 30px;
  }
}

.section_info_tables .container_small .bottom_content {
  display: grid;
  gap: 20px;
}

.section_info_tables .container_small .bottom_content .table_wrap {
  margin-bottom: 3rem;
  margin: 0rem 0;
}

.section_info_tables .container_small .bottom_content .table_wrap .small_title {
  margin-bottom: 6px;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table {
  width: 100%;
  margin-top: 14px;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid #F8F8F8;
  background-color: #FFFFFF;
  border-radius: 5px;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tr {
  text-align: left;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tr th, .section_info_tables .container_small .bottom_content .table_wrap table.info_table tr td {
  padding: 16px 16px;
  font-weight: 500;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tr th svg, .section_info_tables .container_small .bottom_content .table_wrap table.info_table tr td svg {
  height: 20px;
  margin-bottom: 5px;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tr th.rows_inner .row, .section_info_tables .container_small .bottom_content .table_wrap table.info_table tr td.rows_inner .row {
  border-top: solid 1px #A8A8A8;
  margin-top: 16px;
  padding-top: 16px;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tr th.rows_inner .row:first-child, .section_info_tables .container_small .bottom_content .table_wrap table.info_table tr td.rows_inner .row:first-child {
  border-top: solid 1px transparent;
  margin-top: 0;
  padding: 0 0;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table thead tr {
  background-color: #FFFFFF;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tbody tr {
  background-color: #F8F8F8;
}

.section_info_tables .container_small .bottom_content .table_wrap table.info_table tbody tr:nth-child(even) {
  background-color: #FFFFFF;
}

@media only screen and (min-width: 1200px) {
  .section_info_tables .container_small .bottom_content .table_wrap th, .section_info_tables .container_small .bottom_content .table_wrap td {
    padding: 20px 30px;
  }
}

.section_info_tables .container_small .bottom_content .more_info_wrap {
  background-color: #E3EEDB;
  border-radius: 5px;
  padding: 14px;
  margin-top: 12px;
}

.section_info_tables .container_small .bottom_content .more_info_wrap .more_info_title_box {
  margin-bottom: 30px;
}

.section_info_tables .container_small .bottom_content .more_info_wrap .more_info_title_box .title_wrap {
  text-align: left;
}

.section_info_tables .container_small .bottom_content .more_info_wrap .more_info_title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_info_tables .container_small .bottom_content .more_info_wrap .more_info_title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_info_tables .container_small .bottom_content .more_info_wrap .more_info_title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_info_tables .container_small .bottom_content .more_info_wrap .more_info_title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

@media only screen and (min-width: 1200px) {
  .section_info_tables .container_small .bottom_content .more_info_wrap {
    padding: 30px;
  }
}

@media only screen and (max-width: 768px) {
  .section_info_tables.bg_offwhite.cont_style_small {
    background-color: #F6F4EC;
  }
}

.section_info_tables.bg_offwhite.cont_style_small .tables_wrap {
  background-color: #F6F4EC;
}

.section_info_tables.bg_offwhite.cont_style_large {
  background-color: #F6F4EC;
}

.section_info_tables.bg_green.cont_style_small .tables_wrap {
  background-color: #31715A;
}

.section_info_tables.bg_green.cont_style_large {
  background-color: #31715A;
}

.section_info_tables.bg_green .tables_wrap .table_wrap h6.small_title, .section_info_tables.bg_green .tables_wrap .table_wrap h4 {
  color: #FFFFFF;
}

.section_info_tables.bg_green .title_box .title_wrap h2, .section_info_tables.bg_green .title_box .title_wrap h3, .section_info_tables.bg_green .title_box .title_wrap h4, .section_info_tables.bg_green .title_box .title_wrap h6, .section_info_tables.bg_green .title_box .title_wrap p {
  color: #FFFFFF;
}

.section_info_tables.bg_green .title_box.cont_style_large {
  background-color: #31715A;
}

@media only screen and (min-width: 1200px) {
  .section_info_tables.cont_style_large {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .section_info_tables.cont_style_large .container, .section_info_tables.cont_style_large .container_small {
    border-top: solid 1px #A8A8A8;
    padding-top: 20px;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 1200px) and (min-width: 1200px) {
  .section_info_tables.cont_style_large {
    padding-bottom: 100px;
    padding-top: 30px;
    margin-top: 36px;
  }
  .section_info_tables.cont_style_large .container, .section_info_tables.cont_style_large .container_small {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 1200px) {
  .section_info_tables.cont_style_large.bg_green .container_small {
    border-top: solid 1px #FFFFFF;
  }
  .section_info_tables.cont_style_small {
    background-color: unset;
    padding-top: 80px;
  }
  .section_info_tables.cont_style_small .tables_wrap {
    border-radius: 5px;
    padding: 3rem;
  }
  .section_info_tables.cont_style_small .tables_wrap .table_wrap {
    margin: 1rem 0 0 0;
  }
  .section_info_tables .container_small .tables_wrap .title_box .title_wrap.features {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .section_info_tables .container_small .tables_wrap .title_box .title_wrap.features .features_wrap {
    flex-basis: unset;
  }
  .section_info_tables .bottom_content {
    grid-template-columns: 1fr 1.2fr;
  }
}

.section_faqs_bar .hotlinks_wrap {
  display: block;
  text-align: center;
  margin-top: 20px;
}

.section_faqs_bar #hotlinks_bar {
  padding: 1rem 1rem 0px 1rem;
  display: flex;
  align-items: center;
  gap: 20px;
  overflow-x: scroll;
  border-bottom: solid 1px #F8F8F8;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.section_faqs_bar #hotlinks_bar a.btn_fifth {
  white-space: nowrap;
}

.section_faqs_bar #hotlinks_bar -webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .section_faqs_bar .hotlinks_wrap {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .section_faqs_bar .hotlinks_wrap #hotlinks_bar {
    padding: 1rem 0;
  }
}

.section_subscription {
  background-color: #F6F4EC;
  padding-top: 20px;
  padding-bottom: 60px;
}

.section_subscription .container, .section_subscription .container_small {
  border-top: solid 1px #A8A8A8;
  padding-top: 20px;
  margin-top: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_subscription {
    padding-bottom: 100px;
    padding-top: 30px;
    margin-top: 36px;
  }
  .section_subscription .container, .section_subscription .container_small {
    margin-top: 30px;
  }
}

.section_subscription .title_box {
  margin-bottom: 20px;
}

.section_subscription .title_box .title_wrap {
  text-align: left;
}

.section_subscription .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_subscription .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_subscription .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_subscription .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.carousel_subscription {
  display: grid;
  gap: 30px;
}

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

.carousel_subscription .slide_arrows {
  display: flex;
  gap: 20px;
  justify-content: end;
  margin-bottom: 10px;
}

.carousel_subscription .slide_arrows .splide__arrow, .carousel_subscription .slide_arrows .slide_arrow {
  position: relative;
  top: unset;
  transform: unset;
  left: unset;
  right: unset;
  background-color: unset;
  opacity: 1;
  padding: 0px;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.carousel_subscription .slide_arrows .splide__arrow svg, .carousel_subscription .slide_arrows .slide_arrow svg {
  height: 100%;
  width: 100%;
}

.carousel_subscription .slide_arrows .splide__arrow svg circle, .carousel_subscription .slide_arrows .slide_arrow svg circle {
  fill: #FFE549;
}

.carousel_subscription .slide_arrows .splide__arrow svg path, .carousel_subscription .slide_arrows .slide_arrow svg path {
  stroke: #0B292D;
  fill: transparent;
}

.carousel_subscription .slide_arrows .splide__arrow.custom-arrow--prev, .carousel_subscription .slide_arrows .slide_arrow.custom-arrow--prev {
  transform: rotate(180deg);
}

.carousel_subscription .slide_arrows .splide__arrow:hover, .carousel_subscription .slide_arrows .slide_arrow:hover {
  opacity: 0.7;
}

.carousel_subscription .subscription_slide {
  background-color: #FFFFFF;
  border: solid 1px #A8A8A8;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

.carousel_subscription .subscription_slide .title_wrap {
  min-height: 70px;
}

.carousel_subscription .subscription_slide .title_wrap .btn_orange {
  top: 2px;
}

.carousel_subscription .subscription_slide .title_wrap .btn_orange:after {
  display: none;
}

.carousel_subscription .subscription_slide .title_wrap h3 {
  font-family: "owners-wide", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.carousel_subscription .subscription_slide .price_wrap {
  margin-bottom: 10px;
}

.carousel_subscription .subscription_slide .price_wrap h3 {
  font-size: 34px;
}

.carousel_subscription .subscription_slide .benefit_wrap {
  display: flex;
  gap: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #A8A8A8;
}

.carousel_subscription .subscription_slide .benefit_wrap img {
  width: 24px;
  height: 24px;
}

.carousel_subscription .subscription_slide .benefit_wrap:last-of-type {
  border-bottom: none;
  margin-bottom: 24px;
}

.carousel_subscription .subscription_slide a.btn_yellow {
  margin-top: auto;
}

#pms_new_subscription-form #pms-stripe-payment-elements {
  padding: 10px;
}

#pms_new_subscription-form .pms-submit {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  height: fit-content;
}

#pms_new_subscription-form .pms-submit:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#pms_new_subscription-form .pms-submit:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#pms_new_subscription-form .pms-submit:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  #pms_new_subscription-form .pms-submit {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

#pms_new_subscription-form .pms-submit.back-mode:after {
  display: none;
}

#pms_new_subscription-form .pms-submit.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .carousel_subscription .slide_arrows {
    display: none;
  }
  .carousel_subscription .subscription_slide .title_wrap {
    min-height: 120px;
  }
}

@media only screen and (min-width: 1200px) {
  .title_box .title_wrap {
    max-width: 51%;
  }
}

.section_calculator {
  background-color: #204336;
  padding: 14px 0;
}

.section_calculator .calc_grid {
  display: grid;
}

.section_calculator .calc_grid .select_pane {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 60px 0;
}

.section_calculator .calc_grid .select_pane div .subtitle, .section_calculator .calc_grid .select_pane div label {
  color: #FFFFFF;
  margin-bottom: 10px;
}

.section_calculator .calc_grid .select_pane .title_box .title_wrap {
  text-align: left;
}

.section_calculator .calc_grid .select_pane .title_box .title_wrap .small_title {
  padding-bottom: 10px;
  width: fit-content;
}

.section_calculator .calc_grid .select_pane .title_box .title_wrap .big_title {
  padding-bottom: 20px;
}

@media only screen and (min-width: 1200px) {
  .section_calculator .calc_grid .select_pane .title_box .title_wrap {
    text-align: unset;
    max-width: 80%;
  }
  .section_calculator .calc_grid .select_pane .title_box .title_wrap .small_title {
    max-width: 80%;
  }
}

.section_calculator .calc_grid .select_pane .title_box h2, .section_calculator .calc_grid .select_pane .title_box p {
  color: #FFFFFF;
}

.section_calculator .calc_grid .select_pane .product_type_group {
  margin-bottom: 12px;
}

.section_calculator .calc_grid .select_pane .product_options_group .product_section p {
  color: #FFFFFF;
}

.section_calculator .calc_grid .select_pane .product_options_group .product_section .print_select, .section_calculator .calc_grid .select_pane .product_options_group .product_section .canvas_select {
  display: flex;
  flex-direction: column;
}

.section_calculator .calc_grid .select_pane .product_options_group .product_section .print_select span, .section_calculator .calc_grid .select_pane .product_options_group .product_section .canvas_select span {
  color: #FFFFFF;
}

.section_calculator .calc_grid .select_pane .product_options_group .product_section .canvas_type {
  margin-bottom: 12px;
}

.section_calculator .calc_grid .select_pane .size_group {
  display: grid;
  gap: 8px;
  padding-top: 10px;
  margin-top: 1rem;
  padding-top: 1rem;
  margin-top: 0.5rem;
  border-top: solid 1px white;
  width: fit-content;
}

.section_calculator .calc_grid .select_pane .size_group .input_group {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.section_calculator .calc_grid .select_pane .size_group .input_group input {
  padding: 2px 10px;
  width: 50px;
  border-radius: 4px;
  margin-bottom: 6px;
}

.section_calculator .calc_grid .select_pane .border_group {
  padding-top: 1rem;
  border-top: solid 1px white;
  width: fit-content;
}

.section_calculator .calc_grid .select_pane .border_group .border_sizes .border_controls {
  display: flex;
  gap: 10px;
}

.section_calculator .calc_grid .select_pane .border_group .border_sizes .border_controls .border_row label {
  width: 70px;
}

.section_calculator .calc_grid .select_pane .border_group .border_sizes .border_controls .border_row input {
  margin-left: 4px;
  padding: 4px 10px;
  border-radius: 4px;
}

.section_calculator .calc_grid .select_pane select {
  background-color: #fff;
  padding: 3px 10px;
  position: relative;
  border-radius: 5px;
  width: fit-content;
}

.section_calculator .calc_grid .select_pane select span.placeholder:after {
  /* content: "▼"; */
  content: url(./assets/images/svg/arrow-circle-yellow-right.svg);
  transform: rotate(90deg);
  /* filter: grayscale(1); */
  position: absolute;
  top: 0;
  right: 3px;
  bottom: 0;
  width: fit-content;
  height: fit-content;
  font-size: 60%;
  line-height: 30px;
  padding: 0 7px;
  color: #999999;
}

.section_calculator .calc_grid .select_pane .frame_options {
  position: relative;
  border-top: solid 1px white;
  padding-top: 1rem;
  width: fit-content;
  opacity: 0.4;
}

.section_calculator .calc_grid .select_pane .frame_options:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.section_calculator .calc_grid .select_pane .frame_options.active {
  opacity: 1;
}

.section_calculator .calc_grid .select_pane .frame_options.active:after {
  display: none;
}

.section_calculator .calc_grid .totals_pane {
  display: grid;
  gap: 10px;
}

.section_calculator .calc_grid .totals_pane .total {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #FFFFFF;
  padding: 1rem 1rem;
  border-radius: 5px;
}

.section_calculator .calc_grid .totals_pane .total h2 {
  font-weight: 500;
}

.section_calculator .calc_grid .totals_pane .total .added_pandp {
  text-transform: none;
}

.section_calculator .calc_grid .totals_pane .total .pandp {
  margin-top: 3rem;
}

.section_calculator .calc_grid .totals_pane .total .pandp .postage_options {
  margin-top: 0.5rem;
}

.section_calculator .calc_grid .totals_pane .total .pandp .postage_options .postage_tag {
  cursor: pointer;
  padding: 4px 10px 2px 10px;
  border-radius: 50px;
  border: solid 1px #0B292D;
  color: #0B292D;
  margin-bottom: 10px;
}

.section_calculator .calc_grid .totals_pane .total .pandp .postage_options .postage_tag.active, .section_calculator .calc_grid .totals_pane .total .pandp .postage_options .postage_tag:hover {
  background-color: #FFE549;
  border: solid 1px #0B292D;
  color: #0B292D;
}

.section_calculator .calc_grid .totals_pane .ready_to_order {
  display: none;
  background-color: #FFE549;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 5rem 2rem;
  border-radius: 5px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.section_calculator .calc_grid .totals_pane .ready_to_order svg {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 40px;
  height: 40px;
}

.section_calculator .calc_grid .totals_pane .ready_to_order svg circle {
  fill: #0B292D;
}

.section_calculator .calc_grid .totals_pane .ready_to_order svg path {
  stroke: #FFE549;
}

.section_calculator .calc_grid .totals_pane .ready_to_order:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background-color: #E3EEDB;
}

.section_calculator .calc_grid .totals_pane .ready_to_order:hover svg path {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  stroke: #E3EEDB;
}

.section_calculator .calc_grid .selector_group {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.section_calculator .calc_grid .selector_group .tag {
  cursor: pointer;
  border: solid 1px #FFFFFF;
  border-radius: 50px;
  padding: 4px 10px 2px 10px;
  color: #FFFFFF;
}

.section_calculator .calc_grid .selector_group .tag.active, .section_calculator .calc_grid .selector_group .tag:hover {
  background-color: #FFE549;
  border: solid 1px #FFE549;
  color: #0B292D;
}

.section_calculator .calc_grid .selector_group.shipping_zone_selector {
  margin-top: 8px;
  margin-bottom: 2rem;
}

.section_calculator .calc_grid .selector_group.shipping_zone_selector .tag {
  border-color: #0B292D;
  color: #0B292D;
}

.section_calculator .calc_grid .selector_group.print_border {
  margin-bottom: 12px;
}

@media only screen and (min-width: 1200px) {
  .section_calculator .calc_grid {
    grid-template-columns: 2fr 1fr;
    gap: 20px;
  }
  .section_calculator .calc_grid .totals_pane .total {
    display: block;
    padding: 8rem 2rem 3rem 2rem;
  }
  .section_calculator .calc_grid .totals_pane .total .features_wrap {
    display: flex;
  }
  .section_calculator .calc_grid .totals_pane .total .order_now {
    display: none;
  }
  .section_calculator .calc_grid .totals_pane .ready_to_order {
    display: flex;
  }
}

.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;
  height: 38px;
}

.main_nav ul .li_level_one.dropdown:after {
  content: url(./assets/images/svg/chevron-right-red.svg);
  margin-left: 6px;
  transform: rotate(0deg);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.main_nav ul .li_level_one:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.main_nav ul .li_level_one:hover .dropdown_area {
  opacity: 1;
  visibility: visible;
}

.main_nav ul .li_level_one:hover.dropdown .main_nav ul .li_level_one:hover:after {
  content: url(./assets/images/svg/chevron-right-red.svg);
  transform: rotate(90deg);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.main_nav ul .li_level_one .dropdown_full_width {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 69px;
  left: 0;
  width: 100%;
  z-index: 10000;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 20px;
  background-color: #F6F4EC;
  padding: 50px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .top_level_button {
  padding: 50px;
  margin-right: 60px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  gap: 20px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .dropdown_list.no_icons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  border-left: solid 1px #0B292D;
  padding-left: 60px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .dropdown_list.no_icons .signpost {
  background-size: cover;
  height: 25vh;
  border-radius: 8px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .dropdown_list.no_icons .signpost .btn {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .dropdown_list.icons_nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  height: fit-content;
  padding: 60px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .dropdown_list.icons_nav a {
  font-size: 24px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.main_nav ul .li_level_one .dropdown_full_width .container .dropdown_wrap .dropdown_list.icons_nav svg {
  width: 40px;
  height: 40px;
}

.modal_nav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  transform: translateY(-101%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.modal_nav.active {
  transform: translateY(0%);
}

.modal_nav .modal_nav_wrap {
  height: 100%;
  background-color: #F6F4EC;
  display: grid;
}

.modal_nav .modal_nav_wrap ul li {
  list-style-type: none;
}

.modal_nav .modal_nav_wrap .modal_nav_inner {
  position: relative;
  top: 76px;
  height: 68%;
  display: grid;
  grid-template-rows: 4fr 1fr 2fr;
  gap: 20px;
  padding: 3.125vw;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .top_nav_wrap {
  padding-top: 8px;
  display: grid;
  align-items: stretch;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  height: 90%;
  border-bottom: solid 2px lightgray;
  padding-bottom: 20px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .top_nav_wrap .signpost {
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .top_nav_wrap .signpost .btn {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .middle_nav {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: solid 2px lightgray;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .bottom_nav {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .bottom_nav .btn_nav {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .bottom_nav .btn_nav svg {
  width: 18px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .nav_title {
  grid-column: 1 / span 2;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .contact_bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

@media only screen and (min-width: 768px) {
  .modal_nav .modal_nav_wrap .modal_nav_inner .contact_bottom {
    max-width: 120px;
  }
}

.modal_nav .modal_nav_wrap .modal_nav_inner .contact_bottom .socials_wrap {
  display: flex;
  gap: 10px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .contact_bottom .socials_wrap img {
  width: 30px;
}

.modal_nav .modal_nav_wrap .modal_nav_inner .contact_bottom .contact_details_wrap {
  display: none;
}

@media only screen and (min-width: 768px) {
  .modal_nav .modal_nav_wrap .modal_nav_inner .contact_bottom .contact_details_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
}

.searchbar_default form div {
  display: flex;
  align-items: baseline;
  gap: 40px;
}

.searchbar_default form div input[type=text] {
  border: none;
  display: block;
  background-color: #FFFFFF;
  border: #A8A8A8;
  width: -webkit-fill-available;
  padding: 10px 2.5%;
  margin: 8px 0 16px 0;
  color: #0B292D;
  border-radius: 20px;
}

.searchbar_default form div input[type=submit] {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
  max-width: 200px;
}

.searchbar_default form div input[type=submit]:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.searchbar_default form div input[type=submit]:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.searchbar_default form div input[type=submit]:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .searchbar_default form div input[type=submit] {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.searchbar_default form div input[type=submit].back-mode:after {
  display: none;
}

.searchbar_default form div input[type=submit].back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.searchbar_default form div input[type=submit]:after {
  filter: invert(1);
}

/* 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;
  color: #FFFFFF;
  text-align: center;
}

.hamburger_wrap {
  border-radius: 50px;
  background-color: #4A4A4A;
  height: 32px;
  width: 32px;
}

.hamburger_wrap .hamburger {
  position: relative;
  left: -4px;
  top: -4px;
  transform: scale(0.4);
  z-index: 999;
}

.hamburger_wrap .hamburger.is-active {
  transform: scale(0.4);
}

.hamburger_wrap .hamburger .line {
  width: 50px;
  height: 3px;
  background-color: #FFFFFF;
  display: block;
  margin: 8px auto;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

/* 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(7px) 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(-15px) 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) scale(0.6);
  -ms-transform: rotate(45deg) scale(0.6);
  -o-transform: rotate(45deg) scale(0.6);
  transform: rotate(45deg) scale(0.6);
}

#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 #0B292D;
}

#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: center;
  justify-content: end;
  gap: 10px;
}

.post_layout_toggle .icons_wrap .toggle_icon_wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

.post_layout_toggle .icons_wrap .toggle_icon_wrap p {
  display: none;
}

.post_layout_toggle .icons_wrap .toggle_icon_wrap img {
  filter: contrast(0) brightness(1.7);
  max-width: 18px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.post_layout_toggle .icons_wrap .toggle_icon_wrap:hover p, .post_layout_toggle .icons_wrap .toggle_icon_wrap.active p {
  color: #4A4A4A;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.post_layout_toggle .icons_wrap .toggle_icon_wrap:hover img, .post_layout_toggle .icons_wrap .toggle_icon_wrap.active img {
  filter: unset;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

#clock, #location {
  color: #FFFFFF;
}

#clock {
  width: 54px;
}

.analogue_clock {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  border: solid 1px #FFFFFF;
  font-size: 11px;
}

@media only screen and (min-width: 768px) {
  .analogue_clock {
    font-size: 12px;
  }
}

.analogue_clock .circle {
  position: absolute;
  inset: 0;
  --rotation: 0;
  -webkit-font-smoothing: antialiased;
}

.analogue_clock .circle i {
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 50%;
  width: 1px;
  height: 50%;
  background-color: #FFFFFF;
  transform-origin: bottom;
  transform: translateX(-50%) rotate(calc(var(--rotation) * 1deg));
}

.analogue_clock #hr_hand {
  transform: scaleY(0.4);
}

.analogue_clock #mn_hand {
  transform: scaleY(0.8);
}

.analogue_clock #sc_hand {
  transform: scaleY(0.9);
  opacity: 0;
}

.bulletin_bar {
  display: flex;
  align-items: center;
  background-color: #FFE549;
  width: 100%;
  position: relative;
  height: 31px;
  z-index: 999;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.bulletin_bar .bulletin_bar_wrap {
  width: inherit;
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.bulletin_bar .bulletin_bar_wrap .bulletin_content_scroll {
  height: fit-content;
}

.bulletin_bar .bulletin_bar_wrap .bulletin_content_scroll .splide .splide__track .splide__list .splide__slide {
  padding: 0 10px;
}

.bulletin_bar .bulletin_bar_wrap .bulletin_content_scroll .splide .splide__track .splide__list .splide__slide a:hover {
  text-decoration: underline;
}

.cky-btn-revisit-wrapper {
  width: 37px;
  height: 45px;
  left: unset !important;
  right: 1.56vw !important;
  bottom: 17px !important;
  background: transparent !important;
  width: 38px;
  height: 43px;
  z-index: 6;
}

.cky-btn-revisit-wrapper button {
  display: none !important;
}

.cky-btn-revisit-wrapper:after {
  content: '';
  background-image: url(./assets/images/svg/cookie-icon-black.svg);
  background-size: cover;
  width: 32px;
  height: 32px;
  filter: invert(1);
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: 2;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
  cursor: none;
}

.cky-btn-revisit-wrapper.cookie_icon_black:after {
  background-image: url(./assets/images/svg/cookie-icon-white.svg);
}

.cky-btn-revisit-wrapper.visible {
  opacity: 1 !important;
  transform: translate(0, 0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left {
  opacity: 0;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left:hover:before {
  content: none;
}

.cky-btn-revisit-wrapper.cky-revisit-bottom-left:hover:after {
  left: 0px;
  border: none;
  border-right-color: transparent;
  filter: invert(0);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cky-consent-container {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 288px !important;
}

.cky-consent-container.visible {
  opacity: 1;
  transform: translate(0, 0);
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.cky-consent-container.cky-box-bottom-right {
  bottom: 22px !important;
  right: 22px !important;
}

.cky-consent-container .cky-consent-bar .cky-notice .cky-title {
  font-size: 40px;
  line-height: 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.cky-consent-container .cky-consent-bar .cky-notice .cky-title::before {
  content: '';
  background-image: url(./assets/images/svg/cookie-icon-black.svg);
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 40px;
  width: 40px;
}

.cky-consent-container .cky-consent-bar .cky-notice .cky-notice-btn-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
  flex-direction: column !important;
}

.cky-consent-container .cky-consent-bar .cky-notice .cky-notice-btn-wrapper .cky-btn {
  border-radius: 50px;
  margin: 0px;
  width: 100% !important;
  text-transform: none !important;
  font-size: 20px !important;
  padding: 12px 20px 10px 20px !important;
}

.cky-btn {
  margin-right: 0px !important;
  border-radius: 50px !important;
}

.cky-btn-accept, .cky-btn-reject {
  display: inline-flex;
  align-items: center;
  gap: 20px;
  justify-content: flex-start;
  padding-left: 30px !important;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cky-btn-accept:before, .cky-btn-reject:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  max-height: fit-content;
  display: inherit;
  height: 15px;
  width: 30px;
  margin-top: 9px;
  position: absolute;
  top: 23px;
  z-index: 2;
  transform: translateX(-200%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cky-btn-accept:after, .cky-btn-reject:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 15px;
  width: 30px;
  position: relative;
  top: 0;
  transform: translateX(0%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cky-btn-accept {
  background-color: #4A4A4A !important;
  text-transform: none;
  border-color: #4A4A4A !important;
  order: -1;
}

.cky-btn-accept:before {
  margin-top: 14px;
}

.cky-btn-accept:hover {
  padding-left: 70px !important;
}

.cky-btn-accept:hover:before {
  transform: translateX(-150%);
}

.cky-btn-accept:hover::after {
  transform: translateX(300%);
}

.cky-btn-reject {
  border-color: #0B292D !important;
  background-color: #0B292D !important;
  color: #FFFFFF !important;
}

.cky-btn-reject:before {
  margin-top: 14px;
}

.cky-btn-reject:hover {
  padding-left: 70px !important;
}

.cky-btn-reject:hover:before {
  transform: translateX(-150%);
}

.cky-btn-reject:hover::after {
  transform: translateX(300%);
}

.cky-btn-customize {
  order: 1 !important;
  border: none !important;
  color: #0B292D !important;
  text-decoration: underline !important;
}

.cky-btn-customize:hover {
  background-color: unset !important;
  text-decoration: none !important;
}

.cky-btn-preferences {
  color: #0B292D !important;
  border-color: #0B292D !important;
}

@media only screen and (max-width: 768px) {
  .cky-modal {
    border-radius: 0px !important;
  }
  .cky-prefrence-btn-wrapper .cky-btn-reject {
    order: 2 !important;
  }
}

.loader_wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #171717;
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  opacity: 1;
  z-index: 9;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}

.loader_wrapper .logo_wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  overflow: hidden;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  height: 60px;
}

.loader_wrapper .logo_wrap img {
  opacity: 0;
  width: auto;
  height: 40px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media only screen and (min-width: 1200px) {
  .loader_wrapper .logo_wrap img {
    height: 60px;
  }
}

.loader_wrapper.loaded {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.loader_wrapper.index {
  z-index: 0;
}

/* fade in content for the homepage */
.woocommerce {
  margin-top: 85px;
}

.woocommerce-message, .woocommerce-info {
  background-color: #F6F4EC;
  border-top: solid 3px #31715A;
}

.woocommerce-message:before, .woocommerce-info:before {
  color: #31715A;
}

.cart_count_badge {
  background: #F14D07;
  padding: 2px;
  border-radius: 50px;
  height: 20px;
  width: 20px;
  position: absolute;
  left: -120%;
  font-size: 12px;
  top: 0%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-family: 'owners-wide';
  font-weight: 100;
}

.wc_breadcrumbs_wrap {
  display: flex;
  flex-direction: column-reverse;
  gap: 6px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .wc_breadcrumbs_wrap {
    display: grid;
    grid-template-columns: 1.3fr 6fr;
    gap: 20px;
    align-items: center;
  }
}

.dash_wrap {
  background-color: #F6F4EC;
  border-radius: 5px;
  padding: 20px;
}

.wc_title_box {
  margin-bottom: 10px;
}

.wc_title_box .title {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 34px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 2.3rem;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
  .wc_title_box .title {
    font-size: 27.2px;
  }
}

@media only screen and (min-width: 1200px) {
  .wc_title_box .title {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1600px) {
  .wc_title_box .title {
    font-size: 34px;
  }
}

@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) {
  .wc_title_box .title {
    font-size: 27.2px;
    letter-spacing: -2px;
  }
}

@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) {
  .wc_title_box .title {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .wc_title_box .title {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

.wc_title_box h4.subtitle {
  font-size: 18px;
  line-height: normal;
}

.wc_title_box h6.small_title, .wc_title_box .subtitle {
  margin-bottom: 16px;
}

@media only screen and (min-width: 1200px) {
  .wc_title_box h6.small_title, .wc_title_box .subtitle {
    max-width: 70%;
  }
}

p.wc_body_text {
  margin-bottom: 14px;
}

@media only screen and (min-width: 1200px) {
  padding: 20px;
  .wc_title_box {
    margin-bottom: 20px;
  }
}

.three_col_wrap {
  margin-top: 2rem;
  background-color: #FFFFFF;
  padding: 18px 10px 28px 10px;
  border-radius: 5px;
}

.three_col_wrap h6.small_title {
  text-align: center;
}

.three_col_wrap .three_col_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.three_col_wrap .three_col_inner h6.small_title {
  text-align: center;
  flex-basis: 100%;
}

.three_col_wrap .three_col_inner .status_card {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  gap: 8px;
  margin-top: 2rem;
}

.three_col_wrap .three_col_inner .status_card img {
  max-height: 20px;
}

.three_col_wrap .three_col_inner .status_card svg {
  height: auto;
  width: 60px;
}

@media only screen and (min-width: 1200px) {
  .three_col_wrap {
    margin-top: unset;
    padding: 20px 20px 60px 20px;
    margin-bottom: 50px;
  }
  .three_col_wrap h6.small_title {
    text-align: left;
  }
  .three_col_wrap .three_col_inner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    background: unset;
    padding: unset;
  }
  .three_col_wrap .three_col_inner h6.small_title {
    text-align: left;
    grid-column: 1 / span 3;
  }
  .three_col_wrap .three_col_inner .status_card {
    margin: unset;
    padding-top: 50px;
    gap: 20px;
    align-items: center;
  }
  .three_col_wrap .three_col_inner .status_card:nth-child(2), .three_col_wrap .three_col_inner .status_card:nth-child(3) {
    border-right: solid 1px #F8F8F8;
  }
  .three_col_wrap .three_col_inner .status_card a.btn_yellow {
    margin-top: 10px;
  }
  .three_col_wrap .three_col_inner .status_card img {
    max-height: 100px;
  }
  .three_col_wrap .three_col_inner .status_card svg {
    height: 100%;
    width: 120px;
  }
  .three_col_wrap .three_col_inner .status_card svg.usage-indicator {
    width: 260px;
  }
  .three_col_wrap .three_col_inner .status_card.summary {
    align-items: start;
  }
  .three_col_wrap .three_col_inner .status_card text {
    font-family: "owners-wide", sans-serif;
    font-weight: 100;
  }
}

.three_col_bottom {
  margin-top: 3rem;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.three_col_bottom .button_group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.three_col_bottom .button_group.upgrade {
  grid-column: 1 / span 2;
  align-items: center;
}

.three_col_bottom .bottom_cta .btn_yellow {
  margin-top: 10px;
}

@media only screen and (min-width: 1200px) {
  .three_col_bottom {
    margin-top: unset;
    text-align: unset;
    padding: 0 40px;
  }
  .three_col_bottom .btm_cell {
    min-width: 160px;
  }
  .three_col_bottom .button_group.upgrade {
    grid-column: unset;
    margin-left: auto;
  }
  .three_col_bottom .bottom_cta {
    margin-left: auto;
  }
}

.subscr_container, .subscr_container.status_card {
  display: grid;
  gap: 10px;
}

.subscr_container .subscr_row h6, .subscr_container.status_card .subscr_row h6 {
  margin-bottom: 6px;
}

.subscr_container .subscr_row span.subscr_status, .subscr_container.status_card .subscr_row span.subscr_status {
  display: flex;
  align-items: center;
  gap: 6px;
}

.subscr_container .subscr_row span.subscr_status .plan_colour, .subscr_container.status_card .subscr_row span.subscr_status .plan_colour {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-flex;
}

.subscr_container .subscr_row span.subscr_status .plan_colour.Bronze, .subscr_container.status_card .subscr_row span.subscr_status .plan_colour.Bronze {
  background: #aa661f;
}

.subscr_container .subscr_row span.subscr_status .plan_colour.Silver, .subscr_container.status_card .subscr_row span.subscr_status .plan_colour.Silver {
  background: #C0C0C0;
}

.subscr_container .subscr_row span.subscr_status .plan_colour.Gold, .subscr_container.status_card .subscr_row span.subscr_status .plan_colour.Gold {
  background: #FFD700;
}

.subscr_container .subscr_row span.subscr_status svg, .subscr_container.status_card .subscr_row span.subscr_status svg {
  height: 20px;
  width: 20px;
}

.wc_grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
  width: 80%;
  margin-top: 20px;
}

.wc_grid .wc_grid_cell {
  border-radius: 5px;
  background-color: #FFFFFF;
  padding: 14px;
  border: solid 1px #A8A8A8;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wc_grid .wc_grid_cell h5 {
  font-weight: 200;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: normal;
}

.wc_grid .wc_grid_cell .btn {
  margin-top: auto;
}

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

a.back_to_all {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  margin-bottom: 10px;
}

a.back_to_all:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

a.back_to_all:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

a.back_to_all:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  a.back_to_all {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

a.back_to_all.back-mode:after {
  display: none;
}

a.back_to_all.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

a.back_to_all:after {
  display: none;
}

a.back_to_all::before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem) rotate(180deg);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  top: -4px;
}

a.back_to_all:hover:before {
  transform: translateX(-0.1rem) rotate(180deg);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

a.back_to_all:hover span {
  transform: translateX(-56%) rotate(180deg);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: start;
}

.wc_cart_wrap h1.title {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 34px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 2.3rem;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .wc_cart_wrap h1.title {
    font-size: 27.2px;
  }
}

@media only screen and (min-width: 1200px) {
  .wc_cart_wrap h1.title {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1600px) {
  .wc_cart_wrap h1.title {
    font-size: 34px;
  }
}

@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) {
  .wc_cart_wrap h1.title {
    font-size: 27.2px;
    letter-spacing: -2px;
  }
}

@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) {
  .wc_cart_wrap h1.title {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .wc_cart_wrap h1.title {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

.wc_cart_wrap .cart_summary_wrap {
  width: 100%;
  display: grid;
  gap: 14px;
}

@media only screen and (min-width: 1200px) {
  .wc_cart_wrap .cart_summary_wrap {
    grid-column: 2;
    grid-row: 1 / span 2;
  }
}

.wc_cart_wrap .cart_summary_wrap .add_more {
  background-color: #0095FE;
  border-radius: 5px;
  padding: 14px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .add_more h4, .wc_cart_wrap .cart_summary_wrap .add_more h5 {
  color: #FFFFFF;
}

.wc_cart_wrap .cart_summary_wrap .add_more div {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-top: 10px;
}

.wc_cart_wrap .cart_summary_wrap .add_more div svg {
  max-width: 34px;
  max-height: 34px;
}

.wc_cart_wrap .cart_summary_wrap .add_more:hover {
  background-color: #E6F5FF;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .add_more:hover h4, .wc_cart_wrap .cart_summary_wrap .add_more:hover h5 {
  color: #0B292D;
}

.wc_cart_wrap .cart_summary_wrap .add_more:hover svg circle {
  fill: black;
}

.wc_cart_wrap .cart_summary_wrap .add_more:hover svg path {
  stroke: #E6F5FF;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals {
  background-color: #F6F4EC;
  border-radius: 5px;
  padding: 14px;
  width: auto;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals {
  float: none;
  width: auto;
  display: grid;
  gap: 20px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .artwork_approval, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .cart-subtotal, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .order-total {
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 10px;
  display: grid;
  gap: 2px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .artwork_approval h6, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .cart-subtotal h6, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .order-total h6 {
  margin-bottom: 10px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .artwork_approval .approval_info, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .cart-subtotal .approval_info, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .order-total .approval_info {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .artwork_approval .approval_info img, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .cart-subtotal .approval_info img, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .order-total .approval_info img {
  width: 14px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .cart-subtotal, .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .order-total {
  display: inline-flex;
  gap: 6px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping {
  display: flex;
  flex-direction: column;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1600px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
    font-size: 12px;
  }
}

@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) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
    font-size: 10px;
  }
}

@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) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
    font-size: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th {
    font-size: 10px;
  }
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th.tag {
  font-family: "owners-wide", sans-serif;
  line-height: 1.1;
  font-weight: 100;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping th.small_title {
  color: #A8A8A8;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .woocommerce-shipping-totals.shipping td[data-title="Shipping"] {
  padding-left: 0px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals .cart_totals .wc-proceed-to-checkout .btn_yellow {
  margin-bottom: 10px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells {
  margin-top: 10px;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  padding: 20px 0 0 0;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lws-wr-cart {
  padding: 0;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable {
  border: none !important;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-input {
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
  height: 36px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons {
  margin-bottom: 10px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button {
  max-height: 32px;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max.back-mode:after {
  display: none;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-max:after {
  filter: invert(1);
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply.back-mode:after {
  display: none;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button.wr-cart-apply.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button:hover:after {
  transform: translateX(12%) !important;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lwss_selectable.wr-cart-buttons button:hover span {
  transform: translateX(0%) !important;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart .lws_wr_pointsoncart_amount_value {
  background: white;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
  font-family: "Switzer-Variable", sans-serif;
  font-family: "Switzer-Variable", sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.4px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1600px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
    font-size: 12px;
  }
}

@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) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
    font-size: 10px;
  }
}

@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) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
    font-size: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2 {
    font-size: 10px;
  }
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2.tag {
  font-family: "owners-wide", sans-serif;
  line-height: 1.1;
  font-weight: 100;
}

.wc_cart_wrap .cart_summary_wrap .cart-collaterals.cross-sells .lws-wr-pointsoncart h2.small_title {
  color: #A8A8A8;
}

@media only screen and (min-width: 1200px) {
  .wc_cart_wrap {
    display: grid;
    grid-template-columns: 4fr 1fr;
    grid-template-rows: auto 2fr;
    gap: 20px;
  }
  .wc_cart_wrap .cart_summary_wrap {
    display: grid;
    gap: 14px;
  }
}

.cart_title_wrap {
  margin-top: 14px;
  display: block;
}

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

.cart_title_wrap .order_stage_bar {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 14px 0;
}

.cart_title_wrap .order_stage_bar svg {
  display: none;
}

.cart_title_wrap .order_stage_bar .stage_wrap {
  display: inline-flex;
  align-items: center;
}

.cart_title_wrap .order_stage_bar .stage_wrap .circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: solid 1px #A8A8A8;
  margin-right: 6px;
  text-align: center;
}

.cart_title_wrap .order_stage_bar .stage_wrap .circle p {
  position: relative;
  top: 2px;
  color: #A8A8A8;
}

.cart_title_wrap .order_stage_bar .stage_wrap h6 {
  color: #A8A8A8;
}

.cart_title_wrap .order_stage_bar .stage_wrap.active {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.cart_title_wrap .order_stage_bar .stage_wrap.active .circle {
  background-color: #FFE549;
  border: solid 1px #FFE549;
}

.cart_title_wrap .order_stage_bar .stage_wrap.active .circle p {
  color: #0B292D;
}

.cart_title_wrap .order_stage_bar .stage_wrap.active h6 {
  color: #0B292D;
  font-family: "owners-wide", sans-serif;
  text-decoration: underline;
  font-size: 10px;
}

@media only screen and (min-width: 1200px) {
  .cart_title_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .cart_title_wrap .order_stage_bar {
    margin-top: 0px;
  }
  .cart_title_wrap .order_stage_bar .stage_wrap .circle p {
    top: 0px;
  }
  .cart_title_wrap .order_stage_bar .stage_wrap.active h6 {
    font-size: 11px;
  }
  .cart_title_wrap .order_stage_bar svg {
    display: block;
  }
}

.woocommerce address, .woocommerce .address-item {
  position: relative;
  margin: 0px;
  border: solid 1px #A8A8A8;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: unset;
  height: -webkit-fill-available;
}

.woocommerce address .address-details, .woocommerce .address-item .address-details {
  margin-bottom: 10px;
  line-height: 1.3;
}

.woocommerce address .address-title h6.tag, .woocommerce .address-item .address-title h6.tag {
  margin-bottom: 6px;
}

.woocommerce address a.btn_blue:after, .woocommerce .address-item a.btn_blue:after {
  display: none;
}

.woocommerce address .set-default-btn, .woocommerce .address-item .set-default-btn {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0px;
}

@media only screen and (min-width: 768px) {
  .woocommerce address .set-default-btn, .woocommerce .address-item .set-default-btn {
    position: absolute;
    right: 10px;
    top: 10px;
  }
}

.woocommerce .woocommerce-column--billing-address address, .woocommerce .woocommerce-column--shipping-address address {
  background: transparent;
}

.option .select_button {
  text-transform: capitalize;
  border: solid 1px black;
  border-radius: 8px;
  padding: 2px 8px;
  width: fit-content;
}

.option.on .select_button {
  background-color: #FFE549;
  transition: background-color 0.3s;
}

.woocommerce-account-wrapper {
  display: grid;
  column-gap: 14px;
  row-gap: 0px;
}

.woocommerce-account-wrapper .welcome-banner {
  border-radius: 5px;
  padding: 20px;
  background-color: #F6F4EC;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.woocommerce-account-wrapper .welcome-banner h6 {
  margin-bottom: 14px;
}

@media only screen and (min-width: 1200px) {
  .woocommerce-account-wrapper .welcome-banner h6 {
    margin-bottom: 16px;
  }
}

.woocommerce-account-wrapper .welcome-banner .welcome_message {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woocommerce-account-wrapper .welcome-banner .banner_options {
  display: flex;
  gap: 24px;
  margin-top: 10px;
}

.woocommerce-account-wrapper .welcome-banner .banner_option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .woocommerce-account-wrapper .welcome-banner .banner_option h5 {
    font-size: 10.5px;
  }
}

.woocommerce-account-wrapper .welcome-banner .banner_option svg {
  max-width: 24px;
  max-height: 24px;
}

.woocommerce-account-wrapper .welcome-banner .banner_option #code_copy {
  border: solid 1px white;
  padding: 4px 10px 0 10px;
  position: relative;
}

.woocommerce-account-wrapper .welcome-banner .banner_option #code_copy::after {
  content: '';
  background-image: url(./assets/images/svg/icons/Trade-Canvas-Custom-and-Standard-Sizes.svg);
  display: none;
  position: relative;
  right: 5px;
}

.woocommerce-account-wrapper .welcome-banner .banner_option #code_copy::hover {
  border: solid 1px transparent;
}

.woocommerce-account-wrapper .welcome-banner .banner_option #code_copy::hover::after {
  display: block;
}

.woocommerce-account-wrapper .welcome-banner .banner_option #code_copy.copied::after {
  content: '✓';
  display: block;
}

.woocommerce-account-wrapper .welcome-banner.yellow {
  background-color: #FFE549;
}

.woocommerce-account-wrapper .welcome-banner.yellow h3, .woocommerce-account-wrapper .welcome-banner.yellow h5, .woocommerce-account-wrapper .welcome-banner.yellow h6, .woocommerce-account-wrapper .welcome-banner.yellow p, .woocommerce-account-wrapper .welcome-banner.yellow svg path {
  color: #0B292D;
}

.woocommerce-account-wrapper .welcome-banner.yellow:hover {
  background-color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.yellow:hover h3, .woocommerce-account-wrapper .welcome-banner.yellow:hover h5, .woocommerce-account-wrapper .welcome-banner.yellow:hover h6, .woocommerce-account-wrapper .welcome-banner.yellow:hover p, .woocommerce-account-wrapper .welcome-banner.yellow:hover svg path {
  color: #0B292D;
}

.woocommerce-account-wrapper .welcome-banner.yellow:hover h3 a h5, .woocommerce-account-wrapper .welcome-banner.yellow:hover h5 a h5, .woocommerce-account-wrapper .welcome-banner.yellow:hover h6 a h5, .woocommerce-account-wrapper .welcome-banner.yellow:hover p a h5, .woocommerce-account-wrapper .welcome-banner.yellow:hover svg path a h5 {
  color: #0B292D;
}

.woocommerce-account-wrapper .welcome-banner.blue {
  background-color: #0095FE;
}

.woocommerce-account-wrapper .welcome-banner.blue h3, .woocommerce-account-wrapper .welcome-banner.blue h5, .woocommerce-account-wrapper .welcome-banner.blue h6, .woocommerce-account-wrapper .welcome-banner.blue p, .woocommerce-account-wrapper .welcome-banner.blue svg path {
  color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.blue:hover {
  background-color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.blue:hover h3, .woocommerce-account-wrapper .welcome-banner.blue:hover h5, .woocommerce-account-wrapper .welcome-banner.blue:hover h6, .woocommerce-account-wrapper .welcome-banner.blue:hover p, .woocommerce-account-wrapper .welcome-banner.blue:hover svg path {
  color: #0095FE;
}

.woocommerce-account-wrapper .welcome-banner.blue:hover h3 a h5, .woocommerce-account-wrapper .welcome-banner.blue:hover h5 a h5, .woocommerce-account-wrapper .welcome-banner.blue:hover h6 a h5, .woocommerce-account-wrapper .welcome-banner.blue:hover p a h5, .woocommerce-account-wrapper .welcome-banner.blue:hover svg path a h5 {
  color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.orange {
  background-color: #F14D07;
}

.woocommerce-account-wrapper .welcome-banner.orange h3, .woocommerce-account-wrapper .welcome-banner.orange h5, .woocommerce-account-wrapper .welcome-banner.orange h6, .woocommerce-account-wrapper .welcome-banner.orange p, .woocommerce-account-wrapper .welcome-banner.orange svg path {
  color: #FFFFFF;
  stroke: #F14D07;
}

.woocommerce-account-wrapper .welcome-banner.orange:hover {
  background-color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.orange:hover h3, .woocommerce-account-wrapper .welcome-banner.orange:hover h5, .woocommerce-account-wrapper .welcome-banner.orange:hover h6, .woocommerce-account-wrapper .welcome-banner.orange:hover p, .woocommerce-account-wrapper .welcome-banner.orange:hover svg path {
  color: #F14D07;
}

.woocommerce-account-wrapper .welcome-banner.orange:hover a h5 {
  color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.green {
  background-color: #31715A;
}

.woocommerce-account-wrapper .welcome-banner.green h3, .woocommerce-account-wrapper .welcome-banner.green h5, .woocommerce-account-wrapper .welcome-banner.green h6, .woocommerce-account-wrapper .welcome-banner.green p, .woocommerce-account-wrapper .welcome-banner.green svg path {
  color: #FFFFFF;
  stroke: #31715A;
}

.woocommerce-account-wrapper .welcome-banner.green:hover {
  background-color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.green:hover h3, .woocommerce-account-wrapper .welcome-banner.green:hover h5, .woocommerce-account-wrapper .welcome-banner.green:hover h6, .woocommerce-account-wrapper .welcome-banner.green:hover p, .woocommerce-account-wrapper .welcome-banner.green:hover svg path {
  color: #31715A;
}

.woocommerce-account-wrapper .welcome-banner.green:hover a h5 {
  color: #31715A;
}

.woocommerce-account-wrapper .welcome-banner.grey {
  background-color: #F6F4EC;
}

.woocommerce-account-wrapper .welcome-banner.grey h3, .woocommerce-account-wrapper .welcome-banner.grey h5, .woocommerce-account-wrapper .welcome-banner.grey h6, .woocommerce-account-wrapper .welcome-banner.grey p, .woocommerce-account-wrapper .welcome-banner.grey svg path, .woocommerce-account-wrapper .welcome-banner.grey svg circle {
  color: #0B292D;
  stroke: #0B292D;
}

.woocommerce-account-wrapper .welcome-banner.grey:hover {
  background-color: #FFFFFF;
}

.woocommerce-account-wrapper .welcome-banner.grey:hover h3, .woocommerce-account-wrapper .welcome-banner.grey:hover h5, .woocommerce-account-wrapper .welcome-banner.grey:hover h6, .woocommerce-account-wrapper .welcome-banner.grey:hover p, .woocommerce-account-wrapper .welcome-banner.grey:hover svg path, .woocommerce-account-wrapper .welcome-banner.grey:hover svg circle {
  color: #0B292D;
}

.woocommerce-account-wrapper .welcome-banner:hover {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content {
  display: grid;
  gap: 14px;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .recent-orders-section {
  display: flex;
  flex-flow: column;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .recent-orders-section .recent-orders-table {
  margin-bottom: 20px;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .recent-orders-section .recent-orders-table .recent_order_wrap {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 20px;
  border-top: solid 1px lightgrey;
  padding-top: 20px;
  margin-top: 20px;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .recent-orders-section .recent-orders-table .recent_order_wrap .details {
  display: flex;
  flex-direction: column;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .recent-orders-section .recent-orders-table .recent_order_wrap .details .view {
  margin-top: auto;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .recent-orders-section .btn_to_inner {
  margin-top: auto;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .subscriptions-section {
  display: flex;
  flex-flow: column;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .subscriptions-section .subscr_container {
  margin-top: 20px;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .subscriptions-section .cta_subscribe {
  margin-top: auto;
}

.woocommerce-account-wrapper .woocommerce-MyAccount-content .stats-section {
  display: grid;
  gap: 20px;
}

@media only screen and (min-width: 1200px) {
  .woocommerce-account-wrapper {
    min-height: calc(100vh - 75px);
    grid-template-columns: 1.3fr 6fr;
    grid-template-rows: 1fr;
    row-gap: 0px;
    column-gap: 24px;
  }
  .woocommerce-account-wrapper .woocommerce-MyAccount-navigation {
    grid-row: 1 / span 2;
  }
  .woocommerce-account-wrapper .woocommerce-MyAccount-content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 0.9fr 3fr;
    gap: 20px;
  }
  .woocommerce-account-wrapper .woocommerce-MyAccount-content .welcome-banner {
    grid-column: 1 / span 3;
    padding: 30px;
  }
  .woocommerce-account-wrapper .woocommerce-MyAccount-content .welcome-banner .welcome_message span {
    gap: 20px;
  }
  .woocommerce-account-wrapper .woocommerce-MyAccount-content .welcome-banner .welcome_message span svg {
    max-width: 40px;
    max-height: 40px;
  }
}

.woocommerce-MyAccount-navigation {
  background-color: #E6F5FF;
  border-radius: 5px;
}

.woocommerce-MyAccount-navigation .wc_modal_nav_inner {
  padding-top: 96px;
  display: grid;
  gap: 20px;
  justify-content: space-between;
}

.woocommerce-MyAccount-navigation ul {
  display: grid;
  gap: 14px;
}

.woocommerce-MyAccount-navigation ul li {
  list-style-type: none;
  margin-left: 0;
  padding-left: 14px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.woocommerce-MyAccount-navigation ul li:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard {
  margin-bottom: 30px;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard:before {
  background-image: url(./assets/images/svg/icons/shop/dashboard.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {
  background-image: url(./assets/images/svg/icons/shop/order-history.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders:before {
  background-image: url(./assets/images/svg/icons/shop/order-history.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account:before {
  background-image: url(./assets/images/svg/icons/shop/account-details.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--image-gallery:before {
  background-image: url(./assets/images/svg/icons/shop/image-gallery.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads:before {
  background-image: url(./assets/images/svg/icons/shop/download-profiles.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wc-smart-coupons {
  display: none;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods:before {
  background-image: url(./assets/images/svg/icons/Trade-Canvas-Price.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address:before {
  background-image: url(./assets/images/svg/icons/shop/addresses.svg);
}

.woocommerce-MyAccount-navigation ul li.help-center:before {
  background-image: url(./assets/images/svg/icons/shop/help-centre.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--my-subscriptions:before {
  background-image: url(./assets/images/svg/icons/shop/subscription.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--download-profiles:before {
  background-image: url(./assets/images/svg/icons/shop/download-profiles.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--referral-code:before {
  background-image: url(./assets/images/svg/icons/shop/referral-code.svg);
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  display: none;
}

.woocommerce-MyAccount-navigation ul li.is-active {
  border-left: solid 3px #0095FE;
  padding-left: 11px;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
  font-weight: 700;
}

.woocommerce-MyAccount-navigation ul li:hover a {
  font-weight: 700;
}

@media only screen and (min-width: 1200px) {
  .woocommerce-MyAccount-navigation {
    padding: 14px 14px 14px 0px;
  }
  .woocommerce-MyAccount-navigation .wc_modal_nav_inner {
    padding-top: 0px;
  }
}

.woocommerce-MyAccount-navigation a.logout, .woocommerce-MyAccount-navigation a.order_now {
  margin-left: 14px;
}

.login_wrap {
  position: relative;
  display: grid;
  gap: 14px;
}

.login_wrap .image_wrap {
  position: relative;
}

.login_wrap .image_wrap img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.login_wrap .form_wrap {
  text-align: center;
}

.login_wrap .form_wrap .woocommerce-form.login, .login_wrap .form_wrap .woocommerce-form.register {
  border: none !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
  padding-top: 20px;
  padding-bottom: 0px;
}

.login_wrap .form_wrap .woocommerce-form.login button[type="submit"], .login_wrap .form_wrap .woocommerce-form.register button[type="submit"] {
  cursor: pointer;
}

.login_wrap .form_wrap .woocommerce-form.login .woocommerce-Input, .login_wrap .form_wrap .woocommerce-form.register .woocommerce-Input {
  border: solid 1px #0B292D;
  width: 100%;
  border-radius: 50px;
  padding: 0.6rem;
}

@media only screen and (min-width: 1200px) {
  .login_wrap .form_wrap .woocommerce-form.login .woocommerce-Input, .login_wrap .form_wrap .woocommerce-form.register .woocommerce-Input {
    width: 80%;
  }
}

.login_wrap .form_wrap .woocommerce-form.login .password-input, .login_wrap .form_wrap .woocommerce-form.register .password-input {
  width: 100%;
}

@media only screen and (min-width: 1200px) {
  .login_wrap .form_wrap .woocommerce-form.login .password-input, .login_wrap .form_wrap .woocommerce-form.register .password-input {
    width: 80%;
  }
}

.login_wrap .form_wrap .woocommerce-form.login .password-input .password_input, .login_wrap .form_wrap .woocommerce-form.register .password-input .password_input {
  width: 100%;
}

.login_wrap .form_wrap .woocommerce-form.login .register_title, .login_wrap .form_wrap .woocommerce-form.register .register_title {
  border-top: solid 1px #A8A8A8;
  padding-top: 20px;
}

.login_wrap .form_wrap .woocommerce-form.login .woocommerce-form-register__submit, .login_wrap .form_wrap .woocommerce-form.register .woocommerce-form-register__submit {
  border: transparent;
}

.login_wrap .form_wrap .woocommerce-form.login .woocommerce-privacy-policy-text, .login_wrap .form_wrap .woocommerce-form.register .woocommerce-privacy-policy-text {
  width: 72%;
}

.login_wrap .form_wrap .woocommerce-form.login .woocommerce-privacy-policy-text p, .login_wrap .form_wrap .woocommerce-form.register .woocommerce-privacy-policy-text p {
  font-size: 12px;
}

.login_wrap .form_wrap .woocommerce-form.login .btn_blue.woocommerce-Button, .login_wrap .form_wrap .woocommerce-form.register .btn_blue.woocommerce-Button {
  margin-top: 10px;
}

.login_wrap .form_wrap .log_in_title {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 34px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 2.3rem;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .login_wrap .form_wrap .log_in_title {
    font-size: 27.2px;
  }
}

@media only screen and (min-width: 1200px) {
  .login_wrap .form_wrap .log_in_title {
    font-size: 34px;
  }
}

@media only screen and (min-width: 1600px) {
  .login_wrap .form_wrap .log_in_title {
    font-size: 34px;
  }
}

@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) {
  .login_wrap .form_wrap .log_in_title {
    font-size: 27.2px;
    letter-spacing: -2px;
  }
}

@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) {
  .login_wrap .form_wrap .log_in_title {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

@media only screen and (max-width: 768px) {
  .login_wrap .form_wrap .log_in_title {
    font-size: 20.4px;
    letter-spacing: -1px;
    line-height: 1.5rem;
  }
}

.login_wrap .form_wrap .woocommerce-form-row {
  width: 90%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.login_wrap .form_wrap .password-input {
  display: block;
}

.login_wrap .form_wrap .password-input .show-password-input {
  right: 1.5em;
}

.login_wrap .form_wrap .woocommerce-form-login__rememberme {
  display: flex;
  gap: 6px;
}

.login_wrap .form_wrap .woocommerce-form-login__rememberme span {
  white-space: nowrap;
}

.login_wrap .form_wrap .woocommerce-form-login__submit {
  float: unset;
  border-color: transparent;
  margin-bottom: 14px;
}

@media only screen and (min-width: 1200px) {
  .login_wrap {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .login_wrap .form_wrap .woocommerce-form-login {
    margin: 80px 0px;
  }
}

.woocommerce-notices-wrapper {
  display: none;
}

.edit_account_wrap .woocommerce-EditAccountForm {
  width: 100%;
}

.edit_account_wrap .woocommerce-EditAccountForm .form_group {
  margin-bottom: 24px;
  display: grid;
}

.edit_account_wrap .woocommerce-EditAccountForm .form_group .form-row-first, .edit_account_wrap .woocommerce-EditAccountForm .form_group .form-row-last {
  width: unset;
}

.edit_account_wrap .woocommerce-EditAccountForm .form_group input {
  border: none;
  display: block;
  background-color: #FFFFFF;
  border: #A8A8A8;
  width: -webkit-fill-available;
  padding: 10px 2.5%;
  margin: 8px 0 16px 0;
  color: #0B292D;
  border-radius: 20px;
  border: solid 1px #A8A8A8;
}

.edit_account_wrap .woocommerce-EditAccountForm .form_group h6 {
  margin-bottom: 8px;
  color: #A8A8A8;
}

@media only screen and (min-width: 1200px) {
  .edit_account_wrap .woocommerce-EditAccountForm {
    width: 80%;
  }
  .edit_account_wrap .woocommerce-EditAccountForm .form_group {
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 24px;
  }
}

.custom_my_addresses_wrap {
  display: grid;
  gap: 20px;
  grid-row: 1 / span 2;
}

.custom_my_addresses_wrap .woocommerce-Addresses {
  margin-bottom: 24px;
  grid-column: 2;
  grid-row: 1;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.custom_my_addresses_wrap .woocommerce-Addresses .woocommerce-Address {
  display: flex;
  flex-direction: column;
}

.custom_my_addresses_wrap .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
  margin-bottom: 10px;
}

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

.custom_my_addresses_wrap .add-new-address-section {
  background-color: #FFFFFF;
  margin: 30px 0;
  padding: 20px;
  border-radius: 5px;
}

.custom_my_addresses_wrap .additional-addresses-section .additional-addresses-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}

.custom_my_addresses_wrap .additional-addresses-section .additional-addresses-grid .address-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.custom_my_addresses_wrap .additional-addresses-section .additional-addresses-grid .edit-delete-actions {
  display: flex;
  justify-content: space-between;
}

.custom_my_addresses_wrap .additional-addresses-section .additional-addresses-grid .add-address-buttons {
  display: flex;
  gap: 15px;
  margin-top: 15px;
}

.custom_my_addresses_wrap .additional-addresses-section .add_address {
  margin-top: 10px;
}

@media only screen and (min-width: 768px) {
  .custom_my_addresses_wrap .additional-addresses-section .additional-addresses-grid {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
  }
}

.woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner .status_card.limits .limit_warning {
  width: 100%;
}

.woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner .status_card.limits .limit_warning.reached .warning_text p, .woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner .status_card.limits .limit_warning.reached .warning_text svg path {
  color: #F14D07;
  fill: #F14D07;
}

@media only screen and (min-width: 768px) {
  .woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 24px;
  }
  .woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner .payments_block {
    grid-column: 1 / span 2;
  }
  .woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner .status_card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .woocommerce-subscriptions .two_col_wrap.subscribed .two_col_inner .status_card.limits .limit_warning {
    width: 74%;
  }
}

.woocommerce-subscriptions .pms-account-subscription-details-table {
  display: flex;
  gap: 10px;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-details-table__plan,
.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-details-table__status,
.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-details-table__start-date,
.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-details-table__expiration-date {
  display: none;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-details-table__actions td:first-child {
  display: none;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #0095FE;
  color: #FFFFFF;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change.back-mode:after {
  display: none;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__change:after {
  filter: invert(1);
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon.back-mode:after {
  display: none;
}

.woocommerce-subscriptions .pms-account-subscription-details-table .pms-account-subscription-action-link__abandon.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-subscriptions #pms-change-subscription-form .pms-field {
  list-style-type: none;
}

.woocommerce-subscriptions .actions_block {
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.woocommerce-subscriptions .payments_block {
  margin-bottom: 20px;
}

.woocommerce-subscriptions .payments_block table th, .woocommerce-subscriptions .payments_block table td {
  padding: 5px;
}

.wc_cart_container {
  margin-top: 100px;
}

.wc_cart_container.checkout {
  margin-top: 0px;
}

.wc_cart_container .orders_header {
  margin-bottom: 40px;
}

.wc_cart_container table.shop_table {
  border: none;
  margin: 0;
}

.wc_cart_container table.shop_table thead tr th {
  padding-bottom: 10px;
}

.wc_cart_container table.shop_table thead tr th h6 {
  font-family: "owners-wide", sans-serif;
}

.wc_cart_container table.shop_table tbody tr th {
  padding: 0;
}

.wc_cart_container table.shop_table tbody .product-info {
  display: flex;
  align-items: center;
  gap: 20px;
}

.wc_cart_container table.shop_table tbody .product-info img {
  max-height: 180px;
  max-width: 180px;
}

@media only screen and (min-width: 768px) {
  .wc_cart_container table.shop_table.shop_table_responsive.cart {
    grid-row: 2 !important;
  }
}

@media only screen and (min-width: 768px) {
  .wc_cart_container .empty_cart_message {
    grid-row: 2 !important;
  }
}

.woocommerce-form-coupon-toggle {
  display: none;
}

.woocommerce-checkout .shipping_wrap .woocommerce-billing-fields input, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields input {
  border: none;
  display: block;
  background-color: #FFFFFF;
  border: #A8A8A8;
  width: -webkit-fill-available;
  padding: 8px 10px;
  color: #0B292D;
  border-radius: 20px;
  border: solid 1px #040404;
}

.woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1600px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
    font-size: 12px;
  }
}

@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) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
    font-size: 10px;
  }
}

@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) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
    font-size: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label {
    font-size: 10px;
  }
}

.woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.tag, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.tag {
  font-family: "owners-wide", sans-serif;
  line-height: 1.1;
  font-weight: 100;
}

.woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.small_title, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.small_title {
  color: #A8A8A8;
}

.woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
  font-family: "owners-wide", sans-serif;
  font-size: 14px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: normal;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
    font-size: 11.2px;
    line-height: 25.2px;
  }
}

@media only screen and (min-width: 1200px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
    font-size: 12.6px;
    line-height: 26.6px;
  }
}

@media only screen and (min-width: 1600px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
    font-size: 14px;
  }
}

@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) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
    font-size: 11.2px;
    line-height: 16px;
  }
}

@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) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
    font-size: 12.5px;
    line-height: 16px;
  }
}

@media only screen and (max-width: 768px) {
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields label.checkbox, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields h3, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields label.checkbox {
    font-size: 12.5px;
    line-height: 16px;
  }
}

.woocommerce-checkout .shipping_wrap .woocommerce-billing-fields .form-row, .woocommerce-checkout .shipping_wrap .woocommerce-shipping-fields .form-row {
  margin-bottom: 8px;
}

.woocommerce-checkout .shipping_wrap #ship-to-different-address label {
  display: flex;
  gap: 14px;
}

.woocommerce-checkout .shipping_wrap #ship-to-different-address label input {
  height: 24px;
  width: 24px;
}

.woocommerce-checkout .shipping_wrap .shipping_address {
  color: white;
  margin-top: -24px;
}

.woocommerce-checkout .shipping_wrap input[name="ship_to_multi_address"] {
  display: none;
}

.woocommerce-checkout .multi-shipping-wrapper .multi-shipping-table tr.main-pdct-tr td {
  vertical-align: middle;
}

.woocommerce-checkout .multi-shipping-wrapper .multi-shipping-table tr.main-pdct-tr td .form-row {
  margin-bottom: 0px;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment {
  background-color: #FFFFFF;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods {
  display: grid;
  gap: 14px;
  border-bottom: none;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods:before {
  display: none;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li.wc_payment_method {
  list-style: none !important;
  border: none;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li.wc_payment_method .payment_box {
  border-top: none;
  box-shadow: rgba(0, 0, 0, 0.16) 1px 1px 3px;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li.wc_payment_method .payment_box.payment_method_cheque {
  padding: 20px;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li.wc_payment_method .payment_box.payment_method_woocommerce_payments div fieldset div div iframe input.Input {
  border: solid 1px black !important;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li.wc_payment_method.active {
  box-shadow: none;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods li.wc_payment_method.active .payment-panel-header {
  border: solid 1px black;
  border-radius: 8px;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment div.payment_box {
  background-color: transparent;
  padding: 0.5em;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment div.payment_box:before {
  border: 1em solid transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment div.payment_box .StripeElement {
  border: none;
  box-shadow: none;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment div.payment_box .p-Grid.p-CardForm input.Input {
  border: solid 1px black !important;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order {
  cursor: pointer;
  font-family: "owners-wide", sans-serif;
  font-style: normal;
  white-space: nowrap;
  position: relative;
  display: inline-flex;
  align-items: center;
  width: fit-content;
  gap: 10px;
  letter-spacing: 0.5px;
  line-height: 1.8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 12px 2px 12px;
  background-color: #FFE549;
  -webkit-font-smoothing: antialiased;
  border: none;
  border-radius: 50px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  /* reverse the arrow */
  background-color: #F14D07;
  color: #FFFFFF;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order:after {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order:hover:after {
  transform: translateX(0.1rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order:hover span {
  transform: translateX(56%);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 768px) {
  .woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order {
    font-size: 12px;
    padding: 5px 20px 2px 20px;
  }
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order.back-mode:after {
  display: none;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order.back-mode:before {
  content: '';
  background-image: url(./assets/images/svg/arrow-right.svg);
  filter: invert(1);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  height: 14px;
  width: 14px;
  position: relative;
  transform: rotateY(180deg) translateX(0rem);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-checkout .woocommerce-checkout-payment#payment button#place_order:after {
  filter: invert(1);
}

@media only screen and (min-width: 1200px) {
  .woocommerce-checkout .woocommerce-checkout-review-order-table {
    background-color: #F6F4EC;
    padding-top: 5px;
    grid-column: 2;
    grid-row: 3;
  }
  .woocommerce-checkout .shipping_wrap {
    grid-row: 3 !important;
    grid-column: 1 !important;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields__field-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    align-items: end;
  }
  .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields__field-wrapper .form-row-first, .woocommerce-checkout .shipping_wrap .woocommerce-billing-fields__field-wrapper .form-row-last {
    width: 100%;
  }
  .woocommerce-checkout .woocommerce-checkout-payment#payment {
    grid-column: 1 !important;
  }
  .woocommerce-checkout .woocommerce-checkout-payment#payment ul.payment_methods {
    grid-template-columns: 1fr 1fr;
  }
  .woocommerce-checkout .woocommerce-checkout-payment#payment .form-row.place-order .woocommerce-terms-and-conditions-wrapper {
    width: 50%;
  }
  .woocommerce-checkout .woocommerce-checkout-payment#payment .form-row.place-order .woocommerce-privacy-policy-text {
    margin-top: 10px;
  }
  .woocommerce-checkout .woocommerce-checkout-payment#payment .form-row.place-order #place_order {
    margin-top: 14px;
    float: none !important;
  }
}

.wc_orders_container {
  background-color: #F6F4EC;
  padding: 14px;
  border-radius: 5px;
  grid-row: 1 / span 2;
}

.wc_orders_container .orders_header {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wc_orders_container .orders_header .order_search_form {
  display: flex;
  align-items: center;
}

.wc_orders_container .orders_header .order_search_form input {
  padding: 5px 20px;
}

.wc_orders_container .orders_header .order_search_form button {
  border: none;
  background-color: transparent;
}

.wc_orders_container table.woocommerce-orders-table {
  border: none;
}

.wc_orders_container table.woocommerce-orders-table thead {
  border-bottom: none;
}

.wc_orders_container table.woocommerce-orders-table thead tr th, .wc_orders_container table.woocommerce-orders-table thead tr td {
  padding: 8px 8px;
  border-bottom: 0px;
}

.wc_orders_container table.woocommerce-orders-table tbody th, .wc_orders_container table.woocommerce-orders-table tbody td {
  border-top: none;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  padding: 8px 8px;
}

.wc_orders_container table.woocommerce-orders-table tbody th .btn_yellow, .wc_orders_container table.woocommerce-orders-table tbody td .btn_yellow {
  font-size: 10px;
}

.wc_order_inner_container .order_details_grid, .wc_order_inner_container .item_details_grid {
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

.wc_order_inner_container .order_details_grid .order_cell, .wc_order_inner_container .item_details_grid .order_cell {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media only screen and (min-width: 1200px) {
  .wc_order_inner_container .order_details_grid, .wc_order_inner_container .item_details_grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .wc_order_inner_container .item_details_grid {
    width: 80%;
  }
}

.wc_order_inner_container .woocommerce-item-details {
  padding-top: 1rem;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.wc_order_inner_container .table_bottom {
  display: none;
}

.tooltip {
  display: none;
}

@media only screen and (min-width: 768px) {
  .download-profiles-section .subtitle {
    max-width: 70%;
  }
}

.referral_codes_section .three_col_bottom .referral_code {
  grid-column: 1 / span 2;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.referral_codes_section .three_col_bottom .referral_code .code {
  display: block;
  gap: 8px;
}

.referral_codes_section .three_col_bottom .referral_code .code input {
  font-family: "Switzer-Variable", sans-serif;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.6px;
  color: #0B292D;
  -webkit-font-smoothing: antialiased;
}

@media only screen and (min-width: 768px) {
  .referral_codes_section .three_col_bottom .referral_code .code input {
    font-size: 10px;
  }
}

@media only screen and (min-width: 1200px) {
  .referral_codes_section .three_col_bottom .referral_code .code input {
    font-size: 12px;
  }
}

@media only screen and (min-width: 1600px) {
  .referral_codes_section .three_col_bottom .referral_code .code input {
    font-size: 12px;
  }
}

@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) {
  .referral_codes_section .three_col_bottom .referral_code .code input {
    font-size: 10px;
  }
}

@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) {
  .referral_codes_section .three_col_bottom .referral_code .code input {
    font-size: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .referral_codes_section .three_col_bottom .referral_code .code input {
    font-size: 10px;
  }
}

.referral_codes_section .three_col_bottom .referral_code .code input.tag {
  font-family: "owners-wide", sans-serif;
  line-height: 1.1;
  font-weight: 100;
}

.referral_codes_section .three_col_bottom .referral_code .code input.small_title {
  color: #A8A8A8;
}

.referral_codes_section .three_col_bottom .referral_code .code p#copyMessage {
  display: block;
  margin-top: 1rem;
  opacity: 0;
  color: #171717;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.referral_codes_section .three_col_bottom .referral_code .code p#copyMessage img {
  width: 20px;
  transform: rotate(90deg);
}

.referral_codes_section .three_col_bottom .referral_code .code p#copyMessage.reveal {
  opacity: 1;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

@media only screen and (min-width: 1200px) {
  .referral_codes_section .text_box {
    max-width: 70%;
  }
  .referral_codes_section .three_col_bottom .code {
    display: flex;
    align-items: center;
  }
  .referral_codes_section .three_col_bottom .code p#copyMessage {
    display: flex;
    gap: 6px;
    margin-top: 0;
  }
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_heading {
  margin-top: 20px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap {
  display: grid;
  border-top: solid 1px lightgray;
  margin-top: 8px;
  padding-top: 14px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .image_wrap img {
  aspect-ratio: 4 / 2;
  object-fit: cover;
  border-radius: 10px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body {
  display: flex;
  flex-direction: column;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body h3 {
  line-height: 2.2rem;
  margin-bottom: 20px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body p {
  display: flex;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body .woocommerce-notice {
  margin: 20px 0;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body .where_next {
  margin-top: auto;
  margin-bottom: 10px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body .button_group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 70px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .cart_summary_wrap {
  height: fit-content;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .cart_summary_wrap .woocommerce-order-details__title {
  display: none;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .cart_summary_wrap .item_details_grid {
  display: none;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .cart_summary_wrap .woocommerce-item-details address {
  border: none;
  padding: 0;
  border-radius: 0px;
  border-top: solid 1px lightgray;
  padding-top: 10px;
  margin-top: 8px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .cart_summary_wrap .woocommerce-item-details address h6 {
  font-family: "owners-wide", sans-serif;
  margin-bottom: 8px;
}

.woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .cart_summary_wrap .order_details div {
  display: flex;
  gap: 4px;
}

@media only screen and (min-width: 1200px) {
  .woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .image_wrap img {
    aspect-ratio: 4 / 3.5;
  }
  .woocommerce-order.confirmation .wc_cart_container .wc_cart_wrap .order_confirmation_wrap .confirmed_wrap .body h3 {
    max-width: 72%;
  }
}

.frame_preview {
  padding: 2rem 12rem;
}

.woocommerce-image-gallery .image-gallery-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.woocommerce-image-gallery .empty-gallery {
  text-align: center;
  padding: 40px 0;
}

.woocommerce-image-gallery .image-gallery-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 30px;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 6px;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item .delete-image-form {
  max-height: 20px;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item .delete-image-form .delete-image-btn {
  padding: 0;
  background: none;
  border: none;
  transform: scale(0.7);
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  cursor: pointer;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item .delete-image-form .delete-image-btn svg path {
  fill: #0B292D;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item .delete-image-form .delete-image-btn:hover {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.woocommerce-image-gallery .image-gallery-container .gallery-item .delete-image-form .delete-image-btn:hover svg path {
  fill: #F14D07;
}

@media only screen and (max-width: 768px) {
  .woocommerce-image-gallery .image-gallery-container .gallery-item .delete-image-form {
    max-height: -webkit-fill-available;
  }
}

@media only screen and (min-width: 1200px) {
  .woocommerce-image-gallery .image-gallery-container {
    gap: 20px;
  }
}

.woocommerce-image-gallery .sorting-controls {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.woocommerce-image-gallery .sorting-controls select {
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.woocommerce-image-gallery .loading-spinner {
  font-size: 14px;
  color: #666;
}

.woocommerce-image-gallery .file-info {
  display: flex;
  gap: 10px;
  font-size: 12px;
  color: #666;
  margin-top: 5px;
}

.woocommerce-image-gallery .file-info span {
  background: #f0f0f0;
  padding: 2px 6px;
  border-radius: 3px;
}

.woocommerce-image-gallery .image-gallery-container {
  transition: opacity 0.3s ease;
}

.woocommerce-subscribe #pms_new_subscription-form li.pms-field-type-heading {
  list-style-type: none;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions {
  margin-top: 20px;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan {
  border: solid 1px #A8A8A8;
  border-radius: 6px;
  background: white;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan:hover, .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan.active {
  background: #FFE549;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan .pms-divider {
  margin-left: 6px;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan label {
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 20px;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan label input {
  width: 18px;
  height: 18px;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan .pms-subscription-plan-description {
  display: none;
  font-size: 12px;
  font-style: italic;
  margin: 10px 26px;
  line-height: normal;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions #pms-subscription-plans-discount {
  display: flex;
  align-items: center;
  gap: 10px;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions #pms-subscription-plans-discount #pms_subscription_plans_discount_code {
  width: auto;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan-auto-renew {
  font-size: 14px;
  margin-top: 30px;
}

.woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan-auto-renew input {
  width: 20px;
  height: 20px;
}

@media only screen and (min-width: 1200px) {
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan label {
    padding: 20px;
    font-size: 20px;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan label input {
    width: 20px;
    height: 20px;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan:first-child {
    grid-row: 1;
    grid-column: 3;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan:nth-child(3) {
    grid-row: 1;
    grid-column: 1;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan .pms-subscription-plan-description {
    display: block;
  }
  .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions .pms-subscription-plan-auto-renew, .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions #pms-paygates-wrapper, .woocommerce-subscribe #pms_new_subscription-form .pms-field-subscriptions #pms-subscription-plans-discount {
    grid-column: 1 / span 3;
  }
  .woocommerce-subscribe #pms_new_subscription-form #pms-stripe-payment-elements {
    padding: 12px;
  }
}

#add_payment_method #payment {
  background-color: #FFFFFF;
}

#add_payment_method #payment .input-radio {
  display: none;
}

#add_payment_method #payment div.payment_box {
  margin-top: 30px;
}

.woocommerce-my-account-image-details #add-selected-to-cart {
  margin-bottom: 10px;
  opacity: 0.4;
}

.woocommerce-my-account-image-details #add-selected-to-cart.active {
  opacity: 1;
}

.woocommerce-my-account-image-details #add-items-message {
  font-style: italic;
  color: #A8A8A8;
  margin-bottom: 2rem;
  opacity: 0;
}

.woocommerce-my-account-image-details #add-items-message.active {
  opacity: 1;
}