form.form {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap:8px;
  margin:0 auto;
}
form.form > * {
  flex: 0 auto;
  max-width: 100%;
  padding:0;
}
form.form .text-gen {
  display: none !important;
}
form.form .submit {
  margin: 0 !important;
  clear: unset;
  line-height: 1.5;
  display: inline-block;
}
form.form .form-field {
  margin: 0 !important;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  padding:0;
  position:relative;
  flex-grow:1;
}
form.form p.form-field label {
  color: inherit;
  background: none !important;
  text-align: left;
  padding: 0;
  width: auto;
  display: inline-flex;
  position: relative;
  justify-content: center;
  align-items: flex-start;
  gap: 3px;
}
/*form.form p.form-field label::after {
  content: '';
  display: inline-block;
  background: #f00;
  border-radius: 100%;
  width: 4px;
  height: 4px;
  font-size: 0;
  line-height: 0;
}*/
form.form p.error.no-label{display:none!important;}
form.form p.errors {
  margin:0 !important;
  padding: 0.75rem 1rem !important;
  border-radius: 0.25rem;
  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  border: 1px solid #FD44A8;
  background: #FFF1F1 !important;
  color: #9E132E !important;
}
/* ===== Default (Desktop 1920px and up) ===== */
 
#pardot-form .text-gen,
#pardot-form #pi_extra_field,
#pardot-form [name="_utf8"],
#pardot-form #hiddenDependentFields {
  display: none !important;
}
 
#pardot-form label.field-label {position:absolute;bottom: 12px;left:0;z-index:9;font-size:16px;color:#868997;font-weight:400;cursor:text}
#pardot-form label.field-label::before {
  content: 'Enter ';
  display: inline-block;
  user-select: none;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  cursor:inherit;
}
 
#pardot-form .form-field:has(input[type="text"]:where(.filled,.focused)) .field-label{z-index:-1;opacity:0}
 
#pardot-form {
    display: flex;
    align-items: center; 
    padding: 8px 8px 8px 24px !important;
    justify-content: space-between;
    width: 100%;
    border:1px solid #f5f9ff;
    border-radius: 12px;
	border: 1px solid #C7E2FF;
	background: #F4FAFF;
    transition:background .25s ease,border-color .25s ease;
}
 
/* ===== Email Input ===== */
#pardot-form input[type="text"],
#pardot-form input[type="email"] {
  flex: 1;
  border: none;
  background: transparent;
  padding: 12px 16px 12px 0;
  font-size: 16px;
  outline: none;
  color: #333;
  width:100%;
  transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
  border-right: none !important;
}

#pardot-form input[type="text"]:focus,
#pardot-form input[type="email"]:focus {
  outline: none;
  border: none;
  border-right: none !important;
  box-shadow: none !important;
}

 
/* ===== Subscribe Button ===== */
#pardot-form .submit {
  margin: 0;
}

#pardot-form .submit input[type="submit"]:focus {
  box-shadow: inset -2px 0 0 rgba(0, 123, 255, .25),  
              inset 0 2px 0 rgba(0, 123, 255, .25),   
              inset 0 -2px 0 rgba(0, 123, 255, .25) !important;
}

#pardot-form .submit input[type="submit"] {
    background: #1434CB;
    color: #fff;
    height: auto;
    border-radius: 8px;
    padding: 9px 48px 10px 22px !important;
    font-size: 16px;
    margin-inline-end:0;
    transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTI0NzMgMy41MjI5MUwxNS4wNTgxIDcuMDg5NThDMTguMjU4MSA4LjY4OTU4IDE4LjI1ODEgMTEuMzA2MiAxNS4wNTgxIDEyLjkwNjJMNy45MjQ3MyAxNi40NzI5QzMuMTI0NzMgMTguODcyOSAxLjE2NjQgMTYuOTA2MiAzLjU2NjQgMTIuMTE0Nkw0LjI5MTQgMTAuNjcyOUM0LjQ3NDczIDEwLjMwNjIgNC40NzQ3MyA5LjY5NzkxIDQuMjkxNCA5LjMzMTI1TDMuNTY2NCA3Ljg4MTI1QzEuMTY2NCAzLjA4OTU4IDMuMTMzMDYgMS4xMjI5MSA3LjkyNDczIDMuNTIyOTFaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNNC41MzMyIDkuOTk4MDVIOS4wMzMyIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
}
#pardot-form .submit input[type="submit"]:where(:hover,:focus) {
background-color: #102BA5;
}

form.form p.errors{display:none!important}
form.form:has(.form-field.error){border-color:#9E132E!important}
form.form#pardot-form:has(.form-field input.text.focused){
  background-color: #fff;
  border-color: #1434CB;
}
form.form#pardot-form:has(.thankyou-msg){
  background-color: #FBFEFB;
  border-color: #A8ECB8;
  min-height: 63px;
  gap: 0;
}
/* ===== Success View ===== */
.thankyou-msg {  position: static;  white-space: normal;  width: 100%;  transform: none;}
.thankyou-msg .success-content {display:flex;justify-content: flex-start;align-items: center;gap: 10px;flex-wrap: wrap;}
.open-envelope {max-width:20px;}
.open-envelope img {width:100%;height:auto}
.success-content h2 {    margin: 0;  line-height: 1.2;  color: #1B223A;  font-size: 16px; font-weight: normal; text-transform: capitalize;}
/* 
@media (max-width: 991px) {
    form.form{max-width:522px} * /
    / * #pardot-form .submit input[type="submit"] {
        padding:9px 40px 9px 15px !important;
        font-size: 14px;
        background-position:calc(100% - 14px) center;
    }
} */
@media (max-width: 1600px){
  #pardot-form .submit input[type="submit"]{
    font-size: 14px;
    border-radius: 6px;
  }
  #pardot-form input[type="text"], #pardot-form input[type="email"],.success-content h2{
    font-size: 14px;
  }
}
@media (max-width: 1365px){
  #pardot-form .submit input[type="submit"] {
    font-size: 14px;
    border-radius: 6px;
  }
}
@media (max-width: 1023px){ 
  #pardot-form input[type="text"], #pardot-form input[type="email"],.success-content h2{
    font-size: 12px;
  }
}
 
@media (max-width: 450px) {
    form.form{max-width:100%}
    #pardot-form {
      padding: 8px 8px 8px 16px !important;
    }

    /* #pardot-form > * {
        width:100%;
        max-width:100%;
        flex-shrink:0;
        flex-basis:100%;
    } */
    /* #pardot-form .submit input[type="submit"] {
        padding: 9px 20px 9px 15px !important;
        background-position: calc(100% - 70px) center;
    } */
    #pardot-form input[type="text"] {
      width:100%;
    }
    #pardot-form .submit input[type="submit"] {
      padding: 5px !important;
      width: 48px;
      height: 42px;
      background-position: center;
      font-size: 0px;
      line-height: 0;
      text-indent: -999999px;
  }
  #pardot-form label.field-label {
    font-size: 12px;
  }
}