/*
|-----------------------------------------------------------------------------------------
|  GLOBAL/HELPER CSS STYLES
|-----------------------------------------------------------------------------------------
|  This section defines global styles for CMS pages and repeated classes styles
*/
@import url("https://use.typekit.net/qji5vgs.css");

:root {
  --font-weight700: 700;
  /* color */
  --orange: #ff9900;
  --pale-yellow: #f9be67;
  --pale-blue: #ccddf1;
  --white: #fff;
  --black: #1a1a1a;
  --light-blue-gray: #eef2f7;
  --light-gray: #f9f9f9;
  --orange-red: #DB3900;
  --charcoal-black: #1a1a1a;
  --ash-black: #252525;
  /* misc */
  --transition-250ms: 250ms ease-in-out;
  --state-border-radius: 10px;

  --gap: 20px;
  /* font */
  --font-family-base: "latino-gothic-variable", sans-serif;
  --h1-font-variation: 'wght' 100, 'wdth' 100, 'slnt' 0;
  --h2-font-variation: 'wght' 40, 'wdth' 15, 'slnt' 1;

  /* box shadow */
  --orange-box-shadow: 15px 15px 0px -2px var(--orange);
  --webkit-box-shadow: 15px 15px 0px -2px var(--orange);
  --moz-box-shadow: 15px 15px 0px -2px var(--orange);
  --black-box-shadow: 15px 15px 0px -2px var(--black);
  --black-webkit-box-shadow: 15px 15px 0px -2px var(--black);
  --black-moz-box-shadow: 15px 15px 0px -2px var(--black);
  --sm-orange-box-shadow: 10px 10px 0px -2px var(--orange);
  --sm-orange-webkit-box-shadow: 10px 10px 0px -2px var(--orange);
  --sm-orange-moz-box-shadow: 10px 10px 0px -2px var(--orange);
  --sm-black-box-shadow: 10px 10px 0px -2px var(--black);
  --sm-black-webkit-box-shadow: 10px 10px 0px -2px var(--black);
  --sm-black-moz-box-shadow: 10px 10px 0px -2px var(--black);
}

.motorsandcontrol-compatio.cms-page-view .columns .column.main {
  padding-bottom: 0;
}

/* Custom Classes */
.dark-section {
  background: var(--charcoal-black);
  color: var(--white);
}

.dark-section .state-section-title {
  color: var(--white);
}

.dark-section h2,
.dark-section h3,
.dark-section h4,
.dark-section h5,
.dark-section h6 {
  color: var(--white);
}

.state-heading {
  color: var(--charcoal-black);
}
.state-h2 {
  font-size: clamp(34px, 4vw, 38px);
}
.state-h1 span,
.state-h2 span,
.state-h3 span {
  color: var(--orange-red);
}
.state-wrapper {
  width: 1360px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.state-wrapper__small {
  width: 900px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}
.state-section {
  padding: 80px 0;
  font-size: 18px;
}
.state-wrapper .pagebuilder-column-line {
  column-gap: 20px;
  row-gap: 20px;
}

.large-wrapper {
  width: 1600px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}

.wrapper {
  width: 1400px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}

.small-wrapper {
  width: 1024px;
  max-width: calc(100% - 40px);
  margin: 0 auto;
}

.block {
  display: block;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.m-t-auto {
  margin-top: auto;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

/* flex helpers */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.inline-flex-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.flex {
  display: flex;
}

.inline-flex {
  display: inline-flex;
}

.space-between {
  justify-content: space-between;
}

.space-around {
  justify-content: space-around;
}

.align-center {
  align-items: center;
}

.justify-center {
  justify-content: center;
}

.justify-start {
  justify-content: flex-start;
}

.justify-end {
  justify-content: flex-end;
}

.flex-column {
  flex-direction: column;
}

.flex-wrap {
  flex-wrap: wrap;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

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

/* Slick Slider */
.slider-gallery-cms {
  padding-left: 65px;
  padding-right: 65px;
}

.slider-gallery-cms .slick-prev {
  left: 0;
}

.slider-gallery-cms .slick-next {
  right: 0;
  transform: none !important;
}

.slider-gallery-cms .slick-prev,
.slider-gallery-cms .slick-next {
  background-color: transparent !important;
  transition: var(--transition-250ms);
}

.slider-gallery-cms .slick-prev:before,
.slider-gallery-cms .slick-next:before {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  background-position: center;
  content: "" !important;
  padding: 24px !important;
}

.slider-gallery-cms .slick-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='66' height='127' viewBox='0 0 66 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_879_10158)'%3E%3Cpath d='M65.207 87.0546L-12.0368 36.0831L-12.1616 55.1443L-89.5926 14.4023L-0.544314 112.587L-0.357108 83.5136L65.207 126.854L65.207 87.0546Z' fill='%23F19D39'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_879_10158)'%3E%3Cpath d='M0.406252 43.0272L77.65 -7.94426L77.7748 11.117L155.206 -29.625L66.1576 68.5596L65.9704 39.4862L0.406249 82.827L0.406252 43.0272Z' fill='%23F19D39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_879_10158'%3E%3Crect width='82.8239' height='65.2042' fill='white' transform='translate(65.207 44.0312) rotate(90)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_879_10158'%3E%3Crect width='82.8239' height='65.2042' fill='white' transform='matrix(-7.54979e-08 1 1 7.54979e-08 7.62939e-06 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.slider-gallery-cms .slick-next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='66' height='127' viewBox='0 0 66 127' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_879_10153)'%3E%3Cpath d='M8.66369e-07 39.8009L77.2438 90.7724L77.3686 71.7111L154.8 112.453L65.7513 14.2686L65.5641 43.3419L1.34098e-06 0.00112152L8.66369e-07 39.8009Z' fill='%23F19D39'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_879_10153)'%3E%3Cpath d='M64.8008 83.8283L-12.443 134.8L-12.5678 115.738L-89.9988 156.48L-0.950563 58.2959L-0.76336 87.3692L64.8008 44.0285L64.8008 83.8283Z' fill='%23F19D39'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_879_10153'%3E%3Crect width='82.8239' height='65.2042' fill='white' transform='translate(0 82.8242) rotate(-90)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_879_10153'%3E%3Crect width='82.8239' height='65.2042' fill='white' transform='matrix(-1.19249e-08 -1 -1 1.19249e-08 65.207 126.855)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.slider-gallery-cms .slick-prev:hover,
.slider-gallery-cms .slick-next:hover,
.slider-gallery-cms .slick-prev:focus,
.slider-gallery-cms .slick-next:focus {
  background-color: var(--white) !important;
}

.slider-gallery-cms .slick-next {
  transform: rotate(180deg);
}

.slider-gallery-cms .slick-prev::before,
.slider-gallery-cms .slick-next::before {
  content: "";
}

.slider-gallery-cms .slick-slide {
  aspect-ratio: 1/1;
}

.slider-gallery-cms .slick-slide img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

/* Background Color */
.black-bg {
  background-color: var(--black);
  color: var(--white);
}

.black-bg h2,
.black-bg h3,
.black-bg h4,
.black-bg h5,
.black-bg h6,
.black-bg a,
.black-bg p {
  color: var(--white);
}

.orange-shadow {
  box-shadow: var(--orange-box-shadow);
  -webkit-box-shadow: var(--webkit-box-shadow);
  -moz-box-shadow: var(--moz-box-shadow);
}

.black-shadow {
  box-shadow: var(--black-box-shadow);
  -webkit-box-shadow: var(--black-webkit-box-shadow);
  -moz-box-shadow: var(--black-moz-box-shadow);
}

.sm-orange-shadow {
  box-shadow: var(--sm-orange-box-shadow);
  -webkit-box-shadow: var(--sm-orange-webkit-box-shadow);
  -moz-box-shadow: var(--sm-orange-moz-box-shadow);
}

.sm-black-shadow {
  box-shadow: var(--sm-black-box-shadow);
  -webkit-box-shadow: var(--sm-black-webkit-box-shadow);
  -moz-box-shadow: var(--sm-black-moz-box-shadow);
}

/* Typography */
.motorsandcontrol-compatio.cms-page-view .pagebuilder-column a:hover,
.motorsandcontrol-compatio.cms-page-view .pagebuilder-column a:focus {
  text-decoration: none;
}

.pagebuilder-column h2,
.pagebuilder-column h3,
.pagebuilder-column h4,
.pagebuilder-column h5,
.pagebuilder-column h6 {
  font-family: var(--font-family-base);
  font-variation-settings: var(--h2-font-variation);
}

.pagebuilder-column h1 {
  font-family: var(--font-family-base) !important;
  font-size: clamp(4rem, 8vw, 8rem) !important;
  font-variation-settings: var(--h1-font-variation);
  margin-bottom: 5px;
}

.pagebuilder-column h2 {
  font-size: clamp(4rem, 8vw, 5rem);
}

.pagebuilder-column h3 {
  font-size: clamp(2.3rem, 8vw, 3.0rem);
}

.pagebuilder-column h4 {
  font-size: clamp(2.0rem, 8vw, 2.7rem);
}

.pagebuilder-column h5 {
  font-size: clamp(1.8rem, 8vw, 2.0rem);
}

.pagebuilder-column h6 {
  font-size: clamp(1.4rem, 8vw, 1.8rem);
}

.pagebuilder-column ul li,
.pagebuilder-column ol li {
  font-size: 16px;
}

.pagebuilder-column ul {
  padding-left: 0;
}

.pagebuilder-column ul:not(form ul) li {
  list-style: none;
  padding-left: 21px;
  margin: 0 0 15px;
  position: relative;
}

.pagebuilder-column ul:not(form ul) li::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 139 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_43_859)'%3E%3Cpath d='M89.8042 0L26.7992 94.8085L50.3605 94.9617L0 190L121.364 80.7028L85.4272 80.473L139 0H89.8042Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_43_859'%3E%3Crect width='139' height='190' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
}

/* ----- Buttons Styles ----- */
.state-buttons--primary-btn .pagebuilder-button-primary,
.state-buttons--white-btn .pagebuilder-button-primary,
.state-button--orange-btn .pagebuilder-button-primary,
.state-button--orange-btn .pagebuilder-button-secondary {
  padding: 10px 17px !important;
  transition: var(--transition-250ms);
  border-color: transparent !important;
  font-weight: var(--font-weight700) !important;
}
.large-btn a:hover, .large-btn a:focus,
.state-buttons--primary-btn .pagebuilder-button-primary:hover,.state-buttons--primary-btn .pagebuilder-button-primary:focus,
.state-buttons--white-btn .pagebuilder-button-secondary:hover,.state-buttons--white-btn .pagebuilder-button-primary:focus,
.state-buttons--white-btn .pagebuilder-button-primary:hover,.state-buttons--white-btn .pagebuilder-button-primary:focus,
.state-button--orange-btn .pagebuilder-button-primary:focus,.state-button--orange-btn .pagebuilder-button-primary:focus,
.state-button--orange-btn .pagebuilder-button-secondary:hover,.state-button--orange-btn .pagebuilder-button-secondary:focus{
  border-radius: var(--state-border-radius) !important;
  text-decoration: none !important;
}
.large-btn .pagebuilder-button-primary {
  font-weight: var(--font-weight700);
  padding: 18px 35px !important;
  transition: var(--transition-250ms);
}
.large-btn .pagebuilder-button-secondary {
  background-color: transparent;
  color: var(--orange);
  border-color: var(--orange);
}
.state-buttons--primary-btn .pagebuilder-button-primary {
  background-color: var(--charcoal-black);
  color: var(--white);
}
.state-buttons--white-btn .pagebuilder-button-primary {
  background: var(--white) !important;
  color: var(--orange-red) !important;
  border: 1px solid var(--orange-red) !important;
}
.state-buttons--white-btn .pagebuilder-button-primary:hover,
.state-buttons--white-btn .pagebuilder-button-primary:focus {
  background: var(--orange-red) !important;
  color: var(--white) !important;
  border: 1px solid var(--orange-red) !important;
}
.state-button--orange-btn .pagebuilder-button-secondary {
  background: var(--orange) !important;
  color: var(--charcoal-black) !important;
  text-decoration: none !important;
}

.cta-orange-red .pagebuilder-button-primary{
  background-color: var(--orange-red);
  color: var(--white);
  font-weight: var(--font-weight700);
  transition: var(--transition-250ms);
  padding: 10px 17px;
}
.cta-orange-red .pagebuilder-button-primary:hover,
.cta-orange-red .pagebuilder-button-primary:focus {
  background-color: var(--orange);
  border-radius: var(--state-border-radius) !important;
  color: var(--charcoal-black);
  text-decoration: none !important;
}

/* Servcices Primary Buttons */
.primary-btn,
.orange-btn,
.black-btn,
.white-btn,
.white-orange-btn,
.pale-yellow-btn,
.pale-yellow-orange-btn {
  margin: 0 10px 10px 0;
  background: var(--black);
  transition: var(--transition-250ms);
}

.black-btn,
.white-orange-btn,
.pale-yellow-orange-btn {
  background: var(--orange) !important;
}

.primary-btn .pagebuilder-button-primary,
.orange-btn.btn,
.orange-btn .pagebuilder-button-primary,
.black-btn.btn,
.black-btn .pagebuilder-button-primary,
.white-btn.btn,
.white-btn .pagebuilder-button-primary,
.white-orange-btn.btn,
.white-orange-btn .pagebuilder-button-primary,
.pale-yellow-btn-secondary.btn,
.pale-yellow-btn .pagebuilder-button-secondary,
.pale-yellow-orange-btn-secondary.btn,
.pale-yellow-orange-btn .pagebuilder-button-secondary,
.orange-btn-secondary.btn,
.orange-btn .pagebuilder-button-secondary,
.pale-yellow-orange-btn-secondary.btn,
.pale-yellow-orange-btn .pagebuilder-button-secondary {
  background: var(--orange);
  border: 3px solid var(--black);
  border-radius: 0px;
  color: var(--black);
  transition: var(--transition-250ms);
  text-decoration: none !important;
  padding: 7px 35px;
  font-size: 16px;
  margin: 0;
}

.primary-btn .pagebuilder-button-primary:hover,
.primary-btn .pagebuilder-button-primary:focus,
.orange-btn.btn:hover,
.orange-btn.btn:focus,
.orange-btn .pagebuilder-button-primary:hover,
.orange-btn .pagebuilder-button-primary:focus,
.black-btn.btn:hover,
.black-btn.btn:focus,
.black-btn .pagebuilder-button-primary:hover,
.black-btn .pagebuilder-button-primary:focus,
.white-btn.btn:hover,
.white-btn.btn:focus,
.white-btn .pagebuilder-button-primary:hover,
.white-btn .pagebuilder-button-primary:focus,
.white-orange-btn.btn:focus,
.white-orange-btn.btn:hover,
.white-orange-btn .pagebuilder-button-primary:hover,
.white-orange-btn .pagebuilder-button-primary:focus,
.pale-yellow-btn-secondary.btn:hover,
.pale-yellow-btn-secondary.btn:focus,
.pale-yellow-btn .pagebuilder-button-secondary:hover,
.pale-yellow-btn .pagebuilder-button-secondary:focus,
.pale-yellow-orange-btn-secondary.btn:hover,
.pale-yellow-orange-btn-secondary.btn:focus,
.pale-yellow-orange-btn .pagebuilder-button-secondary:hover,
.pale-yellow-orange-btn .pagebuilder-button-secondary:focus {
  background: var(--orange);
  color: var(--black);
  border: 3px solid var(--black);
  transform: translateX(-5px) translateY(-5px);
}

.black-btn.btn,
.black-btn .pagebuilder-button-primary {
  background: var(--black) !important;
  border-color: var(--orange) !important;
  color: var(--orange) !important;
}

.white-btn.btn,
.white-btn .pagebuilder-button-primary {
  background: var(--white) !important;
}

.white-orange-btn.btn,
.white-orange-btn .pagebuilder-button-primary {
  background: var(--white) !important;
  border-color: var(--orange) !important;
}

/* Secondary Buttons */
.pale-yellow-btn-secondary.btn,
.pale-yellow-btn .pagebuilder-button-secondary {
  background: var(--pale-yellow) !important;
}

.pale-yellow-orange-btn-secondary.btn,
.pale-yellow-orange-btn .pagebuilder-button-secondary {
  background: var(--pale-yellow) !important;
  border-color: var(--orange) !important;
}

/* Link */
.motorsandcontrol-compatio.cms-page-view .pagebuilder-column a {
  color: var(--black);
  font-weight: 500;
  text-decoration: underline;
  transition: var(--transition-250ms);
}

.pdf-link {
  color: var(--black);
  font-weight: 500;
  position: relative;
  padding-right: 25px;
  text-decoration: underline;
  transition: var(--transition-250ms);
}

.pdf-link:after {
  content: '';
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M128 64C92.7 64 64 92.7 64 128L64 512C64 547.3 92.7 576 128 576L208 576L208 464C208 428.7 236.7 400 272 400L448 400L448 234.5C448 217.5 441.3 201.2 429.3 189.2L322.7 82.7C310.7 70.7 294.5 64 277.5 64L128 64zM389.5 240L296 240C282.7 240 272 229.3 272 216L272 122.5L389.5 240zM272 444C261 444 252 453 252 464L252 592C252 603 261 612 272 612C283 612 292 603 292 592L292 564L304 564C337.1 564 364 537.1 364 504C364 470.9 337.1 444 304 444L272 444zM304 524L292 524L292 484L304 484C315 484 324 493 324 504C324 515 315 524 304 524zM400 444C389 444 380 453 380 464L380 592C380 603 389 612 400 612L432 612C460.7 612 484 588.7 484 560L484 496C484 467.3 460.7 444 432 444L400 444zM420 572L420 484L432 484C438.6 484 444 489.4 444 496L444 560C444 566.6 438.6 572 432 572L420 572zM508 464L508 592C508 603 517 612 528 612C539 612 548 603 548 592L548 548L576 548C587 548 596 539 596 528C596 517 587 508 576 508L548 508L548 484L576 484C587 484 596 475 596 464C596 453 587 444 576 444L528 444C517 444 508 453 508 464z'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
}

.pdf-link:hover,
.pdf-link:focus {
  text-decoration: none;
}

/* ----------------------------------- */
/* Global Form Styles                  */
/* ----------------------------------- */

.form.bfb-form .mgz-element-heading-text {
  color: var(--orange);
  text-align: left;
  font-size: clamp(2.7rem, 8vw, 3.5rem);
}

.form.bfb-form label,
.form.bfb-form label span {
  font-size: 18px;
  font-weight: 400;
  color: var(--orange);
}

.form.bfb-form input,
.form.bfb-form textarea,
.form.bfb-form select,
.form.bfb-form input[type="text"],
.form.bfb-form input[type="password"],
.form.bfb-form input[type="url"],
.form.bfb-form input[type="tel"],
.form.bfb-form input[type="search"],
.form.bfb-form input[type="number"],
.form.bfb-form input[type*="date"],
.form.bfb-form input[type="email"] {
  border-radius: 0;
}

.form.bfb-form .mgz-button .mgz-btn {
  background: var(--orange);
  border-radius: 0;
  color: var(--black);
  font-size: 18px;
}

.form.bfb-form .mgz-button .mgz-btn:focus,
.form.bfb-form .mgz-button .mgz-btn:hover {
  background: var(--pale-yellow);
  color: var(--black);
}

.hs-form-radio,
.hs-form-checkbox {
  list-style: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.hs-form-radio label span,
.hs-form-checkbox label span {
  color: white !important;
}

.hs-field-desc {
  margin-top: 5px !important;
}

.hs-form .inputs-list.multi-container {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* -------------------------------------------------------------------------------------------------------------------------------------------
HOME PAGE STYLES START
-------------------------------------------------------------------------------------------------------------------------------------------*/
/* ---------------------------- 
  Home Hero Styles
---------------------------- */
.hero-badge-container {
  position: relative;
}
.state-home-hero {
  position: relative;
  overflow: visible;
  width: 100%;
}
.state-home-hero h1 {
  margin: 0 0 22px 0 !important;
  font-size: clamp(40px, 7vw, 45px) !important;
  line-height: 1.1;
  letter-spacing: -0.04em;
  font-weight: 700 !important;
  color: var(--white) !important;
  font-variation-settings: unset;
  font-family: unset !important;
}
.hero-content p{
  font-size: 22px;
  line-height: 1.35;
}
.pill {
  display: inline-flex !important;
  border: 1px solid var(--orange);
  align-items: center;
  width: auto !important;
  max-width: max-content;
  padding: 10px 16px;
  margin: 0 0 24px 0 !important;
  border-radius: 999px;
  background: transparent;
  font-weight: var(--font-weight700);
  font-size: 14px;
  line-height: 1.2;
}

.pill p,
.pill div,
.pill span {
  margin: 0 !important;
  color: var(--orange) !important;
}

.hero-image img{
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}
.floating-card {
  position: absolute;
  left: -28px;
  bottom: -28px;
  background: var(--white);
  border-left: 5px solid var(--orange);
  border-radius: 18px;
  padding: 22px 24px;
}
.floating-card .big {
  font-size: 38px;
  line-height: 1;
  color: var(--orange);
  font-weight: 800;
  margin-bottom: 6px;
}
.hero-badge-box {
  width: 100%;
  background: #f5f5f5;
  border-left: 5px solid var(--orange);
  border-radius: 18px;
  padding: 18px 20px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.10);
  box-sizing: border-box;
}
  
.hero-badge-box .big {
  display: block;
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
  color: var(--orange);
  margin: 0 0 8px 0 !important;
}

.hero-badge-box .small {
  display: block;
  font-size: 14px;
  line-height: 1.25;
  color: var(--orange);
  margin: 0 !important;
}
/* ---------------------------- 
Trust Grid Section
---------------------------- */
.trust-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  width: 100%;
}

.trust-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.trust-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: #fff0d6;
  color: var(--charcoal-black);
  font-size: 25px;
  flex-shrink: 0;
}

.trust-item strong {
  display: block;
  color: var(--charcoal-black);
  font-size: 18px;
  line-height: 1.2;
  margin-bottom: 6px;
}

.trust-item span {
  display: block;
  color: var(--charcoal-black);
}
/* ----------------------------
  Home Categories – Product Item Cards
  ---------------------------- */
.state-home-categories .square-grid-widget .product-grid {
  gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.state-home-categories .square-grid-widget .product-grid .product-link {
  display: block;
  color: inherit;
  text-decoration: none;
  background: var(--white);
  border: 1px solid var(--light-blue-gray);
  border-radius: 18px;
  padding: 28px 18px;
  text-align: center;
  transition: .25s ease;
}
.state-home-categories .product-link:hover,
.state-home-categories .product-link:focus-within {
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  border-color: var(--charcoal-black) !important;
  transform: translateY(-3px);
  text-decoration: underline !important;
}

.state-home-categories .product-item .product-image img {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  height: 140px;
  width: auto;
  margin: 0 auto 20px;
  display: block;
}
  
.state-home-categories .square-grid-widget .product-grid .product-link .product-item .product-name {
  color: var(--charcoal-black);
  font-size: 1.7rem;
  line-height: 1.2;
  margin: 0;
  font-weight: var(--font-weight700);
  max-width: unset;
}

/* ---------------------------- 
  Home Brand Carts
---------------------------- */
.state-home-brand-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 36px;
}
.state-brand-card {
  background: var(--white);
  border: 1px solid var(--light-blue-gray);
  border-radius: 18px;
  transition: .25s ease;
}
.state-brand-card:hover,
.state-brand-card:focus {
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  border-color: var(--charcoal-black);
  color: var(--charcoal-black);
  transform: translateY(-3px);
}
.state-brand-card { 
  padding: 15px; 
  text-align: center; 
}
.state-brand-logo {
    aspect-ratio: 16 / 9;
    object-fit: contain;
    height: 60px;
    margin-bottom: 20px;
}
.state-brand-card h3 { 
  font-size: 1.7rem;
  margin-bottom: 6px;
  margin-top: 0;
  font-weight: 700;
  color: var(--ash-black);
  font-family: unset;
  font-variation-settings: normal;
}
/* ---------------------------- 
  Home - Services Grid Section Styles
---------------------------- */
.state-services-grid .pagebuilder-button-primary{
  width: 100% !important;
}
.state-services-grid .pagebuilder-column-line {
  column-gap: 15px;
  row-gap: 15px;
}
.state-service-card {
  background: var(--ash-black);
  color: var(--white);
  padding: 25px !important;
  border-radius: var(--state-border-radius);
}
.state-service-card i {
  color: var(--orange);
  border-radius: 8px;
  font-size: 40px;
  margin-bottom: 10px;
  background: #453a28;
  padding: 7px;
}
.dark-section .state-services-card h3 {
  color: var(--white);
  font-size: 2.5rem; 
}
.state-cta-section {
  border-radius: var(--state-border-radius);
}
/* ---------------------------- 
  Home - Stats Grid Columns
---------------------------- */
/* //Stat */
.stats-box {
  background: var(--white);
  border-radius: 22px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06);
  padding: 34px;
}
.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  text-align: center;
}
.stat strong {
  display: block;
  color: var(--charcoal-black);
  font-size: clamp(36px, 4vw, 48px);
  line-height: 1;
  margin-bottom: 10px;
}
.stat span { 
  color: var(--charcoal-black); 
}
.state-center-link {
  text-align: center; 
  margin-top: 24px; 
}
.state-split-link {
  font-weight: 700;
  color: var(--orange-red) !important;
}
.home-stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  width: 100%;
  margin: 0;
}
.home-stat-card {
  background: var(--light-gray);
  padding: 20px;
  border-radius: var(--state-border-radius);
  text-align: left;
  color: var(--charcoal-black);
  border-left: 4px solid var(--orange);
}
.home-stat-card-title {
  font-size: 3rem;
  font-weight: var(--font-weight700);
}
/* ---------------------------- 
  Tablet Styles
---------------------------- */
@media (max-width: 1024px) {
  .trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .home-hero .pagebuilder-column-line,
  .state-columns .pagebuilder-column-line {
    flex-wrap: wrap;
  }
  .home-hero .pagebuilder-column-line .pagebuilder-column,
  .state-columns .pagebuilder-column-line .pagebuilder-column {
    width: 100% !important;
  }

  .floating-card {
    left: 0;
  }

  .state-services-grid .pagebuilder-column-line {
    flex-wrap: wrap;
  }
  .state-service-card {
    width: 49% !important;
  }

  .top-float {
    top: unset;
    bottom: -18px;
  }
  .stats-grid,
  .state-home-brand-grid, 
  .aff-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* ---------------------------- 
  Mobile Styles
---------------------------- */
@media (max-width: 768px) {
  .trust-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .state-service-card {
    width: 100% !important;
  }

  .trust-grid,
  .stats-grid,
  .state-home-brand-grid,
  .aff-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
/* -------------------------------------------------------------------------------------------------------------------------------------------
HOME PAGE STYLES END
-------------------------------------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------- */
/* CTA Section Styles          */
/* ----------------------------------- */
.cta-section a {
  color: var(--black);
  font-weight: 600;
  transition: var(--transition-250ms);
  text-decoration: underline;
}

/* ----------------------------------- */
/* Hero Section Styles                  */
/* ----------------------------------- */
.hero-section {
  background-color: var(--black);
  box-shadow: var(--orange-box-shadow);
  -webkit-box-shadow: var(--webkit-box-shadow);
  -moz-box-shadow: var(--moz-box-shadow);
  padding-top: 50px;
  padding-bottom: 50px;
}

.hero-section h1 {
  color: var(--white);
  font-family: var(--font-family-base);
  font-variation-settings: var(--h1-font-variation);
  margin-bottom: 5px;
  margin-top: 0;
}

.hero-section h2 {
  font-family: var(--font-family-base);
  color: #FF9901;
  font-size: clamp(3.5rem, 8vw, 4.5rem);
  font-variation-settings: 'wght' 30, 'wdth' 15, 'slnt' 1;
  margin: 0;
}


/* ----------------------------------- */
/* Form Column Section Styles          */
/* ----------------------------------- */

.form-column .form-column__content,
.form-column .form-column__form {
  padding-left: calc(var(--gap, 16px) / 2);
  padding-right: calc(var(--gap, 16px) / 2);
}

.form-column .form-column__content {
  position: relative;
  padding-right: 60px;
}

.form-column__content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--pale-yellow);
  clip-path: polygon(0 50%, 0 0, 100% 50%, 100% 100%);
  z-index: -1;
  width: 75%;
}

/* Hubspot Form Section */
.form-column .form-column__form {
  background: var(--black);
  box-shadow: var(--sm-orange-box-shadow);
  -webkit-box-shadow: var(--sm-orange-webkit-box-shadow);
  -moz-box-shadow: var(--sm-orange-moz-box-shadow);
  padding: 30px;
}

.form-column__form .hs-form label span {
  color: var(--orange);
  font-size: 16px;
}

.form-column__form .hs-form .input {
  margin-top: 0;
}

.hs-form .form-columns-1 input[type=text],
.hs-form .form-columns-1 input[type=email],
.hs-form .form-columns-1 input[type=number],
.hs-form .form-columns-1 input[type=password],
.hs-form .form-columns-1 input[type=search],
.hs-form .form-columns-1 input[type=tel],
.hs-form .form-columns-1 input[type=url],
.hs-form .form-columns-1 input[type=date],
.hs-form .form-columns-1 select,
.hs-form .form-columns-1 textarea {
  width: 100% !important;
}

.form-column__form .hs-form fieldset {
  max-width: 100% !important;
}

.form-column__form .hs-form fieldset * {
  margin-top: 15px;
  border-radius: 0 !important;
}

.form-column__form .hs-form fieldset .hs-error-msgs {
  color: rgb(237, 111, 111);
}

.form-column__form .hs-form fieldset .hs-error-msgs,
.form-column__form .hs-form fieldset .hs-error-msgs li {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  list-style: none !important;
}

.form-column__form .hs-form .form-columns-2:nth-child(2) {
  margin-right: 0 !important;
}

.form-column__form .hs-form .legal-consent-container {
  color: var(--white);
}

.form-column__form .hs-form .legal-consent-container ul {
  padding-left: 0;
  list-style: none;
  font-size: 14px;
}

.form-column__form .hs-form .legal-consent-container .hs-form-booleancheckbox-display input {
  margin-top: 2px;
}

.form-column__form .hs-form .legal-consent-container .hs-form-booleancheckbox-display span {
  margin-top: 0;
}

.form-column__form .hs-form .hs_recaptcha {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* Hubspot Button */
.form-column__form .hs-form .hs-submit {
  margin-top: 25px;
}

.form-column__form .hs-form .hs-submit .actions {
  background: var(--orange);
  margin-top: 15px;
}

.form-column__form .hs-form .hs-button {
  font-size: 18px;
  padding: 12px 10px;
  width: 100%;
  background: var(--pale-yellow);
  border: 3px solid var(--orange);
  border-radius: 0px;
  color: var(--black);
  transition: var(--transition-250ms);
  text-decoration: none;
}

.form-column__form .hs-form .hs-button:hover,
.form-column__form .hs-form .hs-button:focus {
  transform: translateX(-5px) translateY(-5px);
}

/* Hubspot Submitted Message */
.submitted-message .hs-main-font-element {
  color: var(--orange);
  font-size: 20px;
}

/* Responsive */

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

  .form-column__form .hs-form fieldset,
  .form-column__form .hs-form fieldset .input,
  .form-column__form .hs-form fieldset select,
  .form-column__form .hs-form fieldset textarea,
  .form-column__form .hs-form fieldset input[type="text"],
  .form-column__form .hs-form fieldset input[type="password"],
  .form-column__form .hs-form fieldset input[type="url"],
  .form-column__form .hs-form fieldset input[type="tel"],
  .form-column__form .hs-form fieldset input[type="search"],
  .form-column__form .hs-form fieldset input[type="number"],
  .form-column__form .hs-form fieldset input[type*="date"],
  .form-column__form .hs-form fieldset input[type="email"] {
    width: 100% !important;
    margin-right: 0px;
  }

  .form-column .form-column__content {
    padding-right: calc(var(--gap, 16px) / 2);
    padding-bottom: 30px;
    margin-bottom: 50px;
  }

  .form-column__content::before {
    width: 100%;
    clip-path: none;
  }

  .form-column .form-column__form {
    padding-left: calc(var(--gap, 16px) / 2);
    padding-right: calc(var(--gap, 16px) / 2);
  }
}


/* ----------------------------------- */
/* Lists Grid Styles          */
/* ----------------------------------- */
.lists-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(18px, 2.2vw, 28px) clamp(22px, 3vw, 40px);
  list-style: none;
  counter-reset: step;
  margin: 0;
  padding: 0;
}

.lists-grid h3 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 5px;
}

@media (max-width: 1024px) {
  .lists-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .lists-grid {
    grid-template-columns: 1fr;
  }
}

/* Each step card uses its own mini-grid to align number + text */
.lists-grid li {
  counter-increment: step;
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  align-items: start;
}

/* Big orange number */
.lists-grid li::before {
  content: counter(step);
  font-family: var(--font-family-base) !important;
  font-weight: 900;
  font-size: clamp(27px, 5.4vw, 56px);
  line-height: 0.9;
  color: var(--orange);
}

.lists-grid p {
  margin: 0;
  color: var(--white);
}

/* ----------------------------------- */
/* FAQ Styles                          */
/* ----------------------------------- */
.faq-section .faq-toggle-all {
  margin-bottom: 15px;
}

.faq-section__inner {
  background: var(--orange);
  box-shadow: var(--sm-black-box-shadow);
  -webkit-box-shadow: var(--sm-black-webkit-box-shadow);
  -moz-box-shadow: var(--sm-black-moz-box-shadow);
}

.faq-section__accordion.two-col {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.faq-section h3 {
  margin: 0 0 8px;
}

.faq-section__item {
  padding: 5px 20px;
}

.faq-section__item:nth-child(even) {
  background: var(--orange);
}

.faq-section__item:nth-child(odd) {
  background: var(--pale-yellow);
}

.faq-section__accordion.two-col .faq-section__item:nth-child(4n + 1),
.faq-section__accordion.two-col .faq-section__item:nth-child(4n + 2) {
  background: var(--orange);
}

.faq-section__accordion.two-col .faq-section__item:nth-child(4n + 3),
.faq-section__accordion.two-col .faq-section__item:nth-child(4n + 4) {
  background: var(--pale-yellow);
}

.faq-section__item h3 {
  margin: 0;
}

.faq-section_button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-align: left;
  background: transparent;
  border: 0;
  padding: 10px 0;
  color: var(--black);
  font-family: var(--font-family-base);
  font-variation-settings: var(--h2-font-variation);
  cursor: pointer;
  position: relative;
  font-size: 20px;
}

.faq-section_button::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 28 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_911_10794)'%3E%3Cpath d='M19.2097 2.11564e-06L7.96107 17.0466L12.1676 17.0741L3.17645 34.162L24.8443 14.5104L18.4283 14.469L27.9929 2.6043e-06L19.2097 2.11564e-06Z' fill='black'/%3E%3C/g%3E%3Cg clip-path='url(%23clip1_911_10794)'%3E%3Cpath d='M9.49488 14.3008L-1.75377 -2.74578L2.45276 -2.77332L-6.53839 -19.8612L15.1295 -0.209565L8.71343 -0.168251L18.2781 14.3008L9.49488 14.3008Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_911_10794'%3E%3Crect width='18.278' height='14.3896' fill='white' transform='translate(9.71552 1.22361e-06)'/%3E%3C/clipPath%3E%3CclipPath id='clip1_911_10794'%3E%3Crect width='18.278' height='14.3896' fill='white' transform='matrix(1 3.17865e-08 3.17865e-08 -1 0.000672016 14.3906)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  transition: var(--transition-250ms);
  flex-shrink: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.faq-section_button[aria-expanded="true"]::after {
  transform: rotate(180deg);
  /* Rotates downward when expanded */
}

.faq-section_button:hover,
.faq-section_button:focus {
  background: none;
  border: none;
  color: var(--black);
}

.faq-section__item .panel {
  overflow: hidden;
  transition: max-height var(--transition-250ms);
}

.faq-section__item .panel-inner {
  padding: 18px 0 18px;
}

.faq-section__item .panel-inner p {
  color: var(--black);
}

.faq-section__item .panel a {
  color: var(--black);
  text-decoration: underline;
  font-weight: 500;
}

@media (max-width: 768px) {
  .faq-section__accordion.two-col {
    grid-template-columns: 1fr;
  }

  .faq-section__accordion.two-col .faq-section__item:nth-child(even) {
    background: var(--orange);
  }

  .faq-section__accordion.two-col .faq-section__item:nth-child(odd) {
    background: var(--pale-yellow);
  }
}

/* ----------------------------------- */
/* Columns Section Styles          */
/* ----------------------------------- */
.two-columns .pagebuilder-column,
.three-columns .pagebuilder-column,
.four-columns .pagebuilder-column {
  padding: calc(var(--gap, 16px) / 2);
}

.two-columns .pagebuilder-column-line,
.three-columns .pagebuilder-column-line,
.four-columns .pagebuilder-column-line {
  margin: 0 calc(var(--gap, 16px) / -2);/* Negative margin to offset padding */
}