/*!
* WS Starter
* Designed by LRS Web Solutions (http://lrswebsolutions.com)\r
*
* Visit http://lrswebsolutions.com
*/
/*
 * ============================================================================
 * Abstracts Index
 * Purpose: Global tokens, helpers, and design-system primitives.
 * ============================================================================
 */
/* Core tokens and utilities */
/*
  SCSS Variables
*/
/* Toggle for desktop navigation layout:
    true = enable desktop-specific nav styles (e.g., horizontal layout)
    false = keep mobile nav layout across all screen sizes */
/*
  Grid Settings
*/
/*
  Site Width
*/
/*
  Breakpoints
*/
/*
  Functions
*/
:root {
  /*
    Fonts
      - Default font size is generally set to the standard body text font size
  */
  --font_primary: "Blinker", sans-serif;
  --font_secondary: "Blinker", sans-serif;
  --default_line-height: 1.25em;
  --default_text-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  --default_text-shadow: 0 0 1.66667rem 0 rgb(0 0 0 / 15%);
  /*  !! IF YOU UPDATE THIS, ALSO UPDATE IN GULP FILE - LINE 57 */
  --default_font-size: 18PX;
  /*
    Site Standard Colors
      - Add additional colors according to style guide
  */
  --color_primary: rgb(35 79 193 / 100%);
  --color_secondary: rgb(35 79 193 / 100%);
  --color_tertiary: rgb(35 79 193 / 100%);
  --color_gray: rgb(235 236 240 / 100%);
  --color_gray-medium: rgb(64 70 85 / 100%);
  --color_gray-dark: rgb(46 48 54 / 100%);
  --color_link: rgb(35 79 193 / 100%);
  --color_bg-light: rgb(235 236 240 / 100%);
  --color_bg-dark: rgb(46 48 54 / 100%);
  --color_gradient: linear-gradient(98deg, rgb(35 79 193 / 100%) 2.73%, rgb(35 79 193 / 100%) 100%);
  /*
    Header & Footer Colors
  */
  --header-background: #fff;
  --header-text-color: #000;
  --footer-bg-color: #1a1a1a;
  --footer-text-color: #efefef;
  /*
    Navigation & Interaction Colors
  */
  --nav-background: #fff;
  --tab-animated-bg-color-selected: rgb(35 79 193 / 100%);
  --login-bg: rgb(35 79 193 / 100%);
  /*
    Border Settings
      - buttons, boxes, etc..
      - border-width should have caps PX to prevent conversion to REM
  */
  --default_border-radius: 15PX;
  --default_border-width: 2PX;
  --default_active-border-width: 4px;
  --default_active-border-width: 0.22222rem;
  /*
    Other Default Settings
  */
  --default_box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  --default_box-shadow: 0 0 1.66667rem 0 rgb(0 0 0 / 15%);
  --default_active-box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 25%);
  --default_active-box-shadow: 0 0 3.33333rem 0 rgb(0 0 0 / 25%);
  --default_site-width: calc(1920 * 1PX);
  --default_content-width: calc(1600 * 1PX);
  --default_gutter: calc(30px * 1PX);
  --default_gutter: calc(1.66667rem * 1PX);
  --default_button-height: 50px;
  --default_button-height: 2.77778rem;
  --default_site-margin-lg-one-side: calc(120);
  --default_site-margin-sm-one-side: calc(35);
  --default_site-margin-lg: calc(120 * 2PX);
  --default_site-margin-sm: calc(35 * 2PX);
}

@-webkit-keyframes coverZoom {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.24);
            transform: scale(1.24);
  }
}

@keyframes coverZoom {
  0%, 100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.24);
            transform: scale(1.24);
  }
}
@-webkit-keyframes zoomin {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes zoomin {
  from {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes zoomout {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@keyframes zoomout {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}
@keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(720deg);
            transform: rotate(720deg);
  }
}
@-webkit-keyframes spin3 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}
@keyframes spin3 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
            transform: rotate(1080deg);
  }
}
@-webkit-keyframes spin4 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1440deg);
            transform: rotate(1440deg);
  }
}
@keyframes spin4 {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1440deg);
            transform: rotate(1440deg);
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideRight {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes slideLeft {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
/* Layout/system helpers */
/*
  !!Important!!

  These classes should be used sparingly, and generally only in two instances:
    1) By the RTE so the user can modify the content of the site.
    2) Used in a script to be toggled on an element

  With the exception of sr-only (which has a very specific use-case), there is no reason to pile on a bunch of specificity to an element using !importants, or additional classes.

  Questions can be brought up with Senior Front-End Dev
*/
.sr-only {
  position: absolute !important;
  width: 1px !important;
  width: 0.05556rem !important;
  height: 1px !important;
  height: 0.05556rem !important;
  padding: 0 !important;
  margin: -1px !important;
  margin: -0.05556rem !important;
  overflow: hidden !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  clip: rect(0.05556rem, 0.05556rem, 0.05556rem, 0.05556rem) !important;
  color: transparent;
  white-space: nowrap !important;
  border: 0 !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
}
.sr-only:focus, .sr-only:active {
  width: auto !important;
  height: auto !important;
  margin: auto !important;
  overflow: visible !important;
  clip: auto !important;
  color: transparent;
  white-space: normal !important;
  -webkit-clip-path: none !important;
          clip-path: none !important;
}

.hide {
  display: none !important;
}

.show {
  display: initial;
}

.invisible {
  visibility: hidden;
}

.clear {
  display: block;
  clear: both;
}

.clear-after::after {
  content: "";
  display: table;
  clear: both;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.text-left,
.align-left {
  text-align: left;
}

.text-right,
.align-right {
  text-align: right;
}

.text-center,
.align-center {
  text-align: center;
}

.text-justify,
.align-justify {
  text-align: justify;
}

.vertical-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media all and (min-width: 800px) {
  .show-small-only {
    display: none;
  }
}
.show-small-only[data-arx-type=image]::before {
  content: "Show Small Only";
}

@media all and (max-width: 374px) {
  .show-medium-only {
    display: none;
  }
}
@media all and (min-width: 1280px) {
  .show-medium-only {
    display: none;
  }
}
.show-medium-only[data-arx-type=image]::before {
  content: "Show Medium Only";
}

.show-small-only[data-arx-type=image],
.show-medium-only[data-arx-type=image],
.show-large-only[data-arx-type=image],
.show-xlarge-only[data-arx-type=image],
.show-xxlarge-only[data-arx-type=image] {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
  border: 1px dashed #d6e2ff;
  border: 0.05556rem dashed #d6e2ff;
  margin-bottom: 15px;
  margin-bottom: 0.83333rem;
  outline: 2px dashed rgba(0, 88, 251, 0.2);
  outline: 0.11111rem dashed rgba(0, 88, 251, 0.2);
}
.show-small-only[data-arx-type=image]::before,
.show-medium-only[data-arx-type=image]::before,
.show-large-only[data-arx-type=image]::before,
.show-xlarge-only[data-arx-type=image]::before,
.show-xxlarge-only[data-arx-type=image]::before {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 2px;
  padding: 0.11111rem;
  font-size: 12px;
  font-size: 0.66667rem;
  font-weight: bold;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.5);
  border: 1px dashed rgba(0, 88, 251, 0.2);
  border: 0.05556rem dashed rgba(0, 88, 251, 0.2);
  border-top: 0;
  border-right: 0;
}

.show-medium-up {
  display: none;
}
@media all and (min-width: 800px) {
  .show-medium-up {
    display: block;
  }
}
.show-medium-up[data-arx-type=image]::before {
  content: "Show Medium Up";
}

.show-large-up {
  display: none;
}
@media all and (min-width: 1280px) {
  .show-large-up {
    display: block;
  }
}
.show-large-up[data-arx-type=image]::before {
  content: "Show Large Up";
}

.show-xlarge-up {
  display: none;
}
@media all and (min-width: 1440px) {
  .show-xlarge-up {
    display: block;
  }
}
.show-xlarge-up[data-arx-type=image]::before {
  content: "Show X-Large Up";
}

.show-xxlarge-up {
  display: none;
}
@media all and (min-width: 1920px) {
  .show-xxlarge-up {
    display: block;
  }
}
.show-xxlarge-up[data-arx-type=image]::before {
  content: "Show XX-Large Up";
}

.show-medium-up[data-arx-type=image],
.show-large-up[data-arx-type=image],
.show-xlarge-up[data-arx-type=image],
.show-xxlarge-up[data-arx-type=image] {
  position: relative;
  width: 100%;
  max-width: 100% !important;
  overflow: hidden;
  border: 1px dashed #d6e2ff;
  border: 0.05556rem dashed #d6e2ff;
  margin-bottom: 15px;
  margin-bottom: 0.83333rem;
  outline: 2px dashed rgba(0, 88, 251, 0.2);
  outline: 0.11111rem dashed rgba(0, 88, 251, 0.2);
}
.show-medium-up[data-arx-type=image]::before,
.show-large-up[data-arx-type=image]::before,
.show-xlarge-up[data-arx-type=image]::before,
.show-xxlarge-up[data-arx-type=image]::before {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: auto;
  height: auto;
  padding: 2px;
  padding: 0.11111rem;
  font-size: 12px;
  font-size: 0.66667rem;
  font-weight: bold;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.5);
  border: 1px dashed rgba(0, 88, 251, 0.2);
  border: 0.05556rem dashed rgba(0, 88, 251, 0.2);
  border-top: 0;
  border-right: 0;
}

@media all and (max-width: 374px) {
  .hide-small-only {
    display: none;
  }
}
.hide-small-only[data-arx-type=image]::before {
  content: "Hide Small Only";
}

@media all and (min-width: 1280px) {
  .center-vert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
}

@media all and (min-width: 1280px) {
  .orderFirst {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media all and (min-width: 1280px) {
  .order1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media all and (min-width: 1280px) {
  .order2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media all and (min-width: 1280px) {
  .order3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}

@media all and (min-width: 1280px) {
  .order4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4;
  }
}

@media all and (min-width: 1280px) {
  .order5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5;
  }
}

@media all and (min-width: 1280px) {
  .order6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6;
  }
}

@media all and (min-width: 1280px) {
  .orderLast {
    -webkit-box-ordinal-group: 101;
    -webkit-order: 100;
        -ms-flex-order: 100;
            order: 100;
  }
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.align-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.justify-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.justify-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.flex-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.flex-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

/* Homepage */
:root {
  /* TODO: Check variables purpose and use */
  --banner-bg-color: var(--color_background-dark);
  --banner-caption-color: #fff;
  --banner-caption-background: #333;
  --banner-caption-title-color: #fff;
  --banner-caption-link-background-color: #000;
  --banner-caption-link-color: #fff;
  --banner-button-color: #000;
  --banner-button-color-hover: #fff;
  --banner-button-border-color: #fff;
  --banner-button-border-color-hover: #000;
  --banner-button-background-color: #fff;
  --banner-button-background-color-hover: #000;
  --banner-splide-nav-pagination-background: #fff;
  --banner-splide-nav-background: #fff;
}

.banner {
  position: relative;
  background: var(--banner-bg-color);
}
@media all and (min-width: 800px) {
  .banner {
    max-height: 80vh;
    min-height: 800px;
    min-height: 44.44444rem;
  }
}
.banner .mobile-banner-image {
  position: relative;
  z-index: 0;
  display: block !important;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media all and (min-width: 800px) {
  .banner .mobile-banner-image {
    display: none !important;
  }
}
.banner__slide {
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media all and (min-width: 800px) {
  .banner__slide {
    height: 100vw;
    max-height: 800px;
    max-height: 44.44444rem;
  }
}
.banner__slide--overlay-yes::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}
.banner__slide--left-aligned {
  text-align: left;
}
.banner__slide--center-aligned {
  text-align: center;
}
.banner__slide--center-aligned .banner__caption {
  display: block;
  text-align: center;
}
.banner__slide--center-aligned .banner__caption--blurb {
  margin: 0 auto;
}
.banner__slide--right-aligned {
  text-align: right;
}
.banner__video {
  position: relative;
  z-index: -1;
  display: none;
  width: 100%;
  height: 100%;
}
.banner__video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 150vh;
  height: 56.25vw;
  min-width: 100%;
  min-height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.banner__video.show {
  display: block;
}
.banner__caption {
  position: relative;
  bottom: 0;
  z-index: 1;
  width: 100%;
  max-width: 1240px;
  max-width: 68.88889rem;
  padding: 20px 20px 30px;
  padding: 1.11111rem 1.11111rem 1.66667rem;
  color: var(--banner-caption-color);
  background: var(--banner-caption-background);
}
@media all and (min-width: 800px) {
  .banner__caption {
    position: absolute;
    bottom: 15%;
    padding: 0 100px;
    padding: 0 5.55556rem;
    background: transparent;
  }
}
.banner__caption--left {
  right: 0;
  left: 0;
  margin: auto;
}
@media all and (min-width: 800px) {
  .banner__caption--left {
    right: auto;
    margin: 0 40px;
    margin: 0 2.22222rem;
  }
}
.banner__caption--center {
  right: 0;
  left: 0;
  margin: auto;
}
.banner__caption--center-center {
  inset: auto 0;
  margin: auto;
  -webkit-transform: translate(0%, 100%);
      -ms-transform: translate(0%, 100%);
          transform: translate(0%, 100%);
}
.banner__caption--right {
  right: 0;
  left: 0;
  margin: auto;
}
@media all and (min-width: 800px) {
  .banner__caption--right {
    left: auto;
    margin: 0 40px;
    margin: 0 2.22222rem;
  }
}
.banner__caption--right .banner__caption--blurb {
  max-width: 100%;
}
.banner__caption--title {
  font-family: var(--font_primary);
  font-size: 30px;
  font-size: 1.66667rem;
  font-weight: 700;
  font-style: normal;
  line-height: 34px;
  line-height: 1.88889rem;
  color: var(--banner-caption-title-color);
  margin-top: 0;
  margin-bottom: 10px;
  margin-bottom: 0.55556rem;
}
@media all and (min-width: 800px) {
  .banner__caption--title {
    font-size: 45px;
    font-size: 2.5rem;
    line-height: 54px;
    line-height: 3rem;
  }
}
.banner__caption--blurb {
  width: 100%;
  max-width: 800px;
  max-width: 44.44444rem;
  padding: 15px 0 0;
  padding: 0.83333rem 0 0;
  font-family: var(--font_primary);
  font-size: 22px;
  font-size: 1.22222rem;
  font-weight: 400;
  line-height: 30px;
  line-height: 1.66667rem;
  color: var(--banner-caption-color);
}
.banner__caption--link {
  position: relative;
  display: inline-block;
  font-family: var(--font_primary);
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: 700;
  line-height: 30px;
  line-height: 1.66667rem;
  color: var(--banner-caption-link-color);
  text-decoration: none;
  text-transform: uppercase;
  background: transparent;
  padding-top: 5px;
  padding-top: 0.27778rem;
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.banner__caption--link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  height: 0.11111rem;
  background-color: var(--banner-caption-link-background-color);
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.banner__caption--link:hover, .banner__caption--link:focus {
  color: var(--banner-caption-link-color);
  text-decoration: none;
}
.banner__caption--link:hover::after, .banner__caption--link:focus::after {
  width: 100%;
}
.banner__caption--button {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 7px 17px;
  padding: 0.38889rem 0.94444rem;
  font-family: var(--font_primary);
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: 700;
  line-height: 24px;
  line-height: 1.33333rem;
  color: var(--banner-button-color);
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: var(--banner-button-background-color);
  border-radius: 50px;
  border-radius: 2.77778rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 15px;
  margin-top: 0.83333rem;
  -webkit-transition: all 0.33s ease-in-out;
  transition: all 0.33s ease-in-out;
}
.banner__caption--button:hover, .banner__caption--button:focus {
  color: var(--banner-button-color-hover);
  background: var(--banner-button-background-color-hover);
}

.hp-splide__arrows {
  position: absolute;
  bottom: 40px;
  bottom: 2.22222rem;
  z-index: 2;
  width: 100%;
}
@media all and (min-width: 800px) {
  .hp-splide__arrows {
    position: static;
    bottom: auto;
  }
}
.hp-splide__arrows button:hover, .hp-splide__arrows button:focus {
  background-color: var(--banner-splide-nav-background);
  opacity: 1;
}

.hp-splide__pagination {
  bottom: 30px;
  bottom: 1.66667rem;
}
@media all and (min-width: 800px) {
  .hp-splide__pagination {
    bottom: 40px;
    bottom: 2.22222rem;
  }
}

.hp-splide__pagination__page:hover, .hp-splide__pagination__page:focus {
  background-color: var(--banner-splide-nav-pagination-background);
  opacity: 1;
}
.hp-splide__pagination__page.is-active {
  background-color: var(--banner-splide-nav-pagination-background);
}

.hp-testimonial-swiper {
  --swiper-navigation-color: rgb(250 250 250 / 100%);
  --swiper-pagination-color: rgb(118 188 33 / 100%);
  --swiper-pagination-bullet-inactive-color: rgb(118 188 33 / 100%);
  --swiper-pagination-progressbar-bg-color: rgb(118 188 33 / 25%);
  --swiper-navigation-size: 44px;
  --swiper-navigation-size: 2.44444rem;
  --swiper-navigation-sides-offset: 60px;
  --swiper-navigation-sides-offset: 3.33333rem;
  --swiper-pagination-top: 8px;
  --swiper-pagination-top: 0.44444rem;
  --swiper-pagination-bottom: auto;
  --swiper-pagination-progressbar-size: 5px;
  --swiper-pagination-progressbar-size: 0.27778rem;
  position: relative;
  left: 50%;
  width: 100vw;
  height: 500px;
  height: 27.77778rem;
  padding: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-synthesis-weight: none;
  font-synthesis-style: none;
}
.hp-testimonial-swiper .swiper-slide {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
.hp-testimonial-swiper .hp-testimonial-swiper__slide {
  background-color: rgb(26, 26, 26);
}
.hp-testimonial-swiper .hp-testimonial-swiper__image {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: 0;
  width: 120%;
  height: 120%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  opacity: 1;
}
.hp-testimonial-swiper .hp-testimonial-swiper__content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 16px;
  gap: 0.88889rem;
  padding: 70px 30px;
  padding: 3.88889rem 1.66667rem;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.hp-testimonial-swiper .hp-testimonial-swiper__title {
  font-size: 22px;
  font-size: 1.22222rem;
  line-height: 1.15;
  color: rgb(250, 250, 250);
  text-align: left;
}
.hp-testimonial-swiper .hp-testimonial-swiper__cta {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 40px;
  min-height: 2.22222rem;
  padding: 10px 20px;
  padding: 0.55556rem 1.11111rem;
  font-size: 14px;
  font-size: 0.77778rem;
  line-height: 1;
  color: rgb(250, 250, 250);
  text-align: left;
  text-decoration: none;
  border: 2px solid rgb(0, 178, 227);
  border: 0.11111rem solid rgb(0, 178, 227);
  border-radius: 60px;
  border-radius: 3.33333rem;
}
.hp-testimonial-swiper .hp-testimonial-swiper__cta:focus-visible {
  outline: 2px solid rgb(250, 250, 250);
  outline: 0.11111rem solid rgb(250, 250, 250);
  outline-offset: 2px;
  outline-offset: 0.11111rem;
}
.hp-testimonial-swiper .swiper-button-prev::after,
.hp-testimonial-swiper .swiper-button-next::after {
  display: none;
}
.hp-testimonial-swiper .swiper-navigation-icon {
  width: 100%;
  height: 100%;
}
.hp-testimonial-swiper .swiper-button-prev .swiper-navigation-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (width >= 768px) {
  .hp-testimonial-swiper {
    --swiper-navigation-top-offset: 50%;
  }
  .hp-testimonial-swiper .hp-testimonial-swiper__content {
    padding: 70px 60px;
    padding: 3.88889rem 3.33333rem;
  }
  .hp-testimonial-swiper .hp-testimonial-swiper__title {
    font-size: 30px;
    font-size: 1.66667rem;
    line-height: 0.95;
  }
}
@media (width >= 1920px) {
  .hp-testimonial-swiper {
    height: 660px;
    height: 36.66667rem;
  }
  .hp-testimonial-swiper .hp-testimonial-swiper__content {
    padding: 70px 140px;
    padding: 3.88889rem 7.77778rem;
  }
}
.stats-section {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  padding: 65px 60px 95px;
  padding: 3.61111rem 3.33333rem 5.27778rem;
  background: var(--color_primary) url("/themes/Atlas/assets/dist/images/SSGA/stats-bg.webp") no-repeat center center;
  background-size: cover;
}
.stats-section__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0 0 70px;
  margin: 0 0 3.88889rem;
  gap: 40px;
  gap: 2.22222rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.stats-section__block {
  width: 360px;
  width: 20rem;
  padding: 60px 0;
  padding: 3.33333rem 0;
  background: var(--color_bg-dark);
  border: 2px solid var(--color_secondary);
  border: 0.11111rem solid var(--color_secondary);
  border-radius: var(--default_border-radius);
  margin-bottom: 70px;
  margin-bottom: 3.88889rem;
}
.stats-section__block::before {
  content: none;
}
.stats-section__number {
  font-size: 70px;
  font-size: 3.88889rem;
  font-weight: 600;
  line-height: 40px;
  line-height: 2.22222rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 15px;
  margin-bottom: 0.83333rem;
}
.stats-section__label {
  position: relative;
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: 600;
  line-height: 24px;
  line-height: 1.33333rem;
  letter-spacing: 0.96px;
  letter-spacing: 0.05333rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 52px;
  margin-bottom: 2.88889rem;
}
.stats-section__label::after {
  content: "";
  position: absolute;
  bottom: -25px;
  bottom: -1.38889rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 40px;
  width: 2.22222rem;
  height: 2px;
  height: 0.11111rem;
  background: #76BC21;
  border-radius: 10px;
  border-radius: 0.55556rem;
}
.stats-section__description {
  font-size: 18px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 26px;
  line-height: 1.44444rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}
.stats-section__icon {
  width: 100%;
  text-align: center;
  margin-bottom: 35px;
  margin-bottom: 1.94444rem;
}
.stats-section__icon-img {
  width: 110px;
  width: 6.11111rem;
  height: 80px;
  height: 4.44444rem;
}
.stats-section__heading {
  font-size: 44px;
  font-size: 2.44444rem;
  font-weight: 500;
  line-height: 44px;
  line-height: 2.44444rem;
  color: #fff;
  text-align: center;
  text-transform: capitalize;
}
.stats-section__text {
  font-size: 24px;
  font-size: 1.33333rem;
  font-weight: 400;
  line-height: 32px;
  line-height: 1.77778rem;
  color: #fff;
  text-align: center;
}
.stats-section__button {
  text-align: center;
}
.stats-section__button .button {
  text-transform: capitalize;
}

.homepage-intro {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  padding-left: 120px;
  padding-left: 6.66667rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.homepage-intro .column-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15px;
  gap: 0.83333rem;
  max-width: 600px;
  max-width: 33.33333rem;
}
.homepage-intro .column-5 .heading {
  margin-bottom: 0;
}
.homepage-intro .column-5 .heading figure {
  width: 340px;
  width: 18.88889rem;
  max-width: 100%;
  margin: 0;
}
.homepage-intro .column-5 .text {
  margin: 0;
  max-width: 600px;
  max-width: 33.33333rem;
}
.homepage-intro .column-5 > figure {
  margin: 0;
}
.homepage-intro .column-5 > figure .img {
  width: 360px;
  width: 20rem;
  max-width: 100%;
  height: auto;
  display: block;
}
.homepage-intro .column-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  max-width: none;
  -webkit-flex-basis: calc(100% - 565px);
      -ms-flex-preferred-size: calc(100% - 565px);
          flex-basis: calc(100% - 565px);
  -webkit-flex-basis: calc(100% - 31.38889rem);
      -ms-flex-preferred-size: calc(100% - 31.38889rem);
          flex-basis: calc(100% - 31.38889rem);
}
.homepage-intro .column-7 figure {
  max-height: 500px;
  max-height: 27.77778rem;
  max-width: 580px;
  max-width: 32.22222rem;
  margin: 0;
}
.homepage-intro .column-7 figure .img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 1200px) {
  .homepage-intro {
    padding-left: 60px;
    padding-left: 3.33333rem;
  }
}
@media (max-width: 991px) {
  .homepage-intro {
    padding: 0 20px;
    padding: 0 1.11111rem;
    row-gap: 30px;
    row-gap: 1.66667rem;
  }
  .homepage-intro .column-5,
  .homepage-intro .column-7 {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%;
  }
  .homepage-intro .column-7 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .homepage-intro .column-7 figure {
    width: 100%;
    max-width: 580px;
    max-width: 32.22222rem;
    max-height: none;
  }
}
/* Overrides */
/* @forward "_THEME/components/homepage"; */
/*
  SCSS Variables
*/
/* Toggle for desktop navigation layout:
    true = enable desktop-specific nav styles (e.g., horizontal layout)
    false = keep mobile nav layout across all screen sizes */
/*
  Grid Settings
*/
/*
  Site Width
*/
/*
  Breakpoints
*/
/*
  Functions
*/
:root {
  /*
    Fonts
      - Default font size is generally set to the standard body text font size
  */
  --font_primary: "Audrey Text", sans-serif;
  --font_secondary: "Audrey Display", sans-serif;
  --default_line-height: 1.25em;
  --default_text-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  --default_text-shadow: 0 0 1.66667rem 0 rgb(0 0 0 / 15%);
  /*  !! IF YOU UPDATE THIS, ALSO UPDATE IN GULP FILE - LINE 57 :: Default "18" */
  --default_font-size: 18PX;
  /*
    Site Standard Colors
      - Add additional colors according to style guide
  */
  --color_primary: rgb(219 0 7 / 100%);
  --color_secondary: rgb(255 188 13 / 100%);
  --color_tertiary: rgb(203 219 47 / 100%);
  --color_gray: rgb(186 186 191 / 100%);
  --color_gray-medium: rgb(186 186 191 / 100%);
  --color_gray-dark: rgb(0 0 0 / 100%);
  --color_link: rgb(219 0 7 / 100%);
  --color_bg-light: rgb(255 253 233 / 100%);
  --color_bg-dark: rgb(0 0 0 / 100%);
  --color_gradient: linear-gradient(98deg, rgb(219 0 7 / 100%) 2.73%, rgb(219 0 7 / 100%) 100%);
  /*
    Theme Colors
      - Optional additional theme color variables
  */
  --color_aqua: rgb(142 231 248 / 100%);
  --color_lavendar: rgb(208 201 255 / 100%);
  /*
    Header & Footer Colors
  */
  --header-background: rgb(255 253 233 / 100%);
  --header-text-color: rgb(0 0 0 / 100%);
  --footer-bg-color: rgb(208 201 255 / 100%);
  --footer-text-color: rgb(0 0 0 / 100%);
  /*
    Navigation & Interaction Colors
  */
  --nav-background: var(--color_bg-light);
  --tab-animated-bg-color-selected: rgb(219 0 7 / 100%);
  --login-bg: rgb(255 188 13 / 100%);
  /*
    Border Settings
      - buttons, boxes, etc..
      - border-width should have caps PX to prevent conversion to REM
  */
  --default_border-radius: 15px;
  --default_border-radius: 0.83333rem;
  --default_border-width: 2PX;
  --default_active-border-width: 4PX;
  /*
    Other Default Settings
  */
  --default_box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 15%);
  --default_box-shadow: 0 0 1.66667rem 0 rgb(0 0 0 / 15%);
  --default_active-box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 25%);
  --default_active-box-shadow: 0 0 3.33333rem 0 rgb(0 0 0 / 25%);
  --default_site-width: calc(1440 * 1PX);
  --default_content-width: calc(1360 * 1PX);
  --default_gutter: calc(20PX * 1PX);
  --default_button-height: 50PX;
  --default_site-margin-lg-one-side: calc(140);
  --default_site-margin-sm-one-side: calc(30);
  --default_site-margin-lg: calc(140 * 2PX);
  --default_site-margin-sm: calc(30 * 2PX);
}

:root {
  --header-background: var(--color_bg-light);
  --header-dropshadow: none;
}
:root.transparent-nav {
  --header-background: transparent;
  --header-dropshadow: none;
}

.header__container {
  margin-bottom: 60px;
  margin-bottom: 3.33333rem;
}
@media all and (width >= 800px) {
  .header__container {
    margin-bottom: 0;
  }
}

:root {
  --banner-bg-color: #414141;
  --banner-caption-color: #fff;
  --banner-caption-background: #333;
  --banner-caption-title-color: #fff;
  --banner-caption-link-background-color: #000;
  --banner-caption-link-color: #fff;
  --banner-button-color: #000;
  --banner-button-color-hover: #fff;
  --banner-button-border-color: #fff;
  --banner-button-border-color-hover: #000;
  --banner-button-background-color: #fff;
  --banner-button-background-color-hover: #000;
  --banner-splide-nav-pagination-background: #fff;
  --banner-splide-nav-background: #fff;
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-width: 0.55556rem;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-height: 0.55556rem;
  --swiper-pagination-bottom: 18px;
  --swiper-pagination-bottom: 1rem;
  --swiper-pagination-top: auto;
}

.banner-card-section {
  width: 1360px;
  width: 75.55556rem;
  max-width: calc(100% - 60px);
  max-width: calc(100% - 3.33333rem);
  margin: 0 auto;
}

/*  arrow icon shared by event and blog read-more buttons */
.events-list-view {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20PX;
}
@media all and (min-width: 800px) {
  .events-list-view {
    grid-template-columns: 1fr 1fr;
  }
}
.events-list-view .event-month,
.events-list-view .events-category-name {
  display: none;
}
.events-list-view .event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border: none;
  border-radius: 8px;
  border-radius: 0.44444rem;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.11111rem 0.66667rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.11111rem 0.66667rem rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.events-list-view .event .event-image {
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.events-list-view .event .event-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events-list-view .event .event-featured-image {
  display: none;
}
.events-list-view .event .event-classic-view,
.events-list-view .event .event-title,
.events-list-view .event .event-date,
.events-list-view .event .event-location {
  background: #fff;
}
.events-list-view .event .event-title {
  padding: 20px 20px 8px;
  padding: 1.11111rem 1.11111rem 0.44444rem;
  margin: 0;
}
.events-list-view .event .event-title a {
  display: inline-block;
  height: auto;
  max-height: 50px;
  max-height: 2.77778rem;
  overflow: hidden;
  font-size: 20px;
  font-size: 1.11111rem;
  font-weight: 700;
  line-height: 25px;
  line-height: 1.38889rem;
  color: #000;
  text-decoration: none;
  border: 0;
}
.events-list-view .event .event-date,
.events-list-view .event .event-location {
  display: none;
}
.events-list-view .event .event-classic-view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 20px 20px;
  padding: 0 1.11111rem 1.11111rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.events-list-view .event .event-classic-view p {
  max-height: 4.5em;
  margin: 0 0 12px;
  margin: 0 0 0.66667rem;
  overflow: hidden;
  font-size: 15px;
  font-size: 0.83333rem;
  line-height: 1.5;
}
.events-list-view .event .event-read-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 40px;
  min-width: 2.22222rem;
  min-height: 40px;
  min-height: 2.22222rem;
  margin-top: auto;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  font-size: 0;
  text-decoration: none;
}
.events-list-view .event .event-read-more::after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4047 6.52188L13.4783 0.461355C12.8768 -0.153785 11.8304 -0.153785 11.229 0.461355C10.6088 1.09556 10.6088 2.12757 11.229 2.76178L14.7527 6.36556H1.59067C0.713316 6.36556 0 7.09508 0 7.99237C0 8.88967 0.713316 9.61919 1.59067 9.61919H14.7527L11.229 13.223C10.6088 13.8572 10.6088 14.8892 11.229 15.5234C11.5297 15.831 11.9286 16 12.3536 16C12.7786 16 13.1775 15.831 13.4783 15.5234L19.4047 9.46223C19.7881 9.07014 20 8.54842 20 7.99174C20 7.43633 19.7887 6.91397 19.4047 6.52188Z' fill='black'/%3E%3C/svg%3E");
  display: block;
  width: 20px;
  width: 1.11111rem;
  height: 16px;
  height: 0.88889rem;
}

.recent-posts {
  display: grid;
  grid-template-columns: 1fr;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20PX;
}
@media all and (min-width: 800px) {
  .recent-posts {
    grid-template-columns: 1fr 1fr;
  }
}
.recent-posts > h2 {
  display: none;
}
.recent-posts .blog-post {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
  border-radius: 0.44444rem;
  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0.11111rem 0.66667rem rgba(0, 0, 0, 0.1);
          box-shadow: 0 0.11111rem 0.66667rem rgba(0, 0, 0, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.recent-posts .blog-post > a.postItemImg {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  display: block;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
}
.recent-posts .blog-post > a.postItemImg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recent-posts .blog-post > input[type=hidden] {
  display: none;
}
.recent-posts .blog-post > h3 {
  padding: 20px 20px 8px;
  padding: 1.11111rem 1.11111rem 0.44444rem;
  margin: 0;
}
.recent-posts .blog-post > h3 a {
  display: inline-block;
  height: auto;
  max-height: 50px;
  max-height: 2.77778rem;
  overflow: hidden;
  font-size: 20px;
  font-size: 1.11111rem;
  font-weight: 700;
  line-height: 23px;
  line-height: 1.27778rem;
  color: #000;
  text-decoration: none;
  border: 0;
}
.recent-posts .blog-post .blog-meta {
  display: none;
}
.recent-posts .blog-post .blog-summary {
  max-height: 4.5em;
  padding: 0 20px;
  padding: 0 1.11111rem;
  overflow: hidden;
  font-size: 15px;
  font-size: 0.83333rem;
  line-height: 1.5;
  margin-bottom: 12px;
  margin-bottom: 0.66667rem;
}
.recent-posts .blog-post .blog-read-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 0 20px 20px;
  padding: 0 1.11111rem 1.11111rem;
  margin-top: auto;
}
.recent-posts .blog-post .blog-read-more a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 40px;
  min-width: 2.22222rem;
  min-height: 40px;
  min-height: 2.22222rem;
  font-size: 0;
  text-decoration: none;
  border: 0;
}
.recent-posts .blog-post .blog-read-more a::after {
  content: url("data:image/svg+xml,%3Csvg width='20' height='16' viewBox='0 0 20 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.4047 6.52188L13.4783 0.461355C12.8768 -0.153785 11.8304 -0.153785 11.229 0.461355C10.6088 1.09556 10.6088 2.12757 11.229 2.76178L14.7527 6.36556H1.59067C0.713316 6.36556 0 7.09508 0 7.99237C0 8.88967 0.713316 9.61919 1.59067 9.61919H14.7527L11.229 13.223C10.6088 13.8572 10.6088 14.8892 11.229 15.5234C11.5297 15.831 11.9286 16 12.3536 16C12.7786 16 13.1775 15.831 13.4783 15.5234L19.4047 9.46223C19.7881 9.07014 20 8.54842 20 7.99174C20 7.43633 19.7887 6.91397 19.4047 6.52188Z' fill='black'/%3E%3C/svg%3E");
  display: block;
  width: 20px;
  width: 1.11111rem;
  height: 16px;
  height: 0.88889rem;
}

.houses-container {
  width: 1160px;
  width: 64.44444rem;
  max-width: 100%;
  margin: 0 auto;
}
@media all and (width >= 800px) {
  .houses-container {
    max-width: calc(100% - 140px);
    max-width: calc(100% - 7.77778rem);
  }
}
.houses-container .houses-item > a.standard-link {
  display: block;
  height: 315px;
  height: 17.5rem;
  overflow: hidden;
  border: 0;
  border-radius: var(--default_border-radius);
}
.houses-container .houses-item > a.standard-link img.houses {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.houses-container .houses-item > a.standard-link:hover, .houses-container .houses-item > a.standard-link:focus {
  border: 0;
}
.houses-container .houses-item__address + p {
  margin-top: 10px;
  margin-top: 0.55556rem;
  margin-bottom: 25px;
  margin-bottom: 1.38889rem;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 22px;
  line-height: 1.22222rem;
}
.houses-container .houses-item__address + p a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  gap: 0.44444rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  text-decoration: none;
  border: 0;
}
.houses-container .houses-item__address + p a::before {
  content: "";
  display: inline-block;
  width: 16px;
  width: 0.88889rem;
  height: 20px;
  height: 1.11111rem;
  background: no-repeat center;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0368 9.62218L12.4894 9.34114C12.2071 9.31878 11.928 9.41555 11.7164 9.60953L9.27842 11.8427C9.1448 11.9649 8.94287 11.963 8.8115 11.838L5.22998 8.43139C5.09579 8.30363 5.08023 8.09111 5.19419 7.94415L7.41902 5.07853C7.56695 4.88794 7.64754 4.65096 7.64754 4.40703V1.07503C7.64754 0.481334 7.18065 0 6.60449 0H1.04061C0.465698 0 -0.00426658 0.479224 2.92175e-05 1.07651C0.00779662 2.12519 0.0323476 3.51353 0.0859451 4.80086C0.139143 6.07829 0.222012 7.2851 0.351735 7.95365C0.534231 8.89375 0.984141 10.0925 1.5607 11.1895C2.13399 12.2803 2.85848 13.3195 3.61387 13.9033C5.01804 14.9887 7.16449 16.4687 10.0387 16.839C11.982 17.0892 14.3959 16.9992 15.7751 16.8931C16.2964 16.8531 16.6929 16.4173 16.7213 15.8908L16.9984 10.7537C17.0299 10.1699 16.6025 9.66707 16.0368 9.62218Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.houses-container .houses-item__title {
  margin: 16px 0 8px;
  margin: 0.88889rem 0 0.44444rem;
  font-size: 28px;
  font-size: 1.55556rem;
  font-weight: 700;
  line-height: 36px;
  line-height: 2rem;
  color: #000;
}
.houses-container .houses-item__address {
  font-size: 18px;
  font-size: 1rem;
  font-weight: 400;
  font-style: normal;
  line-height: 22px;
  line-height: 1.22222rem;
  color: #000;
}
.houses-container .houses-item__address a {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  gap: 0.44444rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  text-decoration: none;
  border: 0;
}
.houses-container .houses-item__address a::before {
  content: "";
  display: inline-block;
  width: 16px;
  width: 0.88889rem;
  height: 20px;
  height: 1.11111rem;
  background: no-repeat center;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='20' viewBox='0 0 16 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9981 8.08903C15.9981 13.2893 9.4866 20 7.99812 20C6.50989 20 0 13.3451 0 8.08903C0 3.62073 3.58089 0 8.00001 0C12.4191 0 16 3.62073 16 8.08903H15.9981Z' fill='black'/%3E%3Cpath d='M8.00049 11.5422C9.97003 11.5422 11.5667 9.92776 11.5667 7.9363C11.5667 5.94484 9.97003 4.33044 8.00049 4.33044C6.03095 4.33044 4.43433 5.94484 4.43433 7.9363C4.43433 9.92776 6.03095 11.5422 8.00049 11.5422Z' fill='%23FFFDE9'/%3E%3C/svg%3E");
  background-size: contain;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.newsletter-signup {
  position: relative;
  left: 50%;
  width: 100vw;
  padding: 70px 0 90px;
  padding: 3.88889rem 0 5rem;
  background: #ffbc0d;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.newsletter-signup .button {
  margin-top: 35px;
  margin-top: 1.94444rem;
  padding: 0;
}
.newsletter-signup__media, .newsletter-signup__content, .newsletter-signup__form-wrap {
  width: calc(100% - 60px);
  width: calc(100% - 3.33333rem);
  max-width: 1160px;
  max-width: 64.44444rem;
  margin-inline: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (width >= 800px) {
  .newsletter-signup__media, .newsletter-signup__content, .newsletter-signup__form-wrap {
    width: 100%;
  }
}
.newsletter-signup__media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: 90px;
  max-height: 5rem;
  padding: 0;
  overflow: hidden;
  border-radius: var(--default_border-radius);
}
@media all and (width >= 800px) {
  .newsletter-signup__media {
    max-width: calc(100% - 140px);
    max-width: calc(100% - 7.77778rem);
    max-height: 290px;
    max-height: 16.11111rem;
  }
}
.newsletter-signup__image {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: block;
  width: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.newsletter-signup__content {
  padding-top: 30px;
  padding-top: 1.66667rem;
  padding-bottom: 24px;
  padding-bottom: 1.33333rem;
}
@media all and (width >= 800px) {
  .newsletter-signup__content {
    padding-top: 70px;
    padding-top: 3.88889rem;
  }
}
.newsletter-signup__heading {
  margin: 0 0 12px;
  margin: 0 0 0.66667rem;
  font-size: 32px;
  font-size: 1.77778rem;
  font-weight: 700;
  line-height: 40px;
  line-height: 2.22222rem;
  text-transform: capitalize;
}
.newsletter-signup__text {
  margin: 0;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
  line-height: 1.55556rem;
  color: #000;
}
.newsletter-signup__fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  gap: 0.88889rem;
}
@media all and (min-width: 800px) {
  .newsletter-signup__fields {
    gap: 40px;
    gap: 2.22222rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.newsletter-signup__field {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.newsletter-signup__field label {
  display: block;
  margin-bottom: 4px;
  margin-bottom: 0.22222rem;
  font-size: 14px;
  font-size: 0.77778rem;
  font-weight: 600;
}
.newsletter-signup__field input[type=text] {
  width: 100%;
  height: var(--form-input-height);
  padding: 10px 20px;
  padding: 0.55556rem 1.11111rem;
  margin: var(--form-input-margin);
  font-family: var(--font_primary);
  font-size: var(--form-input-font-size);
  color: var(--form-input-text-color);
  background: var(--form-input-bg-color);
  border: var(--form-input-border-size) solid var(--form-input-border-color);
  border-radius: var(--form-input-border-radius);
}
.newsletter-signup__field input[type=text]:hover, .newsletter-signup__field input[type=text]:focus {
  border-color: var(--form-input-border-color-hover);
  outline: 0;
}