/* Global CSS - rest (below-the-fold) */

/**
 * Loaded as an external stylesheet after the inlined global-critical.css.
 *
 * The Document, Typography, Wrappers and Buttons sections listed below now
 * live in global-critical.css; the entries are kept here for orientation.
 */

/**
 * CONTENTS
 *
 * BASE
 * Variables.............Custom CSS properties.
 * Document..............Box-sizing and document (e.g. <html>, <body>) setup.
 * Media.................WP specific img aligns and iframe styling.
 * Typography............@fontfaces, base text and vertical rhythm setup.
 *
 * COMPONENTS
 * Wrappers..............Wrapping and constraining elements.
 * Grid System...........Bootstrap based grid.
 * Clearfix..............Properly clear floats.
 *
 * Objects
 * Icons.................Icon Elements.
 * Buttons...............Button elements.
 * Tables................Table Styles.
 * Forms.................Form Elements.
 * Pagination............Pagination.
 *
 */



/* Elements */

.fx-element.bg-dark-blue p,
.fx-element.bg-dark-blue strong,
.fx-element.bg-dark-blue ul li,
.fx-element.bg-dark-blue ol li,
.fx-element.bg-dark-blue a:not(.fx-btn),
.fx-element.bg-dark-blue h1, .fx-element.bg-dark-blue .h1,
.fx-element.bg-dark-blue h2, .fx-element.bg-dark-blue .h2,
.fx-element.bg-dark-blue h3, .fx-element.bg-dark-blue .h3,
.fx-element.bg-dark-blue h4, .fx-element.bg-dark-blue .h4,
.fx-element.bg-dark-blue h5, .fx-element.bg-dark-blue .h5,
.fx-element.bg-dark-blue h6 {
    color: var(--white)!important;
}

.fx-element.bg-blue-vivid-09 p,
.fx-element.bg-blue-vivid-09 strong,
.fx-element.bg-blue-vivid-09 ul li,
.fx-element.bg-blue-vivid-09 ol li,
.fx-element.bg-blue-vivid-09 a:not(.fx-btn),
.fx-element.bg-blue-vivid-09 h1, .fx-element.bg-blue-vivid-09 .h1,
.fx-element.bg-blue-vivid-09 h2, .fx-element.bg-blue-vivid-09 .h2,
.fx-element.bg-blue-vivid-09 h3, .fx-element.bg-blue-vivid-09 .h3,
.fx-element.bg-blue-vivid-09 h4, .fx-element.bg-blue-vivid-09 .h4,
.fx-element.bg-blue-vivid-09 h5, .fx-element.bg-blue-vivid-09 .h5,
.fx-element.bg-blue-vivid-09 h6 {
    color: var(--white)!important;
}

.fx-element.bg-darkest-blue p,
.fx-element.bg-darkest-blue strong,
.fx-element.bg-darkest-blue ul li,
.fx-element.bg-darkest-blue ol li,
.fx-element.bg-darkest-blue a:not(.fx-btn),
.fx-element.bg-darkest-blue h1, .fx-element.bg-darkest-blue .h1,
.fx-element.bg-darkest-blue h2, .fx-element.bg-darkest-blue .h2,
.fx-element.bg-darkest-blue h3, .fx-element.bg-darkest-blue .h3,
.fx-element.bg-darkest-blue h4, .fx-element.bg-darkest-blue .h4,
.fx-element.bg-darkest-blue h5, .fx-element.bg-darkest-blue .h5,
.fx-element.bg-darkest-blue h6 {
    color: var(--white)!important;
}

.fx-element.bg-gray-08 p,
.fx-element.bg-gray-08 strong,
.fx-element.bg-gray-08 ul li,
.fx-element.bg-gray-08 ol li,
.fx-element.bg-gray-08 a:not(.fx-btn),
.fx-element.bg-gray-08 h1, .fx-element.bg-gray-08 .h1,
.fx-element.bg-gray-08 h2, .fx-element.bg-gray-08 .h2,
.fx-element.bg-gray-08 h3, .fx-element.bg-gray-08 .h3,
.fx-element.bg-gray-08 h4, .fx-element.bg-gray-08 .h4,
.fx-element.bg-gray-08 h5, .fx-element.bg-gray-08 .h5,
.fx-element.bg-gray-08 h6 {
    color: var(--white)!important;
}

.fx-element.bg-light-blue p,
.fx-element.bg-light-blue ul li,
.fx-element.bg-light-blue ol li,
.fx-element.bg-light-blue a:not(.fx-btn),
.fx-element.bg-light-blue h1, .fx-element.bg-light-blue .h1,
.fx-element.bg-light-blue h2, .fx-element.bg-light-blue .h2,
.fx-element.bg-light-blue h3, .fx-element.bg-light-blue .h3,
.fx-element.bg-light-blue h4, .fx-element.bg-light-blue .h4,
.fx-element.bg-light-blue h5, .fx-element.bg-light-blue .h5,
.fx-element.bg-light-blue h6 {
    color: var(--copy-dark-color)!important;
}   

.fx-element.bg-teal ul li,
.fx-element.bg-teal ol li,
.fx-element.bg-teal a:not(.fx-btn),
.fx-element.bg-teal h1, .fx-element.bg-teal .h1,
.fx-element.bg-teal h2, .fx-element.bg-teal .h2,
.fx-element.bg-teal h3, .fx-element.bg-teal .h3,
.fx-element.bg-teal h4, .fx-element.bg-teal .h4,
.fx-element.bg-teal h5, .fx-element.bg-teal .h5,
.fx-element.bg-teal h6 {
    color: var(--copy-dark-color)!important;
}


.fx-element.bg-white p,
.fx-element.bg-white ul li,
.fx-element.bg-white ol li,
.fx-element.bg-white a:not(.fx-btn,.fx-link-with-arrow, .fx-white-link-with-arrow),
.fx-element.bg-white h1, .fx-element.bg-white .h1,
.fx-element.bg-white h2, .fx-element.bg-white .h2,
.fx-element.bg-white h3, .fx-element.bg-white .h3,
.fx-element.bg-white h4, .fx-element.bg-white .h4,
.fx-element.bg-white h5, .fx-element.bg-white .h5,
.fx-element.bg-white h6 {
    color: var(--copy-dark-color)!important;
}


/* CTA card-btn color fix */

.cta-wrapper a.card-btn,
.cta-wrapper a .card-btn-text,
.cta-wrapper a.btn {
    color: var(--white)!important;
}

.cta-wrapper [class*="cta-128-"] .card-btn,
.cta-wrapper [class*="cta-129-"] .card-btn {
    color: var(--gray-05)!important;
}


blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote), .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) {flex-direction: column; display: -ms-flexbox; display: flex; padding: 40px 64px; background: #FFFAEA; margin-top: 24px; margin-bottom: 24px; position: relative; height: auto; width: 100%; max-width: 100%; margin-left: 0px; margin-right: 0px; align-items: flex-start; }
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote) h4, 
.wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h4 { margin-bottom: 0; }
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote):before, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):before {content: ""; background-image: url('/wp-content/themes/fx/assets/img/blog/single/pull-quote/yellow-dots-bg.png');width:61px; height: 58px;position: absolute; right: 0px; top: 0px;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote):after, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):after {    content: ""; background-image: url(/wp-content/themes/fx/assets/img/blog/single/pull-quote/light-bulb.png); width: 50px; height: 50px; position: absolute; background-size: 50px 50px; top: 30px; left: 64px;}

blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h1, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h1,
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h2, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h2,
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h3, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h3,
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h5, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h5,
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h6, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h6,
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h4, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h4 {margin-bottom: 32px;margin-left: 74px;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote) p, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) p {width: 100%;margin-left: 74px; padding-right: 74px;}

blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) .header, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .header {display: flex; margin-bottom: 16px;align-items: center;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) .header .image, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .header .image {padding-right: 24px;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote).header .image img, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .header .image img {max-width: 48px;}

blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote) p, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body p {font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 32px; letter-spacing: -0.0055em; color: #222222;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote) ul, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body ul {margin-top: 0px; margin-bottom: 0px;list-style: none;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote) ul li, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body ul li {position: relative; font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 32px; letter-spacing: -0.0055em; color: #222222; padding-top: 0px; padding-right: 0px; padding-bottom: 16px;padding-left: 36px;}
blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote) ul li:before, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body ul li:before {content: ""; background-image: url('/wp-content/themes/fx/assets/img/blog/single/pull-quote/check-icon.png');width: 20px;height: 18px;padding-right: 8px;background-repeat: no-repeat; top: 7px; position: absolute; left: 0px;}

/* Hide blockquote to prevent flash of blockquote content before being replaced by the twitter widget */
blockquote.twitter-tweet {
    border: 1px solid rgb(207, 217, 222);
    border-radius: 12px;
    background: #fff !important;
    text-indent: -9999px;
    height: 327px !important;
    width: 516px !important;
}
blockquote.twitter-tweet:after {
    display: none;
}
blockquote.twitter-tweet:before {
    background: url(/wp-content/themes/fx/assets/img/loading1.gif) !important;
    width: 50px !important;
    height: 50px !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 50% !important;
    left: 50% !important;
    margin-left: -25px;
    margin-top: -25px;
    opacity: .1;
}
blockquote.twitter-tweet p {
    display: none;
}
@media (min-width: 1025px) {
	blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) .body p,
    .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body p,
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) .body ul li,
    .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body ul li { font-size: 21px;line-height: 35px;}
}

@media (max-width: 600px) {
	blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) .body,
    .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .body {padding-left: 0px;}
}

@media (max-width: 400px) {
	blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) .header,
    .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) .header {flex-direction: column; align-items: flex-start;}
}

@media (max-width: 400px) {
	blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote),
    .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) {padding: 40px 32px;}
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote), .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) {padding: 40px 64px 40px 40px !important}
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):not(section.trp_ete.manual-listing2 .trp_ete-card ._body blockquote):after, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):after { top: 24px; left: 16px; }
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) p, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) p {margin-left: 37px; margin-right: 37px;}
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote):after, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):after {left: 12px;}
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h1, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h1,
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h2, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h2,
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h3, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h3,
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h5, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h5,
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h6, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h6,
    blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote):not(.blog-category-page blockquote):not(.template-seo-checker blockquote) h4, .wysiwyg blockquote:not(.exclude-default-styles):not(.mce-content-body blockquote) h4 {margin-left: 37px;margin-bottom: 16px;}
}

.bg-gray a:not(.fx-btn) {
    -webkit-text-decoration-color: var(--blue-02);
    text-decoration-color: var(--blue-02);
}

    .bg-gray a:not(.fx-btn):hover {
        -webkit-text-decoration-color: var(--blue-03);
        text-decoration-color: var(--blue-03);
    }

.bg-blue-dark a:not(.fx-btn) {
    -webkit-text-decoration-color: var(--white);
    text-decoration-color: var(--white);
}

    .bg-blue-dark a:not(.fx-btn):hover {
        color: var(--blue-14);
        -webkit-text-decoration-color: var(--blue-14);
        text-decoration-color: var(--blue-14);
    }

hr {
    border-color: #BDBDBD;
    border-top-style: solid;
    border-width: 0.5px!important;
}
/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/

/* Form */

#JotFormIFrame-211035459636052 {
    margin-bottom: 40px;
}

.hidden-element {
    display: none;
}


/**
 * Icons
 */

 @font-face {
    font-family: 'icomoon-location';
    src:  url('/wp-content/themes/fx/assets/icons/fx-location/icomoon.eot?8jl22a');
    src:  url('/wp-content/themes/fx/assets/icons/fx-location/icomoon.eot?8jl22a#iefix') format('embedded-opentype'),
      url('/wp-content/themes/fx/assets/icons/fx-location/icomoon.ttf?8jl22a') format('truetype'),
      url('/wp-content/themes/fx/assets/icons/fx-location/icomoon.woff?8jl22a') format('woff'),
      url('/wp-content/themes/fx/assets/icons/fx-location/icomoon.svg?8jl22a#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  [class^="ic-"], [class*=" ic-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon-location';
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .location-main-template-v2 .ic-map-pin:before {
    content: "\e900";
  }
  .location-main-template-v2 .ic-arrow-down:before {
    content: "\e926";
  }
  .location-main-template-v2 .ic-arrow-left:before {
    content: "\e927";
  }
  .location-main-template-v2 .ic-arrow-right:before {
    content: "\e928";
  }
  .location-main-template-v2 .ic-arrow-up:before {
    content: "\e929";
  }
  .location-main-template-v2 .ic-chevron-down:before {
    content: "\e92e";
  }
  .location-main-template-v2 .ic-chevron-left:before {
    content: "\e92f";
  }
  .location-main-template-v2 .ic-chevron-right:before {
    content: "\e930";
  }
  .location-main-template-v2 .ic-chevron-up:before {
    content: "\e931";
  }
  .location-main-template-v2 .ic-phone-call:before {
    content: "\e93f";
  }


/* add icon code here */

/* @font-face {
    font-family: 'icomoon-button';
    src:  url('/wp-content/themes/fx/assets/icons/icon-button/icomoon.eot?vnbgr0');
    src:  url('/wp-content/themes/fx/assets/icons/icon-button/icomoon.eot?vnbgr0#iefix') format('embedded-opentype'),
          url('/wp-content/themes/fx/assets/icons/icon-button/icomoon.ttf?vnbgr0') format('truetype'),
          url('/wp-content/themes/fx/assets/icons/icon-button/icomoon.woff?vnbgr0') format('woff'),
          url('/wp-content/themes/fx/assets/icons/icon-button/icomoon.svg?vnbgr0#icomoon') format('svg');	  
    font-weight: normal;	  
    font-style: normal;	 
    font-display: swap;
} */

[class^="ic-fx-"], [class*=" ic-fx"] {
    font-family: 'icomoon-button' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ic-fx-users:before {
    content: "\e910";
}

.ic-fx-monitor:before {
    content: "\e911";
}

.ic-fx-mail:before {
    content: "\e912";
}

.ic-fx-list:before {
    content: "\e913";
}

.ic-fx-grid:before {
    content: "\e914";
}

.ic-fx-file-text:before {
    content: "\e915";
}

.ic-fx-dollar-sign:before {
    content: "\e916";
}

.ic-fx-code:before {
    content: "\e917";
}

.ic-fx-bar-chart:before {
    content: "\e918";
}

.ic-fx-amazon:before {
    content: "\e900";
}

.ic-fx-arrow-right-circle:before {
    content: "\e901";
}

.ic-fx-bars:before {
    content: "\e902";
}

.ic-fx-chart-trending-up:before {
    content: "\e903";
}

.ic-fx-help:before {
    content: "\e904";
}

.ic-fx-info-circle:before {
    content: "\e905";
}

.ic-fx-minus:before {
    content: "\e906";
}

.ic-fx-package:before {
    content: "\e907";
}

.ic-fx-phone-classic:before {
    content: "\e908";
}

.ic-fx-plus:before {
    content: "\e909";
}

.ic-fx-search:before {
    content: "\e90a";
}

.ic-fx-share:before {
    content: "\e90b";
}

.ic-fx-shopping-bag:before {
    content: "\e90c";
}

.ic-fx-star:before {
    content: "\e90d";
}

.ic-fx-trending-up:before {
    content: "\e90e";}
.ic-fx-user:before {
    content: "\e90f";
}

.ic-fx-arrow-down:before {
    content: "\e926";
}

.ic-fx-arrow-left:before {
    content: "\e927";
}

.ic-fx-arrow-right:before {
    content: "\e928";
}

.ic-fx-arrow-up:before {
    content: "\e929";
}

.ic-fx-chevron-down:before {
    content: "\e92e";
}

.ic-fx-chevron-left:before {
    content: "\e92f";
}

.ic-fx-chevron-right:before {
    content: "\e930";
}

.ic-fx-chevron-up:before {
    content: "\e931";
}

/* @font-face {
    font-family: icomoon-header;
    src: url('/wp-content/themes/fx/assets/icons/icomoon.eot?vnbgr0');
    src: url('/wp-content/themes/fx/assets/icons/icomoon.eot?vnbgr0#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fx/assets/icons/icomoon.ttf?vnbgr0') format('truetype'),
        url('/wp-content/themes/fx/assets/icons/icomoon.woff?vnbgr0') format('woff'),
        url('/wp-content/themes/fx/assets/icons/icomoon.svg?vnbgr0#icomoon') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
} */

[class*=" ic-header"],[class^=ic-header-] {
    font-family: icomoon-header!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* Header */
.ic-header-users:before {
    content: "\e910";
}

.ic-header-monitor:before {
    content: "\e911";
}

.ic-header-mail:before {
    content: "\e912";
}

.ic-header-list:before {
    content: "\e913";
}

.ic-header-grid:before {
    content: "\e914";
}

.ic-header-file-text:before {
    content: "\e915";
}

.ic-header-dollar-sign:before {
    content: "\e916";
}

.ic-header-code:before {
    content: "\e917";
}

.ic-header-bar-chart:before {
    content: "\e918"
}

.ic-header-amazon:before {
    content: "\e900"
}

.ic-header-arrow-right-circle:before {
    content: "\e901";
}

.ic-header-bars:before {
    content: "\e902"
}

.ic-header-chart-trending-up:before {
    content: "\e903"
}

.ic-header-help:before {
    content: "\e904"
}

.ic-header-info-circle:before {
    content: "\e905"
}

.ic-header-minus:before {
    content: "\e906"
}

.ic-header-package:before {
    content: "\e907"
}

.ic-header-phone-classic:before {
    content: "\e908"
}

.ic-header-plus:before {
    content: "\e909"
}

.ic-header-search:before {
    content: "\e90a"
}

.ic-header-share:before {
    content: "\e90b"
}

.ic-header-shopping-bag:before {
    content: "\e90c"
}

.ic-header-star:before {
    content: "\e90d"
}

.ic-header-trending-up:before {
    content: "\e90e"
}

.ic-header-user:before {
    content: "\e90f"
}

.ic-header-arrow-down:before {
    content: "\e926"
}

.ic-header-arrow-left:before {
    content: "\e927"
}

.ic-header-arrow-right:before {
    content: "\e928"
}

.ic-header-arrow-up:before {
    content: "\e929"
}

.ic-header-chevron-down:before {
    content: "\e92e"
}

.ic-header-chevron-left:before {
    content: "\e92f"
}

.ic-header-chevron-right:before {
    content: "\e930"
}

.ic-header-chevron-up:before {
    content: "\e931"
}

/* @font-face {
    font-family: "Flaticon";
    src: url("/wp-content/themes/fx/assets/icons/flaticon/Flaticon.eot");
    src: url("/wp-content/themes/fx/assets/icons/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("/wp-content/themes/fx/assets/icons/flaticon/Flaticon.woff2") format("woff2"),
       url("/wp-content/themes/fx/assets/icons/flaticon/Flaticon.woff") format("woff"),
       url("/wp-content/themes/fx/assets/icons/flaticon/Flaticon.ttf") format("truetype"),
       url("/wp-content/themes/fx/assets/icons/flaticon/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display:swap;
} */

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../icon/Flaticon.svg#Flaticon") format("svg");
    font-display:swap;
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
    font-display:swap;
}

.flaticon-list:before { content: "\f100"; }
.flaticon-arrow-down-sign-to-navigate:before { content: "\f101"; }
.flaticon-play-button:before { content: "\f102"; }
.flaticon-call:before { content: "\f103"; }
.flaticon-arrow-point-to-right:before { content: "\f104"; }
.flaticon-arrowhead-thin-outline-to-the-left:before { content: "\f105"; }

@font-face {
    font-family: 'icomoon-header2';
    src: url('/wp-content/themes/fx/assets/icons/additional/icomoon.eot?vnbgr0');
    src: url('/wp-content/themes/fx/assets/icons/additional/icomoon.eot?vnbgr0#iefix') format('embedded-opentype'),
        url('/wp-content/themes/fx/assets/icons/additional/icomoon.ttf?vnbgr0') format('truetype'),
        url('/wp-content/themes/fx/assets/icons/additional/icomoon.woff?vnbgr0') format('woff'),
        url('/wp-content/themes/fx/assets/icons/additional/icomoon.svg?vnbgr0#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
     font-display: swap;
 }

 [class^="ic2-header-"], [class*=" ic2-header"] {
     font-family: 'icomoon-header2' !important;
     speak: never;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
 }

 .ic2-header-cross:before {
    content: "\e900";
 }

 @font-face{
    font-family:'icomoon';
    src:url('/wp-content/themes/fx/assets/icons/sidebar/icomoon.eot?sf1ixy');
    src:url('/wp-content/themes/fx/assets/icons/sidebar/icomoon.eot?sf1ixy#iefix') format('embedded-opentype'),
    url('/wp-content/themes/fx/assets/icons/sidebar/icomoon.ttf?sf1ixy') format('truetype'),
    url('/wp-content/themes/fx/assets/icons/sidebar/icomoon.woff?sf1ixy') format('woff'),
    url('/wp-content/themes/fx/assets/icons/sidebar/icomoon.svg?sf1ixy#icomoon') format('svg');
    font-weight:normal;font-style:normal;font-display:swap;
}
[class^="ic-sidebar-"], [class*=" ic-sidebar-"]{
    font-family:'icomoon' !important;speak:never;
    font-style:normal;font-weight:normal;
    font-variant:normal;text-transform:none;
    line-height:1;-webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.ic-sidebar-calculator:before{content:"\e900"}
.ic-sidebar-send:before{content:"\e901"}
.ic-sidebar-arrow-right:before{content:"\e928"}
.ic-sidebar-trending-up:before{content:"\e94a"}

@font-face{
    font-family:'icomoon-footer';
    src: url('/wp-content/themes/fx/assets/fonts/footer/icomoon.eot?1xkhhb');
    src: url('/wp-content/themes/fx/assets/fonts/footer/icomoon.eot?1xkhhb#iefix')
        format('embedded-opentype'),url('/wp-content/themes/fx/assets/fonts/footer/icomoon.ttf?1xkhhb')
        format('truetype'),url('/wp-content/themes/fx/assets/fonts/footer/icomoon.woff?1xkhhb')
        format('woff'),url('/wp-content/themes/fx/assets/fonts/footer/icomoon.svg?1xkhhb#icomoon')
        format('svg');
        font-weight:normal;
        font-style:normal;
        font-display:swap;
 }


/**
 * Tables
 */

table {
  border-collapse: collapse;
}

/* Responsive Tables */
.table-wrap-outer { position: relative; }
.table-wrap-inner { overflow: auto; }

.js-table-fade {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
}

.table-wrap-outer:after {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    height: 100%;
    width: 80px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

@media (min-width: 600px) {
    .table-wrap-outer:after { display: none; }
  .table-wrap-inner { overflow: visible !important; }
}


table:not(.exclude-default-table-style) {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
	margin-top: 48px;
    margin-bottom: 48px;
    overflow: auto;
    width: 100%;
	font-size: 16px;
    font-family: var( --font-inter);
    color: #6e7b81;
}

table:not(.exclude-default-table-style)>* {
	box-sizing: border-box;
}

table:not(.exclude-default-table-style) th {
    border: 0;
    color: #ffffff;
	font-weight: 900;
    line-height: 1.5em;
	text-transform: uppercase;
	background: #4166a6;
}

table:not(.exclude-default-table-style) th, table:not(.exclude-default-table-style) td {
    padding: 16px;
    vertical-align: middle;
    /* border-top: 1px solid #ced4da; */
    color: #6e7b81;
    text-align: left;
}

table:not(.exclude-default-table-style) th {
    border: 1px solid #d3d3d3;
    color: #374046;
}

table:not(.exclude-default-table-style) th {
    text-align: left;
    padding-left: 16px !important;
}

table:not(.exclude-default-table-style) th, .static-table-heading {
    font-weight: 700;
	color: #fff;
    font-size: 16px;
    text-align: center;
    background: #466db2!important;
	font-family: var(--font-inter);
	text-transform: uppercase;
}

table:not(.ninja_footable) tr th:nth-child(odd),
table:not(.ninja_footable) tr td:nth-child(odd) {
    /* background-color: #EAEFF7!important; */
    padding: 28px;
    min-width: 200px;
}

table:not(.ninja_footable) th {
    border-bottom: 1px solid #ccc;
    border: 1px solid transparent;
    color: #374046;
}

table:not(.ninja_footable) td:not(:first-child) {
    text-align: center;
}

.footable.table>tbody>tr.footable-header>th {
    padding-left: 28px!important;
    padding-right: 28px!important;
    text-align: center;
    vertical-align: middle;
}
.footable.table>tbody>tr.footable-header>th:nth-child(1) {
    text-align: left;
    vertical-align: middle;
}

table:not(.exclude-default-table-style):not(.ninja_footable) {
    border: none!important;
    width: fit-content;
    max-width: 100%;
    border: 1px solid var(--Primary-Blue-Lightest, #CCE4FF) !important;
    border-radius: 8px;
}

table.aligncenter:not(.exclude-default-table-style):not(.ninja_footable) {
    margin-left: auto!important;
    margin-right: auto!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) th {
    color: var(--gray-05)!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) tr {
    color: rgba(0,0,0,.87)!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) th:nth-child(odd),
table:not(.exclude-default-table-style):not(.ninja_footable) td:nth-child(odd) {
    /* background-color: #EAEFF7!important; */
}
table:not(.exclude-default-table-style):not(.ninja_footable) tr:nth-child(even) td {
    background: var(--Core-Blue-blue-00, #F9FBFF);
}    


table:not(.exclude-default-table-style):not(.ninja_footable) th:nth-child(even),
table:not(.exclude-default-table-style):not(.ninja_footable) td:nth-child(even) {
    /* background: white!important; */
}

table:not(.exclude-default-table-style):not(.ninja_footable) th,
table:not(.exclude-default-table-style):not(.ninja_footable) td {
    border-bottom: 1px solid #d3d3d3;
    padding: 28px!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) tr:last-child td {
    border-bottom: none;
}

table:not(.exclude-default-table-style):not(.ninja_footable) th {
    color: var(--gray-05)!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) td {
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.0045em;
    color: #374046;
}

/* default styling of lists inside tables */
table:not(.exclude-default-table-style):not(.ninja_footable) td li  {
    font-weight: normal;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: -0.0045em;
    color: #374046 !important;
    text-align: left !important;
}
table:not(.exclude-default-table-style):not(.ninja_footable) td li:last-child {
    padding-bottom: 0 !important;
}
.wysiwyg .wysiwyg__content-wrapper .wysiwyg__content table:not(.exclude-default-table-style):not(.ninja_footable) td ul:not(.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal ul):not(.fx-element ul):not(.exclude-default-design):not(.column-textbox-icons-buttons ul):not(.compact-pricing-card ul) {
   margin-left: 0 !important;
   margin-top: 0 !important;
   margin-bottom: 0 !important;
}
.wysiwyg .wysiwyg__content-wrapper .wysiwyg__content table:not(.exclude-default-table-style):not(.ninja_footable) td ul:not(.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal ul):not(.fx-element ul):not(.exclude-default-design):not(.blue-checklist):not(.green-check-list):not(.list-with-checkmarks)>li:not(.fx-callout ul li):not(.fx-cta ul li):not(.column-textbox-icons-buttons ul li):not(.dd_search_ends-tabs.two-tab .nav-tabs li):not(.compact-pricing-card ul li):not(.cards-carousel-column ul li)::before {
 top: 7px !important;
}
/* end of default styling of lists inside tables */


table:not(.exclude-default-table-style):not(.ninja_footable).table-heading-format tr td ul li {
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 24px !important;
    letter-spacing: -0.0045em !important;
    color: #374046 !important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) h2 {
    padding-left: 0px;
}

table:not(.exclude-default-table-style):not(.ninja_footable) h2::before {
    content: none!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) th,
table:not(.exclude-default-table-style):not(.ninja_footable).table-heading-format tr:first-child td {
    font-style: normal!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    line-height: 32px!important;
    font-size: 18px!important;
    letter-spacing: -0.0045em!important;
    color: var(--gray-05)!important;
    background: transparent!important;
    text-align: left!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) thead tr,
table:not(.exclude-default-table-style):not(.ninja_footable) tr:first-child:has(th),
table:not(.exclude-default-table-style):not(.ninja_footable).table-heading-format tr:first-child {
    border-bottom: #207DE9 2px solid!important;
}

table:not(.exclude-default-table-style):not(.ninja_footable) td,
table:not(.exclude-default-table-style):not(.ninja_footable) th {
    /* border: 1px solid #D2DCEE !important; */
    border: 1px solid var(--Primary-Blue-Lightest, #CCE4FF) !important;
    border-bottom: none !important;
    border-top: none !important;
}
table:not(.exclude-default-table-style):not(.ninja_footable) td:first-child,
table:not(.exclude-default-table-style):not(.ninja_footable) th:first-child  {
    border-left: none !important;
}
table:not(.exclude-default-table-style):not(.ninja_footable) td:last-child,
table:not(.exclude-default-table-style):not(.ninja_footable) th:last-child  {
    border-right: none !important;
}
table:not(.exclude-default-table-style):not(.ninja_footable) tr:first-child td:first-child,
table:not(.exclude-default-table-style):not(.ninja_footable) tr:first-child th:first-child  {
    border-top-left-radius: 8px;
}



/*** Simple Subscribe Form ***/
.simple-suscribe-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}

.simple-suscribe-form input[type="text"],
.simple-suscribe-form input[type="email"]{
	background: var(--white);
	border: 1px solid var(--gray-09);
	border-radius: 4px;
	font-family: var(--font-inter);
	font-style: normal;
	font-weight: 600;
	color: var(--text-color);
	margin: 0px;
	outline: none;
	box-shadow: none;
    width: 100%;
    height: 56px;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: -0.0055em;
    padding: 16px 20px;
}

.simple-suscribe-form .fx-btn {
    margin-left: 0px;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 18px;
    line-height: 1.333em;
    margin-top: 10px;
    height: 56px;
    width: 100%;
}

@media (min-width: 1025px) {

    .simple-suscribe-form {
        flex-direction: row;
    }

	.simple-suscribe-form input[type="text"],
	.simple-suscribe-form input[type="email"],
	.simple-suscribe-form .btn {
        width: 60%;
        height: 76px;
        font-size: 21px;
        line-height: 1.333em;
        letter-spacing: -0.0055em;
        padding: 24px;
	}

	.simple-suscribe-form .fx-btn {
		width: 35%;
        margin-left: 10px;
        height: 76px;
        font-size: 21px;
        line-height: 1.333em;
        margin-top: 0;
        text-align: center;
        letter-spacing: -0.008em;
	}
}

/**
 * Pagination
 */

 .wp-pagenavi {
    margin-top: 50px;
}

.wp-pagenavi .pages {
    border: 0;
    margin-left: 0;
    padding-left: 0;
}

.wp-pagenavi span.current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
    border: 1px solid #ddd;
    display: inline-block;
    padding: 6px 11px;
}

.wp-pagenavi span.current {
    background-color: #ddd;
    border-color: #ddd;
}

@media (min-width: 1025px) {

    .wp-pagenavi { margin-top: 70px; }

}

.no-padding {
    padding: 0px!important;
}
/* Global Pricing Table */

.pricing-table-list {
    padding-left: 24px;
    padding-right: 24px;
}

.pricing-table-list.is-count-less-three > .row {
    justify-content: center;
}

.pricing-table-list .plan .header {
	width: 100%;
    padding: 30px;
}

.pricing-table-list .plan .header .name {
	color: var( --white );
    margin-bottom: 4px;
}

.pricing-table-list .plan .header .billing {
	margin-bottom: 20px;
}

.pricing-table-list .plan .header .billing .price {
	font-family: var( --font-inter );
	font-style: normal;
	font-weight: 900;
	font-size: 56px;
	line-height: 64px;
	letter-spacing: -0.042em;
	color: var( --white );
}

.pricing-table-list .plan .header .billing .cycle,
.pricing-table-list .plan .header .additional-info  p {
	font-family: var( --font-inter );
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	line-height: 1.667em;
	letter-spacing: -0.0055em;
	color: var( --white );
}


.pricing-table-list .plan .header .initial-investment {
	padding: 4px 8px;
	background: #1C2D47;
	border-radius: 4px;
	margin-bottom: 24px;
	text-transform: uppercase;
	color: var( --white );
	text-align: center;
    width: auto;
    display: inline-block;
}

.pricing-table-list .plan .header .btn-send-proposal {
	width: 100%;
    text-align: center;
    padding: 16px;
	float: left;
}

.pricing-table-list .plan .features-wrapper {
	float: left;
    width: 100%;
    height: auto;
    background: var( --white );
}

.pricing-table-list .plan ul.features-list {
	width: 100%;
}

.pricing-table-list .plan ul.features-list li {
	font-family: var( --font-inter );
    font-weight: normal;
    font-size: 18px;
    line-height: 1.333em;
    letter-spacing: -0.0045em;
    color: #374046;
    padding: 28px;
}

.pricing-table-list .plan ul.features-list li:not(:last-child) {
	border-bottom: 1px solid var( --blue-01 );
}

.large-plan-type .fx-btn {
    font-size: 16px;
}

/* Plans Formatting */

.pricing-table-list .plan {
	padding-left: 0px;
	padding-right: 0px;
}

.pricing-table-list .plan:nth-child(1) .header {
	background: var( --blue-04 );
}

.pricing-table-list .plan:nth-child(1) ul.features-list {
	background-color: var( --white );
}

.pricing-table-list .plan:nth-child(2) .header {
	background: var( --blue-05 );
}

.pricing-table-list .plan:nth-child(2) ul.features-list {
	background: var( --light-blue );
}

.pricing-table-list .plan:nth-child(3) .header {
	background: var( --blue-06 );
}

.pricing-table-list .plan:nth-child(3) ul.features-list {
	background-color: var( --white );
}

.pricing-table-list .plan:nth-child(3n+1) .header {
    background: var( --blue-04 );
}

.pricing-table-list .plan:nth-child(3n+2) .header {
    background: var( --blue-05 );
}

.pricing-table-list .plan:nth-child(3n+3) .header {
	background: var( --blue-06 );
}

.pricing-table-list .plan:nth-child(3n+2) ul.features-list {
	background: var( --light-blue );
}

div[id*="float_footable_"] table tr.footable-header th {
    border-top: 0;
    border-bottom: 0;
}

div[id*="float_footable_"] table tr.footable-header th:first-child,
div[id*="float_footable_"] table tr.footable-header th:last-child {
    border: 0;
}

div[id*="float_footable_"] table tr.footable-header th {
    background-color: #eaeff7 !important;
    color: #374046 !important;
}

.features-list li {
	font-family: var( --font-inter );
    font-weight: normal;
    font-size: 18px;
    line-height: 1.333em;
    letter-spacing: -0.0045em;
    color: var( --gray-05 );
    padding: 15px 10px;
    margin-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.features-list li .check {
	margin-right: 10px;
}

.features-list li .check img {
	max-width: fit-content;
}

.features-list a {
	width: 100%;
}


.features-list li:not(:last-child) {
	border-bottom: 1px solid var( --blue-01 );
}

.plan .fx-btn {
    padding: 15px;
}

.pricing-table-list:not(:first-child) {
    margin-top: 40px;
}

@media( min-width : 600px ) {
    .pricing-table-list .row {
        display: flex;
        flex-wrap: wrap;
    }

    .pricing-table-list .plan .header .initial-investment{
        margin-bottom: 40px;
    }
}

@media (min-width: 1025px) {
    .pricing-table-list .plan .header {
        padding: 40px;
    }
}

@media (max-width: 1025px) {
	.pricing-table-list .plan {
		margin-bottom: 24px;
		height: auto;
		display: block;
	}
}

/**
 * Sticky Sidebar
 */


@media( min-width: 1025px ) {
    .sticky-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
    }

    .features-list li {
        padding: 28px;
    }
}

/* Location Page */

.location-main-template-v2  {
    padding-top: 64px;
    padding-bottom: 64px;
}

.location-main-template-v2 .location-intro-img{text-align:center;}
.location-main-template-v2 .location-intro-img img{max-width:100%;height:auto}
.location-main-template-v2 .location-intro .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:flex-start;align-items:flex-start;}
.location-main-template-v2 .location-intro-badge{margin-bottom:14px;}
.location-main-template-v2 .location-intro-badge span{display:inline-block;padding:6px 8px;font-size: 14px;line-height: 1.571em;letter-spacing: 0.05em;text-transform: uppercase;font-family: var( --font-inter );color: #FFFFFF;background-color:#37ACA4;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.location-main-template-v2 .location-intro-badge span i{vertical-align:middle;font-size:16px;margin-right:4px}
.location-main-template-v2 .location-intro-subtitle{margin:0 0 12px}
.location-main-template-v2 .location-intro-text{
    color: var(--Primary-Dark-Gray, #6E7B81);
    /* Paragraph - Small/Desktop */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.081px;
    margin-bottom: 24px;
    
}
.location-main-template-v2 .location-intro-link a{font-weight: 500;font-size: 24px;line-height: 1.333em;letter-spacing: -0.018em;text-decoration:none;}

.location-main-template-v2 .location-intro-nav{list-style:none;margin:36px 0 38px;padding:0}
.location-main-template-v2 .location-intro-nav li{display:inline-block;margin-right:32px; margin-left: 0;}
.location-main-template-v2 .location-intro-nav li:last-child{margin-left:0}
.location-main-template-v2 .location-intro-nav a{
    font-size: 14px;
    text-decoration:none;
    line-height: 1.571em;
    letter-spacing: 0.05em;
    font-family: var( --font-inter );
    text-transform: uppercase;
    color: #207DE9;
    position: relative;
}

.location-main-template-v2 .location-intro-nav a i{margin-left:10px;font-size:16px}
.location-main-template-v2 .location-intro-nav a:hover{color:#4C74B9}

.location-main-template-v2 .location-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.location-main-template-v2 .location-row>div{margin-bottom:48px}

.location-main-template-v2 .location-card{min-height:100%;background: #FFFFFF;border: 1px solid #CED4DA;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding:24px;display: block;float: left;width: 100%;}
.location-main-template-v2 .location-card .card-title{
    font-size: 32px;
    font-family: var( --font-inter );
    font-weight: 900;
    color: #374046;
    margin:0 0 16px!important;
}
.location-main-template-v2 .location-card .card-text{
    margin:0 0 32px;color:#374046;letter-spacing: -0.0055em;
    font-family: var( --font-inter );
    font-size: 21px;
    line-height: 1.5em;
}
.location-main-template-v2 .location-card .card-link{
    font-weight: 500; font-size: 24px;line-height: 1.333em;font-family: var( --font-inter );letter-spacing: -0.018em;color: #207DE9;text-decoration:none;width: 100%; display: block;
}
.location-main-template-v2 .location-card .card-link i{font-size:32px;vertical-align:middle;margin-right:16px}

.location-main-template-v2 .location-card .card-link a {
    position: relative;
    padding-left: 40px;
}

.location-main-template-v2 .location-card .card-link a::before {
    position: absolute;
    font-family:'icomoon-footer';
    content:"\e93f";
    top: 0;
    left: 0;
    font-size: 29px;
}

.page-template-httpstatuses h1{font-size:54px !important;}
.page-template-httpstatuses .sidebar-container .additional>p, .page-template-httpstatuses .sidebar-container .additional>p a{font-size:14px !important; margin-bottom:5px !important; line-height:1.6em !important;}
.page-template-httpstatuses blockquote{margin-left:0px !important;}
.page-template-httpstatuses code{background-color: var(--gray-01); padding: 0 5px;}
.page-template-httpstatuses .page-content ul{margin-top:0px;}
.page-template-httpstatuses .page-content{margin-top:250px;}

/* Wistia and YouTube icon setup */

.icon-bg-play-wrapper:before,
a[href*="youtube"].video-image.external:before {
    content: '';
    display: block;
    display: none;
    background-image: url(/wp-content/themes/fx/assets/img/icons/play-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 36.246px;
    height: 36.246px;
    position: absolute;
    left: 34px;
}
.icon-bg-play-wrapper .play-icon:hover,
a[href*="youtube"].video-image.external .play-icon:hover {
    background-color: #083A74;
}
.icon-bg-play-wrapper .play-icon,
a[href*="youtube"].video-image.external .play-icon {
    display: flex;
    width: 100px;
    height: 65px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: var(--s1, 8px);
    background: var(--Primary-Blue, #207DE9);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.icon-bg-play-wrapper .play-icon:before,
a[href*="youtube"].video-image.external .play-icon:before {
    content: '';
    display: block;
    background-image: url(/wp-content/themes/fx/assets/img/icons/play-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: 36.246px;
    height: 36.246px;
    position: absolute;
    left: 34px;
}

/* .icon-bg-youtube-v1:before,
a[href*="youtube"].video-image.external:before {
    background-color: var(--green-04);
}

.icon-bg-youtube-v1 .play-icon:hover:before,
a[href*="youtube"].video-image.external .play-icon:hover:before {
    box-shadow: 0 0 0 12px var(--green-04);
}

.icon-bg-youtube-v2:before {
    background-color: var(--red-05);
}

.icon-bg-youtube-v2 .play-icon:hover:before {
    box-shadow: 0 0 0 12px var(--red-05);
}

.icon-bg-wistia-v1:before {
    background-color: var(--blue-03);
}

.icon-bg-wistia-v1 .play-icon:hover:before {
    box-shadow: 0 0 0 12px var(--blue-03);
} */

/*MEDIA QUERY*/
@media (min-width:1441px){
	.location-main-template-v2 .location-intro-title{font-size:72px;line-height:78px}
}
@media (max-width:1440px){
	.location-main-template-v2 .location-intro-title{margin-bottom:48px}
}
@media (max-width:1440px) and (min-width:1200px){
}
@media (min-width:1025px) and (max-width:1350px){
}
@media (max-width:1199px){
	.location-main-template-v2 .location-intro-title{margin-bottom:16px}
	.location-main-template-v2 .location-intro-nav{margin-top:16px}
}
@media (max-width:1024px){
}
@media (max-width:991px){
}
@media (max-width:767px){
	.location-main-template-v2 .location-intro-img{padding:0;}
	.location-main-template-v2 .location-intro-link{margin-bottom:32px}
	.location-main-template-v2 .location-intro-link,
	.location-main-template-v2 .location-intro-link a{font-size: 20px;line-height: 1.400em;}
	.location-main-template-v2 .location-intro-nav:before{clear:both;content:"";display:block}
	.location-main-template-v2 .location-intro-nav{clear:both;}
	.location-main-template-v2 .location-card{padding:24px}
	.location-main-template-v2 .location-row>div{margin-bottom:16px}
    .location-intro-content {padding-top: 0px!important;}
}
@media (max-width:600px){
}
@media (max-width:440px){
}

.location-main-template-v2 .location-listing__section  {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.location-main-template-v2 .location-listing__section > a {
    flex-grow: 1;
}
.location-main-template-v2 .blue-primary-btn {
    color: white!important;
    border-color: #207DE9;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.333em;
    outline: none;
    background-color: #207DE9;
}

.location-main-template-v2 .blue-primary-btn:hover {

	background-color: #0c57ad!important;

}

.location-main-template-v2 .blue-primary-btn i {
	padding-top: 3px;
    float: right;
    display: inline;
}

.location-main-template-v2 .location-card .btn {
	margin-top: 24px;
    position: relative;
}

.location-main-template-v2 .location-card .btn::after {
    position: relative;
    font-family: 'icomoon-location';
    content: "\e930";
    top: 2px;
    right: 0;
}

@media( min-width : 768px ) {
    .location-main-template-v2 {
        padding-top: 0px;
        padding-bottom: 96px;
    }
}

.locations_list__static .row {
    display: flex;
    flex-wrap: wrap;
}

.locations_list__static .locations_list__static-item {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.5rem;
}

.locations_list__static .location-card {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    height: 100%;
}

.locations_list__static-item.regional-hub .location-card {
	background-color: #CCE4FF;
    border-color: #CCE4FF;
}

.locations_list__static-item.regional-hub .location-card iframe {
	width: 100%;
	height: 100%;
	border: 0px;
}

.locations_list__static .location-card .location-listing__section {
    margin-top: auto;
}

.ninja_table_wrapper .fx-primary-btn {
  min-width: 135px;
}

.foo-table img {
    max-width: 130px !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
}

.foo-table {
    font-size: 16px !important;
    border: 1px solid #C2C2C2 !important;
    border-radius: 0 !important;
    margin: 0px !important;
}

/* E | For Ipad Landscape fixes */
@media screen and (min-width: 1180px) and (max-width: 1182px) {
    .masthead-container .masthead-content .description {
        max-width: 100%;
    }

    .masthead-container .col-sm-offset-1 {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
}

.footable_parent.ninja_table_wrapper table {
    overflow: hidden !important;
}

.footable_parent.semantic_ui .ui.table {
    border: 1px solid #D2DCEE !important;
}

.footable_parent.ninja_table_wrapper .ui.table thead,
.footable_parent.ninja_table_wrapper tbody {
    max-width: 100% !important;
}

.footable_parent.ninja_table_wrapper .ui.compact.table td,
.footable_parent.ninja_table_wrapper .footable-header th {
    padding: 28px!important;
    display: flex !important;
    align-items: center;
    flex-direction: column;
}

/* Ninja tables custom styles */
/* Tables from the /local-seo/services/ Page */
#footable_92222, #footable_92231 {width: 100%!important; min-width: 100%!important;}

.profilefx-template section a:not(.btn) {color: #869298;text-decoration: underline!important;-webkit-text-decoration-color: var(--blue-01)!important; text-decoration-color: var(--blue-01)!important;}

.profilefx-template section a:not(.btn):hover { -webkit-text-decoration-color: var(--blue-03)!important; text-decoration-color: var(--blue-03)!important; }

/*** Ninja Table 153084 - MarketingCloudFX Table ***/

#footable_parent_153084 table#footable_153084 thead tr.footable-header th:first-child,
#footable_parent_153084 table#footable_153084 tbody tr td.ninja_clmn_nm_website_cost_table { width: 40%; display: table!important; background-color: white!important;}

#footable_parent_153084 table#footable_153084 thead tr.footable-header th:first-child img {width: 50%!important; margin: 0px; padding: 0px; height: auto!important; min-width: 150px; max-width: 200px!important; float: none; display: block;}

#footable_parent_153084 table#footable_153084 thead tr.footable-header th:last-child {background-color: white!important; color: black!important; }
#footable_parent_153084 table#footable_153084 tbody tr td:last-child {background-color: white!important; color: black!important; color: #f56c6c!important;}

#footable_parent_153084 table#footable_153084 tbody tr td:last-child { text-align: center; }

#footable_parent_153084 table#footable_153084 thead tr th:nth-child(2),
#footable_parent_153084 table#footable_153084 thead tr th:nth-child(3),
#footable_parent_153084 table#footable_153084 thead tr th:nth-child(4) { width: 20%; background-color: white!important; text-align: center; align-items: center; justify-content: center; }

#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(2),
#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(3),
#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(4) { width: 20%; background-color: white!important; text-align: center; align-items: center; justify-content: center; }

#footable_parent_153084 table#footable_153084 thead tr th:nth-child(2) { background-color: #eaeff7!important; }
#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(2) { background-color: #eaeff7!important; }

#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(3),
#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(4) {font-size: 26px; color: #f56c6c;}
#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(2) i,
#footable_parent_153084 table#footable_153084 tbody tr td:nth-child(3) i {font-size: 28px; width: 28px; height: 28px; background-size: 28px;}

#footable_parent_153084 table#footable_153084 tbody tr td span.cost { color: black!important; font-size: 20px; line-height: 30px; font-weight: 600!important; }

#footable_parent_153084 table#footable_153084 thead tr th:nth-child(2) img {width: 100%!important; min-width: 150px; max-width: 200px!important;}

/*** CSS Lazy Loading ***/
/*** Homepage ***/
.page-id-6 .page-content > div > section { content-visibility: auto; }
.page-id-6 .page-content > div > section:nth-of-type(1) { contain-intrinsic-size: 632px; }
.page-id-6 .page-content > div > section:nth-of-type(2) { contain-intrinsic-size: 64px; }
.page-id-6 .page-content > div > section:nth-of-type(3) { contain-intrinsic-size: 186px; }
.page-id-6 .page-content > div > section:nth-of-type(4) { contain-intrinsic-size: 646px; }
.page-id-6 .page-content > div > section:nth-of-type(5) { contain-intrinsic-size: 800px; }
.page-id-6 .page-content > div > section:nth-of-type(6) { contain-intrinsic-size: 980px; }
.page-id-6 .page-content > div > section:nth-of-type(7) { contain-intrinsic-size: 1092px; }
.page-id-6 .page-content > div > section:nth-of-type(8) { contain-intrinsic-size: 3098px; }
.page-id-6 .page-content > div > section:nth-of-type(9) { contain-intrinsic-size: 1783px; }
.page-id-6 .page-content > div > section:nth-of-type(10) { contain-intrinsic-size: 653px; }
.page-id-6 .page-content > div > section:nth-of-type(11) { contain-intrinsic-size: 602px; }
.page-id-6 .page-content > div > section:nth-of-type(12) { contain-intrinsic-size: 840px; }
.page-id-6 .page-content > div > section:nth-of-type(13) { contain-intrinsic-size: 710px; }
.page-id-6 .page-content > div > section:nth-of-type(14) { contain-intrinsic-size: 808px; }
.page-id-6 .page-content > div > section:nth-of-type(15) { contain-intrinsic-size: 700px; }
.page-id-6 .page-content > div > section:nth-of-type(16) { contain-intrinsic-size: 856px; }
@media (max-width: 768px) {
	.page-id-6 .page-content > div > section:nth-of-type(1) { contain-intrinsic-size: 989px; }
	.page-id-6 .page-content > div > section:nth-of-type(2) { contain-intrinsic-size: 64px; }
	.page-id-6 .page-content > div > section:nth-of-type(3) { contain-intrinsic-size: 281px; }
	.page-id-6 .page-content > div > section:nth-of-type(4) { contain-intrinsic-size: 587px; }
	.page-id-6 .page-content > div > section:nth-of-type(5) { contain-intrinsic-size: 652px; }
	.page-id-6 .page-content > div > section:nth-of-type(6) { contain-intrinsic-size: 1084px; }
	.page-id-6 .page-content > div > section:nth-of-type(7) { contain-intrinsic-size: 1020px; }
	.page-id-6 .page-content > div > section:nth-of-type(8) { contain-intrinsic-size: 2565px; }
	.page-id-6 .page-content > div > section:nth-of-type(9) { contain-intrinsic-size: 1579px; }
	.page-id-6 .page-content > div > section:nth-of-type(10) { contain-intrinsic-size: 480px; }
	.page-id-6 .page-content > div > section:nth-of-type(11) { contain-intrinsic-size: 602px; }
	.page-id-6 .page-content > div > section:nth-of-type(12) { contain-intrinsic-size: 1360px; }
	.page-id-6 .page-content > div > section:nth-of-type(13) { contain-intrinsic-size: 951px; }
	.page-id-6 .page-content > div > section:nth-of-type(14) { contain-intrinsic-size: 677px; }
	.page-id-6 .page-content > div > section:nth-of-type(15) { contain-intrinsic-size: 413px; }
	.page-id-6 .page-content > div > section:nth-of-type(16) { contain-intrinsic-size: 568px; }
    table.ninja_footable { display: table-cell !important;}
    table.ninja_footable tr:not(.table-child-accordion-group):not(.table-child-accordion-end-tr) {
        display: flex !important;
        position: relative;
    }

}
@media (max-width: 1024px) {
    div[id*="float_footable_"] {
        display: none;
    }
}
@media (max-width: 425px) {
	.page-id-6 .page-content > div > section:nth-of-type(1) { contain-intrinsic-size: 968px; }
	.page-id-6 .page-content > div > section:nth-of-type(2) { contain-intrinsic-size: 92px; }
	.page-id-6 .page-content > div > section:nth-of-type(3) { contain-intrinsic-size: 260px; }
	.page-id-6 .page-content > div > section:nth-of-type(4) { contain-intrinsic-size: 829px; }
	.page-id-6 .page-content > div > section:nth-of-type(5) { contain-intrinsic-size: 920px; }
	.page-id-6 .page-content > div > section:nth-of-type(6) { contain-intrinsic-size: 1118px; }
	.page-id-6 .page-content > div > section:nth-of-type(7) { contain-intrinsic-size: 1798px; }
	.page-id-6 .page-content > div > section:nth-of-type(8) { contain-intrinsic-size: 3809px; }
	.page-id-6 .page-content > div > section:nth-of-type(9) { contain-intrinsic-size: 2359px; }
	.page-id-6 .page-content > div > section:nth-of-type(10) { contain-intrinsic-size: 582px; }
	.page-id-6 .page-content > div > section:nth-of-type(11) { contain-intrinsic-size: 602px; }
	.page-id-6 .page-content > div > section:nth-of-type(12) { contain-intrinsic-size: 1720px; }
	.page-id-6 .page-content > div > section:nth-of-type(13) { contain-intrinsic-size: 818px; }
	.page-id-6 .page-content > div > section:nth-of-type(14) { contain-intrinsic-size: 979px; }
	.page-id-6 .page-content > div > section:nth-of-type(15) { contain-intrinsic-size: 441px; }
	.page-id-6 .page-content > div > section:nth-of-type(16) { contain-intrinsic-size: 870px; }
}
@media (max-width: 300px) {
	.page-id-6 .page-content > div > section:nth-of-type(1) { contain-intrinsic-size: 852px; }
	.page-id-6 .page-content > div > section:nth-of-type(2) { contain-intrinsic-size: 92px; }
	.page-id-6 .page-content > div > section:nth-of-type(3) { contain-intrinsic-size: 165px; }
	.page-id-6 .page-content > div > section:nth-of-type(4) { contain-intrinsic-size: 1187px; }
	.page-id-6 .page-content > div > section:nth-of-type(5) { contain-intrinsic-size: 1382px; }
	.page-id-6 .page-content > div > section:nth-of-type(6) { contain-intrinsic-size: 1152px; }
	.page-id-6 .page-content > div > section:nth-of-type(7) { contain-intrinsic-size: 2466px; }
	.page-id-6 .page-content > div > section:nth-of-type(8) { contain-intrinsic-size: 5381px; }
	.page-id-6 .page-content > div > section:nth-of-type(9) { contain-intrinsic-size: 3977px; }
	.page-id-6 .page-content > div > section:nth-of-type(10) { contain-intrinsic-size: 782px; }
	.page-id-6 .page-content > div > section:nth-of-type(11) { contain-intrinsic-size: 602px; }
	.page-id-6 .page-content > div > section:nth-of-type(12) { contain-intrinsic-size: 2326px; }
	.page-id-6 .page-content > div > section:nth-of-type(13) { contain-intrinsic-size: 931px; }
	.page-id-6 .page-content > div > section:nth-of-type(14) { contain-intrinsic-size: 1337px; }
	.page-id-6 .page-content > div > section:nth-of-type(15) { contain-intrinsic-size: 543px; }
	.page-id-6 .page-content > div > section:nth-of-type(16) { contain-intrinsic-size: 1253px; }
}

/***SEO Services***/
/*** Lines commented because the page has been changed ***/
/*.page-id-68 .page-content > section { content-visibility: auto; }
.page-id-68 .page-content > section:nth-of-type(1) { contain-intrinsic-size: 770px; }
.page-id-68 .page-content > section:nth-of-type(2) { contain-intrinsic-size: 183px; }
.page-id-68 .page-content > section:nth-of-type(3) { contain-intrinsic-size: 1516px; }
.page-id-68 .page-content > section:nth-of-type(4) { contain-intrinsic-size: 1133px; }
.page-id-68 .page-content > section:nth-of-type(5) { contain-intrinsic-size: 724px; }
.page-id-68 .page-content > section:nth-of-type(6) { contain-intrinsic-size: 5292px; }
.page-id-68 .page-content > section:nth-of-type(7) { contain-intrinsic-size: 742px; }
.page-id-68 .page-content > section:nth-of-type(8) { contain-intrinsic-size: 16506px; }
.page-id-68 .page-content > section:nth-of-type(9) { contain-intrinsic-size: 832px; }
.page-id-68 .page-content > section:nth-of-type(10) { contain-intrinsic-size: 809px; }
.page-id-68 .page-content > section:nth-of-type(11) { contain-intrinsic-size: 1558px; }
.page-id-68 .page-content > section:nth-of-type(12) { contain-intrinsic-size: 402px; }@media (max-width: 768px) { .page-id-68 .page-content > section:nth-of-type(1) { contain-intrinsic-size: 556px; }
.page-id-68 .page-content > section:nth-of-type(2) { contain-intrinsic-size: 616px; }
.page-id-68 .page-content > section:nth-of-type(3) { contain-intrinsic-size: 3414px; }
.page-id-68 .page-content > section:nth-of-type(4) { contain-intrinsic-size: 1248px; }
.page-id-68 .page-content > section:nth-of-type(5) { contain-intrinsic-size: 1115px; }
.page-id-68 .page-content > section:nth-of-type(6) { contain-intrinsic-size: 10194px; }
.page-id-68 .page-content > section:nth-of-type(7) { contain-intrinsic-size: 1270px; }
.page-id-68 .page-content > section:nth-of-type(8) { contain-intrinsic-size: 17464px; }
.page-id-68 .page-content > section:nth-of-type(9) { contain-intrinsic-size: 1330px; }
.page-id-68 .page-content > section:nth-of-type(10) { contain-intrinsic-size: 743px; }
.page-id-68 .page-content > section:nth-of-type(11) { contain-intrinsic-size: 1774px; }
.page-id-68 .page-content > section:nth-of-type(12) { contain-intrinsic-size: 960px; } }
@media (max-width: 425px) { .page-id-68 .page-content > section:nth-of-type(1) { contain-intrinsic-size: 788px; }
.page-id-68 .page-content > section:nth-of-type(2) { contain-intrinsic-size: 616px; }
.page-id-68 .page-content > section:nth-of-type(3) { contain-intrinsic-size: 4334px; }
.page-id-68 .page-content > section:nth-of-type(4) { contain-intrinsic-size: 1804px; }
.page-id-68 .page-content > section:nth-of-type(5) { contain-intrinsic-size: 995px; }
.page-id-68 .page-content > section:nth-of-type(6) { contain-intrinsic-size: 10340px; }
.page-id-68 .page-content > section:nth-of-type(7) { contain-intrinsic-size: 1668px; }
.page-id-68 .page-content > section:nth-of-type(8) { contain-intrinsic-size: 23982px; }
.page-id-68 .page-content > section:nth-of-type(9) { contain-intrinsic-size: 1878px; }
.page-id-68 .page-content > section:nth-of-type(10) { contain-intrinsic-size: 913px; }
.page-id-68 .page-content > section:nth-of-type(11) { contain-intrinsic-size: 2435px; }
.page-id-68 .page-content > section:nth-of-type(12) { contain-intrinsic-size: 990px; } }
@media (max-width: 300px) { .page-id-68 .page-content > section:nth-of-type(1) { contain-intrinsic-size: 1136px; }
.page-id-68 .page-content > section:nth-of-type(2) { contain-intrinsic-size: 596px; }
.page-id-68 .page-content > section:nth-of-type(3) { contain-intrinsic-size: 5071px; }
.page-id-68 .page-content > section:nth-of-type(4) { contain-intrinsic-size: 2678px; }
.page-id-68 .page-content > section:nth-of-type(5) { contain-intrinsic-size: 1062px; }
.page-id-68 .page-content > section:nth-of-type(6) { contain-intrinsic-size: 10624px; }
.page-id-68 .page-content > section:nth-of-type(7) { contain-intrinsic-size: 2688px; }
.page-id-68 .page-content > section:nth-of-type(8) { contain-intrinsic-size: 33731px; }
.page-id-68 .page-content > section:nth-of-type(9) { contain-intrinsic-size: 2986px; }
.page-id-68 .page-content > section:nth-of-type(10) { contain-intrinsic-size: 1071px; }
.page-id-68 .page-content > section:nth-of-type(11) { contain-intrinsic-size: 3574px; }
.page-id-68 .page-content > section:nth-of-type(12) { contain-intrinsic-size: 1298px; } }*/

.masthead-index h3, .masthead-index h1 {color: white;}

/*** Gravity Forms Styles ***/
.gform_wrapper {padding-top: 40px; padding-bottom: 40px;}
.gform_wrapper .gform_heading {display: none!important;}
.gform_wrapper form:not(.ignore-default-styles) {max-width: 90%;padding-left: 10%;margin: 0px!important;}
.gform_wrapper form:not(.ignore-default-styles) h1, .gform_wrapper:not(.ignore-default-styles) form h2,
.gform_wrapper form:not(.ignore-default-styles) h3, .gform_wrapper:not(.ignore-default-styles) form h4,
.gform_wrapper form:not(.ignore-default-styles) h5, .gform_wrapper:not(.ignore-default-styles) form h6,
.gform_wrapper form:not(.ignore-default-styles) label {color: #2c3345; word-break: break-word;}
.gform_wrapper form:not(.ignore-default-styles) .gfield_required span {display: none!important;}
/* Gravity Forms 3.0 made .gfield_required display:inline, so a block pseudo-element breaks the label onto a new line. */
.gform_wrapper form:not(.ignore-default-styles) .gfield_required::before {content: "*";color: #f23a3c;margin-left: 5px;display: inline-block;width: 20px; height: 20px;font-size: 20px;}
.gform_wrapper form:not(.ignore-default-styles).fx-gf-free-quote-form .gfield_required::before { color: black;}
.gform_wrapper form:not(.ignore-default-styles) input:not(input[type="submit"]),
.gform_wrapper form:not(.ignore-default-styles) textarea,
.gform_wrapper:not(.ignore-default-styles_wrapper) form select {border-bottom: 1px solid #ABB9C2; border-left: 0px!important; border-right: 0px!important;border-top: 0px!important;}
.gform_wrapper form input:not(input[type="submit"]),
.gform_wrapper form textarea,
.gform_wrapper:not(.ignore-default-styles_wrapper) form select { max-height: 100px; border-radius: 0px;padding: 15px 0;font-family: 'Inter',sans-serif;color: #374046;font-weight: bold;}
.gform_wrapper:not(.ignore-default-styles_wrapper) form select {height: 50px;position: relative;}
.gform_wrapper:not(.ignore-default-styles_wrapper) form select option {font-weight: 500;}
.gform_wrapper:not(.ignore-default-styles_wrapper) .ginput_container_select {position: relative;max-height: 50px;}
.gform_wrapper:not(.ignore-default-styles_wrapper) form .ginput_container_select::after {
    content: "\e900";
    font-family: 'ic-hdr' !important;
    font-size: 18px;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -8px;
    line-height: 1;
    pointer-events: none;
    font-weight: 500;
 }
.gform_wrapper form:not(.ignore-default-styles) .gfield:not(.gfield_html) {padding-left: 10px; padding-right: 10px;margin-bottom: 24px;font-size: 1em;line-height: 33px;
												letter-spacing: -0.0055em;}
.gform_wrapper form input[type="submit"]:not(.fx-custom-gform-skip-button),
.gform_wrapper form button[type="submit"]:not(.fx-custom-gform-skip-button) {font-family: "Inter", sans-serif;font-weight: bold;font-size: 21px; line-height: 28px; letter-spacing: -0.008em;
										  height: 76px; padding: 21px 24px; background-color: #207DE9; color: #fff; display: block; width: 100%;
										  word-break: break-word; white-space: normal; height: auto;border-radius: 4px;}
.gform_wrapper form:not(.ignore-default-styles) input[type="submit"]:hover,
.gform_wrapper form:not(.ignore-default-styles) button[type="submit"]:hover {color: #fff; background-color: #0069d9; border-color: #0062cc;}
.gform_wrapper form input:not(input[type="submit"]):focus,
.gform_wrapper form textarea:focus,
.gform_wrapper form select:focus {border-color: #0062cc;}
.gform_wrapper form .validation_message {width: fit-content!important;border: 0px!important;background-color: #f23a3c!important; color: white!important; padding: 5px!important; font-size: .75em!important; margin-top: 8px!important; border-radius: 4px; line-height: normal!important; display: initial;    padding-top: 5px!important;}
.gform_wrapper form label.error {width: fit-content!important; display: block;border: 0px!important;background-color: #f23a3c; color: white!important; padding: 5px; font-size: .75em!important; margin-top: 8px; border-radius: 4px; line-height: normal!important; padding-top: 5px!important;}
.gform_wrapper .gform_validation_errors {display: none;}

.gform_wrapper form .gform_button:not(.fx-custom-gform-button),
.gform_wrapper form .gform_next_button:not(.fx-custom-gform-button),
.gform_wrapper form .gform-button:not(.fx-custom-gform-button) {
    visibility: hidden;
    padding: 0px!important;
    width: 0px !important;
    height: 0px !important;
    margin: 0px!important;
}

.gform_wrapper form .gform_button.fx-custom-gform-button {
    margin-left: 0px !important;
}

.gform_wrapper form *[id^="gform_ajax_spinner"]:nth-of-type(n+2) {
    display: none!important;
}

.gform_wrapper.gravity-theme .gform-loader {
    border-block-start: 1.1em solid #000!important;
    max-width: 16px!important;
    width: 100%!important;
    min-width: 16px!important;
}

@media (max-width: 640px) {
	.gform_wrapper form:not(.ignore-default-styles) input:not(input[type="submit"]),
	.gform_wrapper form:not(.ignore-default-styles) textarea,
	.gform_wrapper form:not(.ignore-default-styles) select {width: 100%!important;}
}

/*** Bottom Form of the Individual Case Study Page ***/
.fx-individual-case-study-bottom-form_wrapper {
    max-width: 800px;
    margin: 0 auto;
    padding: var(--s5, 40px) var(--s6, 48px) var(--s6, 48px) var(--s6, 48px);
    align-items: flex-start;
    gap: 120px;
    border-radius: var(--s2, 16px);
    background: var(--Primary-Blue-Darkest, #083A74);
}

.fx-individual-case-study-bottom-form_wrapper form {
    padding: 0px!important;
    width: 100%!important;
    max-width: 100%!important;
}

.fx-individual-case-study-bottom-form_wrapper form .gform_body {
    width: 100%;
}

.fx-individual-case-study-bottom-form_wrapper form .gform_fields {
    grid-column-gap: 6%!important;
    grid-row-gap: 24px!important;
}

.fx-individual-case-study-bottom-form_wrapper form .gform_fields h2,
.fx-individual-case-study-bottom-form_wrapper form .gform_fields h3 {
    color: var(--White, #FFF)!important;
    text-align: center;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield:not(.gfield_html) {
    padding: 0px!important;
    margin: 0px!important;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield .gfield_label {
    color: var(--White, #FFF);
    font-family: var(--font-inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.081px;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield input,
.fx-individual-case-study-bottom-form_wrapper form .gfield textarea,
.fx-individual-case-study-bottom-form_wrapper form .gfield select {
    font-family: var(--font-inter)!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: 35px!important;
    padding: var(--s1, 8px) var(--s2, 16px)!important;
    border-radius: 4px!important;
    background: var(--Primary-White, #FFF)!important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15) inset!important;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield select {
    font-weight: 400!important;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield input::placeholder,
.fx-individual-case-study-bottom-form_wrapper form .gfield textarea::placeholder {
    color: var(--Primary-Gray, #A9B4BC);
}

.fx-individual-case-study-bottom-form_wrapper .gform_footer  {
    margin: 0px!important;
    padding: 0px!important;
}

.fx-individual-case-study-bottom-form_wrapper form input[type="submit"],
.fx-individual-case-study-bottom-form_wrapper form button[type="submit"] {
    padding: 16px 32px;
    border-radius: 4px;
    max-width: calc(100% - 20px);
    margin-bottom: 0px!important;
    width: 100% !important;
    max-width: 100%;
    margin-left: 0px;
    margin-top: 20px;
}

.fx-individual-case-study-bottom-form_wrapper form .gfield--type-captcha {
    padding: 0px!important;
    margin-bottom: 0px!important;
}

@media (max-width: 500px) {
    .fx-individual-case-study-bottom-form_wrapper form input[type="submit"],
    .fx-individual-case-study-bottom-form_wrapper form button[type="submit"] {
        font-size: 16px;
        line-height: 23px;
    }

    .fx-individual-case-study-bottom-form_wrapper {
        padding: var(--s5) var(--s3);
    }
}


/*** Country Disclaimer Styles ***/
#country-disclaimer{background-color:rgb(255,209,45);min-height:30px;font-size:16px;color:#333;text-align:center;line-height:26px;padding:10px;font-family:'Inter',sans-serif;position:fixed;bottom:0;left:0;right:0;z-index:9999}
#country-disclaimer .inner {display: flex; width: fit-content; margin: 0 auto; align-items: center;}
#country-disclaimer a{font-family: inherit;color:#4B8EE7;text-decoration:none}
#country-disclaimer #close-btn{font-size: x-large;float:right;display:inline-block;cursor:pointer;height:20px;width:20px;margin: -10px -5px 0 0;font-weight:700}
#country-disclaimer #close-btn:hover{color:#FFF}
#country-disclaimer a.more-info-btn{letter-spacing: -.008em;font-weight: 600;margin-right: 40px;white-space: nowrap;background-color:#f7941d;color:#000;display:inline-block;border-radius:5px;cursor:pointer;}
#country-disclaimer a.more-info-btn:hover{background-color:#ffa232;}
#country-disclaimer p {color: black;margin: 0px;text-align: left;padding-left: 10px;padding-right: 20px;}

@media (max-width: 920px) {
	#country-disclaimer .inner {flex-direction: column;}
	#country-disclaimer a.more-info-btn{margin-top: 10px;margin-right: 0px;}
	#country-disclaimer p {font-size: 16px;padding-right: 20px;}
}

/*** Extra Classes ***/

.green-check-list{font-family:inherit;list-style:none;margin:0;padding:0;text-align:center;}
.green-check-list li{font-family:inherit;display:inline-block;vertical-align:middle;margin:0 30px 30px!important;padding-left:42px!important;padding-bottom: 0px!important;background:url(/wp-content/themes/fx/assets/img/green-check.png) no-repeat left 12px;font-weight: 600;font-size: 24px!important;line-height: 32px;letter-spacing: -0.018em;color:#000000!important;padding-right: 0px;}
.green-check-list li:first-child{margin-left:0!important}
.green-check-list li:last-child{margin-right:0!important}

.blue-small-centered-bulleted-list {
    margin: var(--s3) 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--s2);
}

.blue-small-centered-bulleted-list li {
    padding: 0px;
    color: var(--Primary-Darkest-Gray, #222);
    font-family: var(--font-inter);
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    position: relative;
}

.blue-small-centered-bulleted-list li {
    padding: 0px 0px 0px var(--s3);
}

.blue-small-centered-bulleted-list li:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    left: 0px;
    top: 14px;
    border-radius: 50%;
}

.blue-small-centered-bulleted-list li:before {
    background: var(--Primary-Blue, #207DE9);
}


/*** For Multisteps Gravity form Customization across the site   ***/

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_page_steps {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-width: 0;
    margin-bottom: 32px;
    width: 125%;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  .gf_step {
    margin-right: 0px;
    flex: 1;
    position: relative;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  .gf_step.gf_step_completed::after {
    content: '-';
    position: absolute;
    width: 100%;
    background: #207DE9;
    left: 16px;
    top: 18px;
    height: 4px;
    overflow: hidden;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  .gf_step.gf_step_pending:not(.gf_step_last)::after,
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  .gf_step.gf_step_active:not(.gf_step_last)::after {
    content: '-';
    position: absolute;
    width: 100%;
    background: #F2F2F2;
    left: 16px;
    top: 18px;
    height: 4px;
    overflow: hidden;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_step_label {
    display: none;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_step .gf_step_number {
    z-index: 4;
    position: relative;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_step_active .gf_step_number,
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number  {
    background: #207DE9;
    color: #FFF;
    border-color: #207DE9;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number:before {
    background: #207DE9;
    border-width: 0;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gf_step.gf_step_pending  .gf_step_number {
    background: #F2F2F2;
    color: #FFF;
    border-color: #F2F2F2;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  h3 {
    color: #222;
    font-family: Inter;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: -0.504px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  p {
    color: #222;
    font-family: Inter;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: -0.116px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme  .gfield_label {
    display: none;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form:not(.ignore-default-styles) .gfield:not(.gfield_html) {
    padding: 0;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gfield textarea.large {
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--core-gray-03, #ABB9C2)!important;
    background: #FFF;
    color: #374046;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.081px;
    max-width: 100%;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gfield input.large, .fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gfield select.large {
    display: flex;
    padding: 16px 20px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 6px;
    border: 1px solid var(--core-gray-03, #ABB9C2)!important;
    background: #FFF;
    color: #374046;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.081px;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form input[type="button"],
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form button[type="button"][data-submission-type] {
    display: flex;
    width: 100%;
    padding: 16px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    background: var(--vivid-vivid-02, #207DE9);
    color: #FFF;
    text-align: center;
    /* Strong / Small */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.081px;
    margin-left: 0px;

}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gform_footer, .fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gform_page_footer {
    padding: 0px;
    display: flex;
    gap: 30px;
}
.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gform_previous_button.button {
    background: transparent;
    border-bottom-color: transparent;
    color: black;
    font-weight: bold;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form:not(.ignore-default-styles) .gfield:not(.gfield_html) {
    margin-bottom: 10px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form .gfield_radio {
    display: flex;
    gap: 10px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: 100%;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form:not(.ignore-default-styles) .gfield--type-select {
    display: block;
    padding-bottom: 0px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form:not(.ignore-default-styles) .gfield--type-select select {
    display: block;
    height: auto;
    font-family: var(--font-inter);
    padding-top: 10px;
    padding-bottom: 10px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form label.error {
    margin-bottom: 0px;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form .ginput_container_select {
    max-height: 100%;
}

.fx-multisteps-gf-form_wrapper.gform_wrapper.gravity-theme form .ginput_container_select::after {
    top: 22px;
}

.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal {
    padding: var(--s2, 16px);
    border-radius: 4px;
    border: 1px solid var(--Tertiary-Teal-Lighter, #DBF3F1);
    background: linear-gradient(0deg, rgba(237, 249, 248, 0.25) 0%, rgba(237, 249, 248, 0.25) 100%), #FFF;
}

.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal .title {
    color: var(--Primary-Darkest-Gray, #222);
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.081px;
    margin-bottom: 8px !important;
}

.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal ul {
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal ul li {
    color: #222;
    font-family: var(--font-inter);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.045px;
    padding: 0px;
    position: relative;
    margin: 0;
    list-style: none;
    padding-left: 36px;
}

.fx-gf-multistep-free-quote-form .fx-gf-multistep-free-quote-form-proposal ul li:before {
    content: "\ea10";
    position: absolute;
    color: #fff;
    left: 0px;
    top: 3px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: transparent;
    border-radius: 50%;
    font-family: 'icomoon' !important;
    font-size: 11px;
    text-align: center;
    background-image: url('/wp-content/themes/fx/assets/img/teal-icon-circle.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Text spacing */
.bottom-margin-0px {
    margin-bottom: 0px!important;
}
.bottom-margin-4px {
    margin-bottom: 4px!important;
}
.bottom-margin-8px {
    margin-bottom: 8px!important;
}
.bottom-margin-16px {
    margin-bottom: 16px!important;
}
.bottom-margin-24px {
    margin-bottom: 24px!important;
}
.bottom-margin-32px {
    margin-bottom: 32px!important;
}
.bottom-margin-40px {
    margin-bottom: 40px!important;
}
.bottom-margin-48px {
    margin-bottom: 48px!important;
}
.bottom-margin-56px {
    margin-bottom: 56px!important;
}
.bottom-margin-64px {
    margin-bottom: 64px!important;
}
.bottom-margin-72px {
    margin-bottom: 72px!important;
}
.bottom-margin-80px {
    margin-bottom: 80px!important;
}
.top-margin-0px {
    margin-top: 0px!important;
}
.top-margin-4px {
    margin-top: 4px!important;
}
.top-margin-8px {
    margin-top: 8px!important;
}
.top-margin-16px {
    margin-top: 16px!important;
}
.top-margin-24px {
    margin-top: 24px!important;
}
.top-margin-32px {
    margin-top: 32px!important;
}
.top-margin-40px {
    margin-top: 40px!important;
}
.top-margin-48px {
    margin-top: 48px!important;
}
.top-margin-56px {
    margin-top: 56px!important;
}
.top-margin-64px {
    margin-top: 64px!important;
}
.top-margin-72px {
    margin-top: 72px!important;
}
.top-margin-80px {
    margin-top: 80px!important;
}

.top-element-4px {
    position: relative;
    top: 4px!important;
}
.top-element-8px {
    position: relative;
    top: 8px!important;
}
.top-element-16px {
    position: relative;
    top: 16px!important;
}
.top-element-24px {
    position: relative;
    top: 24px!important;
}
.top-element-32px {
    position: relative;
    top: 32px!important;
}
.top-element-40px {
    position: relative;
    top: 40px!important;
}
.top-element-48px {
    position: relative;
    top: 48px!important;
}
.top-element-56px {
    position: relative;
    top: 56px!important;
}
.top-element-64px {
    position: relative;
    top: 64px!important;
}
.top-element-72px {
    position: relative;
    top: 72px!important;
}
.top-element-80px {
    position: relative;
    top: 80px!important;
}


.flex-row-8px-gap {
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.flex-row-16px-gap {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

.flex-row-24px-gap {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.flex-row-32px-gap {
    display: flex;
    flex-direction: row;
    gap: 32px;
}
.flex-row-40px-gap {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.custom-flex-row {
    justify-content: center;
    flex-wrap: wrap;
}

.custom-flex-column-xxs {
    flex-direction: column!important;
}

.flex-column-24px-gap-xxs {
    display: flex!important;
    flex-direction: column!important;
    gap: 24px!important;
}
.flex-column-40px-gap {
    display: flex!important;
    flex-direction: column!important;
    gap: 40px!important;
}
@media screen and (min-width: 768px) {
    .custom-flex-row-sm {
        flex-direction: row!important;
    }
}

@media screen and (min-width: 1025px) {
    .custom-flex-row-md {
        flex-direction: row!important;
    }

    .flex-row-40px-gap-md {
        display: flex!important;
        flex-direction: row!important;
        gap: 40px!important;
    }

}

@media screen and (max-width: 991px) {

}
@media screen and (max-width: 400px) {
    .flex-row-8px-gap,
    .flex-row-16px-gap,
    .custom-flex-row {
        flex-direction: column;
    }
    .flex-row-8px-gap *,
    .flex-row-16px-gap * {
        margin-bottom: 0px;
    }
    .flex-row-32px-gap,
    .flex-row-40px-gap {
        gap: 16px;
    }
}

.fx-layout {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: var(--s4);
    margin-bottom: var(--s4);
}

.fx-layout > br {
    display: none;
}

.fx-layout.fx-layout-3-col > * {
    width: calc(33.33333333% - 16px);
}

.fx-layout.fx-layout-2-col > * {
    width: calc(50% - 12px);
}

@media screen and (max-width: 1024px) {
    .fx-layout.fx-layout-3-col > * {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 500px) {
    .fx-layout.fx-layout-3-col > *,
    .fx-layout.fx-layout-2-col > * {
        width: 100%;
    }
}

.p-small {
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 28px!important; /* 155.556% */
    letter-spacing: -0.081px!important;
    margin-bottom: 24px;
}
.p-regular {
    font-size: 21px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 35px!important; /* 166.667% */
    color: var(--Gray-gray-08);
    margin-bottom: 24px;
}

.sidebar-text {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: var(--Primary-Dark-Gray);
    margin-bottom: 8px;
}

.caption {
    font-size: 13px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 18px!important;
    color: var(--Gray-gray-08);
    margin-bottom: 8px;
}

.callout {
    font-family: var(--font-kalam)!important;
    font-size: 13px!important;
    font-style: normal!important;
    font-weight: 400!important;
    line-height: 16px!important;
    color: var(--Gray-gray-08);
    margin-bottom: 8px;
}
.full-padding-top {
    padding-top: 96px!important;
}
.full-padding-bottom {
    padding-bottom: 96px!important;
}
.half-padding-top {
    padding-top: 48px!important;
}
.half-padding-bottom {
    padding-bottom: 48px!important;
}

.no-padding-top {
    padding-top: 0px!important;
}
.no-padding-bottom {
    padding-bottom: 0px!important;
}

.primary-blue-text {
    color: #207DE9;
}
.secondary-yellow-text {
    color: #FFDF6F !important;
}
.sidebar-quick-start-industry-container {
    margin-bottom: 40px;
}
ul.list-with-checkmarks,
ol.list-with-checkmarks {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0;
    list-style: none!important;
}
ul.list-with-checkmarks li,
ol.list-with-checkmarks  li {
    padding: 0 10px 10px 32px;
    position: relative;
}
ul.list-with-checkmarks li:before ,
ol.list-with-checkmarks li:before {
    content: ""!important;
    background-image: url(/wp-content/themes/fx/assets/img/icons/blue-check-icon.svg)!important;
    background-color: transparent!important;
    width: 18px !important;
    height: 18px !important;
    padding-right: 8px!important;
    background-repeat: no-repeat!important;
    top: 4px!important;
    position: absolute!important;
    left: 0!important;
}

ol.list-with-number-circled-blue {
    list-style: none;
    counter-reset: item;
    padding-left: 0;
}

ol.list-with-number-circled-blue li {
    counter-increment: item;
    margin-bottom: 16px;
    position: relative;
    padding-left: 40px;
}

ol.list-with-number-circled-blue li:before {
    content: counter(item);
    background: #207DE9;
    border-radius: 50%;
    color: white;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 15px;
}

ul.blue-disc-list {list-style: none;margin-left: 16px; margin-top: var(--s3); margin-bottom: var(--s3);}
ol.blue-disc-list {list-style-position: outside; margin-left: 42px;overflow: initial;}
ul.blue-disc-list > li {padding-left: 32px; padding-top: 0px; padding-bottom: 16px; font-size: 21px; font-family: var( --font-inter ); font-style: normal; line-height: 35px; position: relative;}
ol.blue-disc-list > li {list-style-position: outside; padding-left: 6px; padding-top: 0px; padding-bottom: 16px; font-size: 21px; font-family: var( --font-inter ); font-style: normal; line-height: 35px; position: relative;}

ul.blue-disc-list > li strong,
ol.blue-disc-list > li strong {font-family: var( --font-inter ); font-style: normal; font-size: inherit; line-height: inherit; letter-spacing: -0.094px;font-weight: 600;}

ul.blue-disc-list > li::marker,
ol.blue-disc-list > li::marker {color: var(--vivid-vivid-02, #207DE9)!important; font-size: inherit; font-family: var( --font-inter ); font-style: normal; font-weight: 600; line-height: inherit; letter-spacing: -0.094px; text-decoration-color: var(--vivid-vivid-02)!important;text-decoration: none;}
ul.blue-disc-list > li a,
ol.blue-disc-list > li a
ol.blue-disc-list > li a *,
ul.blue-disc-list > li a * {color: var(--vivid-vivid-02, #207DE9)!important; font-size: inherit; font-family: var( --font-inter ); font-style: normal; font-weight: 400; line-height: inherit; letter-spacing: -0.094px; text-decoration-color: var(--vivid-vivid-02)!important;text-decoration: none;}

ul.blue-disc-list > li::before {content : " "; width: 16px; height: 16px;border-radius: 40px; background: var(--Primary-Blue, #207DE9); position: absolute; top: 10px; left: 0px;}

ul.blue-disc-list.blue-checklist > li::before {content : " "; width: 21px; height: 21px;border-radius: 40px; position: absolute; top: 6px; left: 0px; background-image: url('/wp-content/themes/fx/assets/img/blocks/general/wysiwyg/blue-check-icon.png'); background-size: contain;}

ul.blue-disc-list > li a:hover,
ol.blue-disc-list > li a:hover {text-decoration: underline;}

ul.blue-disc-list > li ul,
ol.blue-disc-list > li ul,
ul.blue-disc-list > li ol,
ol.blue-disc-list > li ol { margin-bottom: 0px; }

.wysiwyg__content {
    counter-reset: section;
}
.continuous-count {
    list-style: none;
    padding-left: 0;
    margin-left: 10px !important;
}

.continuous-count li {
    counter-increment: section;
}

.continuous-count li::before {
    content: counter(section) ".";
    color: var(--vivid-vivid-02,#207DE9)!important;
    font-weight: bold;
    padding-right: 15px;
}

.blue-highlight {
    color: #207DE9!important;
}
.blue-dark-highlight {
    color: var(--Primary-Blue-Dark)!important;
}
.blue-light-highlight {
    color: var(--Vivid-Blue-vivid-01)!important;
}
.teal-light-highlight {
    color: var(--Tertiary-Teal-Light)!important;
}
.teal-darkest-highlight {
    color: var(--Secondary-Teal-Darkest)!important;
}
.lime-light-highlight {
    color: var(--Tertiary-Lime-Light)!important;
}
.lime-light-highlight-with-stroke-and-shadow {
    color: var(--Tertiary-Lime-Light)!important;
    text-shadow: 4px 4px 0px #222;
    -webkit-text-stroke-width: 2.5px;
    -webkit-text-stroke-color: var(--Primary-Darkest-Gray);
    paint-order: stroke fill;
}

@media screen and (max-width: 1024px) {
    .lime-light-highlight-with-stroke-and-shadow {
        -webkit-text-stroke-width: 1.5px;
        text-shadow: 2px 2px 0px #222;
    }
}

.green-highlight {
    color: #26B16D!important;
}
.yellow-highlight-with-line {
    display: inline-block;
    position: relative;
    color: #FFDF6F;
}
.yellow-highlight {
    color: #FFDF6F !important;
}
.yellow-highlight-with-line::after {
    content: '';
    content: '';
    width: 100%;
    display: block;
    height: 8px;
    background: url(/wp-content/themes/fx/assets/img/text-yellow-highlight.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.yellow-light-highlight {
    color: var(--Secondary-Yellow-Light, #FFDF6F);
}

.blue-highlight-with-line {
    display: inline-block;
    position: relative;
    color: #207DE9;
}
.blue-highlight-with-line::after {
    content: '';
    content: '';
    width: 100%;
    display: block;
    height: 8px;
    background: url(/wp-content/themes/fx/assets/img/text-blue-highlight.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.fx-yellow-underlined-link {
    color: var(--Vivid-vivid-02, #207DE9);
    font-family: var(--font-inter);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.432px;
    text-decoration-color: var(--CTA---Yellow-yellow-03, #FFDF6F);
}

.blue-underlined-text {
    display: inline-block;
    position: relative;
}
.blue-underlined-text::after {
    content: '';
    width: 100%;
    display: block;
    height: 22px;
    background: url(/wp-content/themes/fx/assets/img/blue-underlined-text.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position-y: center;
    background-position-x: right;
    margin-top: -3%;
}

.green-highlight-with-line {
    display: inline-block;
    position: relative;
    color: var(--Secondary-Green, #26B16D);
    font-family: var(--font-inter);
    font-style: normal;
    font-weight: 900;
    line-height: 120%;
    letter-spacing: -0.116px;
}
.green-highlight-with-line::after {
    content: '';
    width: 100%;
    display: block;
    height: 6px;
    background: url(/wp-content/themes/fx/assets/img/green-highlight-with-line.svg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}

.slick-prev-custom-arrow {
    font-family: 'Flaticon', 'robotoregular';
    color: #207DE9;
    width: 52px;
    height: 52px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    position: absolute;
    background: white;
    opacity: 1;
    top: 40%;
    left: 10px;
    transform: rotate(180deg);
    z-index: 3;
    border-radius: 50%;
    text-decoration: none;
    font-weight: bold;
}
.slick-prev-custom-arrow::before, .slick-next-custom-arrow::before {
    content: "\f104";
    font-weight: 100;
}
.slick-next-custom-arrow {
    font-family: 'Flaticon', 'robotoregular';
    color: #207DE9;
    width: 52px;
    height: 52px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    position: absolute;
    background: white;
    opacity: 1;
    top: 40%;
    right: 10px;
    z-index: 3;
    border-radius: 50%;
    text-decoration: none;
    font-weight: bold;

}
.slick-prev-custom-arrow:hover,
.slick-next-custom-arrow:hover {
    background: #083A74;
    color: white;
}

/***
        New Brand Guidelines (nbg)
        Blog's Typography
***/

/*** Headings variations for the Blog ***/
.fx-nbg.blog:not(.default-new-template) h1:not(.fx-cta h1),
.fx-nbg.blog:not(.default-new-template) .h1:not(.fx-cta .h1) {
    margin-bottom: 32px;
    font-size: 48px;
    font-style: normal;
    font-weight: 800;
    line-height: 56px;
    letter-spacing: -1.728px;
}

.fx-nbg.blog:not(.default-new-template) h2:not(.fx-cta h2),
.fx-nbg.blog:not(.default-new-template) .h2:not(.fx-cta .h2) {
    margin-bottom: 24px;
    margin-top: 48px;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 48px;
    letter-spacing: -1.44px;
    padding-left: 0px;
}

@media screen and (max-width: 991px) {
    .fx-nbg.blog:not(.default-new-template) h2:not(.fx-cta h2),
    .fx-nbg.blog:not(.default-new-template) .h2:not(.fx-cta .h2) {
        font-size: 32px;
        line-height: 44px;
    }
}

.fx-nbg.blog:not(.default-new-template) h2:not(.fx-cta h2)::before,
.fx-nbg.blog:not(.default-new-template) .h2:not(.fx-cta .h2)::before {
    content : none;
}

.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3),
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3) {
    margin-bottom: 16px;
    margin-top: 32px;
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 40px;
    letter-spacing: -1.152px;
    position: relative;
}
.single-post-v4 .fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).highlighted {
    font-weight: 600;
    margin-bottom: 8px;
    padding-left: 0;
    color: #222;
}

.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).blue-dot-highlight,
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3).blue-dot-highlight,
.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).highlighted,
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3).highlighted,
.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).blog-heading-highlighted,
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3).blog-heading-highlighted {
    padding-left: 44px;
}

.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).blue-dot-highlight::before,
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3).blue-dot-highlight::before,
.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).highlighted::before,
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3).highlighted::before,
.fx-nbg.blog:not(.default-new-template) h3:not(.fx-cta h3).blog-heading-highlighted::before,
.fx-nbg.blog:not(.default-new-template) .h3:not(.fx-cta .h3).blog-heading-highlighted::before {
    content : "";
    width: 32px;
    height: 32px;
    background: var(--Primary-Blue);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 4px;
}

.fx-nbg.blog h4:not(.fx-cta h4),
.fx-nbg.blog .h4:not(.fx-cta .h4) {
    font-size: 24px;
    margin-bottom: 16px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
    letter-spacing: -0.864px;
}
.single-post-v4 .fx-nbg.blog h4:not(.fx-cta h4),
.single-post-v4 .fx-nbg.blog .h4:not(.fx-cta .h4) {
    margin-bottom: 24px;
}
.table-child-accordion-td {
    cursor: pointer;
    padding-top: 16px!important;
    padding-bottom: 16px!important;
    border-bottom: 0.5px solid var(--Primary-Blue-Lightest, #CCE4FF);
    background: linear-gradient(0deg, rgba(204, 228, 255, 0.30) 0%, rgba(204, 228, 255, 0.30) 100%), #FFF;
}
.table-child-accordion-td .table-child-accordion {
    color: var(--Primary-Darkest-Gray, #222);
    /* Paragraph - Small/Strong */
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.081px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.table-child-accordion-td .table-child-accordion::after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/themes/fx/assets/icons/caret-down.svg');
    background-size: auto;
    background-repeat: no-repeat;
}

tr.table-child-accordion-end-tr {
    display: none!important;
}
tr.table-child-accordion-group {
    display: none!important;
}
tr.table-child-accordion-group.show-group {
    display: flex!important;
}
tr.table-child-accordion-tr.show-group  .table-child-accordion-td .table-child-accordion::after {
    transform: rotate(180deg);
}

.list-blue-dot  {
    list-style: none;
    margin-left: 16px;
}
.list-blue-dot li {
    padding-left: 32px;
    padding-top: 0;
    padding-bottom: 16px;
    font-size: 21px;
    font-family: var(--font-inter);
    font-style: normal;
    line-height: 35px;
    position: relative;
}
.list-blue-dot li::before {
    content: " ";
    width: 16px;
    height: 16px;
    border-radius: 40px;
    background: var(--Primary-Blue, #207DE9);
    position: absolute;
    top: 10px;
    left: 0;
}

.rounded-border {
    border-radius: 16px;
}

/*** Page Settings - Customizations ***/

body.lime-bottom-curved-intersect .page-content,
body.light-blue-bottom-curved-intersect .page-content {position: relative;}
body.lime-bottom-curved-intersect .page-content::after,
body.light-blue-bottom-curved-intersect .page-content::after {
    content: '';
    border-top-left-radius: 50% 60%;
    border-top-right-radius: 50% 60%;
    position: absolute;
    bottom: 0;
    z-index: -1;
    width: 110%;
    height: 260px;
    left: -5%;
}
body.lime-bottom-curved-intersect .page-content::after {background-color: var(--Tertiary-Lime-Lightest);}
body.light-blue-bottom-curved-intersect .page-content::after {background-color: #EDF5FF;}

.fx-dynamic-breadcrumbs {display: flex;list-style: none;gap: var(--s1);margin-bottom: var(--s2);margin-top: var(--s0);}
.fx-dynamic-breadcrumbs li {padding: 0px;position: relative;}
.fx-dynamic-breadcrumbs li::after {
    content: '/';
    color: var(--Primary-Blue-Darkest, #083A74);
    font-family: var(--font-inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
}
.fx-dynamic-breadcrumbs li:last-child::after {
    content: '';
}
.fx-dynamic-breadcrumbs li a {
    color: var(--Primary-Blue-Darkest, #083A74);
    font-family: var(--font-inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    text-decoration: none;
}
.fx-dynamic-breadcrumbs li a:hover {
    text-decoration: underline;
    text-decoration-color: var(--Primary-Blue-Darkest, #083A74);
}

.inline-breadcrumbs {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    color: #222 !important;

    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 157.143% */
    letter-spacing: 0.7px;
    text-transform: uppercase;
}
.inline-breadcrumbs a {
    text-decoration: none;
    color: var(--Primary-Blue-Darkest, #083A74) !important;

    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px; /* 133.333% */
    letter-spacing: 0.54px;
    text-transform: uppercase;
}

.rounded-rectangle-img-mask {
    display: block!important;
    height: 100%!important;
    width: 100%!important;
    object-fit: cover!important;
    -o-object-fit: cover!important;
    font-family: 'object-fit: cover;'!important;
    object-position: center!important;
    max-width: 840px!important;
    max-height: 300px!important;
    border-radius: 8px!important;
}

h1.compact-heading {
    font-size: 64px!important;
    line-height: 70px!important;
}

/*** Hide Breadcrumb last item[current page] ***/
li.breadcrumb_last[aria-current="page"] {
    display: none!important;
}

/*** Multi Step Free Quote Form ***/

.fx-gf-multistep-free-quote-form_wrapper,
.fx-gf-multistep-free-quote-form_wrapper .gform_anchor,
.fx-gf-multistep-free-quote-form_wrapper form {
    border: 0px!important;
    border-top: 0px!important;
    outline: none!important;
}

.fx-gf-multistep-free-quote-form {
    max-width: 90%;
    padding-left: 10%;
    margin: 0px !important;
}

.fx-gf-multistep-free-quote-form select {
    border-radius: 4px!important;
    border: 1pt solid var(--Primary-Light-Gray, #CED4DA) !important;
    background: var(--Primary-White, #FFF)!important;
    padding: var(--s1, 8px) var(--s2, 16px) !important;
    color: var(--Primary-Gray, #A9B4BC)!important;
    font-family: var(--font-inter)!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: 35px!important;
}

.fx-gf-multistep-free-quote-form .ginput_container_select {
    position: relative;
}

.fx-gf-multistep-free-quote-form .ginput_container_select::after {
    right: 13px!important;
    margin-top: -14px!important;
    line-height: 26px!important;
    content: "\e900";
    font-family: 'ic-hdr' !important;
    font-size: 26px;
    position: absolute;
    top: 25px;
    pointer-events: none;
    font-weight: 500;
}

.fx-gf-multistep-free-quote-form select {height: 50px;position: relative;}
.fx-gf-multistep-free-quote-form select option {font-weight: 500;}

.fx-gf-multistep-free-quote-form .gfield_label {
    color: var(--Primary-Darkest-Gray, #222);
    font-family: var(--font-inter);
    font-size: 18px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 28px;
    letter-spacing: -0.081px;
}

.fx-gf-multistep-free-quote-form .gfield {
    margin-bottom: 32px!important;
}

.fx-gf-multistep-free-quote-form .gfield h3 {
    margin-bottom: 0px!important;
}

.fx-gf-multistep-free-quote-form .gform_fields {
    grid-row-gap: 0!important;
}

.fx-gf-multistep-free-quote-form .gform_page_footer {
    margin: 0px!important;
    padding: 0px!important;
    height: auto!important;
}

.fx-gf-multistep-free-quote-form input[type="button"]:not(.fx-custom-gform-skip-button),
.fx-gf-multistep-free-quote-form button[type="button"][data-submission-type]:not(.fx-custom-gform-skip-button),
.fx-gf-multistep-free-quote-form input[type="submit"]:not(.fx-custom-gform-skip-button),
.fx-gf-multistep-free-quote-form button[type="submit"]:not(.fx-custom-gform-skip-button) {
    border-radius: 4px!important;
    background: var(--Primary-Blue, #207DE9);
    padding: var(--s2, 16px) var(--s5, 40px);
    width: 100%;
    color: var(--Primary-White, #FFF)!important;
    text-align: center;
    font-family: var(--font-inter)!important;
    font-size: 21px!important;
    font-style: normal!important;
    font-weight: 700!important;
    line-height: 28px!important;
    letter-spacing: -0.168px!important;
    margin: 0px;
    border: 0px!important;
}

.fx-gf-multistep-free-quote-form input[type="button"]:not(.fx-custom-gform-skip-button):hover,
.fx-gf-multistep-free-quote-form button[type="button"][data-submission-type]:not(.fx-custom-gform-skip-button):hover,
.fx-gf-multistep-free-quote-form input[type="submit"]:not(.fx-custom-gform-skip-button):hover,
.fx-gf-multistep-free-quote-form button[type="submit"]:not(.fx-custom-gform-skip-button):hover {
    color:#fff;
    background:#116FDA;
}

.fx-gf-multistep-free-quote-form input[type="button"]:focus,
.fx-gf-multistep-free-quote-form button[type="button"][data-submission-type]:focus {
    color:#fff;
    background:#0E6AD2
}

.fx-gf-multistep-free-quote-form .gf_page_steps {
    border-bottom: 0px!important;
    margin-bottom: 48px!important;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-right: 200px!important;
    border-top: 0px!important;
}

.fx-gf-multistep-free-quote-form .gf_page_steps::before {
    width: calc(100% - 200px);
    height: 2px;
    background: var(--Core-gray-01, #F2F2F2);
    display: block;
    content: "";
    position: absolute;
    top: calc(50% - 2px);
}

.fx-gf-multistep-free-quote-form.gform-step-2 .gf_page_steps::before {
    background: #207DE9;
}

.fx-gf-multistep-free-quote-form .gf_page_steps::after {
    content: "";
    width: 147px;
    height: 58px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-size: contain;
    background-image: url('/wp-content/themes/fx/assets/img/fxers-circles.png');
}

.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step {
    margin: 14px 0px!important;
    z-index: 1;
}

.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step.gf_step_active .gf_step_number,
.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
    color: #FFF;
    font-family: var(--font-inter);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.036px;
    background: #207DE9;
    border: 0px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step:not(.gf_step_active):not(.gf_step_completed) .gf_step_number {
    color: #FFF;
    font-family: var(--font-inter);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 24px;
    letter-spacing: -0.036px;
    background: var(--Core-gray-01, #F2F2F2);
    border: 0px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::before,
.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step.gf_step_completed .gf_step_number::after {
    content: none!important;
}

.fx-gf-multistep-free-quote-form .gf_page_steps .gf_step .gf_step_label {
    display: none;
}

.fx-gf-multistep-free-quote-form .gform_page_fields {
    margin-bottom: 16px!important;
}

.fx-gf-multistep-free-quote-form input[type="text"],
.fx-gf-multistep-free-quote-form input[type="email"],
.fx-gf-multistep-free-quote-form input[type="tel"] {
    border-radius: 4px!important;
    background: var(--Primary-White, #FFF)!important;
    padding: var(--s1, 8px) var(--s2, 16px)!important;
    font-family: var(--font-inter)!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 600!important;
    line-height: 35px;
    border-top: 1pt solid #CED4DA!important;
    border-left: 1pt solid #CED4DA!important;
    border-right: 1pt solid #CED4DA!important;
    border-bottom: 1pt solid #CED4DA!important;
}

.fx-gf-multistep-free-quote-form input[type="text"]::placeholder,
.fx-gf-multistep-free-quote-form input[type="email"]::placeholder,
.fx-gf-multistep-free-quote-form input[type="tel"]::placeholder {
    color: var(--Primary-Gray, #A9B4BC)!important;
}

.fx-gf-multistep-free-quote-form .gform_page:nth-child(2) .gform_fields {
    grid-column-gap: 24px!important;
}

.fx-gf-multistep-free-quote-form .gform_page:nth-child(2) .gfield {
    margin-bottom: 24px!important;
}

.fx-gf-multistep-free-quote-form .gform_page:nth-child(2) textarea {
    border-radius: 4px;
    background: var(--Primary-White, #FFF);
    border: 1pt solid #CED4DA!important;
    max-height: 50px;
    padding: var(--s1, 8px) var(--s2, 16px);
    font-family: var(--font-inter) !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.fx-gf-multistep-free-quote-form .gform_previous_button {
    display: none!important;
}

.fx-gf-multistep-free-quote-form .gform_page:nth-child(2) .gform_page_fields {
    margin-bottom: 0px !important;
}

.fx-gf-multistep-free-quote-form .gfield--type-checkbox {
    padding: 0px!important;
    margin-bottom: 32px !important;
}

.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield_label {
    color: var(--Primary-Darkest-Gray, #222);
    font-family: var(--font-inter);
    font-size: 18px!important;
    font-style: normal;
    font-weight: 600!important;
    line-height: 28px;
    letter-spacing: -0.081px;
}

.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield_checkbox {
    display: flex;
    flex-wrap: wrap;
}

/* Container for better alignment */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice {
    display: flex !important;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
    position: relative;
    flex: 1 1 50%;
    padding: var(--s1, 8px) var(--s2, 16px) var(--s1, 8px) var(--s0, 0px);
    margin-bottom: 0px !important;
}

/* Hide the original checkbox completely but keep it accessible */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield-choice-input[type="checkbox"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Create custom checkbox using label's ::before pseudo-element */
/* Target only the individual checkbox labels, NOT the main field legend */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label {
    position: relative !important;
    padding-left: 36px !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    display: block !important;
}

/* Custom checkbox appearance */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px;
    background-color: var(--Primary-White, #FFF);
    transition: all 0.3s ease;
    box-sizing: border-box;
    border: 1pt solid #CED4DA;
    width: 28px;
    height: 28px;
}

/* Hover state */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label:hover::before {
    border-color: var(--Primary-Blue-Light, #84B9F5);
    box-shadow: 0 0 0 2px rgba(32, 125, 233, 0.1);
}

/* Checked state - background and border */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield-choice-input[type="checkbox"]:checked + .gform-field-label::before {
    background-color: #207DE9;
    border-color: #207DE9;
}

/* Custom checkmark */
.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield-choice-input[type="checkbox"]:checked + .gform-field-label::after {
    content: '';
    position: absolute;
    left: 10px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 1;
    transition: opacity 0.2s ease;
}

.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label .label {
    color: var(--Primary-Darkest-Gray, #222);
    font-family: var(--font-inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.081px;
    display: flex;
}

.fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label .description {
    color: var(--Primary-Darkest-Gray, #222);
    font-family: Inter;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: flex;
    padding-top: 0px;
}

.fx-gf-multistep-free-quote-form .fx-custom-gform-skip-button {
    color: var(--Primary-Gray, #A9B4BC);
    text-align: center;
    font-family: var(--font-inter);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: -0.081px;
    width: 100%;
    background: transparent;
    margin: 0px!important;
    border: 0px!important;
}

.fx-gf-multistep-free-quote-form .fx-custom-gform-button {
    margin-bottom: 0px!important;
}

.fx-gf-multistep-free-quote-form .gfield_required {
    display: none!important;
}

.fx-gf-multistep-free-quote-form select {
    color: var(--Primary-Darkest-Gray, #222) !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label {
        padding-left: 32px !important;
    }
    
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield-choice-input[type="checkbox"]:checked + .gform-field-label::after {
        left: 6px;
        top: 2px;
        width: 5px;
        height: 10px;
    }
}

/* Additional Firefox-specific fixes */
@-moz-document url-prefix() {
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label::before {
        /* Ensure proper box-sizing in Firefox */
        -moz-box-sizing: border-box;
    }
    
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield-choice-input[type="checkbox"]:checked + .gform-field-label::after {
        /* Ensure checkmark renders properly in Firefox */
        -moz-transform: rotate(45deg);
    }
}

/* Internet Explorer 11 compatibility */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice .gform-field-label::before {
        /* IE11 specific fixes */
        display: block;
    }
} 

@media (max-width: 500px) {
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield_checkbox {
        flex-direction: column;
    }
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield-choice-input+label {
        max-width: 100%!important;
    }
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gchoice {
        flex: 1 1 100%!important;
    }
    .fx-gf-multistep-free-quote-form .gfield--type-checkbox .gfield_checkbox {
        gap: 12px;
    }
}

@media (max-width: 500px) {
    .gform_wrapper.gravity-theme .gf_page_steps {
        margin-bottom: 0px !important;
        padding-bottom: 100px!important;
        padding-right: 0px !important;
    }
    .fx-gf-multistep-free-quote-form .gf_page_steps::before {
        top: 25px!important;
        width: 100%!important;
    }
    .fx-gf-multistep-free-quote-form .gf_page_steps::after {
        top: auto!important;
        bottom: 35px!important;
        right: auto!important;
    }
}

.fx-gf-multistep-free-quote-form .gform-loader {
    display: none!important;
}

/* ---------------------------------------------
   Location Card v3 (Regional Hub & Satellite Office)
   --------------------------------------------- */
.location-intro-content {
    padding-top: 96px;
    padding-bottom: 96px;

}
.loc-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  background: var(--White, #ffffff);
  border: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
  border-radius: 16px;
  overflow: hidden;
}

/* Blue tinted background for regional hubs */
.loc-card--hub {
  background: linear-gradient(0deg, rgba(204, 228, 255, 0.30) 0%, rgba(204, 228, 255, 0.30) 100%), #ffffff;
}
.location-intro .loc-card__tag {
    border-radius: 8px!important;
    margin-bottom: 16px!important;
    margin-top: 16px!important;
}
.loc-card__tag span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.loc-card__tag {
  padding: 8px 24px;
  background: #00448F; /* --Vivid-Blue-vivid-07 */
  border-bottom-right-radius: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-inter);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  color: #ffffff;
}

.loc-card__content {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
}

.loc-card__title {
  font-family: var(--font-inter);
  font-weight: 800;
  font-size: 32px;
  line-height: 40px;
  color: #222222;
  margin: 0;
}
/* Slightly smaller title for satellite offices */
.loc-card--satellite .loc-card__title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
}

.loc-card__address,
.loc-card__contact-hours {
  font-family: var(--font-inter);
  font-size: 18px;
  font-family: Inter;
  font-weight: 400;
  line-height: 28px;
  word-wrap: break-word
}


.loc-card__contact-hours {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
}

.loc-card__contact {
    color: #207DE9;
    font-size: 21px;
    font-family: Inter;
    font-weight: 700;
    line-height: 28px;
    word-wrap: break-word;
    text-decoration: none;
    display: flex;
    gap: 8px;
    align-items: center;
    
}
.loc-card__contact a {
    text-decoration: none;
}
section.loc-card.loc-card--satellite .loc-card__content-wrapper {
    display: flex;
    flex-direction: column;
}
/* CTA button row */
.loc-card__actions {
  display: flex;
  width: 100%;
}

.loc-card__action {
  flex: 1 1 0;
  padding: 12px 16px;
  background: #F9FBFF; /* --Core-Blue-blue-00 */
  text-align: center;
  font-family: var(--font-inter);
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: var(--Primary---Blue, #207DE9);
  outline: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
  outline-offset: -0.5px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loc-card__action + .loc-card__action {
  border-left: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
}

/* Map / media column */
.loc-card__media {
  padding: 24px 16px;
  flex: 0 1 550px;
  padding-left: 32px;
}

.loc-card__media iframe,
.loc-card__media img {
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 8px;
}
.loc-card__media iframe {
    height: 100%!important;
}
/* Responsive tweaks */
@media (max-width: 991px) {
  .loc-card {
    flex-direction: column;
  }
  .loc-card__media {
    display: none;
  }
}

@media (max-width: 600px) {
  .loc-card__actions {
    flex-direction: column;
  }
  .loc-card__action + .loc-card__action {
    border-left: none;
    border-top: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
  }
}

/* --- tweak CTA actions wrapper --- */
.locations_list__static-item.satellite-office .loc-card__actions {
    border-radius: 0px!important;
}
.loc-card__actions {
  overflow: hidden; /* hide borders when stacked */
  border-radius: 8px;
  outline: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
  outline-offset: -0.5px;
}

/* keep equal spacing when flex col on mobile */
@media (max-width: 600px) {
  .loc-card__actions {
    align-items: stretch;
  }
  .loc-card__action {
    border-left: none;
  }
  .loc-card__action + .loc-card__action {
    border-top: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
  }
}

.loc-card__action:hover {
    background: #207DE9;
    color: #fff;
    border-color: #207DE9;
    transition: all 0.3s ease;
} 

/* Regional Hub CTA wrapper styling */

.locations_list__static-item.regional-hub .loc-card__actions {
    border-radius: 8px;
    outline: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
    outline-offset: -.5px;
    margin-bottom: 24px;
    margin-left: 24px;
    margin-right: 24px;
    max-width: 100%;
    width: auto;
}

/* keep equal spacing when flex col on mobile */
@media (max-width: 600px) {
    .locations_list__static-item.regional-hub .loc-card__actions {
        align-items: stretch;
        margin-left: 0px!important;
        margin-right: 0px!important;
        margin-bottom: 0px!important;
        border-radius: 0px!important;
    }
    .locations_list__static-item.regional-hub .loc-card__action {
        border-left: none;
    }
    .locations_list__static-item.regional-hub .loc-card__action + .loc-card__action {
        border-top: 1px solid var(--Primary---Blue-Lightest, #CCE4FF);
    }
    .locations_list__static-item {
        width: 100%!important;
        max-width: 100%!important;
    }
}

/* FilterableComparisonTable Styles */
.fx-comparison-wrapper {
    position: relative;
    margin-bottom: 48px;
}

.fx-comparison-wrapper .fx-comparison-controls {
    display: flex;
    flex-direction: column;
}

.fx-comparison-wrapper .fx-comparison-controls-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.fx-comparison-wrapper .fx-multi-select-dropdown {
    flex: 0 0 auto;
    max-width: 300px;
    width: 300px;
}

/* Bootstrap dropdown integration with comparison wrapper */
.fx-comparison-wrapper .fx-bootstrap-dropdown {
    width: auto;
    max-width: 300px;
    flex-shrink: 0;
}

.fx-comparison-wrapper .fx-dropdown-toggle {
    height: 48px;
    padding: 12px 16px;
    font-size: 16px;
    gap: 8px;
}

.fx-comparison-wrapper .fx-dropdown-text {
    font-size: 16px;
}

/* Ensure consistent height for all controls in the row */
.fx-comparison-wrapper .fx-comparison-controls-row .fx-btn {
    height: 48px !important;
    box-sizing: border-box;
    flex-shrink: 0;
}

/* Ensure clear all button appears right after dropdown */
.fx-comparison-wrapper .fx-comparison-controls-row .fx-btn:not(.fx-dropdown-toggle) {
    order: 2;
    margin-left: 0;
}

/* Clear Selection Button Custom Styling */
.fx-clear-selection-btn {
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    font-family: var( --font-inter );
    outline: none;
    margin: 0px;
    margin-left: 0px;
    letter-spacing: -0.144px;
    padding: var(--s2) var(--s2-5);
    height: 56px !important;
    color: #d63031 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    border-color: #ff6b6b !important;
    background-color: #fff5f5 !important;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 24px;
    font-size: 16px !important;
    border-radius: 8px;
}

.fx-clear-selection-btn svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.fx-clear-selection-btn span {
    flex-shrink: 0;
}

.fx-clear-selection-btn:hover,
.fx-clear-selection-btn:focus {
    background-color: #ffebeb !important;
    border-color: #ff6b6b !important;
    color: #d63031 !important;
}

.fx-comparison-wrapper .fx-tags-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.fx-comparison-wrapper .fx-tags-row.has-selections {
    margin-bottom: 16px;
}

.fx-comparison-wrapper .fx-comparing-label {
    font-family: var(--font-inter);
    font-size: 16px;
    font-weight: 600;
    color: #222;
    flex-shrink: 0;
}

.fx-comparison-wrapper .fx-selected-tags {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.fx-comparison-wrapper .fx-selected-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--Primary-Blue) !important;
    font-family: var(--font-inter);
    font-size: 14px;
    font-weight: 500;
    color: white;
    border-radius: 6px;
    padding: 10px 12px;
}

.fx-comparison-wrapper .fx-tag-close {
    background: none;
    border: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    padding: 2px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    width: 18px;
    height: 18px;
    color: white;
}

.fx-comparison-wrapper .fx-tag-close:hover {
    background: #1a6bc7;
}

.fx-comparison-wrapper .fx-tag-close svg {
    width: 12px;
    height: 12px;
}

.fx-comparison-wrapper .fx-table-overlay {
    position: relative;
    width: fit-content;
    max-width: 100%;
    display: inline-block;
    border: 1px solid var(--Primary-Blue-Lightest, #CCE4FF) !important;
    border-radius: 8px;
    margin-top: 0px;
    margin-bottom: 24px;
    background: white;
    overflow-x: auto;
}

.fx-comparison-wrapper .fx-table-overlay table {
    width: auto;
    max-width: 100%;
    display: table !important;
    visibility: visible;
    opacity: 1;
    margin: 0!important;
}

.fx-comparison-wrapper .fx-table-overlay-message {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
    background: rgba(255, 255, 255, 0.95);
    padding: 20px 30px;
    font-size: 16px;
    font-weight: 500;
    color: #444;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    white-space: normal;
    box-sizing: border-box;
}

.fx-comparison-wrapper .fx-table-overlay-message {
    font-size: 18px;
    color: var(--gray-04);
    line-height: 24px;
}

@media (max-width: 768px) {
    .fx-comparison-wrapper .fx-comparison-controls-row .fx-btn {
        max-width: max-content;
    }
    
    .fx-comparison-wrapper .fx-comparison-controls-row .fx-btn:not(.fx-dropdown-toggle) {
        order: 2;
    }
    .fx-comparison-wrapper .fx-multi-select-dropdown {
        max-width: initial;
        width: 100%;
    }
    .fx-comparison-wrapper .fx-comparison-controls-row {
        align-items: stretch;
    }
    
    .fx-comparison-wrapper .fx-bootstrap-dropdown {
        width: 100%;
        max-width: none;
    }
    
    .fx-comparison-wrapper .fx-tags-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .fx-comparison-wrapper .fx-selected-tags {
        width: 100%;
    }
    
    .fx-comparison-wrapper .fx-table-overlay-message {
        white-space: normal;
        padding: 16px 20px;
        font-size: 14px;
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
}

/* Bootstrap-style Dropdown for FilterableComparisonTable */
.fx-bootstrap-dropdown {
    position: relative;
    display: inline-block;
    width: 300px;
}

.fx-dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #ced4da;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    cursor: pointer;
    font-family: var(--font-inter);
    font-weight: 500;
    border: 1px solid var(--Primary-Blue-Lightest, #CCE4FF) !important;
    border-radius: 8px;
    max-width: 165px;
    box-shadow: none;
    outline: none;
    font-weight: 700;
    font-size: 14px;
    padding-inline: 16px;
    height: 56px !important;
    overflow: visible;
}

.fx-dropdown-toggle:hover {
    background-color: #f9fbff;
}

.fx-dropdown-toggle:focus {
    outline: 0;
}

.fx-dropdown-toggle.open {
    border-color: var(--Primary-Blue, #207DE9);
}

.fx-dropdown-content {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    text-align: left;
    overflow: visible;
    min-width: 0;
}

.fx-filter-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    min-height: 16px;
    max-width: 16px;
    max-height: 16px;
    color: #222;
    flex-shrink: 0;
}

.fx-dropdown-text {
    white-space: nowrap;
    font-weight: 600;
    color: #222;
    flex: 1;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.fx-counter-badge {
    background-color: #207DE9 !important;
    border-radius: 3.40282e38px;
    color: white !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 26px !important;
    padding: 0px !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    margin-left: 6px !important;
    position: relative !important;
    z-index: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex-shrink: 0 !important;
    border: 1px solid #207DE9 !important;
}

.fx-dropdown-arrow {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    min-height: 16px;
    max-width: 16px;
    max-height: 16px;
    color: #222;
    transition: transform 0.15s ease-in-out;
    flex-shrink: 0;
}

.fx-dropdown-toggle.open .fx-dropdown-arrow {
    transform: rotate(180deg);
}

.fx-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 280px;
    min-width: 280px;
    max-height: 300px;
    overflow-y: auto;
    margin: 2px 0 0;
    padding: 18px;
    background-color: #fff;
    border: 1px solid var(--Primary-Blue-Lightest, #CCE4FF);
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(32, 125, 233, 0.15);
    display: none;
    margin-top: 4px!important;
}

.fx-dropdown-title {
    padding: 0px;
    font-family: var(--font-inter);
    font-size: 12px;
    color: var(--Primary-Darkest-Gray, #222);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #f8f9fa;
    margin: 0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    background-color: transparent;
    border-bottom: 0px;
    padding-bottom: 8px;
    font-weight: 700;
    font-size: 12px;
}

.fx-dropdown-menu.show {
    display: block !important;
}

.fx-dropdown-item {
    padding: 0;
    margin: 0;
}

.fx-dropdown-item:first-of-type {
    margin-top: 8px;
}

.fx-dropdown-item:last-of-type {
    margin-bottom: 8px;
}

.fx-dropdown-item:last-child {
    margin-bottom: 0px!important;
}

.fx-checkbox-label {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 8px;
    margin: 0;
    font-weight: normal;
    color: #212529;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
    font-family: var(--font-inter);
    font-size: 14px;
}

.fx-checkbox-label:hover {
    background-color: #e9ebef;
    border-radius: calc(.625rem - 4px);
}

.fx-checkbox {
    margin: 0 10px 0 0;
    cursor: pointer;
    accent-color: var(--Primary-Blue, #207DE9);
}

.fx-checkbox-text {
    flex: 1;
    cursor: pointer;
    user-select: none;
    color: var(--Primary-Darkest-Gray, #222);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

/* Ensure checkbox styling works properly */
.fx-bootstrap-dropdown .fx-checkbox {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    width: 16px;
    height: 16px;
    transform: scale(1.1);
    margin-right: 18px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .fx-bootstrap-dropdown {
        width: 100%;
        max-width: 300px;
    }
    
    .fx-dropdown-menu {
        width: 280px;
        min-width: 280px;
        left: 0;
        right: auto;
        max-height: 250px;
    }
    
    /* Adjust if dropdown would go off-screen on mobile */
    @media (max-width: 320px) {
        .fx-dropdown-menu {
            width: calc(100vw - 40px);
            min-width: calc(100vw - 40px);
        }
    }
    
    .fx-dropdown-title {
        padding: 10px 14px 6px 14px;
        font-size: 11px;
    }
    
    .fx-checkbox-label {
        padding: 10px 16px;
        font-size: 15px;
    }
}

/* HTTP status codes table */
.fx-status-codes-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--s6);
    width: 100%;
}

.fx-status-codes-list__cta {
    margin: 0;
    padding: 0;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: -0.168px;
}

.fx-status-codes-table {
    width: 100%;
    overflow-x: auto;
}

.fx-status-codes-table .fx-status-codes-table__table,
.wysiwyg__content .fx-status-codes-table .fx-status-codes-table__table,
.wysiwyg .wysiwyg__content-wrapper .wysiwyg__content .fx-status-codes-table .fx-status-codes-table__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    margin: 0 !important;
    border: 0 !important;
    display: table !important;
    overflow: visible !important;
    font-family: var(--font-inter);
    font-size: 18px;
    color: var(--Primary-Darkest-Gray);
}

.fx-status-codes-table__col-category {
    width: 250px;
}

.fx-status-codes-table__col-code {
    width: 160px;
}

.fx-status-codes-table__col-message {
    width: 300px;
}

.fx-status-codes-table__col-description {
    width: auto;
    min-width: 280px;
}

.fx-status-codes-table .fx-status-codes-table__table thead th,
.wysiwyg__content .fx-status-codes-table .fx-status-codes-table__table thead th,
.wysiwyg .wysiwyg__content-wrapper .wysiwyg__content .fx-status-codes-table .fx-status-codes-table__table thead th {
    padding: var(--s3) !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    letter-spacing: -0.081px !important;
    color: var(--Primary-Darkest-Gray) !important;
    text-align: left !important;
    text-transform: none !important;
    vertical-align: middle !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fx-status-codes-table__body {
    border: 1px solid var(--Primary-Light-Gray);
    border-radius: var(--s1);
    overflow: hidden;
}

.fx-status-codes-table__body .fx-status-codes-table__table {
    margin: 0 !important;
}

.fx-status-codes-table .fx-status-codes-table__table tbody td,
.fx-status-codes-table__body .fx-status-codes-table__table tbody td,
.wysiwyg__content .fx-status-codes-table .fx-status-codes-table__table tbody td,
.wysiwyg .wysiwyg__content-wrapper .wysiwyg__content .fx-status-codes-table .fx-status-codes-table__table tbody td {
    padding: var(--s3) !important;
    min-height: 76px;
    font-size: 18px !important;
    line-height: 28px !important;
    letter-spacing: -0.081px !important;
    font-weight: 400 !important;
    color: var(--Primary-Darkest-Gray) !important;
    text-align: left !important;
    vertical-align: middle !important;
    word-break: break-word;
    background: var(--White) !important;
    background-color: var(--White) !important;
    border: 0 !important;
}

.fx-status-codes-table__body tbody tr:not(:last-child) td {
    box-shadow: inset 0 -1px 0 var(--Primary-Light-Gray);
}

.fx-status-code-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 60px;
    padding: 2px var(--s1);
    border-radius: var(--border-radius);
    font-family: var(--font-inter);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.081px;
    color: var(--White);
    white-space: nowrap;
}

.fx-status-code-badge--success {
    background-color: var(--Secondary-Green);
}

.fx-status-code-badge--redirect {
    background-color: var(--Primary-Blue-Dark);
}

.fx-status-code-badge--error {
    background-color: var(--Tertiary-Red-Darkest);
}

.fx-status-message {
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.081px;
    word-break: break-word;
}

.fx-status-message--success {
    color: var(--Secondary-Green-Darkest);
}

.fx-status-message--redirect {
    color: var(--Primary-Blue-Dark);
}

.fx-status-message--error {
    color: var(--Tertiary-Red-Darkest);
}

.primary-sub-heading {
    color: var(--Primary-Blue, #207DE9)!important;
    font-size: 18px!important;
    font-style: normal!important;
    font-weight: 800!important;
    line-height: 24px!important; /* 133.333% */
    letter-spacing: 0.54px!important;
    display: block!important;
}

@media (max-width: 991px) {
    .fx-status-codes-table .fx-status-codes-table__table {
        table-layout: auto !important;
        min-width: 720px;
    }

    .fx-status-codes-table__col-category {
        width: 18%;
        min-width: 120px;
    }

    .fx-status-codes-table__col-code {
        width: 12%;
        min-width: 88px;
    }

    .fx-status-codes-table__col-message {
        width: 22%;
        min-width: 120px;
    }

    .fx-status-codes-table__col-description {
        width: 48%;
        min-width: 280px;
    }
}

@media (max-width: 767px) {
    .fx-status-codes-table {
        overflow-x: visible;
    }

    .fx-status-codes-table__table--header,
    .fx-status-codes-table .fx-status-codes-table__table--header,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) thead {
        display: none !important;
    }

    .fx-status-codes-table__body {
        border: 0;
        border-radius: 0;
        overflow: visible;
    }

    .fx-status-codes-table__body .fx-status-codes-table__table,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) {
        display: block !important;
        min-width: 0 !important;
        width: 100% !important;
        table-layout: auto !important;
    }

    .fx-status-codes-table__body tbody,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody {
        display: block;
    }

    .fx-status-codes-table__body tr,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody tr {
        display: block;
        margin-bottom: var(--s3);
        border: 1px solid var(--Primary-Light-Gray);
        border-radius: var(--s1);
        overflow: hidden;
        background: var(--White);
    }

    .fx-status-codes-table__body tr:last-child,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody tr:last-child {
        margin-bottom: 0;
    }

    .fx-status-codes-table__body tbody tr:not(:last-child) td,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody tr:not(:last-child) td {
        box-shadow: none;
    }

    .fx-status-codes-table__body td,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td {
        display: block;
        width: 100% !important;
        min-height: 0 !important;
        padding: var(--s2) var(--s3) !important;
        border-bottom: 1px solid var(--Primary-Light-Gray) !important;
    }

    .fx-status-codes-table__body td:last-child,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td:last-child {
        border-bottom: 0 !important;
    }

    .fx-status-codes-table__body td::before,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td::before {
        content: attr(data-label);
        display: block;
        margin-bottom: var(--s1);
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: var(--Primary-Darkest-Gray);
    }

    .fx-status-codes-table__body td:nth-child(1):not([data-label])::before {
        content: 'Category';
    }

    .fx-status-codes-table__body td:nth-child(2):not([data-label])::before {
        content: 'Status code';
    }

    .fx-status-codes-table__body td:nth-child(3):not([data-label])::before {
        content: 'Status message';
    }

    .fx-status-codes-table__body td:nth-child(4):not([data-label])::before {
        content: 'What this means';
    }

    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td:nth-child(1):not([data-label])::before {
        content: 'Category';
    }

    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td:nth-child(2):not([data-label])::before {
        content: 'Status code';
    }

    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td:nth-child(3):not([data-label])::before {
        content: 'Status message';
    }

    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td:nth-child(4):not([data-label])::before {
        content: 'What this means';
    }

    .fx-status-codes-table__body td:last-child,
    .fx-status-codes-table .fx-status-codes-table__table:has(tbody) tbody td:last-child {
        font-size: 16px !important;
        line-height: 26px !important;
    }
}