.jm-hero h1{
  margin-bottom: 20px !important;
}

/*for centering list on mobile */
@media (max-width: 768px) {
    ul {
        list-style-position: inside; /* ensure bullets/checks align with text */
        padding-left: 0; /* reset padding to help alignment */
        text-align: center; /* center-align text */
        margin: 0 auto; /* auto margin for horizontal centering */
        display: inline-block; /* shrink wrap list items */
    }

    ul li {
        text-align: center; /* ensures each list item is individually centered */
    }
}



/* large and up screens */
@media (min-width: 992px) {
  .jm-hero p {max-width: 90%;}
  .jm-hero .container{ padding: 120px 10px 80px 50px !important;}
  .jm-hero-btn{ padding: 8px 50px; }
  .jm-hero h1 { 
    min-width: 650px;
    font-size: 45px !important;
  }
}

/* med and below screens */
@media (max-width: 992px) {  
  
  .jm-hero h3{
    font-size: 24px !important;
  }
  .jm-hero .row{
    padding: 100px 15px 100px 15px !important;
    text-align: center;
    justify-content: center;
  }
  
  
  .jm-hero-btn {  
    width:100%; 
    padding: 10px 10px 10px 10px !important;
    max-width: 380px; 
  }
}

/*button styling */
.jm-hero-btn{
   background: #980408 !important;
   display: inline-block;
   color: #fff !important;   
   border: 1px solid #980408 ;
   border-radius:5px;
}

/* button hover styling */
.jm-hero-btn:hover {
    background-color: #3F3F3F !important;
    border: 1px solid #3F3F3F  !important;
    text-decoration: none;
}



/* for styling div containing multi step form */

.jm-msform {
  margin: 0 auto !important;          /* Centers the element horizontally */
  background-color: #fff;  /* Sets the background color */
  border-radius: 5px;      /* Rounds the corners by 5px */
}

/* for styling the icon list */
.icon-list {
  margin-top: 10px;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap; /* Allows items to wrap onto new lines if needed */
  color: #ffffff;
}

.icon-list-item {
  display: flex;
  align-items: center;
}
.icon-list-item span{
  display: flex;
  align-items: center;
  font-size:18px !important
}


.icon {
  margin-right: 8px;
  font-size: 1.5em;
}

/* Media query to stack the items vertically on narrow screens */
@media only screen and (max-width: 800px) {
  .icon-list {
    flex-direction: column;
    align-items: center;
  }
}
/*end icon list styling */




/*fixes checkbox to big on mobile issue for forms in hero */
@media (max-width: 575px) {
  div.input input[type=checkbox] {
    width: auto!important;
    transform: scale(1.3) !important;
    margin-bottom: 1.25rem!important;
  }
}

/*responsive adjustments */
  /*large screen  */
    @media (min-width: 991px) { 
        .jm-hero-container h1 , .jm-hero-container h2 { font-size: 50px !important; } 
    }

    /*medium screen  */
    @media (min-width: 576px) and (max-width: 991px) { 
      .jm-hero-container h1 , .jm-hero-container h2 { font-size: 36px !important; } 
      .jm-hero-container h3 , .jm-hero-container h4 , .jm-hero-container h5 {font-size: 24px !important;}
    }

/* small screen  */
    @media (max-width: 576px) {
       .jm-hero-container h1 , .jm-hero-container h2 { font-size: 28px !important; } 
       .jm-hero-container h4 {font-size: 18px !important; font-weight:1000;}
       .jm-hero-container .col-lg-6{padding-left:5px; padding-right:5px; }
    
       .jm-hero-container a{ font-size: 18px !important;}
      
        div.input input[type=checkbox] {
          width: auto!important;
          transform: scale(1.3) !important;
          margin-bottom: 1.25rem!important;
        }
    }
 /*end responsive adjustments */

.jm-hero-container {
    background-size:cover !important; 
    background-position: center bottom !important;
    overflow: hidden !important; 
    position: relative !important;
}

.jm-hero-btn-dark{
   background: rgb(255,156,47) !important;
   color: #fff !important;   
}

.jm-hero-btn-dark:hover {
   background: #f7bc7c !important;
   color: #fff;   
}

.jm-hero-container h1 , .jm-hero-container h2 , .jm-hero-container h4 , .jm-hero-container h5  {
  color: #fff !important;
  font-family: ProximaNova-Bold, helvetica, sans-serif;
}

.jm-hero-container .container{
    padding: 10px 5px !important;
}

.jm-form-container{
  margin-top: 40px 
}

/*margin is negative by default. putting it to 0 shrinks the row */
.jm-shrink-row{
  margin-left:0px !important;
  margin-right:0px !important;
}

.jm-checked{
  color:orange;
}

.jm-text-primary{
  color: #f01834;
}
.jm-text-dark{
  color:#222 !important;
}

.jm-hero-headline{
}

.jm-subheader p{
  margin-bottom: 0px !important;
}

.jm-video{
  padding-top: 10px;
  padding-bottom: 10px;
  
}



.jm-form-container .form-title{
  -moz-border-radius: 0px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px; 
  background: #3F3F3F !important;
  font-size: 24px !important;
}

.jm-form-container h5{
  margin-top: 0px ;
  margin-bottom: 5px ;
}


.jm-form-container .hs-form{
  background: #fff !important;
   -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px 0px 10px 10px !important;
  border-radius: 0px 0px 10px 10px !important; 
  border: 1px white
        border-radius: 5px;
    box-shadow: 0 10px 30px hsla(0,0%,9%,.15);
    padding: 25px 29px;
}


.jm-form-container h5 span{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  color: #252b31 !important;
   font-size: 16px ; 
}

.jm-form-container fieldset label span{
  display: none !important;
}


/*for sms opt in text */
.jm-form-container .hs-form-booleancheckbox-display span{
    font-size: 12px ; 
    display: inline !important;
    color: #c1cad2 !important;
}

/*Find it*/
.body-container-wrapper {
 padding-top: 0!important;
}

form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa{
  /*margin-left:100%;*/
  width: 550px;
  background-color: rgba(0,0,0,.5);
  display: block;
}

form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8 label, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa label {
  display: none !important; 
}

.jm-form-container fieldset select {
  height: 2.5rem !important; 
  font-size: 12px !important;
  border: 1px solid #c1cad2 !important;
  border-radius: 2px !important;

}

.jm-form-container fieldset input {
  height: 2.2rem !important; 
  border: 1px solid #c1cad2 !important;
  border-radius: 2px !important;
}

.jm-form-container fieldset ::placeholder{
  color: #808080 !important;
}

.jm-form-container textarea {
  height: 5rem !important; 
  margin-left: 4px !important; 
  width: 100% !important;
  border: 1px solid #c1cad2 !important;
  border-radius: 2px !important;
}

.jm-form-container em {
  color:#c1cad2;
}


.hero .hbspt-form input.hs-input,
.hero .hbspt-form select.hs-input
{
    border: 1px solid #c1cad2!important;
    border-radius: 5px;
    color: #9B9B9B;
    padding: 1rem 15px;
}

.hero .hs-form-field label{
  display: none;
}

.hero .hbspt-form select.hs-input{
  padding: 0.25rem 15px;
}

.hero .hbspt-form input.hs-input::placeholder {
  color: #9B9B9B!important;
}

.km-btn-group {
 display: none !important; 
}
.hero{
  height:auto!important;
  min-height: 650px;
  padding: 60px 0!important;
  margin-bottom: 0px!important;
}


.km-hero-header{
 color: white !important;
 font-family: "ProximaNova-Regular", helvetica, sans-serif !important;
}


.hero form{
  padding: 30px 60px!important;
}

.km-hero-title, 
.hero h1.km-hero-title{
  color: #222;
  font-family: "DomaineDisplayNarrowBold",helvetica,serif!important;
  line-height: 1.2;
  font-size: 37px;
  margin-top: 0px;
  text-shadow: 0px 0px 20px rgb(255 255 255);
}

.hero .km-hero-tagline{
  color: #222;
  font-size: 26px;
  margin-top: 30px;
  text-shadow: 0px 0px 20px rgb(255 255 255);
}

.km-hero-form-title{
  font-size: 28px;
  line-height: 1.3;
  margin-bottom: 15px;
  color: #f01834!important;
  font-family: "ProximaNova-Bold", helvetica, sans-serif !important;
}

.km-hero-form-title strong{
  font-family: "ProximaNova-Bold", helvetica, sans-serif !important;
  color: #222;
  font-size: 26px;
  font-weight: 700;
}

.hero p.km-hero-form-tagline{
  color: #222;
  font-size:16px;
  margin-bottom: 0;
}

.km-hero-title strong, 
.hero h1.km-hero-title strong{
   color: #f01834;
   font-family: "DomaineDisplayNarrowBold",helvetica,serif!important;
}

.km-hero-header#km-hero-htag {
 font-variant: all-small-caps !important;
 font-variant-caps: petite-caps !important;
}



em.km-subheader{
  font-size: 22pt;
  font-family: "ProximaNova-Regular", helvetica, sans-serif !important;

}

.km-hero-header .km-smaller-font{
  font-size: 18pt;
}

#km-hero-htag{
  font-size: 2.5rem; 
  line-height: 2.1rem;
}

.km-hero-ptag{
  font-size: 1.5rem; 
}

.km-hero-header.km-hero-ptag {
  line-height: 0;
  font-size: large;
  letter-spacing: .1rem;
}

.hs-form-field{
  margin-bottom: .5rem !important;
}

#lead_stated_source-778955df-f9a5-4be6-8270-de9e099300f8, #lead_stated_source-32c655bf-19c0-4365-8f29-efc55d5b95fa {
 height: fit-content !important; 
}

@media (min-width: 320px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    display: none;
  }
  .km-btn-group {
   display: block !important; 
  }
  
  .hero .km-btn {
    width: 100% !important; 
  }
}


@media (min-width: 785px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    /*margin-left: 30%;*/
    display: block;
  }
  
  .km-btn-group {
 display: none !important; 
}
  .km-hero-title, 
.hero h1.km-hero-title{
  font-size: 57px;
  margin-top: 90px;
}

@media (min-width: 1005px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    /*margin-left: 48%;*/
    display: block;
  }
  
  .km-btn-group {
 display: none !important; 
}
  
  
}

@media (min-width: 1367px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    /*margin-left: 40%;*/
    display: block;
  }
  
  .km-btn-group {
 display: none !important; 
}
}

@media (min-width: 1500px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    /*margin-left: 55%;*/
    display: block;
  }
  
  .km-btn-group {
 display: none !important; 
}
}

@media (min-width: 1700px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    /*margin-left: 75%;*/
    display: block;
  }
  
  .km-btn-group {
 display: none !important; 
}
}

@media (min-width: 1900px) {
   form#hsForm_778955df-f9a5-4be6-8270-de9e099300f8, form#hsForm_32c655bf-19c0-4365-8f29-efc55d5b95fa {
    /*margin-left: 100%;*/
    display: block;
  }
  
  .km-btn-group {
 display: none !important; 
}
}

.hero__cta-card-left {
    /*background: #fff;*/
  /* change back to below background color when Corona has been deceased */
/*     background: #EEF3F5 url(https://www.kitchenmagic.com/hubfs/images/backgrounds/textures/wood-grain-texture-sm.png) center;  */
    background: transparent;
    background-size: cover;
    padding: 10px 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    border-bottom: 10px solid transparent;
}


@media (max-width: 300px) {
.hero__cta-card-left {
      position: relative;
      left: 0;
      margin: auto;
  }
}

@media (min-width: 150px) {
.hero__cta-card-left {
      position: absolute;
      left: 0;
  }
}