@charset "utf-8";
/*

Theme Name:BRC Group
Theme URI:https://parachutedesign.ca/
Author:
Author URI:https://parachutedesign.ca/
Description:
Version:2026.09-12 - 01
Text Domain:BRC Group
*/

@import url("css/_colors.css?v=122222334");
@import url("css/_reset.css?v=178999011");
@import url("css/_doc-row-module.css");
@import url("css/_header.css?v=0022");
@import url("css/_footer.css?v=100000");
@import url("css/_cookiebar.css?v=100000");
@import url("css/_default-banner.css");
@import url("css/_cta-module.css?v=0005");
@import url("css/_account-popup.css?v=0004");

@keyframes bounceAlpha {
  0% {transform: translateX(0);}
  25% {transform: translateX(10px);}
  50% {transform: translateX(0);}
  75% {transform: translateX(10px);}
  100% {transform: translateX(0);}
}

@keyframes pulse-border {
	0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1;}
  100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0;}
}

@keyframes bounceTopToBottom {
  0%   { opacity: 1; transform: translate(0, 0) scale(1); }
  25%  { opacity: 0; transform: translate(0px, 7px) scale(1); }
  26%  { opacity:0;  transform: translate(0px, -5px) scale(1); }
  55%  { opacity: 1; transform: translate(0, 0) scale(1); }
}

@keyframes riffle {
  0% {
    opacity:1;
    transform:scale(1)
  }
  to {
    opacity:0;
    transform:scale(4)
  }
}

@keyframes circle {
  0%{
    transform: rotate(0deg);
  
  }
  100%{
    transform: rotate(360deg);
  }
}
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.woff2') format('woff2'),
        url('fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

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

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

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-ExtraBold.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('fonts/PlusJakartaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

body {font-family: "Open Sans", sans-serif; color:var(--body-text); font-size:1.125rem; line-height:1.56; font-weight:normal; font-style:normal; background:var(--bg-band); height:100%; display:flex; flex-direction:column; -webkit-overflow-scrolling: touch; padding: var(--notification-h, 0px) 0 0; position: relative; overflow-x: hidden; }
#main {overflow:hidden; position:relative; float:left; width:100%; flex:1 0 auto;}
#mainContent {clear:both; position:relative; float:left; width:100%; padding:120px 0 0 0;}
.container {max-width:1216px; margin:0 auto; width:100%;}
.container .container {padding: 0;}
.container-lg {padding:0 40px 0 40px; max-width: 1376px; margin: 0 auto; width: 100%;}
.container-md {max-width:1040px; margin:0 auto; width:100%;}
.container-sm {max-width:960px; margin: 0 auto; width: 100%;}
.btn {display:block;}
.btn-wrap {width:100%; clear:both; font-size: 0; display: flex; flex-wrap: wrap; gap:20px; align-items: center;}
.optional-text{font-size: 0.75rem; line-height: 1.333; font-weight: 700; color: var(--green-600); letter-spacing: 0.96px; text-transform: uppercase; opacity: 1; width: auto;}
hr.w80 {width: 80px; background: var(--green-400); opacity: 1; height: 4px; margin: 0;}
p:empty {display: none;}

/* Keyboard Focus */
:focus-visible {outline: 2px solid var(--focus-ring) !important; outline-offset: 2px; transition: none !important;}
footer#main_footer .footer-menu ul li > a {display: inline-block;}
:is(button, .button, input[type="button"], input[type="submit"], input[type="reset"]):focus-visible {outline-offset: 0;}
:is(.btnwhite, .btn-transparent, .btn-lgreen, footer#main_footer *):focus-visible {outline-color: var(--inverse-focus) !important;}
:is(input:not([type="button"], [type="submit"], [type="reset"], [type="checkbox"], [type="radio"]), textarea, select, .selectBox-dropdown):focus-visible {outline: 0 !important;}
[tabindex="-1"]:focus-visible {outline: 0 !important;}

/* Dot-separated Meta Row */
.dot-meta {display: flex; align-items: center; font-size: 0.875rem; line-height: 1.429; color: var(--neutral-600);}
.dot-meta-item:nth-child(2):before {content: ""; margin: 0 5px 0 4px; background: var(--neutral-400); width: 2px; height: 2px; position: relative; display: inline-block; vertical-align: middle;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {color:var(--green-400);}

.h1, .h2, .h3, .h4, .h5, .h6 {clear: both; margin: 0 0 20px; color: var(--heading); font-family: "Plus Jakarta Sans", sans-serif; font-weight: 700; letter-spacing: normal; width: 100%;}
.h1 {font-size: 2.5rem; line-height:1.2; letter-spacing: -0.5px; margin-bottom: 32px;}
.h2 {font-size: 2rem; line-height:1.25; margin-bottom: 24px;}
.h3 {font-size: 1.5rem; line-height:1.333; margin-bottom: 32px;}
.h4 {font-size: 1.25rem; line-height:1.4; margin-bottom: 22px;}
.h5 {font-size: 1.125rem; line-height:1.556; margin-bottom: 16px;}
.h6 {font-size: 1rem; line-height:1.5; margin-bottom: 12px;}

.hlarge {font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; font-size: 4rem; line-height: 1.125; letter-spacing: -0.64px; color: var(--brand-onyx); margin: 0; width: 100%;}
.hlarge span {text-decoration: underline; text-decoration-color: rgba(114, 191, 68, 0.5); text-decoration-thickness: 28%; text-decoration-skip-ink: none; text-underline-offset: -22%; text-underline-position: from-font;}

section {clear: both; width: 100%; position: relative; z-index: 1;}
section ol:last-child, section ul:last-child {margin-bottom: 0!important;}
section ol li:last-child, section ul li:last-child {margin-bottom: 0!important;}
section p > a, section ul li a, section ol li a, section .accordion ul li a, section .accordion ol li a {position: relative; font-weight: 700; text-decoration-line: underline; text-decoration-style: solid;
text-decoration-skip-ink: none; text-decoration-color: var(--green-100); text-decoration-thickness: 40%; text-underline-offset: -16%; text-underline-position: from-font;}
section p > a:hover, section ul li a:hover, section ol li a:hover, section .accordion ul li a:hover, section .accordion ol li a:hover {text-decoration-color:transparent; color: var(--green-400);}
section aside ul li a {all: unset; cursor: pointer;}

/* Banner Bg */
.banner-bg {top:0; left:0; right:0; bottom:0; width:100%; height:100%; position:absolute; z-index:-1; }
.banner-bg img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:50% 50%; -o-object-position:50% 50%;}
.banner-bg iframe {max-width: inherit; margin: 0;}
/* Background Video */
.banner-bg [data-vbg] {width: 100%; height: 100%;}
.banner-bg video {width: 100%; height: 100%; margin: 0; object-fit: cover;}

/* Image Cover */
.pos-relative {position:relative;}
.pos-absolute {position:absolute;}
.o-hidden{overflow: hidden;}
figure.object-fit {width:100%; height:100%; display:block;}
picture.object-fit {width:100%; height:100%; display:block;}
.object-fit img {width:100%; height:100%; font-family:"object-fit:cover"; object-fit:cover; -o-object-fit:cover; object-position:50% 50%; -o-object-position:50% 50%;}

/* Rail Layout */
.rail-layout {display: flex; gap: 80px;}
.rail-content {flex: 1 0 0; min-width: 0;}

/* Filter Rail */
/* Side Rails */
.filter-rail, .article-sidebar {width: 300px; flex-shrink: 0; display: flex; flex-direction: column;}
.filter-rail {overflow: hidden;}
.article-sidebar {gap: 40px; padding-top: 128px;}
.filter-rail:only-child {width: 100%; flex: 1 1 100%;}
.filter-rail-head {display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 16px 24px; background: var(--green-400); border-radius: 0 32px 0 0;}
.filter-rail-head .h3 {margin: 0; color: var(--green-950);}
.filter-rail-head i {color: var(--bg-surface); font-size: 1.5rem;}
.filter-rail-body {padding: 24px; display: flex; flex-direction: column; gap: 24px; background: var(--bg-surface); border-radius: 0 0 0 32px;}
.filter-rail-body p {font-size: 1rem; line-height: 1.5; color: var(--text-secondary); margin: 0;}
.filter-rail-contact {display: flex; flex-direction: column; gap: 4px;}
.filter-rail-contact a {display: flex; gap: 8px; font-weight: 700; font-size: 1rem; line-height: 1.5; color: var(--text-secondary); text-decoration: none;}
.filter-rail-contact a:hover {color: var(--green-400);}
.filter-rail-contact i {color: var(--green-400); font-size: 0.875rem; position: relative; top: 7px;}
.filter-rail-body .button {width: 100%;}

/* Form Section */
:is(.page-template-default, .page-template-contact, .page-template-sample-request, .page-template-spiff) .default-banner-inner {gap: 24px;}
.form-section {background: var(--bg-surface); padding: 0 0 80px; position: relative;}
.form-section:before {content:""; position:absolute; top:0; left:0; width:100%; height:64px; background: var(--neutral-100); z-index: 0;}
.form-section-wrap {position: relative; z-index: 1;}
.form-section:not(:has(.form-label-bar, .frm_rootline_group)) {padding-top: 144px;}
.form-section .filter-rail-body p + .filter-rail-contact {margin-top: -16px;}
.form-section .filter-rail-contact {gap: 8px;}
.form-section .filter-rail-body {background: var(--neutral-100);}

/* Form Label Bar */
.form-label-bar {background: var(--neutral-800); color: var(--inverse-text); font-weight: 700; font-size: 0.875rem; display: flex; align-items: center; padding: 21px 24px;}
.form-wrap {background: var(--neutral-100); padding: 32px; display: flex; flex-direction: column; gap: 20px;}.form-wrap:has(.frm_message) {padding: 0;}
.form-wrap:has(.frm_message) .role-toggle {display: none;}
.form-wrap fieldset {border: 0; margin: 0; padding: 0;}
.form-wrap > [class^="frm_end_ajax"] {display: none;}
.form-wrap .frm_fields_container {display: flex; flex-direction: column; gap: 20px;}

/* Read More Arrow */
.readmore {display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.readmore a {display: flex; align-items: center; justify-content: center;}
.readmore svg {display: block; transition: transform 0.3s ease;}
.readmore path {transition: stroke 0.3s ease;}
.readmore:hover svg {transform: translateX(4px);}
.readmore:hover path {stroke: var(--green-400);}
.job-row:has(.job-info .h5 a:hover) .readmore svg {transform: translateX(4px);}
.job-row:has(.job-info .h5 a:hover) .readmore path {stroke: var(--green-400);}

/* Circle Badge */
.circle-badge {width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center;}
.circle-badge > svg {position: absolute; inset: 0; width: 100%; height: 100%; animation: circle 10s linear infinite;}
.badge-center-icon {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76px; margin: 0;}
.badge-center-icon img {width: 100%; height: auto; display: block;}

.circle-text {--radius: 96px; --start: 307.4; position: absolute; inset: 0; animation: circle 10s linear infinite; font-family: "Plus Jakarta Sans", sans-serif; font-weight: 800; font-size: 19.5px; letter-spacing: 0.05em; line-height: 1; color: var(--brand-onyx); white-space: pre;}
.circle-text span {position: absolute; left: 50%; top: 50%; letter-spacing: 0; transform-origin: 0 0; transform: rotate(var(--angle)) translate(-50%, var(--lift));}
.circle-text:not([data-text]) {visibility: hidden;}
.circle-text .dot {width: var(--dot-width); height: 1em;}
.circle-text .dot::before {content: ""; position: absolute; left: 50%; top: var(--dot-top); width: var(--dot-size); height: var(--dot-size); border-radius: 50%; background: var(--green-400); transform: translateX(-50%);}
img.mobile {display:none;}

/* Video Popup */
.video-wrap {margin:64px 0 64px 0; position: relative; clear: both; overflow: hidden; z-index: 1;}
.mfp-video .mfp-close i {pointer-events: none;}

.video-thumbnail{position: relative;}
.video-thumbnail.video_post {position: relative;width: 100%; }
.video-thumbnail iframe{position: absolute; top: 0; left: 0;}
.video-thumbnail.video_post .play-btn-main{top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%);}
.video-thumbnail img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%;}
.video-thumbnail picture{position: relative;}

.play-btn-main {top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: absolute; z-index: 1;}
.play-btn {width:56px; height: 56px; position: relative; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-pill, 999px); background: var(--green-400); border: 8px solid rgba(114, 191, 68, 0.5); color: var(--bg-surface); font-size: 1.5rem; font-weight: 400;
backdrop-filter: blur(4px);}
.play-btn span.play-btn-wrap {display:block; width: 24px; height: 24px;}
.play-btn span.play-btn-wrap img {width: 100%; height: 100%; object-fit: contain;}
.play-btn i, .play-btn em {font-size: 1.5rem; font-weight: 400;}
.play-btn:hover i {color:var(--bg-surface);}

.play-btn:before, .play-btn:after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:-1; border-radius:50%; background-color: var(--green-400); backdrop-filter: blur(4px); filter:opacity(.5); -webkit-filter:opacity(.5); transform:scale(0.8); transition-duration:.75s; transition-property:all; transition-timing-function:cubic-bezier(.075,.82,.165,1); animation: riffle 4s linear infinite;}
.play-btn:before {-webkit-animation-delay:2s; animation-delay:2s;}
.play-btn:after {-webkit-animation-delay:4s; animation-delay:4s;}

.iframe-container {overflow: hidden; padding-top: 56.25%; position: relative;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}

body .mfp-bg {opacity: 1; background: rgba(42, 42, 43, 0.40); box-shadow: 0 16px 48px 0 rgba(24, 24, 27, 0.18); backdrop-filter: blur(6px);}

/* Popup Fade */
.mfp-fade.mfp-bg, .mfp-fade.mfp-wrap .mfp-content {opacity: 0; transition: opacity 0.3s ease-in-out;}
.mfp-fade.mfp-bg.mfp-ready, .mfp-fade.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
.mfp-fade.mfp-bg.mfp-removing, .mfp-fade.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {padding-right: 0; width: 40px;height: 40px; opacity: 1;line-height: 40px; top: -45px; background-color: var(--green-400);  display: flex; align-items: center; justify-content: center; border-radius: 0; right: 0; min-width: inherit;}
body .mfp-image-holder .mfp-close:hover, body .mfp-iframe-holder .mfp-close:hover {background-color: var(--green-400); color: var(--bg-footer);}
body .mfp-close:after {display: none;}
body .mfp-iframe-holder button.mfp-close::before{left:0;} 

/* Slick Navigation */
.slick-arrow {position: absolute; top: 0; bottom: 0; right: 0; display: flex!important; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease-in-out; z-index: 2; line-height: normal; width: 80px; height: 80px; margin: auto; border-radius: 50%; background: rgba(114, 191, 68, 0.8); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); color: var(--text-primary); outline: 8px solid rgba(114, 191, 68, 0);}
.slick-arrow:hover {outline-color: rgba(114, 191, 68, 0.5);}
.slick-arrow.slick-prev {right: auto; left: 0;}
.slick-arrow.slick-next {right: 0; left: auto;}
.slick-arrow.slick-disabled {pointer-events: none; opacity: 0;}

.slick-arrow span {position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px;}
.slick-arrow span i {position: relative; display: inline-block; font-size: 2.25rem; line-height: 1;}

ul.slick-dots {margin:0; padding-top:30px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; width: 100%;}
ul.slick-dots li {position: relative; margin:0!important; display:inline-block; font-size:0; line-height:0; z-index: 1;}
ul.slick-dots li::before, ul.slick-dots li button:before, ul.slick-dots li button:after {display:none;}
ul.slick-dots li button {display: block; width:12px; height:12px; min-width:0; padding:0; font-size:0; line-height:0; border:0 none; border-radius: 50%; background: var(--neutral-300); opacity:1; cursor: pointer; transition: background-color 0.3s ease;}
ul.slick-dots li button:focus, ul.slick-dots li button:active {outline: 0; background: var(--neutral-300);}
ul.slick-dots li button:hover, ul.slick-dots li.slick-active button {background: var(--brand-office-green);}
ul.slick-dots li.slick-active::before {content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; border-radius: 50%; background: var(--brand-office-green); opacity: 0.3; transform: translate(-50%, -50%); z-index: -1;}

.cat-wrap {clear: both; width: 100%; margin: 0;}
.cat-wrap ul {margin: 0; font-size: 0; line-height: normal; display: flex; flex-wrap: wrap; gap: 5px; width: fit-content;}
.cat-wrap ul li {position: relative; margin: 0;	display: inline-block; font-size: 0.75rem; font-weight: 600; line-height: 1.333; padding: 2px 9px 4px; text-align: center;	z-index: 1; border: 1px solid var(--green-400); background: rgba(114, 191, 68, 0.25); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 900px; transition: opacity .3s ease;}
.cat-wrap ul li:before {display: none;}
.cat-wrap ul li a {	display: block;	color: inherit;	padding: 2px 9px 4px;	position: relative;	z-index: 1;	border-radius: 900px; font-weight: 600;}
.cat-wrap ul li a {margin: -2px -9px -4px;}
.cat-wrap ul li:has(a:hover) {opacity: .8;}

.brc-icon {margin-top: 40px;}
.brc-icon figure, .brc-icon img {width: auto; height: 28px; display: block;}

#blog_list{margin: 0;}
.btn-center{position: relative; z-index: 1; width: 100%; text-align: center; margin:60px 0 0 0; display: flex; justify-content: center; align-items: center; clear: both;}
.btn-center .button {min-width: inherit;}

/* Custom Selectbox */
select.selectBox {display:none!important;}
body .selectBox-dropdown {outline: 0; width: 100% !important; min-width: 0; font-size: 0.875rem; line-height: 1.43; background: var(--bg-surface); color: var(--text-primary); box-shadow: none; border-radius: 0 !important; padding:13px 44px 13px 12px; vertical-align: middle; height: auto; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; cursor: pointer; font-weight: 400; border: 1px solid var(--border-strong); font-family: "Open Sans", sans-serif;}
body .selectBox-dropdown .selectBox-label {padding:0; display:block; width: 100% !important; text-overflow: ellipsis; font-weight: 400; opacity: 1; line-height: 1.43;}
body .selectBox-dropdown .selectBox-label a {color:inherit;}
body .selectBox-dropdown .selectBox-arrow {width:auto; right:12px; top:0; bottom: 0; font-size: 1rem; color: var(--icon-default); border:none; font-family: "Font Awesome 7 Sharp"; font-weight: 400; position:absolute; display:flex; align-items:center; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; background:none;}
body .selectBox-dropdown .selectBox-arrow::after {content:"\f078";}
body .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {transform:rotate(-180deg);}
body ul.selectBox-dropdown-menu { background-color: var(--bg-surface); margin:1px 0 0 0; border: none; -webkit-box-shadow:0 1px 8px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 8px rgba(0, 0, 0, .2); z-index: 50; border-radius: 0!important; }
body ul.selectBox-dropdown-menu li:before {display: none;}
body ul.selectBox-dropdown-menu li a {font-size: 0.875rem; line-height: 1.5; letter-spacing: normal; display: block; white-space: nowrap; text-transform: capitalize; overflow: hidden; text-overflow: ellipsis; text-decoration: none; font-weight: 400; padding: 5px 20px;}
body ul.selectBox-dropdown-menu.frm-selectbox-menu li a {white-space: normal;}
body ul.selectBox-dropdown-menu li.selectBox-selected a, body ul.selectBox-dropdown-menu li a:hover {color:var(--text-primary); background-color:var(--bg-fill); cursor:pointer;}
body ul.selectBox-dropdown-menu li.frm-select-placeholder {display: none!important;}

/* Datepicker */
#ui-datepicker-div {box-sizing: border-box; width: 320px; min-width: 0; max-width: calc(100vw - 32px); margin-top: 4px; font-size: 1rem; padding: 12px; background: var(--bg-surface); border: 1px solid var(--border-strong); border-radius: 0; box-shadow: var(--elevation-2-float);}
#ui-datepicker-div * {font-family: "Open Sans", sans-serif;}
#ui-datepicker-div .ui-datepicker-header {display: grid; grid-template-columns: 32px minmax(0, 1fr) 32px; align-items: center; gap: 8px; margin: 0; padding: 0 0 12px; background: none; border: 0; color: var(--text-primary);}
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {position: static; float: none; display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px; transform: none; background: var(--bg-surface); border: 1px solid var(--neutral-300); color: var(--text-primary); cursor: pointer; transition: background-color .3s ease, border-color .3s ease, color .3s ease;}
#ui-datepicker-div .ui-datepicker-header > *, #ui-datepicker-div .ui-datepicker-title select {margin: 0 !important;}
#ui-datepicker-div .ui-datepicker-prev {grid-column: 1; grid-row: 1;}
#ui-datepicker-div .ui-datepicker-next {grid-column: 3; grid-row: 1;}
#ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span {display: none;}
#ui-datepicker-div .ui-datepicker-prev:before, #ui-datepicker-div .ui-datepicker-next:before {display: block; width: auto; height: auto; padding: 0; font-family: "Font Awesome 7 Sharp"; font-size: 0.875rem; font-weight: 400; line-height: 1; color: inherit; opacity: 1;}
#ui-datepicker-div .ui-datepicker-prev:before {content: "\f053";}
#ui-datepicker-div .ui-datepicker-next:before {content: "\f054";}
#ui-datepicker-div .ui-datepicker-prev:hover, #ui-datepicker-div .ui-datepicker-next:hover {background: var(--neutral-950); border-color: var(--neutral-950); color: var(--inverse-text);}
#ui-datepicker-div .ui-datepicker-prev.ui-state-disabled, #ui-datepicker-div .ui-datepicker-next.ui-state-disabled {opacity: 0.4; pointer-events: none;}
#ui-datepicker-div .ui-datepicker-title {grid-column: 2; grid-row: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; margin: 0; padding: 0; font-size: 0.875rem; font-weight: 700; line-height: 32px; text-align: center; color: var(--text-primary);}
#ui-datepicker-div .ui-datepicker-title select {float: none; flex: 1 0 0; width: auto; min-width: 0; height: 32px; margin: 0; padding: 0 26px 0 10px; background: var(--bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2318181b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center / 10px 6px; border: 1px solid var(--neutral-300); border-radius: 0; box-shadow: none; font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: 30px; color: var(--text-primary); -webkit-appearance: none; appearance: none; cursor: pointer;}
#ui-datepicker-div .ui-datepicker-title select:focus-visible {outline: 2px solid var(--focus-ring); outline-offset: 0;}
#ui-datepicker-div table {display: table; width: 100%; min-width: 0; margin: 0; padding: 0; border: 0; outline: 0; background: none; white-space: normal; table-layout: fixed; border-collapse: collapse; overflow: visible;}
#ui-datepicker-div thead {display: table-header-group; background: none;}
#ui-datepicker-div tbody {display: table-row-group; min-width: 0; background: none;}
#ui-datepicker-div tr {border: 0;}
#ui-datepicker-div tr > :first-child {position: static; width: auto;}
#ui-datepicker-div tr > :first-child::after, #ui-datepicker-div td:first-child:before {display: none;}
#ui-datepicker-div th {padding: 8px 0; background: var(--neutral-800); border: 0; font-size: 0.75rem; font-weight: 700; line-height: 16px; letter-spacing: normal; text-align: center; text-transform: uppercase; color: var(--inverse-text);}
#ui-datepicker-div td {padding: 0; background: var(--bg-surface); border: 1px solid var(--neutral-100); font-weight: 400; text-align: center;}
#ui-datepicker-div td .ui-state-default {display: flex; align-items: center; justify-content: center; height: 36px; padding: 0; background: transparent; border: 0; box-shadow: none; font-size: 0.875rem; font-weight: 400; line-height: 1; text-align: center; text-decoration: none; color: var(--text-primary); transition: background-color .2s ease, color .2s ease;}
#ui-datepicker-div td a.ui-state-default:hover, #ui-datepicker-div td a.ui-state-hover {background: var(--green-50); color: var(--green-600);}
#ui-datepicker-div td.ui-datepicker-today, #ui-datepicker-div td.ui-datepicker-current-day {background: var(--bg-surface);}
#ui-datepicker-div td.ui-datepicker-today .ui-state-default {box-shadow: inset 0 0 0 1px var(--green-400); font-weight: 700; color: var(--green-600);}
#ui-datepicker-div td.ui-datepicker-current-day .ui-state-default, #ui-datepicker-div td .ui-state-active {background: var(--green-400); box-shadow: none; font-weight: 700; color: var(--neutral-950);}
#ui-datepicker-div td.ui-state-disabled .ui-state-default {opacity: 0.35;}
#ui-datepicker-div .ui-datepicker-buttonpane {display: flex; justify-content: space-between; margin: 12px 0 0; padding: 12px 0 0; background: none; border: 0; border-top: 1px solid var(--neutral-100);}
#ui-datepicker-div .ui-datepicker-buttonpane button {float: none; margin: 0; padding: 6px 16px; background: var(--bg-surface); border: 1px solid var(--neutral-300); border-radius: 500px; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: var(--text-primary); opacity: 1; cursor: pointer;}

/* Common Form */
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container {display: block;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {position: static; display: flex; align-items: center; gap: 6px; width: 100%; margin: 6px 0 0; padding: 0; background: transparent; border-radius: 0; font-size: 12px !important; font-weight: 400; line-height: 16px !important; color: var(--text-error) !important; text-align: left !important;}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error:before {content: "\f071"; font-family: "Font Awesome 7 Sharp"; font-weight: 400;}
.frm_forms .frm_form_fields .frm_blank_field input, .frm_forms .frm_form_fields .frm_blank_field textarea, .frm_forms .frm_form_fields .frm_blank_field select, .frm_forms .frm_form_fields .frm_blank_field .selectBox-dropdown {border-color: var(--border-error) !important; box-shadow: inset 0 0 0 1px var(--border-error) !important;}
.frm_forms .frm_form_fields fieldset {margin:0; padding:0; border:0;}
.frm_forms .frm_form_fields .frm_form_field{margin-bottom:20px; position: relative; clear: both;}
.frm_forms .frm_form_fields .frm_form_field.frm_full {clear:both; width: 100%;}
.frm_style_formidable-style.with_frm_style .frm_submit button:active, .frm_style_formidable-style.with_frm_style .frm_submit button:focus{background: var(--button);}

.frm_forms .frm_form_fields .frm_form_field label, .frm_forms .frm_form_fields .frm_form_field div.frm_primary_label { font-size: 1rem !important; line-height: 1.375; text-indent: inherit; font-weight: 600 !important; color: var(--text-primary); font-family: "Open Sans", sans-serif !important; margin-bottom: 6px; padding: 0; display: block;}

/* Radio */
.frm_forms.with_frm_style .frm_form_fields .frm_form_field input[type="radio"] {position: relative; left: 0; flex-shrink: 0; margin: 2px 0 0; -webkit-appearance: none; appearance: none; width: 20px; height: 20px; cursor: pointer;  outline: none!important;  -moz-border-radius: 50%; -webkit-border-radius: 50%;  border-radius: 50%; padding: 0 !important; background: var(--bg-surface)!important; border: 1.5px solid var(--neutral-300) !important;}
.frm_forms.with_frm_style .frm_radio input[type="radio"]:checked::before {box-shadow: inset 0 0 0 6px var(--neutral-950); background: var(--green-400); content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; left: -1.5px; top: -1.5px; position: absolute; bottom: auto; right: auto; margin: 0;}
.frm_forms.with_frm_style .frm_radio {margin: 0 0 5px 0;}
.frm_forms.with_frm_style .frm_radio label {padding-left:0; display:flex; align-items:flex-start; gap:10px; cursor: pointer; font-size: 1rem; line-height: 1.5; color: var(--text-primary); font-weight: 400 !important;}
.frm_forms.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full) {width: 100%; margin: 10px 0 0 0;}

/* Checkbox */
.frm_forms.with_frm_style .frm_checkbox input[type="checkbox"], 
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field input[type="checkbox"] {position: relative; left: 0; flex-shrink: 0; margin: 2px 0 0; -webkit-appearance: none; appearance: none; width: 20px!important; height: 20px!important; cursor: pointer;  outline: none!important; padding: 0 !important; background: var(--bg-surface)!important; border:1px solid var(--neutral-200)!important; top: auto; transform: none; border-radius: 0 !important;}
.frm_forms.with_frm_style .frm_checkbox input[type="checkbox"]:checked:before { content: "\f00c"; font-family: "Font Awesome 7 Sharp"; font-weight: 400; display: flex; align-items: center; justify-content: center; position: absolute !important; inset: 0; width: auto !important; height: auto !important; padding-right: 3px; transform: none; color: var(--green-400); font-size: 12px; line-height: 1; clip-path: inherit; box-shadow: none; margin: 0;}
.frm_forms.with_frm_style .frm_checkbox input[type="checkbox"]:before {display: none; background-image: none!important;}
.frm_forms.with_frm_style .frm_checkbox label {padding-left:0; margin-bottom: 0; display:flex; align-items:flex-start; gap:10px; cursor: pointer; line-height: 1.5; font-size: 1rem !important; color: var(--text-primary); font-weight: 400 !important; position: relative;}
.frm_forms.with_frm_style .frm_checkbox label a{color: var(--text-primary); text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: auto; text-decoration-color: var(--green-400); text-decoration-thickness: 8%; text-underline-offset: auto; text-underline-position: from-font;}
.frm_forms.with_frm_style .frm_checkbox label a:hover{color: var(--green-600);}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type="checkbox"]:not([disabled]):checked {background: var(--neutral-950)!important; border-color: var(--neutral-950)!important;}
/* Same checkbox look when the form doesn't carry Formidable's style classes (otherwise the generic full-width input rule turns it into a text box) */
.frm_forms .frm_checkbox input[type="checkbox"] {display: inline-block; position: relative; flex-shrink: 0; width: 20px; height: 20px; margin: 2px 0 0; padding: 0; -webkit-appearance: none; appearance: none; background: var(--bg-surface); border: 1px solid var(--neutral-200); border-radius: 0; cursor: pointer; outline: none;}
.frm_forms .frm_checkbox input[type="checkbox"]:checked {background: var(--neutral-950); border-color: var(--neutral-950);}
.frm_forms .frm_checkbox input[type="checkbox"]:checked:before {content: "\f00c"; font-family: "Font Awesome 7 Sharp"; font-weight: 400; display: flex; align-items: center; justify-content: center; position: absolute; inset: 0; padding-right: 3px; color: var(--green-400); font-size: 12px; line-height: 1;}
.frm_forms .frm_checkbox label {display: flex; align-items: flex-start; gap: 10px; margin-bottom: 0; padding-left: 0; cursor: pointer; line-height: 1.5; font-size: 1rem; font-weight: 400; color: var(--text-primary);}.frm_forms.with_frm_style .frm_fields_container .frm_radio input[type="radio"]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type="radio"]:not([disabled]):checked {border-width: 1.5px !important;}
.frm_filed_wrapper .vertical_radio .frm_checkbox {margin: 0;}
.frm_forms .horizontal_radio .frm_opt_container {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px;}
.frm_forms.with_frm_style .horizontal_radio .frm_opt_container > :is(.frm_radio, .frm_checkbox) {margin: 0;}
.frm_forms .frm_form_fields .frm_html_container:has(> .frm_description) {margin-top: -20px;}
.frm_forms .frm_form_fields .frm_description {position: relative; padding: 12px 80px 0 28px; font-size: 0.875rem; line-height: 1.429;}
.frm_forms .frm_form_fields .frm_description:before {content: ""; position: absolute; top: 0; left: 13.5px; width: 1px; height: 20px; background: var(--green-400);}
.frm_forms .frm_form_fields .frm_description:after {content: ""; position: absolute; top: 20px; left: 10px; width: 8px; height: 8px; border-radius: 50%; background: var(--green-400); box-shadow: 0 0 0 2px rgba(114, 191, 68, 0.5);}

/* Input */
.frm_forms .frm_form_fields input, .frm_forms .frm_form_fields textarea, .frm_forms .frm_form_fields select {font-style: italic; font-family: "Open Sans", sans-serif;  font-weight: normal; display: block; font-size: 0.875rem; line-height: 1.43; vertical-align: middle; -webkit-appearance: none; background-color: var(--bg-surface) !important; color: var(--text-primary); padding: 13px 15px; width: 100%; box-shadow: none; transition-duration: .75s; transition-property: all; transition-timing-function: cubic-bezier(.075,.82,.165,1); border-radius: 0;  border: 1px solid var(--border-strong) !important;}
input:is([type="checkbox"], [type="radio"]), .frm_forms .frm_form_fields input:is([type="checkbox"], [type="radio"]) {transition-property: background-color, border-color, box-shadow;}
body .frm_forms .frm_form_fields input:not([type="checkbox"], [type="radio"]):focus, body .frm_forms .frm_form_fields textarea:focus, body .frm_forms .frm_form_fields select:focus {box-shadow: inset 0 0 0 1px var(--focus-ring)!important; color: var(--text-primary)!important; border-color: var(--focus-ring)!important;}
.frm_forms .frm_form_fields select {color: var(--text-primary)!important;}
.frm_forms .frm_form_fields input:disabled, .frm_forms .frm_form_fields textarea:disabled, .frm_forms .frm_form_fields select:disabled {background-color: var(--bg-fill) !important; border-color: var(--border-subtle) !important; color: var(--text-placeholder) !important; cursor: not-allowed;}

.frm_forms .frm_form_fields textarea {min-height:104px; padding: 9px 11px;}

.frm_forms .frm_form_fields .selectBox-dropdown {display: block; background-color: var(--bg-surface); color: var(--text-placeholder); padding: 13px 43px 13px 11px !important; font-family: "Open Sans",sans-serif; font-weight: 400; text-transform: none; border-radius: 10px; border-radius: 0 !important; border: 1px solid var(--border-strong) !important; font-size: 0.875rem; line-height: 1.43; }
.frm_forms .frm_form_fields .selectBox-dropdown span{font-weight: normal;}
.frm_forms .frm_form_fields .selectBox-dropdown .selectBox-label:not(.frm-select-placeholder) {color: var(--text-primary);}
.frm_forms .frm_form_fields .selectBox-dropdown .selectBox-arrow {right: 11px;}
.frm_forms .frm_form_fields .selectBox-dropdown:focus, .frm_forms .frm_form_fields .selectBox-dropdown.selectBox-menuShowing {border-color: var(--focus-ring) !important; box-shadow: inset 0 0 0 1px var(--focus-ring);}

/* Form Button */
.frm_forms .frm_submit{margin:0; clear: both; display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 12px;}
body .frm_forms .frm_submit button:disabled {opacity: 0.4; pointer-events: none;}
body .frm_forms .frm_submit .button, body .frm_forms .frm_submit button {display: inline-block; font-size:0.8125rem!important; font-weight: 700!important; line-height:1.54!important; padding:10px 20px 10px 20px!important; vertical-align: middle!important; cursor: pointer!important; border:0 none!important; position: relative; transition: 0.3s; text-align: center!important; color: var(--text-on-accent)!important; font-family: "Open Sans", sans-serif; text-transform: uppercase; letter-spacing: 0.52px; text-decoration: none; overflow: hidden; z-index: 1; border-radius:300px!important; outline: 2px solid transparent; box-sizing: border-box; box-shadow: none!important; margin: 0!important;}
body .frm_forms .frm_submit .button:hover, body .frm_forms .frm_submit button:hover {color: var(--text-on-accent)!important; background-color: var(--button-hover); outline: 2px solid transparent;}
body .frm_forms .frm_submit button:focus {color: var(--text-on-accent)!important; background-color: var(--button-hover); outline:var(--button-focus-border);}

.frm_forms .frm_filed_wrapper {gap: 16px; justify-content: space-between; }
.frm_forms .frm_filed_wrapper .frm_form_field {margin: 0!important;}
.frm_forms .frm_filed_wrapper .frm_form_field:first-child {flex: 1;}
.frm_forms .frm_filed_wrapper .frm_form_field:has(.frm_submit){width: fit-content;}
.frm_forms .frm_filed_wrapper .disclaimer {opacity: 0.45; color: var(--text-secondary);}
.frm_forms .frm_filed_wrapper .frm_html_container {font-size: 1rem; line-height: 1.4; text-align: right; font-style: italic;}
body .frm_style_formidable-style.with_frm_style input.frm_other_input:not(.frm_other_full) {width: 100%; margin-top: 5px;}
.frm_form_field:not(.frm_compact) .frm_dropzone {max-width: 100%;}

/* Form Field */
.form-field {position:relative; margin-bottom:20px;}
.frm_half {width:calc(50% - 12px); float: left; clear: none!important;}
.frm_third {width: calc((100% - 48px) / 3); float: left; clear: none!important; margin-right: 24px;}
.frm_third.frm_last {margin-right: 0;}
.frm_half.frm_first, .frm_third.frm_first {clear: both !important;}
.frm_first {margin-right:24px;}
.frm_last {float: right; margin-left: auto;}
.frm_full {margin-right: 0;}

/* Success Message */
.frm_forms .frm_error_style {position: relative; display: block; margin: 0 0 20px; padding: 12px 15px 12px 41px; background: var(--red-50); border: 1px solid var(--border-error); font-size: 0.875rem; font-weight: 600; line-height: normal; color: var(--text-error);}
.frm_forms .frm_error_style:before {content: "\f071"; position: absolute; top: 14px; left: 15px; width: 16px; text-align: center; font-family: "Font Awesome 7 Pro"; font-weight: 900; font-size: 1rem; line-height: 1;}
.frm_forms .frm_error_style :is(p, div) {margin: 0; padding: 0; font-size: inherit; line-height: inherit; color: inherit;}
.frm_forms .frm_error_style > :is(br:first-child, p:empty, div:empty) {display: none;}
.frm_forms .frm_message, .frm_forms .frm_success_style {display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 80px; background: var(--green-50); border: 0 none; text-align: center;}
.frm_forms .frm_message .circle-badge {width: 216px; height: 216px; margin-bottom: 40px;}
.frm_forms .frm_message .h1 {margin: 0 0 8px; color: var(--green-600);}
.frm_forms .frm_message p {margin: 0; font-size: 1rem; line-height: 1.625;}
.frm_forms .frm_message .button {margin-top: 32px;}

/* Left/Right Sections */
:is(.home-banner-main, .home-solutions, .news-layout, .repeater-list-inner, .default-banner-main, .heading, .rail-layout, .primary-cta-inner, .story-hero-main, .toc-wrap, .default-main) > :only-child {flex: 1 1 100%; width: 100%; max-width: 100%;}

/* Heading */
.heading {clear: both; width: 100%; justify-content: space-between; align-items: center; display: flex; gap:20px;}
.heading-lt {flex:1; transition: all .3s ease-in-out;}
.heading-lt :is(h1, h2, h3, h4, h5, h6) {margin-bottom: 0;}
.heading-lt h2 {color: var(--brand-onyx);}
.heading-rt{  display: flex; justify-content: flex-end; width: 46.666666666666664%;}
.heading-rt .heading-form {width: 100%;}
.heading-rt:only-child {justify-content: flex-start;}
.heading-rt form {justify-content: flex-end; width: 100%; display: flex; flex-wrap: wrap;}
.heading-rt .form-field {position: relative; width: 48%; margin-left: 20px; display: inline-block;}
.heading-rt .form-field:first-child {margin-left: 0}
.heading-rt .form-field .selectBox-dropdown .selectBox-arrow {font-size: 1.333rem; right: 15px;}
body ul.selectBox-dropdown-menu {border-radius: 10px !important;}

/* Full & Fluid Width */
.fluid-width {width: 100vw!important; left: 50%; position: relative; margin-left: -50vw; margin-bottom: 39px;}
.fluid-width-wrapper {max-width:1040px; margin: 0 auto;}
.full_width{width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; display: block !important; padding-left: 0 !important; padding-right: 0 !important; left: 0 !important;}
.btn-full{width: 100%; text-align: center;}
.btn-full .button, .btn-full button {margin: 0 auto; text-align: center;}
.fluid-section {flex: 0 0 100vw; margin-left: calc(-50vw + 50%);}

body .cky-btn-revisit-wrapper {position: fixed;}

/* Fixed Social Icons */
.fixed-social-icons { transition: opacity 0.3s ease; will-change: transform; z-index: 1; background: var(--bg-band); padding: 20px;}

.fixed-social-icons .share-text {font-size: 0.813rem; color: rgba(0, 7, 51, 0.5); line-height: 1.69; font-weight: 500; display: inline-block;}
.sharethis-inline-share-buttons .st-btn {width:auto; height: 48px!important; color: var(--green-100); line-height: 48px!important;
position: relative; z-index: 1; text-decoration: none; background-color:transparent!important; display:flex!important; text-align: center!important; cursor: pointer; min-width: inherit!important; padding: 0 !important; margin: 0!important; border-radius: 0!important; align-items: center; position: relative;} 
.sharethis-inline-share-buttons .st-btn.st-first {margin-left: 0!important;}
.sharethis-inline-share-buttons {font-size: 0; display:flex!important; z-index: 1 !important; justify-content: flex-end;}
.sharethis-inline-share-buttons .st-btn:after {font-family: "Font Awesome 7 Brands"; font-weight: 400; margin:0 auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  display:flex; font-size: 1.778rem; line-height:48px; align-items: center; justify-content: center;}
.sharethis-inline-share-buttons .st-btn:before {content: ""; background: var(--green-100); opacity: 0.25; width: 1px; height:100%; display: inline-block; vertical-align: middle; position:relative; top: 0; left: 0; margin: 0 20px;}
.sharethis-inline-share-buttons .st-btn[data-network=twitter]:after {content: "\e61b"; }
.sharethis-inline-share-buttons .st-btn[data-network=facebook]:after {content: "\f39e";}
.sharethis-inline-share-buttons .st-btn[data-network=linkedin]:after {content: "\f0e1";}
.sharethis-inline-share-buttons .st-btn[data-network=email]:after {content: "\f0c1"; font-family: "Font Awesome 7 Sharp"; font-weight: 400;}
.sharethis-inline-share-buttons .st-btn[data-network=sharethis]:after {content: "\f1e0"; font-family: "Font Awesome 7 Sharp"; font-weight: 300; font-size: 2.667rem;}

.sharethis-inline-share-buttons .st-btn[data-network=sharethis] {order: 1; margin-right: auto!important; display: flex; flex-direction: row-reverse; gap:20px;}
.sharethis-inline-share-buttons .st-btn[data-network=facebook] {order: 2;}
.sharethis-inline-share-buttons .st-btn[data-network=twitter] {order: 3;}
.sharethis-inline-share-buttons .st-btn[data-network=linkedin] {order: 4;}
.sharethis-inline-share-buttons .st-btn[data-network=email] {order: 5;}

.sharethis-inline-share-buttons .st-btn[data-network=sharethis]:before {display: none;}
.sharethis-inline-share-buttons .st-btn[data-network=sharethis] span {display: block!important; font-size: 1.778rem; color: var(--text-primary)!important; line-height: 1.2; font-family: "Ivar Display", sans-serif; font-weight: bold!important; padding: 0!important; letter-spacing: normal!important; text-align: left;}

.sharethis-inline-share-buttons .st-btn:hover {opacity: 1 !important; top: 0!important; color: var(--text-primary);}
.sharethis-inline-share-buttons .st-btn[data-network=sharethis]{pointer-events: none;}
.sharethis-inline-share-buttons .st-btn span, .sharethis-inline-share-buttons .st-btn img {display: none!important;}
.at4-visually-hidden {display: none;}

.no-paddingbtm, .no-marginbtm {margin-bottom: 0!important; padding-bottom: 0!important;}

/* Aside */

/* Case Study Card */
.case-card-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;}
.case-card {position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden;}
.case-card > a {display: block; height: 100%;}
.case-card-img {position: absolute; inset: 0; margin: 0;}
.case-card-img img {transition: transform 0.4s ease-out;}
.case-card:hover .case-card-img img {transform: scale(1.2);}

.case-card-overlay {position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; gap: 16px; padding: 24px 24px 12px; transition: padding 0.4s ease-out, gap 0.4s ease-out;}
.case-card:hover .case-card-overlay {padding: 24px; gap: 20px;}
.case-card-overlay:not(:has(.case-card-excerpt)), .case-card:hover .case-card-overlay:not(:has(.case-card-excerpt)) {padding-bottom: 28px; gap: 16px;}
.case-card-overlay:before, .case-card-overlay:after {content: ""; position: absolute; inset: 0; z-index: -1; transition: opacity 0.4s ease-out;}
.case-card-overlay:before {background: linear-gradient(to bottom, rgba(65, 65, 65, 0) 50%, rgba(65, 65, 65, 0.9) 100%); opacity: 1;}
.case-card-overlay:after {background: linear-gradient(to bottom, rgba(65, 65, 65, 0) 40%, var(--neutral-950) 80%); opacity: 0;}
.case-card:hover .case-card-overlay:before {opacity: 0;}
.case-card:hover .case-card-overlay:after {opacity: 1;}

.case-card-meta {display: flex; align-items: center; gap: 12px;}
.case-card-meta .cat-wrap {width: auto;}
.case-card-meta .cat-wrap ul li {border-color: var(--neutral-950); background: rgba(24, 24, 27, 0.75); font-size: 0.6875rem; line-height: normal; color: var(--inverse-text); white-space: nowrap;}
.case-card-date {font-size: 0.6875rem; font-weight: 700; line-height: normal; color: var(--inverse-text); white-space: nowrap;}

.case-card-title-row {display: flex; align-items: flex-end; gap: 20px; width: 100%;}
.case-card-title-row .h4 {flex: 1 0 0; min-width: 0; margin: 0; font-size: 1.25rem; line-height: 1.4; color: var(--inverse-text);}

.case-card-arrow {display: block; width: 24px; height: 24px; flex-shrink: 0;}
.case-card-arrow svg {display: block; width: 100%; height: 100%; overflow: visible; color: var(--inverse-text); transition: color 0.4s ease-out;}
.case-card-arrow path {transform-box: fill-box; transform-origin: center; transition: transform 0.4s ease-out, opacity 0.4s ease-out;}
.case-card-arrow .arrow-base {opacity: 0.8;}
.case-card-arrow .arrow-lead, .case-card-arrow .arrow-trail {opacity: 0;}
.case-card:hover .case-card-arrow svg {color: var(--green-400);}
.case-card:hover .case-card-arrow .arrow-base {opacity: 0.64; transform: translateX(7.143%);}
.case-card:hover .case-card-arrow .arrow-lead {opacity: 0.8; transform: translateX(64.286%);}
.case-card:hover .case-card-arrow .arrow-trail {opacity: 0.32; transform: translateX(-50%);}

.case-card-excerpt {display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows 0.4s ease-out, opacity 0.4s ease-out;}
.case-card:hover .case-card-excerpt {grid-template-rows: 1fr; opacity: 1;}
.case-card-excerpt p {min-height: 0; overflow: hidden; margin: 0; font-size: 1rem; line-height: 1.5; color: var(--inverse-text);}

/* Case Card Links */
.case-card-title-row .h4 a, .case-card-title-row .h4 a:hover, .case-card:hover .case-card-title-row .h4 a {color: var(--inverse-text); text-decoration: none;}
.case-card-meta .cat-wrap ul li a, .case-card-meta .cat-wrap ul li a:hover {color: inherit; text-decoration: none;}

/* Search Results */
.brc-search {padding: 60px 0 84px;}
.brc-search__layout {display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 80px; align-items: start;}
.brc-search__sidebar {overflow: hidden;}
.brc-search__filters > .h3 {margin: 0; padding: 16px 24px; background: var(--green-400); border-radius: 0 32px 0 0; color: var(--green-950);}
.brc-search__group {padding: 24px; background: var(--bg-surface); border-radius: 0 0 0 32px;}
.brc-search__group-toggle {display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; min-width: 0; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; outline: none; overflow: visible; cursor: pointer; font-family: "Plus Jakarta Sans", sans-serif; font-size: 1.125rem; font-weight: 700; line-height: 1.444; letter-spacing: normal; text-transform: none; text-align: left; color: var(--text-primary);}
.brc-search__group-toggle:before, .brc-search__group-toggle:after {display: none;}
.brc-search__group-toggle:hover, .brc-search__group-toggle:focus, .brc-search__group-toggle:active {background: none; color: var(--text-primary); outline: none;}
.brc-search__group-toggle:focus-visible {outline: 2px solid var(--focus-ring); outline-offset: 2px;}
.brc-search__group-toggle svg {flex-shrink: 0; width: 18px; height: auto; color: var(--green-400); transition: transform 0.3s ease-in-out;}
.brc-search__group:not(.is-open) .brc-search__group-toggle svg {transform: rotate(-90deg);}
.brc-search__types {display: none; flex-direction: column; gap: 8px; margin: 0; padding: 12px 0 0; list-style: none;}
.brc-search__group.is-open .brc-search__types {display: flex;}
.brc-search__types li {margin: 0; padding: 0;}
.brc-search__types li:before {display: none;}
.brc-search__types label {display: flex; align-items: center; gap: 10px; margin: 0; cursor: pointer; font-size: 1rem; line-height: 1.5; color: var(--text-primary); transition: color 0.2s ease-in-out;}
.brc-search__types label:hover {color: var(--green-600);}
.brc-search__types input {position: absolute; opacity: 0; pointer-events: none;}
.brc-search__check {position: relative; flex-shrink: 0; width: 20px; height: 20px; background: var(--bg-surface); border: 1.5px solid var(--neutral-300); box-sizing: border-box; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;}
.brc-search__types input:checked + .brc-search__check {background: var(--neutral-950); border-color: var(--neutral-950);}
.brc-search__types input:checked + .brc-search__check:before {content: "\f00c"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: "Font Awesome 7 Sharp"; font-weight: 900; font-size: 12px; line-height: 1; color: var(--green-400);}
.brc-search__types input:focus-visible + .brc-search__check {outline: 2px solid var(--focus-ring); outline-offset: 2px;}
.brc-search__title {color: var(--green-600);}
.brc-search__list {border-top: 1px solid var(--border-subtle);}
.brc-search__item {display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 24px 0; border-bottom: 1px solid var(--border-subtle);}
.brc-search__body {flex: 1 0 0; min-width: 0;}
.brc-search__item-title {margin: 0; font-size: 1.25rem; line-height: 1.4;}
.brc-search__item-title .algolia-search-highlight {background: none; font-style: normal; color: inherit;}
.brc-search__excerpt {margin: 0; font-size: 1rem; line-height: 1.5; color: var(--text-secondary);}
.brc-search__item-title + .brc-search__excerpt {margin-top: 8px;}
.brc-search__thumb {flex-shrink: 0; width: 100px; height: 100px; overflow: hidden;}
.brc-search__thumb img {display: block; width: 100%; height: 100%; object-fit: cover;}
.brc-search__pagination {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 40px;}
.brc-search__pagination .page-numbers {display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; background: var(--bg-surface); border: 1px solid var(--border-subtle); font-size: 0.875rem; font-weight: 600; line-height: 1; color: var(--text-primary); text-decoration: none;}
.brc-search__pagination a.page-numbers:hover {background: var(--green-100); border-color: var(--green-400); color: var(--green-600);}
.brc-search__pagination .page-numbers.current {background: var(--green-400); border-color: var(--green-400); color: var(--brand-onyx);}
.brc-search__pagination .page-numbers.dots {background: none; border-color: transparent;}
.brc-search__empty {padding: 24px 0;}
.brc-search__empty h2 {font-size: 1.5rem; line-height: 1.333; margin-bottom: 8px;}
.brc-search__empty p {margin: 0; color: var(--text-secondary);}

/*-- media css starts here --*/
@media only screen and (min-width:1024px) {
    .hide-in-desktop {display:none;}
    .desktop-hide {display:none!important;}

    
}

@media only screen and (max-width:1280px) {
    .container, .container-lg {padding:0 32px; max-width:100%;}
    .brc-search__layout {gap: 48px;}
}

@media only screen and (max-width:1240px) {
.fluid-width-wrapper {padding:0 20px; max-width:100%;}
}

@media only screen and (max-width: 1023px) and (min-width:200px) {
    .form-section {padding: 40px 0;}
    .form-section:not(:has(.form-label-bar, .frm_rootline_group)) {padding-top: 104px;}
    /* Rail Layout */
    .rail-layout {flex-direction: column;}
    .filter-rail, .article-sidebar {max-width: 100%; width: 100%;}
    .article-sidebar {padding-top: 0;}

    /* Search Results */
    .brc-search {padding: 40px 0 60px;}
    .brc-search__layout {grid-template-columns: minmax(0, 1fr); gap: 40px;}
    .brc-search__item {gap: 20px;}
  

        
    .heading-form ::-webkit-input-placeholder {font-size:0.889rem!important;}
    .heading-form :-moz-placeholder {font-size:0.889rem!important;}
    .heading-form ::-moz-placeholder {font-size:0.889rem!important;}
    .heading-form :-ms-input-placeholder {font-size:0.889rem!important;}
    .heading-rt {width: 41.019%;}
    .heading-rt .form-field .selectBox-dropdown .selectBox-arrow {font-size: 1.111rem; right: 12px;}
    .heading-rt .form-field .selectBox-dropdown {font-size:0.889rem; padding: 11px 40px 12px 16px; min-width: inherit;}
    
}

@media only screen and (max-width:1023px) and (min-width:768px) {
     
    .hide-in-tab, .hide-in-tablet {display:none;}
    .hlarge {font-size: 3rem; line-height: 1.167; letter-spacing: -0.48px;}
    .case-card-grid {grid-template-columns: repeat(2, 1fr);}
        
   
    .frm_forms .frm_form_fields .frm_form_field label, .frm_forms .frm_form_fields .frm_form_field div.frm_primary_label {font-size: 1rem!important;}
    .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 16px;}
    .frm_forms .frm_form_fields .frm_html_container:has(> .frm_description) {margin-top: -16px;}
    .frm_first {margin-right: 16px;}
    .frm_half {width: calc(50% - 8px);}
    .frm_third {width: calc((100% - 32px) / 3); margin-right: 16px;}
    .frm_third.frm_last {margin-right: 0;}
    
    
    .fixed-social-icons {padding: 16px;}
    .sharethis-inline-share-buttons .st-btn::after {font-size: 1.333rem;}
    .sharethis-inline-share-buttons .st-btn[data-network="sharethis"]::after {font-size: 2.222rem;}
    .sharethis-inline-share-buttons .st-btn {height: 40px!important;}

}

@media only screen and (max-width:767px) and (min-width:200px) {  
    .form-section {padding: 0 0 32px;}
    .form-section:not(:has(.form-label-bar, .frm_rootline_group)) {padding-top: 96px;}
    .form-section-wrap {gap: 32px;}
    .form-label-bar {height: 64px; padding: 0 32px; background: var(--brand-onyx); text-transform: uppercase; line-height: 1.43;}
    .form-wrap {padding: 24px; gap: 16px;}

    #mainContent {padding-top: 96px;}
    .slick-arrow {width: 56px; height: 56px; background: var(--green-400);}
    .slick-arrow span {width: 32px; height: 32px;}
    .slick-arrow span i {font-size: 2rem;}
    .hlarge {font-size: 2.25rem; line-height: 1.222; letter-spacing: -0.36px;}
    .case-card-grid {grid-template-columns: 1fr;}
    .case-card-meta .cat-wrap ul li, .case-card-date {font-size: 0.75rem; line-height: 1.333;}
    hr {margin: 8px 32px; width: auto;}
    .button:not(.btn-small):not(.btn-big) {font-size: 0.875rem; line-height: 1.4; letter-spacing: 0.56px;}

    .play-btn {width: 48px; height: 48px; border-width: 6px;}
    .play-btn span.play-btn-wrap {width: 20px; height: 20px; position: relative;}
    
    .fluid-width-wrapper {padding: 0;}
    blockquote {padding: 31px 30px 33px 30px;}
    blockquote p {font-size: 1.158rem; line-height: 1.32;}
    /* Mobile Type Scale */
    .h1 {font-size: 2.25rem; line-height: 1.222; letter-spacing: -0.18px; margin-bottom: 32px;}
    .h2 {font-size: 1.75rem; line-height: 1.286; margin-bottom: 24px;}
    .h3 {font-size: 1.5rem; line-height: 1.333; margin-bottom: 32px;}
    .h4 {font-size: 1.5rem; line-height: 1.333; margin-bottom: 32px;}
    .h5 {font-size: 1.125rem; line-height: 1.556; margin-bottom: 16px;}
    .h6 {font-size: 1rem; line-height: 1.5; margin-bottom: 12px;}
    
    .optional-text {font-size: 0.889rem; margin: 0 0 12px 0; line-height: 1;}
    
    .hide-in-mobile {display:none;}    
    
    .video-thumbnail iframe{min-height: 197px!important;}    
    .video-wrap .video-thumbnail > img {height: 183px;}
    .video-wrap {margin: 40px 0;}

    body .mfp-image-holder .mfp-close, body .mfp-iframe-holder .mfp-close {right: 0px;}
    body .mfp-container { padding-left: 20px; padding-right: 20px; }

    .default_form .frm_forms .frm_filed_wrapper .frm_html_container {width: 100%;}
    .frm_half {width: 100%;}
    .frm_third {width: 100%; margin-right: 0;}
    .frm_forms .frm_filed_wrapper {gap:16px;}
    .frm_forms .frm_form_fields .frm_description {padding-right: 0;}
    .frm_forms .frm_error_style {padding: 11px 15px 11px 43px; line-height: 20px; margin: 0 0 16px;}
    .frm_forms .frm_error_style:before {top: 13px;}
    .frm_forms .frm_message, .frm_forms .frm_success_style {padding: 32px;}
    .frm_forms .frm_message .circle-badge {margin-bottom: 24px;}
    .frm_forms .frm_message .h1 {font-size: 1.75rem; line-height: 1.286; letter-spacing: -0.14px;}
    .frm_forms .frm_message p {line-height: 1.5;}
    .frm_forms .frm_form_fields .frm_form_field {margin-bottom: 14px;}
    .frm_forms .frm_form_fields .frm_html_container:has(> .frm_description) {margin-top: -14px;}
    .frm_forms .frm_form_fields .frm_form_field label.frm_primary_label {line-height: 1.5;}
    .frm_forms .frm_form_fields .frm_form_field label{font-size: 1rem !important;}
    .frm_forms .frm_filed_wrapper .frm_form_field {width: 100%; margin: 0;}
    .frm_forms .frm_filed_wrapper .frm_form_field label{font-size: 1rem !important;}
    .frm_forms .frm_filed_wrapper .frm_form_field:has(.frm_submit){width: 100%; }
    .frm_forms .frm_filed_wrapper .frm_form_field .button {width: 100%;}
    .frm_forms .frm_filed_wrapper .frm_html_container {text-align: center;}
   .frm_forms .frm_form_fields input, .frm_forms .frm_form_fields textarea, .frm_forms .frm_form_fields select {font-size: 0.875rem; padding: 13px 15px;}
    .frm_forms .frm_form_fields textarea {padding: 9px 11px;}
    .frm_forms .frm_form_fields .selectBox-dropdown {font-size: 0.875rem; padding: 13px 43px 13px 11px !important;}
    .frm_forms .frm_form_fields textarea {height: 104px;}
    .frm_forms.with_frm_style .frm_checkbox input[type="checkbox"], 
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field input[type="checkbox"] {top: 0; transform: none;}
    
    body ul.selectBox-dropdown-menu li a {font-size: 0.667rem; padding: 5px 6px;}
    
    .btn-wrap {gap:12px;}
    .btn-center {margin: 40px 0 0 0;}
    .btn-text {margin: 28px 0 0 0;}
    
    .fluid-width {margin-bottom: 20px; width: 100%!important; left: 0; margin-left: 0;}
    
   
    
    .fixed-social-icons {padding: 12px;}
    .sharethis-inline-share-buttons .st-btn[data-network="sharethis"] {gap: 13px;}
    .sharethis-inline-share-buttons .st-btn[data-network="sharethis"] span {font-size: 1.111rem; white-space: normal;}
    .sharethis-inline-share-buttons .st-btn[data-network="sharethis"]::after {font-size: 1.778rem;}
    .sharethis-inline-share-buttons .st-btn::before {margin: 0 12px;}
    .sharethis-inline-share-buttons .st-btn::after {font-size: 1.111rem;}

   
    .heading {gap: 16px;}
    .heading-rt {width: 100%;}
    .heading-rt .form-field {flex:100%; margin: 0;}
    .heading-rt form {flex-wrap: wrap; gap:12px;}
    .heading-rt .form-field .selectBox-dropdown {padding: 16px 40px 15px 16px;}
    
	
}
@media only screen and (max-width:413px) {  
      .btn-wrap .button {width: 100%;}  
}

@media only screen and (max-width:480px) {   
    img.alignnone, img.alignleft, img.aligncenter, img.alignright {margin:39px 0 36px 0; width:100%}
}
@media only screen and (max-width: 389px) {   
    .sharethis-inline-share-buttons .st-btn[data-network="sharethis"] span {font-size: 0.889rem;}
}