@charset "UTF-8";

/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */



@font-face {
  font-family: 'Open Sans';
  src: url('./font/OpenSans-Light.woff2') format('woff2'),
      url('./font/OpenSans-Light.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./font/OpenSans-Regular.woff2') format('woff2'),
      url('./font/OpenSans-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./font/OpenSans-Medium.woff2') format('woff2'),
      url('./font/OpenSans-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./font/OpenSans-SemiBold.woff2') format('woff2'),
      url('./font/OpenSans-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./font/OpenSans-Bold.woff2') format('woff2'),
      url('./font/OpenSans-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('./font/OpenSans-ExtraBold.woff2') format('woff2'),
      url('./font/OpenSans-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* Bitter Fonts */


@font-face {
  font-family: 'Bitter';
  src: url('./font/Bitter-Light.woff2') format('woff2'),
      url('./font/Bitter-Light.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url('./font/Bitter-Regular.woff2') format('woff2'),
      url('./font/Bitter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url('./font/Bitter-Medium.woff2') format('woff2'),
      url('./font/Bitter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url('./font/Bitter-SemiBold.woff2') format('woff2'),
      url('./font/Bitter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url('./font/Bitter-Bold.woff2') format('woff2'),
      url('./font/Bitter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bitter';
  src: url('./font/Bitter-ExtraBold.woff2') format('woff2'),
      url('./font/Bitter-ExtraBold.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}


/* georgia font */

@font-face {
  font-family: 'Georgia';
  src: url('./font/georgia.ttf') format('ttf'),
  url('./font/georgia.otf') format('otf'),
  url('./font/georgia.woff') format('woff'),
      url('./font/georgia.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Georgia';
  src: url('./font/georgiab.ttf') format('ttf'),
  url('./font/georgiab.otf') format('otf'),
  url('./font/georgiab.woff') format('woff'),
      url('./font/georgiab.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}




/* Font-family */

html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  font-family: 'Open Sans', sans-serif;
  /* 2 */
}

/* Root */

*{
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}


:root{
--color-green: #04AA6D;
--color-blue: #007db1;
--light-green: #6cb545;
--color-gray: #7a7a7a;
--dark-gray: #333;
--darker-gray: #585858;
--medium-gray: #474747;
--dull-gray: #383838;
--color-white: #ffffff;
--dull-white: #f9f9f9;
--off-white: #f5f7f8;
--white-grey: #fafbfb;
--light-grey: #9c9c9c;
--transparent-bg: #ffffff80;
--fade-grey: #fbfcfc;
--color-red: #ff0000;
}


/* Sections
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 82%;
}

abbr[title] {
  border-bottom: 1px dotted #d1d1d1;
  cursor: help
}

b,strong {
  font-weight: 700
}

em,i {
  font-style: italic
}

mark {
  background: #f0f0f0;
  color: #000
}

small,.small {
  font-size: 12px
}

hr {
  border: 0;
  border-top: 1px solid #d1d1d1;
  margin-bottom: 20px;
  margin-top: 20px
}

sub,sup {
  font-size: 71.42857143000001%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

dfn {
  font-style: italic
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/**
 * Base styles that aim to normalize fonts, and display of elements
 * across browsers, and make writing further styles easier.
 */

/* Set font and clear body padding */

html,
button,
input,
select,
textarea {
  font-family: "Roboto", sans-serif;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 21px;
  line-height: 32px;
  min-width: 320px;
  margin: 0;
  color: #333d47;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}

body.lock-scroll {
  overflow: hidden;
}

body.overlayed {
  position: relative;
}

body.overlayed:before {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9;
  content: '';
  display: block;
  position: absolute;
}

/* Setting sizes is much more predictable with border-box */

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

figure {
  margin: 0;
}

/* Make all images responsive */

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Make inputs on iOS look normal */

input {
  -webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

/* Custom List Styles */

ol {
  margin: 0 0 16px;
  padding: 0;
  counter-reset: item;
}

ol li {
  position: relative;
  display: block;
  margin: 0 0 16px;
  padding: 0 0 0 20px;
}

ol li li {
  margin: 0;
  padding: 0 0 0 35px;
}

ol li:before {
  font-size: 17px;
  position: absolute;
  left: 0;
  content: counters(item, ".") " ";
  counter-increment: item;
}

ul:not([class]) {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}

ul:not([class]) li {
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 0 20px;
}

ul:not([class]) li:last-child {
  margin: 0;
}

ul:not([class]) li:before {
  position: absolute;
  top: 13px;
  left: 1px;
  display: block;
  width: 5px;
  height: 5px;
  content: '';
  border: 1px solid #333d47;
  border-radius: 50%;
  background: #333d47;
}

ul:not([class]) li li {
  margin: 0;
}

ul:not([class]) li li:before {
  left: 4px;
  background: transparent;
}

ul:not([class]) li ul {
  margin: 0;
}

.list-small {
	list-style: none;
	padding-left: 20px;
}

.list-small li {
	font-size: 16px;
	position: relative;
	margin-bottom: 4px;
}

.list-small li:before {
	content: "\25AA";
	position: absolute;
	left: -20px;
	top: 50%;
  transform: translateY(-50%);
	color: #007db1;
	font-size: 26px;
	line-height: 0;
}

/* Normalize links across browsers */

a {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  text-decoration: none;
  color: #007db1;
}



a img {
  border: 0;
}

a:focus,
a:hover {
  text-decoration: none;
  color: #004765;
}

.page-content a:focus:not([class]),
.page-content
a:hover:not([class]) {
  border-bottom: 1px solid currentColor;
}

.section-title {
  margin: 0 0 39px;
  text-align: center;
}

.tablet-checker {
  display: none;
}

/**
 * WordPress specific base styles.
 */

.gm-style img {
  max-width: none;
}

.media img,
.media video,
.media object,
.media iframe {
  width: 100%;
  height: auto;
}

/* Make WordPress media inserted to post behave correctly */

.alignleft {
  float: left;
  margin: 0 40px 40px 0;
}

.alignright {
  float: right;
  margin: 0 0 40px 40px;
}

.alignnone {
  display: inline-block;
  margin: 40px 0;
}

.aligncenter {
  display: block;
  clear: both;
  margin: 40px auto;
  text-align: center;
}

/* Make a 404 page look nicer and more readable */

.error404 {
  text-align: center;
}

.error404 ul {
  text-align: left;
}

.navigation.pagination {
  clear: both;
}

/* WP navigation menus are lists, but they don't need default list styling */

nav a {
  text-decoration: none;
  color: #333d47;
}

nav a:hover {
  text-decoration: none;
  color: #333d47;
}

nav li {
  display: inline-block;
}

nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text {
  font-size: 15px;
  line-height: 22px;
  padding: 5px 0;
}

/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  line-height: 1;
  color: #37414b;
}

h1,h2,h3 {
	margin-top: 26px;
	margin-bottom: 13px;
}

h4,h5,h6 {
	margin-top: 13px;
	margin-bottom: 13px;
}

h1:only-child,
h2:only-child,
h3:only-child,
h4:only-child,
h5:only-child,
h6:only-child {
  margin: 0;
}

p + h1,
p +
h2,
p +
h3,
p +
h4,
p +
h5,
p +
h6 {
  margin-top: 42px;
}

h1 {
  font-size: 64px;
  margin: 0 0 47px;
}

h2 {
  font-size: 40px;
  line-height: 52px;
}

p + h2 {
  margin-top: 60px;
}

h3 {
  font-size: 30px;
  line-height: 36px;
}

h4 {
  font-size: 23px;
  line-height: .94;
}

p + h4 {
  margin-top: 37px;
}

h5 {
  font-size: 22px;
  line-height: 26px;
  margin: 0 0 15px;
}

p + h5 {
  margin-top: 32px;
}

h6 {
  font-size: 16px;
  line-height: 18px;
  margin: 0 0 15px;
}

p + h6 {
  margin-top: 28px;
}

/* Text Elements */

p {
  margin: 0 0 32px;
  font-size: 17px;
  line-height: 1.5;
  color: var(--color-gray);
}

p ul,
ol + p {
  margin-top: 32px;
}

strong {
  font-weight: 700;
}

/* Horizontal Line */

hr {
  margin: 70px 0;
  border-top: 1px solid #828f9b;
}

::-moz-selection {
  background: #d5d9de;
}

::selection {
  background: #d5d9de;
}

::-moz-selection {
  background: #d5d9de;
}

/* Blocks / Columns Spacing Helpers */

.block-top-spacing {
  padding-top: 71px;
}

.block-bottom-spacing {
  padding-bottom: 71px;
}

.columns-spacing-top {
  padding-top: 40px;
}

.columns-spacing-bottom {
  padding-bottom: 35px;
}

.block-margin-top {
  margin-top: 80px;
}

.block-margin-bottom {
  margin-bottom: 80px;
}

/* Buttons */

.c-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 17px;
  line-height: 1.58;
  border-radius: 2px;
  padding: 6px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  transition-property: transform, opacity, color, background-color, border, border-color, -webkit-transform;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  box-shadow: none;
}

.c-btn-primary {
  color: #fff;
  background-color: #007db1;
  border-color: rgba(255, 255, 255, .2);
}

.c-btn:hover {
  text-decoration: none;
  color: #ffffff;
  background: #cf4240;
}

.c-btn.c-btn-color-alt {
  padding: 23px 15px 21px;
  color: #e84b47;
  border: 2px solid #ffffff;
  background: #ffffff;
}

.c-btn.c-btn-color-alt:hover {
  color: #ffffff;
  background: transparent;
}

.c-btn-wrapper {
  line-height: 16px;
  display: inline-block;
  margin: 7px 0 40px;
}

.c-btn-wrapper:last-child {
  margin-bottom: 0;
}

.c-btn-icon {
  position: absolute;
  top: 0;
  right: 0;
}

.c-btn-secondary {
  position: relative;
  min-width: 0;
  padding: 0 25px 10px 0;
  color: #e84b47;
  border-bottom: 2px solid #e84b47;
  background: transparent;
}

.c-btn-secondary svg * {
  stroke: #e84b47;
}

.c-btn-secondary:hover {
  padding-right: 51px;
  color: #cf4240;
  border-bottom-color: #cf4240;
  background: transparent;
}

.c-btn-secondary:hover svg * {
  stroke: #cf4240;
}

/* Embed Video Styles */

.iframe-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: 0;
  /* margin: 38px auto; */
  padding-bottom: 56.6%;
  background-color: #f5f7f8;
  box-shadow: 0 0 2px rgba(0, 0, 0, .005);
  border: 8px solid #e2e2e2;
}
.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-image img {
    height: 100%;
    min-height: 235px;
}

.iframe-wrapper iframe,
.iframe-wrapper object,
.iframe-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

/* Slider Global */

.slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: border .2s linear;
  transition: border .2s linear;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border: 2px solid #828f9b;
  border-radius: 50%;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.slick-arrow:hover,
.slick-arrow:focus {
  border-color: #58697a;
  outline: none;
}

.slick-arrow:hover:after,
.slick-arrow:focus:after {
  border-color: #58697a;
}

.slick-arrow:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 12px;
  margin-top: 0;
  content: '';
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  border: 2px solid #828f9b;
  border-width: 2px 2px 0 0;
}

.slick-arrow.slick-prev {
  right: 100%;
  left: auto;
  margin-right: 30px;
}

.slick-arrow.slick-prev:after {
  margin-left: 2px;
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
}

.slick-arrow.slick-next {
  right: auto;
  left: 100%;
  margin-left: 30px;
}

.slick-arrow.slick-next:after {
  margin-left: -2px;
}

/* Global Fonts */

.page-content{
  margin-top:80px;
}


.padding-block {
  padding-block: 40px;
}


.head-h1 {
  font-size: 75px;
  line-height: 84px;
}

.head-h2 {
  font-size: 30px;
  line-height: 28.2px;
  text-transform: uppercase;
}

.text {
  font-size: 17px;
  line-height: 25px;
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 17px;
  line-height: 1.58;
  border-radius: 2px;
  padding: 6px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: uppercase;
  z-index: 1;
  position: relative;
  transition-property: transform, opacity, color, background-color, border, border-color, -webkit-transform;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  box-shadow: none;
}

.btn-text {
  font-size: 14px;
  line-height: 1.5;
  border-radius: 2px;
  color: #007db1;
  text-transform: uppercase;
  font-weight: 700;
  padding: 6px 0;
  text-shadow: none;
}

.btn-text i{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 350ms ease;
  transition: -webkit-transform 350ms ease;
  transition: transform 350ms ease;
  transition: transform 350ms ease, -webkit-transform 350ms ease;
  font-size: 12px;
}

.btn-text:hover i{
  -webkit-transform: translate3d(50%, 0, 0);
  transform: translate3d(50%, 0, 0);
}

.btn-text:hover i.fa-angle-double-left{
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}

.link-btn {

  color: #fff;
  background-color: #007db1;
  border-color: rgba(255, 255, 255, .2);
 
}

.link-btn:before,
.link-btn:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    pointer-events: none;
    -webkit-transition: opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
    transition: transform 350ms ease, opacity 150ms ease, background-color 350ms ease;
    transition: transform 350ms ease, opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.link-btn:active:before,
.link-btn:after {
    opacity: .4;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}

.link-btn:active:after,
.link-btn:after {
    opacity: 0;
    -webkit-transform: scale3d(.6, 0, 1);
    transform: scale3d(.6, 0, 1);
    background-color: rgba(255, 255, 255, .6);
}

.link-btn:hover {
    color: #fff;
    background-color: #0084bb;
    border-color: rgba(250, 250, 250, .2);
}

.link-btn:focus:after,
.link-btn:hover:after {
    opacity: .8;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: transparent;
}

.link-btn:focus:before,
.link-btn:hover:before {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: inherit;
}

.btn-secondary{
  color: #fff;
  background-color: #6cb545;
  border-color: rgba(255, 255, 255, .2);
}


.btn-secondary:before,
.btn-secondary:after {
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    pointer-events: none;
    -webkit-transition: opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
    transition: opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
    transition: transform 350ms ease, opacity 150ms ease, background-color 350ms ease;
    transition: transform 350ms ease, opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
    -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
    transition-timing-function: cubic-bezier(.75,0,.125,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn-secondary:active:before,
.btn-secondary:after {
    opacity: .4;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1);
}

.btn-secondary:active:after,
.btn-secondary:after {
    opacity: 0;
    -webkit-transform: scale3d(.6, 0, 1);
    transform: scale3d(.6, 0, 1);
    background-color: rgba(255, 255, 255, .6);
}

.btn-secondary:hover {
    color: #fff;
    background-color: #71ba4a;
    border-color: rgba(250, 250, 250, .2);
}

.btn-secondary:focus:after,
.btn-secondary:hover:after {
    opacity: .8;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: transparent;
}

.btn-secondary:focus:before,
.btn-secondary:hover:before {
    opacity: 0;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: inherit;
}

.bg-off-white{
  background: var(--off-white);
}

.bg-off-grey{
  background: var(--white-grey);
}

.color-grey {
  color: var(--color-gray);
}

.blue-color{
  color: var(--color-blue);
}

.blue-bg{
  background: var(--color-blue);
}

.color-white{
  color: var(--color-white);
}

.light-grey {
  color: var(--light-grey);
}

.color-red{
  color: var(--color-red);
}

.transparent-bg {

    background-color: var(--transparent-bg);

}

/* BASE TABLES */

#page .tablepress-table-name {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 1.5px;
  text-transform: none;
}

#page .tablepress {
  margin-top: -6px;
  margin-bottom: 40px;
}

#page .tablepress caption {
  display: none;
}

#page .tablepress thead th {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  padding: 14px 20px;
  color: #828f9b;
  border: 0;
  background-color: transparent;
}

#page .tablepress thead th:after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  border-bottom: 1px solid #d5d9de;
}

#page .tablepress thead th br {
  display: none;
}

#page .tablepress tbody td {
  font-size: 16px;
  line-height: 20px;
  position: relative;
  padding: 14px 19px;
  color: #333d47;
  border: 0;
}

#page .tablepress tbody td:first-child {
  text-align: left;
}

#page .tablepress tbody td:after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  border-bottom: 1px solid #d5d9de;
}

#page .tablepress tbody tr {
  border-top: 0;
}

#page .tablepress tbody tr:last-child {
  border-bottom: 0;
}

.table-wrapper {
  position: relative;
}

.table-wrapper .tablepress:before {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 0;
  display: none;
  width: 20px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
}

.table-wrapper.has-scroll:before {
  display: block;
}

/* Responsive TABLES */

.leadparagraph {
  font-size: 22px;
  line-height: 1.4;
  font-weight: 400;
  font-style: italic;
  margin-top: 13px;
  margin-bottom: 13px;
}

.highlight-text {
  padding: 3px 0;
  background: #d5d9de;
}

blockquote.alternate,
blockquote {
  font-size: 27px;
  font-weight: 300;
  line-height: 30px;
  position: relative;
  margin: 33.33333333px 0;
  padding: 40px;
  text-align: center;
  background-color: #f5f7f8;
  border: 1px solid #e2e2e2;
  font-family: "Georgia", sans-serif;
}

.quote img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.quote p {
  color: #007db1;
  line-height: 1.4;
  font-style: italic;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 27px;
  line-height: 38px;
  font-family: "Georgia", sans-serif;
}

.quote cite {
  display: block;
  color: #9c9c9c;
  font-size: 14px;
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: .15em;
  margin-top: 6px;
  font-family: sans-serif;
}

blockquote.alternate:not([class]),
blockquote:not([class]) {
  padding: 11px 38px;
}

blockquote.alternate:not([class]) > p:before,
blockquote.alternate:not([class]) > p:after,
blockquote:not([class]) > p:before,
blockquote:not([class]) > p:after {
  display: inline;
}

blockquote.alternate:not([class]) > p:before,
blockquote:not([class]) > p:before {
  position: absolute;
  top: 10px;
  left: 26px;
  content: '“';
}

blockquote.alternate:not([class]) > p:after,
blockquote:not([class]) > p:after {
  content: '”';
}

blockquote.alternate p,
blockquote p {
  margin: 0;
}

blockquote.alternate cite,
blockquote cite {
  font-style: normal;
}

/* blockquote.alternate cite:before,
blockquote.alternate cite:after,
blockquote cite:before,
blockquote cite:after {
  display: inline;
}

blockquote.alternate cite:before,
blockquote cite:before {
  position: absolute;
  top: 10px;
  left: 26px;
  content: '“';
}

blockquote.alternate cite:after,
blockquote cite:after {
  content: '”';
} */

blockquote.alternate .author,
blockquote .author {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  position: absolute;
  bottom: 13px;
  left: 38px;
}

blockquote.alternate .author:before,
blockquote .author:before {
  display: inline;
  margin-right: 4px;
  content: '—';
}

.page-accordion {
  padding: 6px 0 68px;
}

.single-accordion {
  padding: 0 0 24px;
  border-top: 1px solid #828f9b;
}

.single-accordion:last-of-type {
  border-bottom: 1px solid #828f9b;
}

.single-accordion p {
  margin: 0;
}

.single-accordion.active .single-accordion__title:after {
  margin-top: 9px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.single-accordion__content {
  display: none;
  padding: 0 45px 17px 20px;
}

.single-accordion__title {
  font-weight: 600;
  position: relative;
  display: block;
  padding: 43px 20px 20px;
  cursor: pointer;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  letter-spacing: 0;
}

.single-accordion__title h4 {
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
}

.single-accordion__title:hover {
  color: #e84b47;
}

.single-accordion__title:hover h4 {
  color: #e84b47;
}

.single-accordion__title:hover:after {
  border-color: #e84b47;
}

.single-accordion__title:after {
  position: absolute;
  top: 50%;
  right: 22px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: 4px;
  content: '';
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border: 2px solid #58697a;
  border-width: 2px 2px 0 0;
}

.page-fullwidth-image {
  padding: 38px 0 74px;
}

.page-fullwidth-image__wrapper:before,
.page-fullwidth-image__wrapper:after {
  content: '';
  display: table;
}

.page-fullwidth-image__wrapper:after {
  clear: both;
}

.page-fullwidth-image__wrapper img {
  width: 100%;
  margin: 0;
}

.content-image__align-left,
.content-image__align-right {
  width: 50%;
}

.content-image__align-left {
  float: left;
}

.content-image__align-left.spacing-normal {
  padding-right: 15px;
}

.content-image__align-right {
  float: right;
}

.content-image__align-right.spacing-normal {
  padding-left: 15px;
}

.content-image img {
  width: 100%;
  margin: 0;
}

/* Main Header */

.main-header {
  font-weight: 500;
  background-color: #fafafa;
  z-index: 10;
  position: fixed;
  width: 100%;
  top: 0;
  border-bottom: 1px solid #eee;
}

.main-header__top {
  background: #d5d9de;
}

.main-header__logo {
  display: inline-block;
  max-width: 200px;
  height: 40px;
  margin-top: 10px;
}

.featureLine p {
    color: white;
    font-size: 14px;
    margin: 6px 0 0 0;
}

.main-header__wrapper {
  width: 100%;
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 15px;
  padding-top: 10px;
}

.main-header__nav {
  font-size: 16px;
  line-height: 18px;
  position: static;
}

.main-header__nav .highlight-text {
  padding: 0;
}

.main-header__nav li {
  padding: 0 7px;
}

.main-header__nav > .menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.main-header__nav > .menu > li {
  padding: 55px 0;
}

.main-header__nav a {
  position: relative;
  display: inline-block;
  color: #333d47;
}

.main-header__nav a:before {
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  display: block;
  height: 2px;
  content: '';
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
  background: transparent;
}

.main-header__nav a:focus {
  color: currentColor;
}

.main-header__nav a:hover {
  color: currentColor;
}

.main-header__nav a:hover:before {
  background: #e84b47;
}

.main-header__subnav {
  font-size: 12px;
  line-height: 14px;
  padding: 17px 0;
  text-align: right;
}

.main-header__subnav li {
  margin-right: 15px;
}

.main-header__subnav li:last-child {
  margin-right: 0;
}

.main-header__subnav a:hover {
  color: #58697a;
}

.main-header__right {
  text-align: right;
}

.main-header .main-header__left .main-header__logo svg {
  width: 100%;
  height: 100%;
}

/* Mega Menu */

.mega-menu-wrapper {
  position: absolute;
  z-index: -999;
  top: 100%;
  left: 0;
  visibility: hidden;
  width: 100%;
  padding-top: 33px;
  padding-bottom: 15px;
  border-top: 1px solid #ebebeb;
  background: transparent;
}

.mega-menu-wrapper li {
  display: block;
  padding: 0 0 15px 0;
}

.mega-menu-wrapper li.current-menu-item > a {
  color: #e84b47;
}

.mega-menu-wrapper a {
  font-weight: bold;
  visibility: hidden;
  padding: 0;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 0;
  color: #333d47;
}

.mega-menu-wrapper a.active {
  visibility: visible;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}

.mega-menu-wrapper a:hover {
  -webkit-transition: color .1s;
  transition: color .1s;
  color: #333d47;
}

.mega-menu-wrapper h1,
.mega-menu-wrapper h2,
.mega-menu-wrapper h3,
.mega-menu-wrapper h4,
.mega-menu-wrapper h5,
.mega-menu-wrapper h6,
.mega-menu-wrapper p,
.mega-menu-wrapper blockquote {
  visibility: hidden;
  -webkit-transition: none;
  transition: none;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
  opacity: 0;
}

.mega-menu-wrapper h1.active,
.mega-menu-wrapper h2.active,
.mega-menu-wrapper h3.active,
.mega-menu-wrapper h4.active,
.mega-menu-wrapper h5.active,
.mega-menu-wrapper h6.active,
.mega-menu-wrapper p.active,
.mega-menu-wrapper blockquote.active {
  visibility: visible;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 1;
}

.mega-menu-wrapper.active {
  z-index: 999;
  visibility: visible;
}

.mega-menu-wrapper.active a {
  -webkit-transform: none;
          transform: none;
}

.mega-menu-wrapper .sub-menu {
  margin: 20px 0 15px;
}

.mega-menu-wrapper .sub-menu li {
  padding-bottom: 15px;
  padding-left: 0;
}

.mega-menu-wrapper .sub-menu li:last-child {
  padding-bottom: 0;
}

.mega-menu-wrapper .sub-menu a {
  font-family: #d5d9de;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}

.mega-menu-background {
  position: absolute;
  z-index: 998;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
}

.main-header__nav > .menu > .menu-item-has-children .sub-menu {
  position: absolute;
  top: 100%;
  flex-direction: column;
  background: #FFF;
  display: none;
}

/*.login-createaccount {
    border-top: 2px solid #c1c1c1;
}*/

.main-header__nav > .menu > .menu-item-has-children.show .sub-menu {
  display: flex;
}

.main-header__nav > .menu > .menu-item-has-children .sub-menu li:hover {
  background: #f7f7f7;
}

.main-header__nav > .menu > .menu-item-has-children .sub-menu li > a {
  padding: 15px 20px;
  display: block;
  text-transform: capitalize;
}

.main-header__nav > .menu > .menu-item-has-children .sub-menu li > a:hover:before {
  width: calc(100% - 20px);
}

.main-header__nav > .menu > .menu-item-has-children .sub-menu li > a:before {
  width: 0;
  transition: .3s all; 
}

.main-header__nav > .menu > .menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: -3px;
  width: 6px;
  height: 6px;
  margin-top: -4px;
  content: '';
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border: 2px solid #58697a;
  border-width: 2px 2px 0 0;
  display: none;
}

.main-header__nav > .menu > .menu-item-has-children.show > a:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* Main Header Mobile */

.btn-hamburger {
  position: absolute;
  z-index: 9999;
  top: 50%;
  right: 0;
  display: none;
  width: 25px;
  height: 18px;
  margin: -2px 0 0;
  padding: 0;
  cursor: pointer;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border: 0;
  outline: 0;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-hamburger:hover,
.btn-hamburger:focus {
  outline: 0;
}

.btn-hamburger span {
  position: absolute;
  left: 0;
  display: block;
  width: 25px;
  height: 2px;
  -webkit-transition: .45s ease-in-out;
  transition: .45s ease-in-out;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 1;
  border-radius: 9px;
  background: #333d47;
}

.btn-hamburger span:nth-child(1) {
  top: 0;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.btn-hamburger span:nth-child(2) {
  top: 8px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.btn-hamburger span:nth-child(3) {
  top: 16px;
  -webkit-transform-origin: left center;
          transform-origin: left center;
}

.btn-hamburger.open span:nth-child(1) {
  top: -1px;
  left: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.btn-hamburger.open span:nth-child(2) {
  width: 0;
  opacity: 0;
}

.btn-hamburger.open span:nth-child(3) {
  top: 16px;
  left: 2px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}


.call-icon{
  float: right;
  margin-right: 40px;
  border: 0px;
  background: none;
  margin-top: 8px;
  display: none;
  color: #7a7a7a;
}

.main-header__nav-mobile {
  font-size: 18px;
  line-height: 32px;
}

.main-header__nav-mobile .menu > li > a {
  font-weight: 500;
  position: relative;
  padding: 18px 40px 14px;
  padding-inline: 20px;
  font-size: 16px;
}

.main-header__nav-mobile .menu > li > a.open {
  background: #e7e9ec;
}

.main-header__nav-mobile .menu > li > a.open + .sub-menu {
  display: block;
}

.main-header__nav-mobile .menu > li.menu-item-has-children > a:after {
  position: absolute;
  top: 50%;
  right: 45px;
  display: block;
  width: 10px;
  height: 10px;
  margin-top: -6px;
  content: '';
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  border: 2px solid #58697a;
  border-width: 2px 2px 0 0;
}

.main-header__nav-mobile .menu > li.menu-item-has-children > a.open:after {
  margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.main-header__nav-mobile .sub-menu {
  display: none;
  padding: 17px 0 13px;
}

.main-header__nav-mobile .sub-menu li {
  margin: 0 0 15px;
}

.main-header__nav-mobile .sub-menu li:last-child {
  margin: 0;
}

.main-header__nav-mobile .sub-menu a {
  padding: 0 60px;
}

.main-header__nav-mobile a {
  font-weight: 400;
  display: block;
}

.main-header__nav-mobile a:hover,
.main-header__nav-mobile a:focus {
  color: #333d47;
}

.main-header__nav-mobile--wrapper {
  position: fixed;
  z-index: 99;
  right: -100%;
  width: 0;
  opacity: 0;
  top: 126px;
  background: #fafafa;
  left: auto;
  transition: .5s all;
  max-width: 768px;
}

.main-header__nav-mobile--wrapper nav li {
  display: block;
}

.main-header__nav-mobile--wrapper .c-btn {
  font-size: 12px;
  line-height: 15px;
  width: 100%;
}

.main-header__cta-wrapper--mobile {
  padding: 185px 0 0;
}

.main-header__nav > .menu > li {
  padding: 0;
} 

.main-header__nav > .menu > li.desktop-phone-link a {
  pointer-events: none;
}

.main-header__nav > .menu > li a {
  font-size: 14px;
  padding: 18px 6px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--color-gray);
  font-weight: 600;
}

.main-header__right .c-btn-primary {
  background: #04AA6D;
  color: white;
  border-radius: 5px;
  padding: 5px 5px;
  text-decoration: none;
  min-width: auto;
  font-weight: 400;
  letter-spacing: 0;
  display: inline-block;
  font-size: small;
  line-height: 18px;
}


.main-header .main-header__bottom .main-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: flex-end;
}

.main-header__right .c-btn-primary span {
  font-size: 13px;
  font-weight: 700;
}


.page-hero__thumbnail {
  min-height: 464px;
  background-repeat: no-repeat;
}

.page-hero__content {
  padding: 58px 0 47px;
}

.block-tabs {
  overflow: hidden;
}

.block-tabs .section-title {
  margin: 0 0 32px;
  text-align: left;
}

.block-tabs.block-bottom-spacing {
  padding-bottom: 35px;
}

.tabs__link-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tabs__link-list:before,
.tabs__link-list:after {
  content: '';
  display: table;
}

.tabs__link-list:after {
  clear: both;
}

.tabs__link-list-wrapper {
  position: relative;
  border-bottom: 1px solid #d5d9de;
}

.tabs__link-list-wrapper:before {
  position: absolute;
  z-index: 9;
  top: 0;
  right: 0;
  bottom: 6px;
  display: none;
  width: 20px;
  content: '';
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(transparent));
  background-image: linear-gradient(-90deg, rgba(0, 0, 0, 0.1) 0%, transparent 100%);
}

.tabs__link-list-wrapper.has-scroll:before {
  display: block;
}

.tabs__link {
  font-size: 16px;
  font-weight: 600;
  display: block;
  float: left;
}

.tabs__link a {
  position: relative;
  display: block;
  min-width: 160px;
  padding: 3px 20px 3px;
  -webkit-transition: color .2s linear;
  transition: color .2s linear;
  text-align: center;
  text-decoration: none;
  color: #828f9b;
}

.tabs__link a:hover {
  color: #6cb545;
}

.tabs__link a:after {
  position: absolute;
  right: auto;
  bottom: -1px;
  left: 0;
  display: block;
  width: 0;
  height: 3px;
  content: '';
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  background-color: #6cb545;
}

.tabs__link:not(:first-child) a {
  padding-left: 18px;
}

.tabs__link.active a {
  color: var(--color-blue);
}

.tabs__link.active a:after {
  width: 100%;
}

.tabs__tab-content {
  position: static;
  visibility: visible;
  padding: 41px 0 78px;
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
  opacity: 1;
}

.tabs__tab-content-wrapper {
  border-bottom: 1px solid #d5d9de;
  background: #eff0f2;
}

.tabs__tab-content:not(.active) {
  position: absolute;
  visibility: hidden;
  opacity: 0;
}

.tab-head-wrap {
  position: relative;
}

.tab-head-wrap button {
  position: relative;
  display: none;
}

.tab-head-wrap button.tab-prev,
.tab-head-wrap button.tab-next {
  z-index: 5;
  right: 0;
  display: none;
  width: 20px;
  height: 20px;
  margin-top: -2px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: 0;
  background: transparent;
}

.tab-head-wrap button.tab-prev:before,
.tab-head-wrap button.tab-next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border: 2px solid #58697a;
  border-width: 2px 2px 0 0;
}

.tab-head-wrap button.tab-prev:hover:before,
.tab-head-wrap button.tab-next:hover:before {
  opacity: 1;
}

.tab-head-wrap button.tab-prev.disabled,
.tab-head-wrap button.tab-next.disabled {
  cursor: default;
}

.tab-head-wrap button.tab-prev.disabled:before,
.tab-head-wrap button.tab-next.disabled:before {
  opacity: 0;
}

.tab-head-wrap button.tab-next {
  right: -2px;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

.tab-head-wrap button.tab-prev {
  left: -2px;
  -webkit-transform: translate(0, -50%) rotate(-135deg);
          transform: translate(0, -50%) rotate(-135deg);
}

.block-img-comp {
  padding: 70px 15px;
}

.block-img-comp .container-fluid {
  padding: 0 1.04166667vw;
}

.block-img-comp .row {
  margin: 0 -1.04166667vw;
  padding: 0 0 2.22222222vw;
}

.block-img-comp .row:last-child {
  padding: 0;
}

.block-img-comp [class*='col'] {
  padding: 0 1.04166667vw;
}

.block-img-single img {
  display: block;
  width: 100%;
}

.block-img-single.small-top {
  padding-bottom: 2.22222222vw;
}

.block-gallery-slider {
  padding: 27px 0 49px;
}

.bc-gallery__slider {
  padding: 0;
}

.bc-gallery__caption {
  font-size: 14px;
  line-height: 18px;
  padding: 19px 15px;
  text-align: center;
}

.block-gallery-lightbox {
  overflow: hidden;
  padding-top: 27px;
  padding-bottom: 48px;
}

.lightbox-gallery__single-thumb {
  /* padding-bottom: 31px; */
  position: relative;
  display: block;
}

.lightbox-gallery__single-thumb img {
  width: 100%;
}

.lightbox-gallery__gallery-wrapper {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: visible;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  opacity: 1;
  background-color: rgba(0,0,0,.6)
}

.lightbox-gallery__gallery-wrapper .slick-arrow.slick-prev {
  right: auto;
  left: 0;
}

.lightbox-gallery__gallery-wrapper .slick-arrow.slick-next {
  right: 0;
  left: auto;
}

.lightbox-gallery__gallery-wrapper .slick-arrow:hover,
.lightbox-gallery__gallery-wrapper .slick-arrow:focus {
    border-color: #FFF;
}

.lightbox-gallery__gallery-wrapper .slick-arrow:hover:after,
.lightbox-gallery__gallery-wrapper .slick-arrow:focus:after {
    border-color: #FFF;
}

.lightbox-gallery__gallery-wrapper:not(.active) {
  visibility: hidden;
  opacity: 0;
}

.lightbox-gallery__slider {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 65px;
}

.lightbox-gallery__single-slide {
  position: relative;
  height: 100vh;
  padding: 60px 0;
  outline: none;
}

.lightbox-gallery__single-slide.slick-slide {
  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;
}

.lightbox-gallery__single-slide img {
  width: auto;
  max-height: calc(100vh - 120px);
  margin: 0 auto;
}

.lightbox-gallery__slide-image {
  max-height: 100%;
}

.lightbox-gallery__caption {
  font-size: 14px;
  line-height: 18px;
  padding: 19px 15px;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

.lightbox-gallery__close {
  position: absolute;
  z-index: 999;
  top: 21px;
  right: 21px;
  display: block;
  width: 48px;
  height: 48px;
  cursor: pointer;
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 50%;
  background: var(--color-blue);
}


.single-thumb-wrapper:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--color-blue);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  z-index: 1;
  /* font-family: "Font Awesome 6 Free";
  font-weight:900;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color: var(--color-white);
  font-size: 30px; */
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper:hover .lightbox-gallery__single-thumb{
  z-index: 2;
}




.single-thumb-wrapper .lightbox-gallery__single-thumb:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  content: "\f00e";
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  font-family: "Font Awesome 6 Free";
  font-weight:900;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color: var(--color-white);
  font-size: 30px;
  z-index: 999;
}




.single-thumb-wrapper:hover:before {
  visibility: visible;
  opacity: .5;
}

.single-thumb-wrapper .lightbox-gallery__single-thumb:hover:before {
  visibility: visible;
  opacity: .5;
}

.single-thumb-wrapper:hover img {
  filter: blur(14px);
}


.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper {
  position: relative;
  transition: .3s;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
  visibility: hidden;
  opacity: 0;
  z-index: 99;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper:hover .gallery-social-icons {
  visibility:visible;
  opacity:1;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons li .twitter-link:hover {
  background-color: #55acee;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons li .facebook-link:hover {
  background-color: #3b5998;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons li .linkedin-link:hover {
  background-color: #0976b4;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons li .pinterest-link:hover {
  background-color: #bd081c;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons li .new-screen-link:hover {
  background-color: #585858;
}

.block-gallery-lightbox .lightbox-gallery__thumbnails-wrapper .single-thumb-wrapper .gallery-social-icons li .gallery-social-links {
  color: var(--color-white);
  font-size: 16px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s;
}

/* .lightbox-gallery__close:hover {
  background: var(--color-blue);
}

.lightbox-gallery__close:hover:before,
.lightbox-gallery__close:hover:after {
  background: #fff;
} */

.lightbox-gallery__close:after,
.lightbox-gallery__close:before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: '';
  -webkit-transition: background .2s linear;
  transition: background .2s linear;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
}

.lightbox-gallery__close:after {
  width: 2px;
  height: 24px;
}

.lightbox-gallery__close:before {
  width: 24px;
  height: 2px;
}

.block-content-links {
  padding: 70px 0 20px;
}

.block-content-links + .block-content-links {
  padding-top: 0;
}

.block-content-links-text {
  padding-bottom: 35px;
}

.block-content-links-text .content-link {
  margin-bottom: 45px;
  border-bottom: 1px solid #333d47;
}

.block-content-links-text .content-link__title {
  padding: 0 20px 10px;
}

.block-content-links-text .content-link__icon {
  margin-top: -6px;
}

.content-link {
  display: block;
  margin-bottom: 31px;
}

.content-link__title {
  font-weight: 500;
  position: relative;
  margin: 0;
  padding: 12px 20px;
  color: #333d47;
}

.content-link__img-wrapper img {
  width: 100%;
}

.content-link__icon {
  position: absolute;
  top: 50%;
  right: 20px;
  overflow: hidden;
  width: 36px;
  height: 24px;
  -webkit-transition: width .2s linear;
  transition: width .2s linear;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.content-link:hover .content-link__icon {
  width: 48px;
}

.content-link__icon svg {
  position: absolute;
  top: 0;
  right: 0;
}

.content-link__icon svg path {
  fill: #e84b47;
}

.block-content-images {
  background: #eff0f2;
}

.block-content-images.has-container {
  background: transparent;
}

.block-content-images.has-container .row {
  margin: 0;
  background: #eff0f2;
}

.block-content-images.has-container .b-content-images__content-wrapper {
  max-width: 353px;
}

.b-content-images__content-wrapper {
  max-width: 370px;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
  left: 30px;
}

.b-content-images__content-wrapper p {
  margin: 0 0 16px;
}

.b-content-images__image img {
  width: 100%;
}

.b-content-images__col.image-left {
  padding-right: 60px;
  padding-left: 0;
}

.has-container .b-content-images__col.image-left {
  padding-right: 77px;
}

.b-content-images__col.image-right {
  padding-right: 0;
  padding-left: 60px;
}

.has-container .b-content-images__col.image-right {
  padding-left: 77px;
}

.b-content-images__col.content-right .b-content-images__content-wrapper {
  margin: 0 auto;
  left: -30px;
}

.block-cta {
  padding: 64px 0;
  color: #ffffff;
  background: #e84b47;
}

.block-cta h1,
.block-cta h2,
.block-cta h3,
.block-cta h4,
.block-cta h5,
.block-cta h6 {
  color: currentColor;
}

.block-cta__button-wrapper {
  text-align: right;
}

/* Main Footer */

.main-footer__top {
  min-height: 305px;
  background: #58697a;
}

.main-footer__bottom {
  min-height: 80px;
  background: #828f9b;
}
.forgot-password-modal .modal-header .logo-wrapper img {
    width: 100%;
    max-width: 85px;
}
/* Footer Start */

.main-footer {
  padding-block: 40px;
  background-color: var(--dark-gray);
  padding-bottom: 0;
}


.main-footer .footer-box .footer-title {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
}

.main-footer .footer-box .footer-content {
  margin-bottom: 0;
  color: var(--color-white);
  font-size: 14px;
  line-height: 21px;
}

.main-footer .footer-box .social-icons {
  display: flex;
  margin-top: 10px;
}

.main-footer .footer-box.footerForm .footer-links li {
  padding-inline: 15px;
}

.main-footer .footer-box .social-icons li a {
  display: inline-flex;
  font-size: 16px;
  position: relative;
  text-align: center;
  width: 33.33333333px;
  height: 33.33333333px;
  line-height: 1;
  background-color: #f9f9f9;
  color: #383838;
  border-radius: 50%;
  margin-right: 6px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.main-footer .footer-box .social-icons li:nth-child(1) a:hover {
  background-color: #3b5998;
  color: var(--color-white);
}

.main-footer .footer-box .social-icons li:nth-child(2) a:hover {
  background-color: #cd1d25;
  color: var(--color-white);
}

.main-footer .footer-box .social-icons li:nth-child(3) a:hover {
  background-color: #f76b66;
  color: var(--color-white);
}

.main-footer .footer-box .social-icons li:nth-child(4) a:hover {
  background-color: #0976b4;
  color: var(--color-white);
}

.main-footer .footer-box .social-icons li:nth-child(5) a:hover {
  background-color: #3d8901;
}

.main-footer .footer-box .social-icons li:nth-child(6) a:hover {
  background-color: #e52d27;
  color: var(--color-white);
}

.main-footer .footer-box .footer-links .footer-list li {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.main-footer .footer-box .footer-links li a {
  color: #f9f9f9;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  text-decoration: none;
  font-size: 14px;
}

.main-footer .footer-box {
  border-right: 0;
}

.main-footer .footer-box .footer-list {
  display: inline-block;
}

.main-footer .footer-box.footerForm {
  border-left: 1px solid #5b5b5b;
  padding-left: 20px;
}

.main-footer .footer-box.footerLinks {
  border-left: 1px solid #5b5b5b;
  padding-left: 20px;
}

.main-footer .footer-box form input {
  display: block;
  width: 100%;
  padding: 6px 16px;
  line-height: 1.58;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  border-color: #5d5d5d;
  color: #fff;
  background-color: #383838;
  font-size: 14px;
  margin-bottom: 6px;
}

.main-footer .footer-box form input::placeholder {
  color: #fff;
}


.modal.show .modal-dialog {
    width: 100%;
    max-width: 675px;
}

.forgot-password-modal .modal-content {
    min-height: 350px;
    justify-content: space-between;
}

.forgot-password-modal .modal-header .logo-wrapper {
    text-align: center;
}

.main-footer .footer-box form .submit-button {
  width: 100%;
  max-width: 50%;
}

.main-footer .footer-box form .submit-button .formBtn {
 display: inline-block;
 margin-bottom: 0;
 font-weight: 700;
 text-align: center;
 vertical-align: middle;
 -ms-touch-action: manipulation;
 touch-action: manipulation;
 cursor: pointer;
 background-image: none;
 border: 1px solid transparent;
 white-space: nowrap;
 line-height: 1.58;
 border-radius: 2px;
 padding: 6px 16px;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 text-transform: uppercase;
 z-index: 1;
 position: relative;
 -webkit-transition-property: opacity, color, background-color, border, border-color, -webkit-transform;
 transition-property: opacity, color, background-color, border, border-color, -webkit-transform;
 transition-property: transform, opacity, color, background-color, border, border-color;
 transition-property: transform, opacity, color, background-color, border, border-color, -webkit-transform;
 -webkit-transition-duration: 350ms;
 transition-duration: 350ms;
 color: #fff;
 background-color: #474747;
 border-color: rgba(255, 255, 255, .2);
 font-size: 14px;
 /* padding-left: 60px;
 padding-right: 60px; */
 -webkit-appearance: button;
 box-sizing: border-box;
 overflow: visible;
}

.main-footer .footer-box form .submit-button .formBtn:hover {
  color: #fff;
  background-color: #4d4d4d;
  border-color: rgba(250, 250, 250, .2);
}

.main-footer .footer-box form .submit-button .formBtn:before, .main-footer .footer-box form .submit-button .formBtn:after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
  -webkit-transition: opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
  transition: opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
  transition: transform 350ms ease, opacity 150ms ease, background-color 350ms ease;
  transition: transform 350ms ease, opacity 150ms ease, background-color 350ms ease, -webkit-transform 350ms ease;
  -webkit-transition-timing-function: cubic-bezier(.75,0,.125,1);
  transition-timing-function: cubic-bezier(.75,0,.125,1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: .4;
  -webkit-transform: scale3d(1.2, 1.2, 1);
  transform: scale3d(1.2, 1.2, 1);
}

.main-footer .footer-box form .submit-button .formBtn:hover:before {
  opacity: 0;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  background-color: inherit;
  width: 100%;
}

.main-footer .footer-box form .submit-button .formBtn:hover:after {
  opacity: .8;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  background-color: transparent;
}

.main-footer .footer-box form  .wpcf7-response-output {
  color: var(--color-white);
  font-size: 16px;
  line-height: normal;
  margin-top: 0px;
}

.main-footer .footer-text {
  padding-top: 20px;
  padding-bottom: 20px;
}

.main-footer .footer-text p {
  color: #f9f9f9;
  background-color: #333;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, .4);
  font-size: 14px;
  margin-bottom: 0;

}

/* Footer End */

/* HomePage Start */


/* Promise Section */

.about-design h4 {
    color: #7a7a7a !important;
    text-transform: uppercase !important;
}

.builder-promises .image-wrapper {
  display: block;
  text-align: center;
}

.builder-promises .image-wrapper img {
  width: 60px;
  height: 60px;
}

.builder-promises .link-wrapper {
  text-align: center;
}

/* Promise Section End */

/* Wasaur-difference Section Start */

.wasau-homes-diff p {
  margin-bottom: 20px;
}

.wasau-homes-diff .image-wrapper {
  padding-inline: 20px;
}

.wasau-homes-diff .image-wrapper img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

/* Wasaur-difference Section End */

/* Explore Section Start */

.explore-plans .box-wrapper .image-wrapper img {
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
  border: 8px solid #fff;
}

.explore-plans .box-wrapper {
  padding-inline: 30px;
}

.plan-link-wrapper .local-text {
  border: 1px solid #e5e5e5;
  padding: 7px 25px;
  height: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: auto;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  border-radius: 1px;
  font-size: 14px;
  max-height: 36px;
  width: 100%;
  max-width: 275px;
}

.plan-link-wrapper .local-text::placeholder {
  font-style: italic;
}

.plan-link-wrapper .local-text:focus, .plan-link-wrapper .local-text:focus-visible {
  border-color: rgba(0, 125, 177, .5);
  outline: 0;
}

/* Explore Section End */

/* Image With Text Start */

.image-text-section {
  position: relative;
  padding: 10px;
  min-height: 85vh;
  margin-bottom: 150px;
}

.image-text-section .image-bg-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  object-fit: cover;
  z-index: -1;
  height: 85vh;
}

.image-text-section .three-col-box {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
}

.image-text-section .three-col-box .box-wrapper {
  padding: 20px;
  background-color: #595a5c;
  min-height: 280px;
}


/* Image With Text End */

/* Banner Section Start */

.banner-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 100vh;
}

.banner-section .banner-slider .banner-slider-item .banner-content  .banner-content-text {
  max-width: 450px;
  position: relative;
  z-index: 3;
}

.banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text h1 {
  font-size: 51px;
  font-weight: 200;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  line-height: .94;
  margin-bottom: 40px;
}

.banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text p {
  color: #FFF;
  font-size: 17px;
  line-height: 25px;
}

.banner-section .banner-slider .banner-slider-item .main-banner-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  padding: 0;
  z-index: 2;
}

.banner-section .banner-slider .banner-slider-item .main-banner-image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text h1 span {
  display: block;
  font-weight: 700;
}

.banner-section .banner-slider .banner-slider-item {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.banner-section .banner-slider .banner-slider-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 3;
  min-height: 100vh;
}

.banner-section .banner-slider .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  width: 100%;
  z-index: 5;
  list-style: none;
}

.banner-section .banner-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  background: gray;
  border-radius: 50%;
  margin: 0 3px;
  cursor: pointer;
  font-size: 0;
  border: 0;
  outline: 0;
}

.banner-section .banner-slider .slick-dots li.slick-active button {
  background: #3f3f3f;
  cursor: default;
}

/* Banner Section End */


/* Testimonial SLider Start */

.testimonial-wrapper .testimonial-item {
  margin-inline: 2px;
}

.testimonial-wrapper .testimonial-item img {
  width: 100%;
  height: 100%;
  height: 200px;
  object-fit: cover;
}

.testimonial-slider .testimonial-wrapper button {
  border-color: #FFF;
}

.testimonial-slider .testimonial-wrapper button:after {
  border-color: #fff;
}

/* Testimonial SLider End */


/* HomePage End */


/* FAQ  Start*/

.faq-wrapper {
  border-top: 1px solid #e2e2e2;
  margin-top: 26px;
  margin-bottom: 26px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.faq-wrapper:last-child{
  border-bottom: 1px solid #e2e2e2;
}

.faq-wrapper p {
  margin: 0 0 13px;
}

/* FAQ  End*/

/* Steps Page Start*/

.Homebuying-section .image-wrapper {
  min-width: 55px;
  height: 55px;
  display: inline-block;
}

/* Steps Page End*/


/* Floor Plan Start */

.floor-plans-section .top-info {
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e2e2;
}

.floor-plans-section .login-createaccount {
  border-top: 1px solid #e2e2e2;
}

.floor-plans-section .toolbar {
  padding-block: 20px;
}

.floor-plans-section .toolbar p {
  margin-bottom: 0;
}

.floor-plans-section .toolbar p a {
  color: var(--color-blue);
}

.floor-plans-section .floor-plans-wrapper {
  background-color: var(--off-white);
  padding: 40px;
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box {
  height: 100%;
}


.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-box-image {
  position: relative;
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-box-image img {
  height: 335px;
  width: 100%;
  object-fit: cover;
}



.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-box-image .small-image {
  display: inline-block;
  height: auto;
  border: 5px solid var(--color-white);
  -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .4);
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .4);
  max-width: 110px;
  position: absolute;
  bottom: 0;
  right: 40px;
  -webkit-transform: translateY(30%) rotate(-5deg);
  transform: translateY(30%) rotate(-5deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-box-image .small-image img {
  height: auto;
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-content {
  padding: 30px;
  background-color: var(--color-white);
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-content h4 a {
  color: var(--color-gray);
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-content .floor-plans-list li {
  border-bottom: 1px dashed #e2e2e2;
  padding: 6px 0;
  margin-bottom: 6px;
  font-size: 17px;
  color: var(--color-gray);
}

.floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-content .floor-plans-list li i {
  margin-right: 5px;
}

/* Floor Plan End */

/* Building Process Start */

.text-image-section p {
  margin-bottom: 20px;
}

.text-image-section .image-wrapper {
  padding-inline: 20px;
}

.text-image-section .image-wrapper img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  width: 100%;
}

.text-image-section .image-wrapper.rotate-img img{
  transform: rotate(5deg);
  border: 8px solid #fff;
  box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
}

/* Building Process End  */





/* contact us start */

.contact-us{
  padding-block: 80px;
}

.contact-us .contact-side-info h2 {
  font-size: 34px;
  line-height: .94;
  margin-bottom: 13px;
  margin-top: 0;
}

.contact-us .contact-side-info .contact-side-btns {
  display: flex;
  gap:10px;
  margin-bottom: 40px;
}

.contact-us .contact-side-info .contact-side-btns .member-btn {
  background-color: var(--color-green);
}

.contact-us .contact-side-info .by-phone {
  margin-bottom: 40px;
}

.contact-us .contact-side-info .by-mail {
  margin-bottom: 40px;
}

/* contact us end */


/* Blog Start */

.date {
  color: #9c9c9c;
  font-size: 13px;
  line-height: 16px;
}

p:empty {
  margin: 0;
}

.blog-posts-wrapper .blog-post {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e2e2e2;
}

.blog-posts-wrapper .blog-post .btn i {
  font-size: 8px;
}

.blog-posts-wrapper .blog-post .btn {
  font-size: 14px;
}

.blog-side-bar .recent-posts {
  padding-block: 6px;
  border-bottom: 1px dashed #e2e2e2;
}

.blog-side-bar .recent-posts .post-title {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

.blog-side-bar .recent-posts .post-title a:hover {
  color: #7a7a7a;
}


.blog-side-bar .blog-newsletter .newsletter-fields input {
  height: 42px;
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 6px 16px;
  line-height: 1.58;
  color: #7a7a7a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.blog-side-bar .blog-newsletter .newsletter-fields input::placeholder {
  font-style: italic;
}

.blog-side-bar .blog-newsletter .newsletter-fields {
  margin-bottom: 20px;
}

.blog-side-bar .blog-newsletter button {
  width: 100%;
}


.blog-page .pagination .nav-links .page-numbers {
  width: 40px;
  height: 40px;
  display: inline-flex;
  background: transparent;
  color: #000;
  font-size: 14px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  transform: .3s;
  border: 1px solid #eee;
}

.blog-page .pagination .nav-links .page-numbers:hover{
  background: #30bbef;
  color: #fff;
}

.blog-page .pagination .nav-links .page-numbers.current {
  background: #30bbef;
  color: #fff;
}

/* Blog End */



/* find a builder start*/

.find-a-customer .map-wrapper .filter , .find-a-customer .map-wrapper .search {
  padding: 20px;
  background-color: var(--off-white);
}

.find-a-customer .map-wrapper .filter {
  border-right: 1px solid #e2e2e2;
}

.find-a-customer .map-wrapper .filter .dropdown-toggle { 
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 20px;
  font-size: 12px;
  height: 40px;
  color: var(--color-gray);
  background-color: var(--fade-grey);
  border: 0px;
}

.find-a-customer .map-wrapper .search .input-group .form-control {
  background-color: var(--fade-grey);
}

.find-a-customer .map-wrapper .search .input-group .form-control:focus {
  box-shadow:none;
}

.find-a-customer .map-wrapper .search .input-group .form-control::placeholder {
  font-size: 12px;
  color: var(--color-gray);
}

.find-a-customer .map-wrapper .search .input-group button {
      background-color: var(--fade-grey);
      border: 1px solid #dee2e6;
      color: var(--color-gray);
}

.find-a-customer .map-wrapper .search .input-group button:hover {
  color: var(--color-gray);
}


.find-a-customer .builder-accordion-wrapper .accordion .accordion-item {
  margin-bottom: 10px;
  border-radius: 0px !important;
  border: 0px;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-header {
  margin-top: 0px;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button {
  background-color: var(--off-white);
  border-radius: 0px !important;
  padding: 10px 20px;
  color: var(--darker-gray);
  border: 0px;
  justify-content: space-between;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button .builder-count {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  border-radius: 10px;
  background-color: var(--light-grey);
  color: var(--off-white);
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button:focus {
  box-shadow: none;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-header .accordion-button:after{
  display: none;
}


.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-body {
  padding: 30px 0px;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-body .builder-box{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  border-color: #e2e2e2;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-body .builder-box .link-btn.btn {
  font-size: 14px;
  line-height: 21px;
}

.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-body .builder-box .link-btn.contact {
  background-color: transparent;
  color: var(--color-blue);
  border-color: var(--color-blue);
}


.find-a-customer .contact-builder {
  text-align: center;
  padding-block: 40px;
  border: 1px solid #e2e2e2;
  background-color: var(--off-white);
  box-shadow: 0 0 2px rgba(0, 0, 0, .005);
  border-radius: 2px;
  margin-top: 50px;
}


/* find a builder end*/






/* find a builder detail start*/

.find-a-builder-detail .builder-contact-info .builder-social-links {
  display: flex;
}

.find-a-builder-detail .builder-contact-info .builder-social-links li a {
  display: inline-flex;
  font-size: 16px;
  position: relative;
  text-align: center;
  width: 33.33333333px;
  height: 33.33333333px;
  line-height: 1;
  background-color: #f9f9f9;
  border-radius: 50%;
  margin-right: 6px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.find-a-builder-detail .builder-contact-info .builder-social-links li a i.fa-facebook-f {
  color: #3b5998;
}

.find-a-builder-detail .builder-contact-info .builder-social-links li a i.fa-youtube {
  color: #e52d27;
}

/* find a builder detail end*/





/* login page */

.loginsignup-page .loginsignup-form-wrapper {
  background-color: var(--off-white);
}

.loginsignup-page .loginsignup-form-wrapper #registerForm {
  padding: 20px;
  border: 1px solid #eee;
  border-radius: 5px;
}

.loginsignup-page .loginsignup-form-wrapper label {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
}

.loginsignup-page .loginsignup-form-wrapper input[type="email"], .loginsignup-page .loginsignup-form-wrapper input[type="password"] {
  background-color: var(--color-white) !important;
}

.loginsignup-page .loginsignup-form-wrapper input:focus{
  box-shadow: none;
}

.loginsignup-page .loginsignup-form-wrapper .icon-btn {
  background-color: var(--fade-grey);
  color: var(--color-gray);
  border-color: #e7e7e7;
}

.loginsignup-page .loginsignup-form-wrapper .link-btn {
  width: 100%;
}

.loginsignup-page .loginsignup-form-wrapper .seperator {
  text-align: center;
  position: relative;
  z-index: 1;
}

.loginsignup-page .loginsignup-form-wrapper .seperator:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  background-color: #e2e2e2;
  width: 100%;
  height: 1px;
  z-index: -1;
}

.loginsignup-page .loginsignup-form-wrapper .seperator span {
  background-color: var(--off-white);
  padding-inline: 10px;
}




.loginsignup-page .loginsignup-form-wrapper .register-fields {
  display: flex;
  margin-bottom: 16px;
}

.loginsignup-page .loginsignup-form-wrapper .register-fields label {
  display: inline-block;
  width: 28%;
}

.loginsignup-page .loginsignup-form-wrapper .register-fields label .required {
  color: red;
}

.loginsignup-page .loginsignup-form-wrapper .register-fields input {
  width: 72%;
}

.loginsignup-page .loginsignup-form-wrapper h4 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 6px;
  margin-bottom: 26px;
}

.loginsignup-page .loginsignup-form-wrapper .strength-bar {
  height: 10px;
  width: 100%;
  background-color: #e0e0e0;
  border-radius: 5px;
  margin-top: 0.5rem;
  overflow: hidden;
}
.loginsignup-page .loginsignup-form-wrapper .strength-bar .strength-bar-fill {
  height: 100%;
  width: 0%;
  background-color: red;
  transition: width 0.3s, background-color 0.3s;
}
.loginsignup-page .loginsignup-form-wrapper .strength-text {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

/* login page end */


/* contact page form */


.contact-form-wrapper {
  padding: 34px;
  border: 1px solid #e2e2e2;
}

.contact-form-wrapper label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
}

.contact-form-wrapper input::placeholder {
  font-size: 12px;
  font-style: italic;
}

.contact-form-wrapper .form-select {
  font-size: 14px;
  color: var(--color-gray);
}


/* contact page form end*/


/* connect form with dark bg */

.connect-form-section.dark-bg {
  background-color: var(--color-blue);
}

.connect-form-section.dark-bg .contact-form-wrapper {
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
}

.connect-form-section.dark-bg .contact-form-wrapper label {
  color: var(--color-white);
}

.connect-form-section.dark-bg .contact-form-wrapper h3 , .connect-form-section.dark-bg .contact-form-wrapper h6 {
  color: var(--color-white);
}

.connect-form-section.dark-bg .contact-form-wrapper input[type="submit"] {
  font-size: 18px;
  border: 2px solid #fff;
  color: #fff;
  background-color: #6cb545;
  transition: .3s;
}

.connect-form-section.dark-bg .contact-form-wrapper input[type="submit"]:hover {
  border-color: rgba(250, 250, 250, .2);
}

/* connect form with dark bg end*/


/* floor plans detail */

.floor-plans-detail .search-and-filter-wrapper .more-filters .filter-details {
  padding: 0px;
  background-color: var(--off-white);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  height: 0;
}

.floor-plans-detail .search-and-filter-wrapper .more-filters .filter-details.active {
  visibility: visible;
  opacity: 1;
  height: auto;
  padding: 30px;
  margin-bottom: 20px;
}

.floor-plans-detail .search-and-filter-wrapper .more-filters .filter-details .filter-box {
  height: 100%;
  background-color: var(--color-white);
  padding: 30px;
}

.floor-plans-detail .search-and-filter-wrapper .more-filters .filter-details .filter-box .checkbox-inline {
  padding-inline: 20px;
}

.floor-plans-detail .search-and-filter-wrapper .more-filters .filter-details .filter-box .checkbox-inline label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
}

.floor-plans-detail .search-and-filter-wrapper .more-filters .more-filters-btn {
  border: 0;
  font-size: 14px;
  background-color: var(--color-white);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-style: italic;
  color: var(--color-blue);
  margin-bottom: 20px;
}

.floor-plans-detail .search-and-filter-wrapper .more-filters {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.floor-plans-detail .search-and-filter-wrapper .apply-reset {
  display: flex;
  justify-content: center;
  gap: 18px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 2px solid #e2e2e2;
}

.floor-plans-detail .search-and-filter-wrapper .apply-reset .apply-filter {
  width: 100%;
  max-width: 200px;
}

.floor-plans-detail .search-and-filter-wrapper .apply-reset .reset {
  border: 0;
  background-color: transparent;
}

.floor-plans-detail .search-and-filter-wrapper .apply-reset .reset i{
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.floor-plans-detail .search-and-filter-wrapper .apply-reset .reset:hover i{
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

@keyframes spin{
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100%{
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}


.floor-plans-detail .search-and-filter-wrapper .floor-filter-results {
  background-color: var(--off-white);
  padding: 30px;
  position: relative;
}

/* loader css */

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-plan-loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  background-color: #ffffee80;
}

/* loader css end*/

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper .result-filters {
  display: inline-flex;
  width: 35%;
  gap: 6px;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper p {
  margin-bottom: 0;
  width: 65%;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper .result-filters button {
  background-color: var(--fade-grey);
  border-radius: 0.375rem;
}


.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards {
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  height: 100%;
  display: flex;
  flex-direction: column;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content {
  padding: 30px;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content h4 {
  margin-bottom: 0;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content ul li {
  width: 50%;
  font-size: 13px;
  align-items: center;
  color: var(--color-gray);
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content ul {
  display: flex;
  flex-wrap: wrap;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content ul li i {
  margin-right: 8px;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content .plan-code {
  font-size: 13px;
  color: var(--color-gray);
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content .wishlist-btn {
  background-color: var(--fade-grey);
  color: #a94442;
  border: 1px solid #e7e7e7;
}

/* .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content .wishlist-btn svg {
  width: 18px;
  height: 18px;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-cards .floor-content .wishlist-btn svg g {
  fill: #a94442;
} */


.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards {
  flex-direction: row;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-image {
  width: 50%;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-content {
  width: 50%;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-image img {
  height: 100%;
  object-fit: cover;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout .floor-cards .floor-content .subplan-social-icons{
  display: none;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-content .subplan-social-icons{
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 0;
  margin-left: 14px;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-content .subplan-social-icons li a i{
  margin-right: 0;
}

/* .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .column {
  margin-bottom: 20px !important;
} */

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-pagination-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-pagination-wrapper .pagination-item .pagination-link {
  border: 1px solid #e2e2e2;
  width: 35px;
  height: 35px;
  text-align: center;
  border-radius: 0;
  font-size: 14px;
  display: inline-block;
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-pagination-wrapper .pagination-item .pagination-link.active {
  background-color: var(--color-blue);
  color: var(--color-white);
}

.floor-plans-detail .search-and-filter-wrapper .floor-filter-results .floor-pagination-wrapper .pagination-item.next .pagination-link i {
  transform: rotate(180deg);
}

/* .floor-plans-detail .search-and-filter-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.floor-plans-detail .search-and-filter-wrapper #load-more-posts {
  margin-top: 20px;
} */

/* floor plans detail end*/


/* floor plans subdetail */



.floor-plans-subdetail .subplan-details {
  padding: 30px;
  background-color: var(--off-white);
}


.floor-plans-subdetail .subplan-details .subplan-image-slider .slider-item .subplan-image-box img {
  width: 100%;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider .slick-dots {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider .slick-dots li{
  width: 33.33%;
  opacity: .5;
  cursor: pointer;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider .slick-dots li.slick-active {
  opacity: 1;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider .slick-arrow {
  border: 0px;
  margin: 0;
  top: 35%;
  transform: translate(0% , -35%);
  left: -10px;
  z-index: 1;
  transition: .3s;
  visibility: hidden;
  opacity: 0;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider .slick-arrow:after {
  width: 35px;
  height: 35px;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider .slick-arrow.slick-next {
  left: auto;
  right: -10px;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider:hover .slick-arrow {
  visibility: visible;
  opacity: 1;
  left: 30px;
}

.floor-plans-subdetail .subplan-details .subplan-image-slider:hover .slick-arrow.slick-next {
  right: 30px;
  left:auto;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .list-data {
  position: relative;
  display:flex;
  flex-wrap: wrap;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .list-data li {
  width: 50%;
  padding: 3px 0;
  border-bottom: 1px dashed #e2e2e2;
  font-size: 13px;
  color: var(--color-gray);
}

.floor-plans-subdetail .subplan-details .subplan-side-details .add-to-favorities {
  background-color: var(--fade-grey);
  border-color: #e7e7e7;
  padding: 10px 40px;
  color: var(--color-gray);
  margin-bottom: 15px;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .add-to-favorities i {
  color: #a94442;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .plan-modal-btn {
  max-width: 250px;
  padding: 10px;
  background-color: var(--color-white);
  position: relative;
  transition: .3s;
}

p#errorMsg {
    font-size: 9px;
    color: red;
    margin-bottom: 5px;
    position: absolute;
    top: -15px;
    z-index: 99;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .plan-modal-btn img {
  transition: .3s;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .plan-modal-btn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50% , -50%);
  content: "\f00e";
  font-weight: bold;
  font-family: "Font Awesome 6 Free";
  color: var(--color-blue);
  font-size: 40px;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .plan-modal-btn:hover:before {
  visibility: visible;
  opacity: 1;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .plan-modal-btn:hover img {
  opacity: .2;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .modal .modal-content .modal-header .small-title {
  font-size: 12px;
  display: block;
}

.floor-plans-subdetail .subplan-details .subplan-side-details .modal .modal-content .modal-header .btn-close {
  font-size: 14px;
}

.subplan-social-icons {
  display: flex;
}

.subplan-social-icons li a {
  font-size: 14px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--fade-grey);
  border: 1px solid #e7e7e7;
  color: var(--color-gray);
  transition: .3s;
}

.subplan-social-icons li:nth-child(1) a:hover {
  background-color: #55acee;
  color: var(--color-white);
}

.subplan-social-icons li:nth-child(2) a:hover {
  background-color: #3b5998;
  color: var(--color-white);
}

.subplan-social-icons li:nth-child(3) a:hover {
  background-color: #0976b4;
  color: var(--color-white);
}

.subplan-social-icons li:nth-child(4) a:hover {
  background-color: #bd081c;
  color: var(--color-white);
}

.related-floorplans-slider .slider-item .related-floorplans-box figure img {
  width: 100%;
  height: 100%;
}

.related-floorplans-slider .slick-arrow {
  border: 0;
  margin: 0;
}

.related-floorplans-slider .slick-arrow:after {
  width: 28px;
  height: 28px;
}


.related-floorplans-slider .related-floorplans-box {
  position: relative;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: .3s;
}

.related-floorplans-slider .related-floorplans-box figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.related-floorplans-slider .related-floorplans-box h6 {
  margin: 0;
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  position: relative;
  z-index: 1;
  transition: .3s;
}

.related-floorplans-slider .related-floorplans-box:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--color-blue);
  visibility: hidden;
  opacity: 0;
  transition: .3s;
  z-index: 0;
}

.related-floorplans-slider .related-floorplans-box:hover:before {
  visibility: visible;
  opacity: .4;
}

.related-floorplans-slider .related-floorplans-box:hover h6 {
  visibility: visible;
  opacity: 1;
}

.related-floorplans-slider .related-floorplans-box:hover figure {
  filter: blur(10px);
}

/* floor plans subdetail end*/

/* Wish List Start */

.wishlist-section .wishlist-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e2e2;
    padding: 20px 15px;
}

.wishlist-section .wishlist-topbar p {
    margin: 0;
}

.wishlist-grid .checkbox-wrapper {
    display: flex;
    align-items: center;
    padding-top: 33.33333333px;
    padding-bottom: 33.33333333px;
}

.wishlist-grid .checkbox-wrapper input {
    margin: 0px 0 0;
    background: #FFF;
    width: 13px;
    height: 13px;
    border: 1px solid rgb(122, 122, 12);
    border-radius: 3px;
}

.wishlist-grid .checkbox-wrapper label {
    max-width: 100%;
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 400;
    color: #7a7a7a;
    line-height: normal;
    margin-left: 8px;
}

.wishlist-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  margin-bottom: 26px;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  border-color: #e2e2e2;
  position: relative;
}

.wishlist-box .close-wishlist {
  position: absolute;
  top: 10px;
  right: 15px;
  border: 0px;
  background: transparent;
  color: var(--color-gray);
}

.wishlist-box .image-wrapper {
  width: 100%;
  max-width: 50%;
  padding-right: 20px;
}

.wishlist-box .wishlist-content {
  width: 100%;
  max-width: 50%;
  display: flex;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
}

.wishlist-box .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wishlist-box .wishlist-content .content-left .link-btn i {
  font-size: 10px;
}

.wishlist-box .wishlist-content .content-left .link-btn {
  font-size: 14px;
  line-height: 1.5;
}

.wishlist-box .wishlist-content .content-left h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
}

.wishlist-box .wishlist-content .content-left h4 a {
  color: #7a7a7a;
}

.wishlist-box .wishlist-content .content-left p {
  margin: 0 0 13px;
}

.wishlist-box .wishlist-content .content-left p small {
  font-size: 14px;
}

.wishlist-box .wishlist-content .content-right p {
  margin: 0 0 13px;
  font-size: 14px;
}

.wishlist-box .wishlist-content .content-right p small {
  font-size: 14px;
}

.wishlist-box .wishlist-content .content-right .checkbox-wrapper {
  padding-top: 26px;
  padding-bottom: 0;
}

.wishlist-box .wishlist-content .content-right .checkbox-wrapper label {

  text-transform: uppercase;
  z-index: 1;
  transition-property: transform, opacity, color, background-color, border, border-color, -webkit-transform;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 2px;
  padding: 6px 10px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  color: #007db1;
  background-color: transparent;
  border-color: #007db1;
}

.wishlist-box .wishlist-content .content-right .checkbox-wrapper label input {
  margin-right: 5px;
  position: relative;
  top: 1px;
}

/* Wish List End */

/* User Profile Start*/

.userProfile .form-wrapper {
  padding-block: 33.33333333px;
  padding-inline: 40px;
}

.userProfile .form-wrapper .form-heading {
  display: block;
  width: 100%;
  margin-bottom: 26px;
  font-size: 25.5px;
  line-height: inherit;
  color: #585858;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 400;
}

.userProfile .form-wrapper  .form-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
  line-height: 22px;
}

.userProfile .form-wrapper  input {
  border-radius: 0;
  border: 1px solid #e5e5e5;
  padding: 7px 25px;
  height: auto;
}

.userProfile .form-wrapper #userstate {
  border-radius: 0;
  border: 1px solid #e5e5e5;
  padding: 8px 25px;
  height: auto;
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
}

.userProfile .form-wrapper .formButton-wrapper {
  text-align: center;
  margin-top: 20px;
}

.userProfile .form-wrapper .formButton-wrapper .link-btn {
  padding-inline: 50px;
}

.userProfile .form-wrapper .formButton-wrapper .link-btn i {
  margin-left: 7px;
  font-size: 14px;
}

.userProfile .form-wrapper .formButton-wrapper p {
  display: block;
  text-align: center;
  color: #9c9c9c;
  text-transform: lowercase;
  font-style: italic;
  z-index: 2;
  font-size: 14px;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}

.userProfile .form-wrapper .formButton-wrapper p:before, .userProfile .form-wrapper .formButton-wrapper p:after {
  content: '';
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  right: 56%;
  background-color: #e2e2e2;
}

.userProfile .form-wrapper .formButton-wrapper p:before {
  right: 0;
  left: 56%;
}

/* User Profile End */



/* filter css start */

.search-box {
  position: relative;
}

#searchList {
list-style-type: none;
padding: 0;
margin: 0;
border: 1px solid #ccc;
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: var(--color-white);
z-index: 999;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 0.375rem;
max-height: 300px;
overflow-y: scroll;
}


.floor-plans-detail .search-and-filter-wrapper .search-plan .search-box #searchList::-webkit-scrollbar {
  width: 15px;
}

.floor-plans-detail .search-and-filter-wrapper .search-plan .search-box #searchList::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
.floor-plans-detail .search-and-filter-wrapper .search-plan .search-box #searchList::-webkit-scrollbar-thumb {
  background: var(--color-blue); 
  border-radius: 5px;
}

.floor-plans-detail .search-and-filter-wrapper .search-plan .search-box #searchList::-webkit-scrollbar-thumb:hover {
  background: var(--light-green); 
}

.floor-plans-detail .search-and-filter-wrapper .search-plan .search-button {
  border-radius: 0.375rem;
}

.search-box #search_plan {
  /* border-radius: 0px; */
  padding: 7px 12px;
}


#searchList li {
padding: 5px 10px;
cursor: pointer;
margin-bottom:0px;
}

#searchList li a{
text-decoration: none;
color: #333;
display: flex;
font-size:14px;
flex-direction: row-reverse;
justify-content: flex-end;
gap: 10px;
}

#searchList li a img {
  width: 50px;
  height: auto;
}

#searchList li:hover {
background-color: var(--color-blue);
}

#searchList li a:hover {
border-bottom: 0px;
color: var(--color-white);
}

#searchList li:before {
  display: none;
}

#searchList li a span {
  display: block;
}

#searchList li a .plan-name {
  line-height: 16px;
  font-weight: bold;
}

#searchList li a .plan-category {
  font-size: 12px;
  color: var(--color-blue);
}

#searchList li a:hover .plan-category{
  color: var(--color-white);
}

.login-message p {
  margin-bottom: 0;
  color: var(--color-white);
  font-size: 24px;
}

.login-message {
  width: 100%;
  max-width: 350px;
  text-align: center;
  background-color: #04AA6D;
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
  position: fixed;
  right: 0;
  bottom: 0;
}

.ErrorMessage p {
  margin-bottom: 0;
  color: var(--color-white);
  font-size: 24px;
}

.ErrorMessage {
  width: 100%;
  max-width: 468px;
  text-align: center;
  background-color: red;
  padding: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  border-radius: 10px;
  position: fixed;
  right: 0;
  bottom: 0;
}






/* forgot password modal styling */

.forgot-password-modal .modal-header .btn-close {
  font-size: 14px;
}

.forgot-password-modal .modal-content .modal-body {
  padding-block: 30px;
}

.forgot-password-modal .modal-body label {
  margin-bottom: 14px;
  font-size: 18px;
}

.forgot-password-modal .modal-content {
  border-radius: 0px;
}

.forgot-password-modal .modal-content .modal-body input {
  border-radius: 0px;
}

/* forgot password modal styling end*/

/* filter css end */



.main-header .header-top-wrapper {
  background-color: var(--color-blue);
  padding-top: 5px;
}

.main-header .header-top-wrapper .user-login-wrapper a {
  font-size: 14px;
  padding: 5px;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--color-white);
  font-weight: 600;
}


.main-header .header-top-wrapper .user-login-wrapper .user-options {
  padding: 0px;
  background-color: var(--color-white);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  visibility: hidden;
  opacity: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 0;
  transition: .3s;
  z-index: 999;
}

.main-header .header-top-wrapper .user-login-wrapper {
  text-align: left;
  position: relative;
  padding-bottom: 10px;
}

.main-header .header-top-wrapper .user-login-wrapper .user-options li a {
  padding: 0;
  color: var(--color-gray);
}

.main-header .header-top-wrapper .user-login-wrapper:hover .user-options {
  visibility: visible;
  opacity: 1;
  height: auto;
  padding: 12px 20px 12px 20px;
}


/* Builder Detail Landing Start*/

.builder-box-wrapper {
  margin-top: 30px;
}

.builder-box-wrapper .builder-box {
  padding: 30px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  border-color: #e2e2e2;
  height: 100%;
}

.builder-box-wrapper .builder-box h6 {
  font-size: 23px;
  line-height: 24px;
}

.builder-box-wrapper .builder-box h6 small {
  font-size: 16px;
}

.builder-box-wrapper .builder-box p {
  font-size: 17px;
  line-height: 27px;
  margin-bottom: 10px;
}

.builder-box-wrapper .builder-box .builder-box-btns .btn {
  font-size: 14px;
  line-height: 21px;
}

.builder-box-wrapper .builder-box .builder-box-btns .btn.contact {
  color: #007db1;
  background-color: transparent;
  border-color: #007db1;
}

.builder-box-wrapper .builder-box .builder-box-btns .btn i {
  font-size: 10px;
}

/* Builder Detail Landing End */


/* Checkboxes CSS */

.wishlist-grid .checkbox-wrapper .form-check {
  display: flex;
  align-items: center;
  padding: 0;
}

.wishlist-grid .checkbox-wrapper input:checked[type=checkbox] {
  background-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.wishlist-box .wishlist-content .content-right .checkbox-wrapper label input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: #0d6efd;
  border-color: #0d6efd;
}



.site-map .sitmemap-wrapper {
  padding: 33.33333333px;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .005);
  margin-bottom: 33.33333333px;
  background-color: var(--off-white);
}

.site-map .sitmemap-wrapper .sitemap-box .sitemap-list {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.site-map .sitmemap-wrapper .sitemap-box {
  margin-bottom: 6px;
  padding: 6px 0;
  border-bottom: 1px dashed #e2e2e2;
}

/* .site-map .sitmemap-wrapper .sitemap-box .sitemap-list .sitemap-item {
  margin-bottom: 6px;
  padding: 6px 0;
} */

.site-map .sitmemap-wrapper .sitemap-box a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

.site-map .sitmemap-wrapper .sitemap-box a:hover {
  border-bottom: 0px;
}










/*  */
 
@media (min-width:1200px){
  .main-header__wrapper{
    max-width: 1180px;
  }
  .main-header__nav > .menu > li a {
    padding: 18px 5px;
}
}

@media (min-width:1400px){
  .main-header .navbar .navbar-nav li .nav-link {
      font-size: 16px;
      padding: 22px 15px;
      line-height: 25px;
  }

  .main-header .navbar .navbar-nav .header-btn a {
      font-size: 13px;
  }
  .main-header__wrapper{
    max-width: 1320px;
  }
  .main-header__nav > .menu > li a {
    padding: 18px 12px;
}
}

@media (max-width:1440px){
  .image-text-section {
    margin-bottom: 175px;
}


.image-text-section .three-col-box .box-wrapper h3 {
    min-height: 56px;
}

.image-text-section .three-col-box .box-wrapper p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.main-header__nav > .menu > .menu-item-has-children > a:after{
  right: -6px;
}

}


@media (max-width: 1199px) {
  .main-header__nav {
    font-size: 14px;
    line-height: 16px;
  }
  .main-header__nav > .menu > li{
    padding-inline: 0;
  }

  .main-header__nav > .menu > li a {
    font-size: 12px;
  }

  .main-header__right .c-btn-primary span {
      font-size: 12px;
  }

  /*image-text-section reponsive  */

  .image-text-section .three-col-box .box-wrapper p {
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    -webkit-line-clamp: 8;
  }

  .image-text-section .three-col-box .box-wrapper h3 {
      font-size: 24px;
  }

  .image-text-section .three-col-box .box-wrapper {
      min-height: 290px;
  }
  .main-footer .footer-box form .submit-button{
    max-width: 100%;
  }

  /* Testimonail Slider  */

  .testimonial-slider .testimonial-wrapper {
    padding-inline: 20px;
  }

  .testimonial-slider .testimonial-wrapper button {
      margin: 0;
      width: 40px;
      height: 40px;
  }
}

@media (max-width: 991px) {
  .tablet-checker {
    display: block;
  }

  .slick-arrow {
    border: 0;
  }

  .slick-arrow.slick-prev {
    margin-right: 9px;
  }

  .slick-arrow.slick-next {
    margin-left: 9px;
  }

  #page .tablepress-table-name {
    margin-bottom: 19px;
    letter-spacing: 0;
  }

  #page .tablepress {
    position: relative;
    display: block;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    white-space: nowrap;
  }

  #page .tablepress thead {
    display: block;
    float: left;
    min-width: 165px;
  }

  #page .tablepress thead tr {
    display: block;
    border-right: 1px solid #d5d9de;
  }

  #page .tablepress thead th {
    display: block;
  }

  #page .tablepress thead th:after {
    display: none;
  }

  #page .tablepress tbody {
    position: relative;
    display: block;
    overflow-x: auto;
    width: auto;
    white-space: nowrap;
  }

  #page .tablepress tbody tr {
    display: inline-block;
    min-width: 177px;
    vertical-align: top;
    border-right: 1px solid #d5d9de;
  }

  #page .tablepress tbody td {
    display: block;
    padding: 14px 35px;
  }

  #page .tablepress tbody td:after {
    display: none;
  }

  .table-wrapper .tablepress:before {
    display: block;
  }

  .main-header .row {
    margin: 0;
  }

  .main-header__top {
    display: none;
  }

  .main-header__logo {
    max-width: 150px;
  }

  .main-header__wrapper {
    padding: 0 20px;
  }

  .main-header__nav {
    display: none;
  }

  .main-header__right {
    display: none;
  }

  .main-header .main-header__bottom .main-header__right{
    display: none;
  }

  .main-header__left {
    padding: 16px 0;
    position: relative;
  }

  .btn-hamburger {
    display: block;
  }

  .main-header__nav-mobile--wrapper.active {
    left: auto;
    right: 0;
    width: 100%;
    opacity: 1;
  }

  .main-header__subnav {
    text-align: left;
  }

  .main-header__subnav a {
    display: block;
    padding: 9px 40px;
  }

  .main-header__subnav li {
    margin: 0 0 16px;
  }

  .main-header__subnav li:last-child {
    margin: 0;
  }

  .page-hero__thumbnail {
    min-height: 400px;
  }

  .tabs__tab-content {
    padding: 41px 0 78px;
  }

  .block-img-comp {
    padding: 70px 31px;
  }

  .lightbox-gallery__gallery-wrapper .slick-arrow.slick-prev {
    left: -4px;
  }

  .lightbox-gallery__gallery-wrapper .slick-arrow.slick-next {
    right: -4px;
  }

  .lightbox-gallery__slider {
    padding: 0 45px;
  }

  .block-content-images.has-container .b-content-images__content-wrapper {
    max-width: 500px;
  }

  .b-content-images__content-wrapper {
    max-width: 500px;
    margin: 0 auto;
    padding: 146px 0 175px;
    left: auto;
  }

  .b-content-images__col.image-left {
    padding: 0;
  }

  .has-container .b-content-images__col.image-left {
    padding: 0;
  }

  .b-content-images__col.image-right {
    padding: 0;
  }

  .has-container .b-content-images__col.image-right {
    padding: 0;
  }

  .b-content-images__col.content-right .b-content-images__content-wrapper {
    left: auto;
    margin: 0 auto;
  }

  .block-cta {
    text-align: center;
  }

  .block-cta__text-wrapper {
    padding-top: 5px;
    padding-bottom: 39px;
  }

  .block-cta__button-wrapper {
    text-align: center;
  }

  /* footer Responsive*/

    .main-footer .footer-box {
      border-bottom: 1px solid #5b5b5b;
      padding-left: 20px;
      padding-right: 20px;
  }

  .main-footer .footer-box.footerLinks {
      border-bottom: 0;
      border-left: 0;
  }

  .main-footer .footer-box.footerForm {
      border-bottom: 0;
  }

  .main-footer .footer-box.footerForm, .main-footer .footer-box.footerLinks {
      padding-top: 6px;
      padding-bottom: 6px;
  }

  .main-footer .footer-box.footerForm .footer-title, .main-footer .footer-box.footerLinks .footer-title {
      margin-top: 13px;
      margin-bottom: 13px;
  }

  .main-footer .footer-box {
      border-right: 0;
  }

  .main-header__nav-mobile .menu > li {
      border-bottom: 1px solid #efefef;
  }

  /* Global CSS Responsive */



  .head-h2{
    font-size: 26px;
    line-height: 28.2px;
  }


  /*  */

  /* Image-section */

  .image-text-section .three-col-box .box-wrapper {
    min-height: auto;
    margin-bottom: 15px;
    height: 100%;
  }

  .image-text-section .three-col-box {
      transform: translateY(0%);
      position: relative;
      margin-top: 30px;
  }

  .image-text-section .image-text h2 {
      font-size: 52px;
      padding: 15px;
  }

  .image-text-section {
      margin-bottom: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }

  .image-text-section .image-bg-wrapper{
      height: 100%;
  }

  /* .image-text-section .three-col-box .box-wrapper h3 {
      min-height: auto;
  } */

  .banner-section {
    min-height: auto;
    max-height: 420px;
}

.banner-section .banner-slider .banner-slider-item {
        min-height: 420px;
        max-height: 420px;
}

.banner-section .banner-slider .banner-slider-item:before {
        min-height: 420px;
        max-height: 420px;
}

.banner-section .banner-slider .banner-slider-item .main-banner-image {
        min-height: 420px;
        max-height: 420px;
}

.connect-form-section.dark-bg #frm_desc_field_w0bl2 a {
    color: white;
}

.banner-section .banner-slider .slick-dots {
  bottom: 0px;
}

.testimonial-slider .testimonial-wrapper .slick-arrow.slick-next {
  margin: 0;
  right: -10px;
  left: auto;
}

.testimonial-slider .testimonial-wrapper .slick-arrow.slick-prev {
  margin: 0;
  left: -10px;
}

.testimonial-slider .testimonial-wrapper {
  padding-inline: 20px;
}
 
.contact-us .contact-side-info .contact-side-btns{
  flex-wrap:wrap;
}


.call-icon{
  display: block;
}

}

@media only screen and (max-width: 991px) {
  .dataTables_wrapper .cf:after {
    font-size: 0;
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ' ';
  }

  .dataTables_wrapper * html .cf {
    zoom: 1;
  }

  .dataTables_wrapper *:first-child + html .cf {
    zoom: 1;
  }

  .dataTables_wrapper table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
  }

  .dataTables_wrapper th,
  .dataTables_wrapper td {
    margin: 0;
    vertical-align: top;
  }

  .dataTables_wrapper th {
    text-align: left;
  }

  .dataTables_wrapper table {
    position: relative;
    display: block;
    width: 100%;
  }

  .dataTables_wrapper thead {
    display: block;
    float: left;
  }

  .dataTables_wrapper tbody {
    position: relative;
    display: block;
    overflow-x: auto;
    width: auto;
    white-space: nowrap;
  }

  .dataTables_wrapper thead tr {
    display: block;
  }

  .dataTables_wrapper th {
    display: block;
    text-align: right;
  }

  .dataTables_wrapper tbody tr {
    display: inline-block;
    vertical-align: top;
  }

  .dataTables_wrapper td {
    display: block;
    min-height: 1.25em;
    text-align: left;
  }

  /* sort out borders */

  #flip-scroll th {
    border-bottom: 0;
    border-left: 0;
  }

  #flip-scroll td {
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
  }

  #flip-scroll tbody tr {
    border-left: 1px solid #d5d9de;
  }

  #flip-scroll th:last-child,
  #flip-scroll td:last-child {
    border-bottom: 1px solid #d5d9de;
  }


  .featureLine p{
    text-align: center;
    margin-bottom: 10px;
  }
  
  
  .main-header .header-top-wrapper .user-login-wrapper{
    display: none !important;
  }


}

@media (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 24px;
  }

  ol {
    margin: 0 0 14px;
  }

  ol li {
    margin: 0 0 12px;
  }

  ol li li {
    padding: 0 0 0 25px;
  }

  ol li:before {
    font-size: 14px;
  }

  ul:not([class]) {
    margin: 0 0 14px;
  }

  ul:not([class]) li {
    margin: 0 0 12px;
  }

  ul:not([class]) li:before {
    top: 9px;
    left: 0;
    width: 4px;
    height: 4px;
  }

  .section-title {
    margin: 0 0 31px;
  }

  .container {
    max-width: 720px;
    padding: 0 20px;
  }

  .container-fluid {
    padding: 0 20px;
  }

  .row {
    margin: 0 -10px;
  }

  .col-12 {
    padding: 0 20px;
  }

  .alignleft {
    margin: 0 30px 30px 0;
  }

  .alignright {
    margin: 0 0 30px 30px;
  }

  .alignnone {
    margin: 24px 0 30px;
  }

  .aligncenter {
    margin: 30px auto;
  }

  p + h1,
  p +
  h2,
  p +
  h3,
  p +
  h4,
  p +
  h5,
  p +
  h6 {
    margin-top: 35px;
  }

  h1 {
    font-size: 30px;
    margin: 0 0 38px;
  }

  h2 {
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 14px;
  }

  p + h2 {
    margin-top: 44px;
  }

  h3 {
    font-size: 18px;
    line-height: 24px;
  }

  h4 {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
  }

  p + h4 {
    margin-top: 24px;
  }

  p {
    margin: 0 0 24px;
  }

  p ul,
  ol + p {
    margin-top: 24px;
  }

  hr {
    margin: 52px 0;
  }

  .block-top-spacing {
    padding-top: 51px;
  }

  .block-bottom-spacing {
    padding-bottom: 51px;
  }

  .columns-spacing-top {
    padding-top: 28px;
  }

  .columns-spacing-bottom {
    padding-bottom: 25px;
  }

  .block-margin-top {
    margin-top: 60px;
  }

  .block-margin-bottom {
    margin-bottom: 60px;
  }

  .c-btn {
    padding: 16px 15px 15px;
  }

  .c-btn.c-btn-color-alt {
    padding: 14px 15px 13px;
  }

  .c-btn-wrapper {
    margin: 5px 0 31px;
  }

  .c-btn-secondary {
    padding: 0 14px 5px 0;
  }

  /* .iframe-wrapper {
    margin: 31px auto;
  } */

  .slick-arrow {
    width: 20px;
    margin: -21px 0 0;
  }

  .slick-arrow.slick-prev {
    right: auto;
    left: 0;
    margin-right: 0;
    left: -4px;
  }

  .slick-arrow.slick-next {
    right: 0;
    left: auto;
    right: -4px;
    margin-left: 0;
  }

  #page .tablepress thead {
    min-width: 90px;
  }

  #page .tablepress thead th {
    font-size: 12px;
    line-height: 14px;
    padding: 11px 0;
  }

  #page .tablepress tbody tr {
    min-width: 0;
  }

  #page .tablepress tbody td {
    font-size: 12px;
    line-height: 14px;
    padding: 11px 15px;
  }

  .leadparagraph {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 44px;
  }

  blockquote.alternate,
  blockquote {
    font-size: 21px;
    line-height: 24px;
    margin: 40px 0 42px;
    padding: 6px 14px 44px 18px;
  }

  blockquote.alternate:not([class]),
  blockquote:not([class]) {
    padding: 6px 14px 6px 18px;
  }

  blockquote.alternate:not([class]) > p:before,
  blockquote:not([class]) > p:before {
    top: 6px;
    left: 11px;
  }

  blockquote.alternate cite:before,
  blockquote cite:before {
    top: 6px;
    left: 11px;
  }

  blockquote.alternate .author,
  blockquote .author {
    font-size: 14px;
    line-height: 16px;
    bottom: 10px;
    left: 18px;
  }

  .page-accordion {
    padding: 16px 0 52px;
  }

  .single-accordion {
    padding: 0 0 16px;
  }

  .single-accordion.active .single-accordion__title:after {
    margin-top: 5px;
  }

  .single-accordion__content {
    padding: 0 30px 0 10px;
  }

  .single-accordion__title {
    padding: 19px 10px 0;
  }

  .single-accordion__title:after {
    right: 13px;
    margin-top: 0;
  }

  .page-fullwidth-image {
    padding: 29px 0 55px;
  }

  .content-image + .content-image {
    padding-top: 15px;
  }

  .content-image__align-left,
  .content-image__align-right {
    width: 100%;
  }

  .content-image__align-left {
    float: none;
  }

  .content-image__align-left.spacing-normal {
    padding: 0 0 15px;
  }

  .content-image__align-left.spacing-normal:last-child {
    padding: 0;
  }

  .content-image__align-right {
    float: none;
  }

  .content-image__align-right.spacing-normal {
    padding: 0 0 15px;
  }

  .content-image__align-right.spacing-normal:last-child {
    padding: 0;
  }

  .main-header__logo {
    max-width: 100px;
  }

  .main-header__wrapper {
    padding: 0 20px;
  }

  .main-header__left {
    padding: 13px 0;
  }

  .btn-hamburger {
    width: 20px;
    height: 15px;
    margin: 0;
  }

  .btn-hamburger span {
    width: 20px;
  }

  .btn-hamburger span:nth-child(2) {
    top: 6px;
  }

  .btn-hamburger span:nth-child(3) {
    top: 12px;
  }

  .btn-hamburger.open span:nth-child(3) {
    top: 13px;
  }

  .main-header__nav-mobile {
    font-size: 14px;
    line-height: 16px;
  }

  .main-header__nav-mobile .menu > li > a {
    padding: 18px 20px 14px;
  }

  .main-header__nav-mobile .menu > li.menu-item-has-children > a:after {
    right: 26px;
    width: 7px;
    height: 7px;
  }

  .main-header__nav-mobile .sub-menu a {
    padding: 0 25px;
    font-size: 12px;
  }

  .main-header__nav-mobile--wrapper {
   top: 130px;
   max-width: 90%;
  }

  .main-header__subnav {
    padding: 6px 0;
  }

  .main-header__subnav a {
    padding: 9px 20px;
  }

  .main-header__subnav li {
    margin: 0;
  }

  .main-header__cta-wrapper--mobile {
    padding: 0;
  }

  .page-hero__thumbnail {
    min-height: 180px;
  }

  .page-hero__content {
    padding: 47px 0 38px;
  }

  .block-tabs .section-title {
    margin: 0 0 26px;
  }

  .tabs__link-list {
    white-space: nowrap;
  }

  .tabs__link-list-wrapper {
    border-bottom-color: #828f9b;
  }

  .tabs__link {
    font-size: 14px;
    line-height: 18px;
    display: none;
    float: none;
  }

  .tabs__link a:after {
    bottom: -2px;
    height: 2px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }

  .tabs__link.active {
    display: block;
  }

  .tabs__link.active a:after {
    width: 67%;
  }

  .tabs__tab-content {
    padding: 31px 0 58px;
  }

  .tabs__tab-content-wrapper {
    border-bottom-color: #828f9b;
  }

  .tab-head-wrap button {
    position: absolute;
    top: 50%;
    display: block;
  }

  .tab-head-wrap button.tab-prev,
  .tab-head-wrap button.tab-next {
    display: block;
  }

  .block-img-comp {
    padding: 50px 20px 39px;
  }

  .block-img-comp .section-title {
    text-align: left;
  }

  .block-img-comp .container-fluid {
    padding: 0;
  }

  .block-img-comp .row {
    margin: 0;
    padding: 0;
  }

  .block-img-comp [class*='col'] {
    padding: 0 0 12px;
  }

  .block-img-single.small-top {
    padding-bottom: 12px;
  }

  .block-gallery-slider {
    padding: 20px 0 38px;
  }

  .bc-gallery__slider {
    padding: 0 20px;
  }

  .bc-gallery__caption {
    font-size: 12px;
    line-height: 14px;
    padding: 13px 15px;
  }

  .block-gallery-lightbox {
    padding: 20px 0 46px;
  }

  .block-gallery-lightbox .row {
    margin: 0 -8px;
  }

  .lightbox-gallery__single-thumb {
    padding: 0 8px 12px;
  }

  .lightbox-gallery__slider {
    padding: 0 20px;
  }

  .lightbox-gallery__single-slide {
    padding: 40px 0;
  }

  .lightbox-gallery__single-slide img {
    max-height: calc(100vh - 80px);
  }

  .lightbox-gallery__caption {
    font-size: 12px;
    line-height: 14px;
    padding: 13px 15px;
  }

  .lightbox-gallery__close {
    top: -7px;
    right: 4px;
  }

  .block-content-links {
    padding: 54px 0 25px;
  }

  .block-content-links-text .content-link {
    margin-bottom: 31px;
  }

  .block-content-links-text .content-link__title {
    padding: 0 10px 4px;
  }

  .block-content-links-text .content-link__icon {
    margin-top: -2px;
  }

  .content-link {
    margin-bottom: 23px;
  }

  .content-link__title {
    padding: 7px 10px;
  }

  .content-link__icon {
    right: 10px;
  }

  .block-content-images h3 {
    font-size: 24px;
    line-height: 24px;
  }

  .block-content-images.has-container .b-content-images__content-wrapper {
    padding: 40px 10px 46px;
  }

  .b-content-images__content-wrapper {
    padding: 46px 10px 43px;
  }

  .block-cta {
    padding: 51px 0 48px;
  }

  .block-cta__text-wrapper {
    padding-bottom: 20px;
  }
  /* Header */

  .main-header__nav-mobile .sub-menu {
    padding-block: 0;
  }

  .main-header__nav-mobile .sub-menu a {
      padding-block: 10px;
      font-size: 14px;
  }

  .main-header__nav-mobile .sub-menu li {
      margin: 0;
  }
  .main-header__left{
    text-align: left;
  }

  .main-header__logo{
    margin-block: 0;
  }
  .main-footer__top {
    min-height: 120px;
  }

  .main-footer__bottom {
    min-height: 48px;
  }

  .main-footer .footer-box.footerForm, .main-footer .footer-box.footerLinks {
      border-left: 0;
  }

  .main-footer .footer-box .footer-content {
      font-size: 13px;
  }

  .main-footer .footer-box .social-icons {
      margin-top: 10px;
  }

  .main-footer .footer-box .footer-links .footer-list li {
      padding-left: 15px;
      padding-right: 15px;
  }

  .main-footer .footer-box .footer-links li a {
      font-size: 13px;
      line-height: 16px;
  }

  .main-footer .footer-box.footerForm {
      border-top: 1px solid #5b5b5b;
  }

  .main-footer .footer-text p {
    font-size: 13px;
  }

  .main-header__nav-mobile .menu > li > a {
    font-size: 14px;
    padding-block: 15px;
  }

  /* reponsive Image section */

  .image-text-section .image-text h2 {
    font-size: 24px;
    padding: 15px;
  }

  .explore-plans .box-wrapper {
    margin-bottom: 35px;
  }

  .banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text h1 {
    font-size: 34px;
  }

  .banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text p {
    font-size: 16px;
    line-height: 22px;
  }

  .banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text .banner-btns {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }

  .banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text .banner-btns a {
    font-size: 16px;
  }

  .faq-wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-box-image .small-image{
    max-width: 80px;
    border: 3px solid var(--color-white); 
  }

  .blog-posts-wrapper .blog-post {
    padding-top: 33.33333333px;
    padding-bottom: 33.33333333px;
  }


  .floor-plans-section .floor-plans-wrapper .floor-plans-box .floor-plans-box-image img{
    height:auto;
  }

  .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper{
    flex-wrap: wrap;
  }

  .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper p{
    margin-bottom: 10px;
    width: 100%;
  }

  .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .result-filters-wrapper .result-filters{
    width: 100%;
  }

  .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards{
    flex-direction: column;
  }

  .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-image{
    width: 100%;
  }

  .floor-plans-detail .search-and-filter-wrapper .floor-filter-results .change-layout.active .floor-cards .floor-content{
    width: 100%;
  }
  
  .banner-section{
    min-height: 500px;
    max-height: 500px;
  }

  .banner-section .banner-slider .banner-slider-item .banner-content .banner-content-text{
    margin: 0 auto;
  }

  .page-content {
    margin-top: 130px;
}

.wishlist-box{
  flex-direction: column;
  padding: 28px;
}

.wishlist-box .image-wrapper{
  max-width: 100%;
  padding-right: 0;
  margin-bottom: 16px;
}

.wishlist-box .wishlist-content{
  max-width: 100%;
  padding-inline: 0px;
  flex-wrap: wrap;
}

#field_ysawi>div {
  width: 100% !important;
  max-width: 300px !important;
  margin: 0 auto;
}

#field_e6ydo > div {
  width: 100% !important;
  max-width: 300px !important;
  margin: 0 auto;
}


.text-image-section .image-wrapper{
  text-align: center;
}

.blog-side-bar{
  background-color: #f9f9f9;
  padding: 33.33333333px;
}

.blog-side-bar h4{
  font-size: 23px;
  margin-bottom: 20px;
}


.navigation.pagination{
  margin-bottom: 20px;
}


.loginsignup-page .loginsignup-form-wrapper{
  padding-inline: 16px;
}


.find-a-customer .builder-accordion-wrapper .accordion .accordion-item .accordion-body .builder-box .link-btn{
  margin-top: 12px;
}



}

/* Form Styling */

.frm_forms .frm-show-form {
  /* background-color: #f5f7f8;
  border: 1px solid #e2e2e2;
  padding: 33.33333333px; */
}

.with_frm_style .frm_form_fields > fieldset legend {
  text-transform: uppercase;
  font-size: 30px;
  line-height: .94;
  color: #7a7a7a;
  margin-top: 26px;
  margin-bottom: 13px;
  font-family: 'Open Sans';
  font-weight: 700;
  text-align: center;
}

.frm_forms .frm-show-form .frm_form_fields fieldset input[type="hidden"] + br {
  display: none;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.frm3 {
  grid-column: span 4 / span 4;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-column {
  width: 100%;
  grid-column: span 12 / span 12;
  font-size: 16px;
  line-height: .94;
  color: #7a7a7a;
  margin-top: 13px;
  margin-bottom: 13px;
  font-family: 'Open Sans';
  font-weight: 700;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field label {
  display: flex;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field label + br {
  display: none;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field label .frm_required {
  margin-left: 5px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field label.frm_primary_label {
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
  font-family: 'Open Sans';
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.half-column {
  grid-column: span 3 / span 3;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.full-column {
  grid-column: span 6 / span 6;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field input {
  height: 42px;
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 6px 16px;
  line-height: 1.58;
  color: #7a7a7a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.vertical_radio {
  padding: 12px;
  /* background-color: #f9f9f9;
  border: 1px solid rgb(226, 226, 226); */
  max-width: 310px;
  position: relative;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.vertical_radio .frm_primary_label {
  position: absolute;
  right: 6px;
  top: 10px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.vertical_radio .frm_description{
  line-height: normal;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.vertical_radio label{
  align-items: center;
  gap: 8px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.vertical_radio label input[type=checkbox] {
  width: 28px !important;
  height: 28px !important;
  padding: 0px !important;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field .frm_error{
  color: red !important;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field select {
  font-size: 14px;
  height: 42px;
  display: block;
  width: 100%;
  padding: 6px 16px;
  line-height: 1.58;
  color: #7a7a7a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.full-column label {
  font-size: 16px;
  line-height: .96;
  color: #7a7a7a;
  font-family: 'Open Sans';
  font-weight: 700;
  margin-block: 8px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.full-column.label-primary label {
  font-size: 14px;
  font-weight: 400;
  color: #7a7a7a;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.text-box label {
  font-size: 16px;
  line-height: .94;
  color: #7a7a7a;
  font-family: 'Open Sans';
  font-weight: 700;
  margin-block: 8px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.text-box textarea {
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 6px 16px;
  line-height: 1.58;
  color: #7a7a7a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.form-field .frm_submit {
  display: flex;
  align-items: center;
  justify-content: center;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.form-field .frm_submit button {
  font-size: 15px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  line-height: 1.58;
  border-radius: 2px;
  padding: 6px 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: capitalize;
  z-index: 1;
  position: relative;
  transition-property: transform, opacity, color, background-color, border, border-color, -webkit-transform;
  -webkit-transition-duration: 350ms;
  transition-duration: 350ms;
  box-shadow: none;
  color: #fff;
  background-color: #007db1;
  border-color: rgba(255, 255, 255, .2);
  padding-left: 60px;
  padding-right: 60px;
}

.connect-form-section.dark-bg .contact-form-wrapper .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.form-field .frm_submit button {
  background-color: #6cb545;
}


.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-column p {
  margin: 0;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field {
  margin-bottom: 8px;
}

.connect-form-section.dark-bg .contact-form-wrapper .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field .frm_primary_label{
  color: var(--color-white);
}

.connect-form-section.dark-bg .contact-form-wrapper .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field {
    color: var(--color-white);
}

.connect-form-section.dark-bg .contact-form-wrapper .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field p {
    color: var(--color-white);
}

.connect-form-section.dark-bg .contact-form-wrapper .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-column.red-color p {
    color: red;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-column.red-color p {
  color: red;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-column {
  margin-block: 5px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.contact-half-col {
  grid-column: span 6 / span 6;
}

.contact-us .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container {
  gap: 0 40px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.contact-full-col {
  grid-column: span 12 / span 12;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field p {
  font-size: 16px;
  line-height: 1.5;
  color: #7a7a7a;
  font-family: 'Open Sans';
  font-weight: normal;
  margin: 0;
  margin-top: 8px;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-bold, .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-bold label {
  font-size: 16px;
  line-height: .94;
  color: #7a7a7a;
  margin-top: 13px;
  margin-bottom: 13px;
  font-family: 'Open Sans';
  font-weight: 700;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.heading-bold label {
  margin-top: 0;
}

.frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field textarea {
  display: block;
  width: 100%;
  padding: 6px 16px;
  line-height: 1.58;
  color: #7a7a7a;
  background-color: #fff;
  background-image: none;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  font-size: 14px;
  height: auto;
}


.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field input {
  color: #fff;
  background-color: #383838;
  border-color: #5d5d5d;
  transition: .3s;
}

.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field input::placeholder {
 font-style:italic;
}


.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field {
  margin-bottom: 0px;
}

.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field .frm_primary_label {
  font-style: italic;
}

.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field input:focus{
  background-color: transparent;
  box-shadow: none;
  border: 0;
  border-bottom: 1px dashed #5d5d5d;
}

.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field .frm_submit {
  justify-content: flex-start;
}

.main-footer .footer-box.footerForm .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field .frm_submit .frm_button_submit {
  background-color: #474747;
  border-color: rgba(255, 255, 255, .2);
  font-size: 14px;
}


@media (max-width:991px){

  .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.form-field.frm2 {
      grid-column: span 4 / span 4;
  }


  .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .frm_form_field.form-field.frm2.full-column {
      grid-column: span 12 / span 12;
  }
  .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.half-column{
      grid-column: span 6 / span 6;
  }

  .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field label.frm_primary_label{
      min-height: 38px;
      margin-bottom: 10px;
      margin-top: 5px;
  }
}

@media (max-width:767px){
  .frm_forms .frm-show-form{
          padding: 20px;
  }
  
  .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field label.frm_primary_label{
      min-height: auto;
      margin-bottom: 5px;
      margin-top: 0px;
  }

  .with_frm_style .frm_form_fields > fieldset legend {
      font-size: 22px;
  }

  .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container .form-field.full-column label{
      line-height: 18px;
  }

  .contact-us .frm_forms .frm-show-form .frm_form_fields fieldset .frm_fields_container{
    display: block;
  }
}


.wpcf7-not-valid-tip{
  font-size: 16px;
  line-height: normal;
  margin-bottom: 5px;
}



.connectmodal-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  bottom: 12px;
  right: 12px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  z-index: 98;
  border: 0;
  background-color: var(--color-blue);
  color: var(--color-white);
}

.connectmodal-btn:hover {
  background: #30bbef;
  color: var(--color-white);
}


#scrollToTop {
  position: fixed;
  bottom: 12px;
  right: 12px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 0px 15px -6px #000;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
  color: #474747;
  border: 1px solid #474747;
}

#scrollToTop:hover {
  background-color: var(--color-blue);
  color: var(--color-white);
  border-color: var(--color-blue);
}

#scrollToTop.scrollBtn-show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.forgot-password-modal .modal-header .logo-wrapper {
  display: inline-block;
  width: 100%;
}

.forgot-password-modal .modal-header .logo-wrapper svg {
  width: 100%;
  max-width: 100px;
  height: 34px;
}