body {
  background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1)),
    url('https://20210404.fs1.hubspotusercontent-na1.net/hubfs/20210404/Renderings/AdobeStock_257454062.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.main-row-2-max-width-section-centering {
  width: 80%;
  margin: 0 auto;
  padding-top: 100px;
  border-radius: 15px;
  overflow: hidden; /* important so background + content clip to rounded corners */
}
.row-fluid-wrapper.main-row-1-hidden > .row-fluid {
    display: flex;          /* Enables flexbox */
    align-items: center;    /* Vertically centers the children */
}
.row-number-26 {
  margin-top: 0 !important;
}

#hs_cos_wrapper_module_17732439904236 img.hs-image-widget {
    max-width: 120px; /* set your desired width */
    height: auto;     /* keep aspect ratio */
}

/* Optional: Ensure columns keep their width */
.row-fluid-wrapper.main-row-1-hidden > .row-fluid > .span7,
.row-fluid-wrapper.main-row-1-hidden > .row-fluid > .span5 {
    display: flex;
    flex-direction: column; /* Keeps content stacked vertically inside each column */
}

.rotator {
  position: relative;
  display: inline-block;
  vertical-align: baseline;    /* aligns with H1 text */
  min-width: 10ch;
}

.rotator span {
 position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
  transform: translateY(-73%);
  opacity: 0;
  text-decoration: underline;
  animation: fade 6s infinite;
}

.rotator span:nth-child(1) { animation-delay: 0s; }
.rotator span:nth-child(2) { animation-delay: 2s; }
.rotator span:nth-child(3) { animation-delay: 4s; }

@keyframes fade {
  0%, 30% { opacity: 1; }
  33%, 100% { opacity: 0; }
}

.row-fluid > .span7 {
  position: relative;
}

#hs_cos_wrapper_widget_1773680574938 {
    position: absolute;  /* absolute inside the page or nearest relative container */
    top: 0;              /* align to the top */
    right: 35px;            /* align to the right */
    z-index: 9999;       /* make sure it’s on top of other elements */
}

#hs_cos_wrapper_widget_1773680574938 img {
    display: block;
    max-width: 300px;
    height: auto;
}
.main-row-8-padding.dnd-section {
    padding-top: 10px !important;  /* change to whatever you want */
    padding-bottom: 10px !important;
}
#hs_cos_wrapper_module_17732439904236 img.hs-image-widget {
    display: block;
    margin-bottom: 10px;
}
#hs_cos_wrapper_widget_1773244376633_ p {
    margin-bottom: 0;
}
body, h2, h3, h4, h5, h6,
p,
span,
a,
li,
button {
  font-family: 'Poppins', sans-serif !important;
}
h1 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: bolder;
  text-shadow: 
    0 0 5px rgba(255,255,255,0.9),
    0 0 10px rgba(255,255,255,0.8);
}
h2 {
  font-weight: 600 !important;
}
h5 {
  text-shadow: 
    0 0 5px rgba(255,255,255,0.9),
    0 0 10px rgba(255,255,255,0.8);
}
p {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 300;
}
.hs_cos_wrapper_type_icon > svg,
.hs_cos_wrapper_type_icon svg {
  display: inline-block !important;
  filter: drop-shadow(2px 2px 4px rgba(255,255,255,0.8)) !important;
}
.header__logo-image {
  max-height: 75px !important; /* adjust as needed */
  height: auto;
  width: auto;
}

.header__button-col {
  content: "📞 208-342-6823";
  display: inline-block;
  margin-right: 2.5rem; /* space between phone and button */
  font-weight: bold;
  font-size: 1rem;
  color: #1c3564; /* adjust to match your brand */
  vertical-align: middle;
  text-align: right;
}
#hs_cos_wrapper_widget_1757695210729_ {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
}

.header__container,
.header__bottom,
.header__wrapper--bottom {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 0;
  padding-bottom: 0;
}

h1 {
  margin-bottom: 0px; /* adjust as needed */
}
h2 {
  margin-bottom: 0px; /* adjust as needed */
}
h4 {
  margin-bottom: 0px !important; /* adjust as needed */
}

h3[style*="font-size: 20px"] {
    margin-top: 20px; /* adjust the number to whatever spacing you want */
}

.row-fluid-wrapper.dnd-section.main-row-1-padding {
    padding: 40px 60px 20px 60px !important;    /* smaller top padding */
}
.row-fluid-wrapper.dnd-section.row-number-6 {
    padding: 20px 60px 20px 60px !important;    /* reduce top */
}
.row-fluid-wrapper.dnd-section.row-number-9 {
  padding: 5px 60px 0px 60px !important;
}
.row-fluid-wrapper.dnd-section.row-number-11 {
    padding: 10px 60px 60px 60px !important;    /* adjust top padding */
}
.row-fluid-wrapper.dnd-section[data-hs-row-id="main-row-3"] {
  padding: 60px 60px 10px 60px !important;
}


[data-hsfc-id=Renderer] .hsfc-RichText p {
    color: #1c3564 !important;       /* make text white */
    margin-bottom: 5px !important; /* reduce space below */
    line-height: 110% !important;  /* tighten spacing */
    text-align: center !important; /* center text */
    font-size: 18px !important;    /* font size */
}

blockquote.testimonial.card {
    padding: 0;        /* remove padding on the blockquote itself */
    margin: 0;         /* remove margin on the blockquote itself */
}

blockquote.testimonial.card .testimonial__content h5,
blockquote.testimonial.card .testimonial__footer h6 {
    margin: 0;         /* remove top/bottom margin from headings */
    padding: 0;        /* just in case */
}

footer.footer {
    display: none !important;
}

.hsfc-Step__Content {
  background-color: #d3d3d3;
padding: 10px !important;
}

.hsfc-Button {
    background-color: #61abdf !important; /* Light Blue */
    color: white !important;              /* Text color */
    border: none !important;
    padding: 8px 18px !important;
    cursor: pointer !important;
  font-size: 14px !important;
  }

  .hsfc-Button:hover {
    background-color: #a30000 !important; /* Slightly brighter red on hover */
  }

.hs-form {
  padding-top: 10px 15px !important;
background-color: #1c3564 !important;

}
form {
  padding: 15px 38px 25px 38px !important;
}

.form-title {
  border: none !important;
background-color: #1c3564 !important;
  text-align: center !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  font-style: normal !important;
  padding: 20px 40px 0px 40px!important;
}

.hs-form .hs-form-field {
  margin-bottom: 12px !important; /* smaller gap between fields */
}
.hs-input {
  padding: 8px 10px !important; /* slightly smaller input height */
  font-size: 14px !important;   /* optional: slightly smaller font */
}

#hs_cos_wrapper_module_17576944544443_ {
    border-radius: 10px; /* optional rounded corners */
    padding: 20px;       /* optional padding */
}

/* 1. Give the section a min height (so 100% has something to fill) */
.main-row-1-background-image {
    min-height: 680px; /* adjust to your design */
  max-height: 680px !important;
  overflow: hidden !important;
  position: relative
    display: flex;
    align-items: stretch;
}

/* 2. Make the row inside stretch */
.main-row-1-background-image > .row-fluid {
    display: flex;
    width: 100%;
}

/* 3. Make both columns stretch vertically */
.main-row-1-background-image .dnd-column {
    display: flex;
    flex-direction: column;
}

/* 4. Make the form wrapper fill the column */
#hs_cos_wrapper_module_17576944544443 {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 5. Make the actual form fill the wrapper */
#hs_cos_wrapper_module_17576944544443 .hs-form {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* 6. Optional: push submit button to the bottom */
#hs_cos_wrapper_module_17576944544443 .hs-submit {
    margin-top: auto;
}




#hs_cos_wrapper_widget_1757695244437_hs_logo_widget img {
    max-height: 100px !important;
    height: auto !important;
    width: auto !important; /* maintain aspect ratio */
}

/* Make the main row a flex container */
.row-number-1 > .row-fluid {
    display: flex !important;
    align-items: center;       /* vertically center all columns */
    justify-content: space-between; /* spread left and right */
}

/* Make left column align left */
.row-number-1 > .row-fluid > .span4 {
    display: flex;
    justify-content: flex-start;
}

/* Make middle and right columns align right */
.row-number-1 > .row-fluid > .span5,
.row-number-1 > .row-fluid > .span3 {
    display: flex;
    justify-content: flex-end;
    align-items: center; /* ensures vertical centering of content inside */
}

/* Optional: make button vertically centered */
.button-wrapper {
    display: flex;
    align-items: center;
}

/* Make the phone number widget a flex container */
#hs_cos_wrapper_widget_1757695210729_ {
    display: flex !important;
    align-items: center !important;  /* vertical centering */
    height: 100%;                     /* ensure it fills the parent row */
}

/* Make the h4 inside take full height and align items */
#hs_cos_wrapper_widget_1757695210729_ h4 {
    display: flex;
    align-items: center; /* vertical center text and icon */
    margin: 0;           /* remove default h4 margin */
}

/* Adjust the icon */
#hs_cos_wrapper_widget_1757695210729_ h4 img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; /* spacing between icon and number */
}
.row-number-1.dnd-section {
    padding-top: 10px !important;
    padding-bottom: 0px !important; /* changed from 0 */
}

.dnd-section > .row-fluid, .content-wrapper, .header__wrapper {
    max-width: 1400px;
}

.dnd-section {
 padding: 60px !important;
}

#hs_cos_wrapper_module_17576944544443 .submitted-message {
  color: #ffffff !important;
  border-radius: 0px !important;
}
.cell_1770740805317-vertical-alignment {
  justify-content: flex-start !important;
}
.hs-image-widget {
  border-radius: 15px !important;
  display: block;
  max-width: 100%;
  height: auto;
  display: block;
}
.row-number-22 .hs-image-widget {
  border-radius: 15px; /* optional if you want rounded corners */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}





.main-row-7-background-image {
  padding: 0 !important;
}
.main-row-7-background-image > .row-fluid {
  max-width: 100% !important;
  margin: 0 !important;
}
.main-row-7-background-image {
  padding: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  aspect-ratio: 3 / 2;
  display: flex !important;
  justify-content: flex-end !important; /* pushes inner column right */
  align-items: center !important;   
}
.main-row-7-background-image .span12.dnd-column {
  width: 40% !important;          /* shrink column to 30% */
  max-width: 40% !important;
  margin-left: auto !important;   /* anchor to right */
  float: none !important;         /* override HubSpot float */
  display: flex !important;
  flex-direction: column !important; /* stack header, text, images */
}
.cell_17712596907044-background-image,
.cell_17712596907045-background-image,
.cell_17712596907046-background-image {
  border-radius: 15px !important;
  overflow: hidden !important; /* ensures the background image clips to corners */
}

.main-row-3-padding > .row-fluid > .span4 {
  position: relative; /* required for pseudo-element positioning */
}

/* Add vertical lines between columns */
.main-row-3-padding > .row-fluid > .span4:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 20%;           /* 20% from top */
  bottom: 20%;        /* 20% from bottom → line height = 60% */
  right: 0;           /* line on the right edge of the column */
  width: 2px;         /* thickness of the line */
  background-color: white; /* line color */
}

.row-fluid {
  display: flex;
  flex-wrap: wrap; /* keep responsiveness */
}

/* Make each column take equal height */
.row-fluid > .span4 {
  display: flex;
  flex-direction: column; /* stack content vertically */
  justify-content: flex-start; /* optional: align top */
}
#hs_cos_wrapper_module_17700566249903 {
    width: 40%;        /* scale to 60% of parent container */
    margin: 0 auto;    /* center it horizontally */
  }

.main-row-5-vertical-alignment .row-fluid {
  display: flex;
  align-items: center;
}

.main-row-5-vertical-alignment .span6 {
  display: flex;
  align-items: center;
  justify-content: center;
}
#hs_cos_wrapper_module_17715285660796 
.hs_dealer_tradepro_discovery 
label:not(.hs-error-msg) span {
    line-height: 15px !important; /* adjust as needed */
}
#hs_cos_wrapper_module_17700566249903 
.hs_dealer_tradepro_discovery 
label:not(.hs-error-msg) span {
    line-height: 15px !important; /* adjust as needed */
}
#hs_cos_wrapper_module_17576944544443 
.hs_dealer_tradepro_discovery 
label:not(.hs-error-msg) span {
    line-height: 15px !important; /* adjust as needed */
}

@media (max-width: 767px) {
  h1 {
        font-size: 26px !important;   /* smaller on mobile */
    }
  h2 {
        font-size: 26px !important;   /* smaller on mobile */
    }
  #hs_cos_wrapper_widget_1757941082609 h2 {
    font-size: 26px !important;  /* smaller than the 30px set globally */
}
  #hs_cos_wrapper_widget_1757941432748 h2 {
    font-size: 26px !important;  /* smaller than the 30px set globally */
}
  h4 {
    font-size: 30px !important;
  }
  h4 a[href^="tel:"] {
    font-size: 20px !important; /* smaller on mobile */
  }
  h5 {
    font-size: 18px !important;
  }
  
  .dnd-section {
 padding: 30px 15px 15px 15px !important;
}
  .row-fluid-wrapper.dnd-section.main-row-1-padding {
    padding: 40px 15px 15px 15px !important;    /* smaller top padding */
}
.row-fluid-wrapper.dnd-section.row-number-6 {
    padding: 20px 15px 30px 15px !important;    /* reduce top */
}
.row-fluid-wrapper.dnd-section.row-number-9 {
  padding: 20px 15px 10px 15px !important;
}
.row-fluid-wrapper.dnd-section.row-number-11 {
    padding: 10px 15px 15px 15px !important;    /* adjust top padding */
}
  .row-fluid-wrapper.dnd-section.row-number-19 {
    padding: 30px 15px 20px 15px !important;    /* adjust top padding */
}
  .row-number-33.dnd-section {
    padding: 160px 15px 40px 15px !important; /* adjust values */
}
  #hs_cos_wrapper_module_17715285660794 {
    padding-top: 30px !important;   /* adjust as needed */
    padding-right: 10px !important; /* adjust as needed */
    padding-bottom: 60px !important;
    padding-left: 10px !important;
  }
  .hs-image-widget {
    display: block !important;
    line-height: 0 !important;
    margin-bottom: 10px !important;
  }
  .row-number-1 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row-number-1 > .row-fluid {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.row-number-1 .span4 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* Also remove any inner wrapper padding for the logo widget */
.row-number-1 .widget_1757695244437-flexbox-positioning {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}
  .row-number-1 .span5 {
  margin-left: 40px; /* space between logo and phone */
}
  #hs_cos_wrapper_module_17576944544443 label:not(.hs-error-msg) span {
    line-height: 14px !important;
  }
  #hs_cos_wrapper_module_17574421753103 label:not(.hs-error-msg) span {
    line-height: 14px !important;
  }
  #hs_cos_wrapper_widget_1757695210729_ h3 {
        padding-left: 20px !important;
        font-size: 18px !important; /* shrink text */
        line-height: 1.4 !important;
    }
  .main-row-5-background-image {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important; /* prevent fixed jumpiness on mobile */
  overflow: hidden !important; /* keep form inside */
}

.main-row-5-background-image .row-fluid {
  align-items: center; /* vertically centers on desktop */
}
 .row-number-29 .span4 {
    width: 100% !important;
    display: block !important;
    margin-bottom: 20px; /* space between each */
  }

  /* Optional: remove extra spacing on last item */
  .row-number-29 .span4:last-child {
    margin-bottom: 0;
  } 
  
  #hs_cos_wrapper_module_17700566249903 {
    width: 90%;        /* scale to 60% of parent container */
    margin: 0 auto;    /* center it horizontally */
  }
  #hs_cos_wrapper_module_17715285660796 
.hs_dealer_tradepro_discovery 
label:not(.hs-error-msg) span {
    line-height: 15px !important; /* adjust as needed */
}
  .row-number-27 .row-fluid {
    display: flex !important;
    flex-direction: column !important;
  }

  /* Make sure columns behave as flex items */
  .row-number-27 .span4 {
    width: 100% !important;
  }

  /* Reorder */
  .row-number-27 .span4:nth-child(1) { order: 3 !important; }
  .row-number-27 .span4:nth-child(2) { order: 1 !important; }
  .row-number-27 .span4:nth-child(3) { order: 2 !important; }
  
  .row-number-27 .row-fluid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .row-number-27 .span4 {
    margin-bottom: 0 !important;
  }
   #hs_cos_wrapper_widget_1757695244437_hs_logo_widget {
    text-align: left !important;  /* aligns the image to the left */
    padding-left: 0px;           /* optional spacing from the edge */
  }

  /* Make the image scale nicely */
  #hs_cos_wrapper_widget_1757695244437_hs_logo_widget img {
    max-height: 100px !important;
    height: auto !important;
    width: auto !important;
    display: block !important;
  }

  /* Optional: hide the right column if desired */
  .cell_1773680575086-vertical-alignment {
    display: none !important;
  }
  .widget-span.span7 {
    display: flex !important;
    justify-content: center !important;  /* horizontal center */
    width: 100% !important;
  }

  /* Make the inner rich text module respect the flex centering */
  #hs_cos_wrapper_module_17715285660794_ {
    text-align: center !important;       /* center the text itself */
    margin: 0 auto !important;           /* center the block */
  }
  #hs_cos_wrapper_module_17715285660794 {
    padding-top: 10px !important;   /* adjust as needed */
    padding-right: 10px !important; /* adjust as needed */
    padding-bottom: 40px !important;
    padding-left: 10px !important;
  }
.main-row-7-padding .row-fluid {
    display: block !important;
}
  
  .main-row-5-hidden.dnd-section {
      padding-top: 10px !important;
      padding-bottom: 10px !important;
  }

  /* Remove extra padding inside the module wrapper */
  .module_1773078288997-padding {
      padding-top: 0 !important;
      padding-bottom: 0 !important;
  }

  /* Tighten table cells and h5 spacing */
  .module_1773078288997-padding table td,
  .module_1773078288997-padding table h5 {
      margin: 0 10px !important;
      padding: 2px 0 !important; /* smaller spacing between icon and text */
  }

  /* Reduce line height on mobile */
  .module_1773078288997-padding h5 {
      line-height: 1.1 !important;
      font-size: 14px; /* optional: scale font slightly for mobile */
  }
  
}