.hero-section {
/*     display: flex;
    justify-content: space-between; */
    
/*     background-color: #fff; */
    position:relative;
    
}

.hero-section .form-content form .hs-form-booleancheckbox-display {
  display:flex;
  justify-content:center;
  align-items:center;
}

#main-content .hero-section .form-content form .hs-form-booleancheckbox-display input {
  width:20px !important;
  margin-top:0;
}

.hero-section .form-content form .hs-form-booleancheckbox-display span {
  padding:0;
  flex:1;
  color:white;
}

.hero-section .form-content form .hs-form-booleancheckbox {
  margin:0;
}

/* .hero-content {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
 
} */

.car-text {
  padding-top:140px;
  width:50%;
}

.text-content {
/*     flex: 1; */
    color: #000;
   max-width:1440px;
  margin:0 auto;
/*   padding-bottom:20px; */
  display:flex;
  justify-content:space-between;
  
}

.text-content h1 {
/*     font-size: 48px; */
/*     font-weight: bold; */
    margin-bottom: 20px;
}

.text-content p {
/*     font-size: 16px; */
/*     color: #333;
  width:50%; */
}

.form-content {
/*     flex: 1; */
/*     display: flex; */
    justify-content: flex-end;
/*      position:absolute; */
    right:0;
    top:0;
    padding-top:0 !important;
    height:100%;
    z-index:2;
    overflow:hidden;
}

.form-content.half {
  width:40%;
}

.form-content.half .form-area {
  max-width:100%;
}

.form-area {
    background-color: rgba(0,0,0,0.9);
    padding: 60px 40px 180px;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
/*     clip-path: polygon(0 0, 100% 0, 105% 85%, 50% 92%, 0% 96%); */
    min-width:450px;
    max-width:500px;
}

.form-area form {
    display: flex;
    flex-direction: column;
    background-color:transparent;
    padding:0;
}

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

.form-heading + span, .form-title + div {
  padding:0 !important;
}

.form-area form .form-columns-2, .form-area form .form-columns-3 {
  padding:5px !important;
  display:flex;
  gap:10px;
}

.form-area form .form-columns-1 {
  padding:5px !important;

}

.form-area form div {
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
}

#main-content .form-area form .hs_email {
  width:100% !important
}

 #main-content .form-area form .hs_phone {
width:60% !important;
}
#main-content .contactPage form .hs_email {
  width:100% !important;
}

#main-content .contactPage form textarea {
  margin-top:5px;
}

#main-content .form-area form .hs_zip_code {
  width:40% !important;
}

.form-area form .hs-form-field input, .form-area form .hs-form-field select, .form-area form textarea {
/*   background: #e83323; */
    background:white
    border: 0;
    border-radius: 20px;
    color:black;
}

.form-area form .hs-form-field input::placeholder, .form-area form textarea::placeholder {
  color:black;
}

.form-area label {
/*     margin-top: 10px;
    font-size: 14px;
    color: #fff; */
    display:inline;
}

.form-area input, .form-area select {
    margin-top: 5px;
    padding: 15px !important;
    font-size: 14px;
    border-radius: 5px;
    border: none;
}

.hero-section .form-area form .actions {
  text-align:right;
  padding-top:10px !important;
}

.hero-section .form-area form input[type="submit"] {
   background-color: #fff !important;
    background-image: url(https://17587.fs1.hubspotusercontent-na1.net/hubfs/17587/2024%20True%20Auto/Group%206.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 27px 18px;
    border-radius: 30px;
    color: black !important;
    display: inline-block;
    font-weight: 700;
    padding: 15px 55px 15px 15px !important;
    position: relative;
    text-transform: none;
    width: unset;
    transition:all 0.3s ease-in;
}

.hero-section .form-area form input[type="submit"]:hover {
  background-color: rgba(232, 50, 36, 1) !important;
  background-image: url(https://17587.fs1.hubspotusercontent-na1.net/hubfs/17587/2024%20True%20Auto/white-arrow.png);
  color:white !important;
}

.cta-button {
    margin-top: 20px;
    background-color: #ff6a00;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.hero-image img {
    max-width: 100%;
    height: auto;
    width:100%;
}

h3.form-title {
  display:none;
}

.outer-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110%; /* Adjust size */
  height: 450px;
  background-color: #8C1F15; /* Adjust based on your design */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index:3;
}

.inner-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%; /* Adjust size */
  height: 350px;
  background-color: #E73628; /* Adjust based on your design */
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.dotted-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 110%; /* Adjust size */
  height: 400px;
  border: 2px dotted white; /* Adjust the color and size */
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

.car-image {
  position: absolute;
/*   top: 35%;
  left: 50%; */
  transform: translate(-50%, -50%);
/*   width: 900px;  */
}

.hero-img {
  position:relative;
/*   height:460px; */
/*   overflow:hidden; */
  padding-top:0 !important;
  margin-top: -140px;
}

/* .form-content input[type="submit"] {
    background-color: #fff; 
    background-image: url(https://17587.fs1.hubspotusercontent-na1.net/hubfs/17587/2024%20True%20Auto/Group%206.png);
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    display: inline-block;
    position: relative;
} */

.car-circles {
  background-image:url('https://17587.fs1.hubspotusercontent-na1.net/hubfs/17587/2024%20True%20Auto/Asset%206.png');
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-size:cover;
  position:relative;
  z-index:3;
}

.dotted-circle-img {
  background-image:url('https://17587.fs1.hubspotusercontent-na1.net/hubfs/17587/2024%20True%20Auto/Asset%205.png');
  background-repeat:no-repeat;
  background-size:
}

@media(max-width:1800px) {
  .car-circles {
    background-size:contain;
  }
}

@media(min-width:787px) and (max-width:1440px) {
  .car-text {
    padding-left:20px;
   
  }
  
}

@media(max-width:1250px) {

    .text-content {
/*     padding:0 20px 20px; */
    text-align:center;
    flex-direction:column;
    margin:0;
  }
  
  .form-area {
    min-width: 100%;
  }
  
  .car-text {
    width:100%;
  }
  
   .car-text .button-wrap {
    margin-bottom:40px;
  }
  
}

@media(max-width:787px) {
  .form-content {
    position:relative;
  }
  
  .text-content p {
    width:100%;
  }
  
  .form-area {
    clip-path:unset;
    padding-bottom:40px;
    min-width:100%;
  }
  
  .hero-section {
    padding:90px 0px 40px;
  }
  
  .dotted-circle {
    width:90%;
    height:300px;
  }
  
  .inner-circle {
    height:350px;
    width:80%;
  }
  
  .outer-circle {
    height:450px;
    width:110%;
  }
  
/*   .car-image {
    width:100% !important;
    top:25% !important; 
    left:50% !important ;
  } */
  
  .car-circles {
    background-size:0;
  }
  

  
  .form-area form .form-columns-2, .form-area form .form-columns-3 {
    flex-direction:column;
  }
  
  .car-text {
    padding-top:0;
    padding:0 20px 0;
     width:100%;
  }
  
  .hero-content {
    display:flex;
    flex-direction:column;
  }
  
  
  
/*   .text-content h1 {
    font-size:36px;
  } */
  
  .hero-img {
    margin-bottom:40px;
    margin-top:0;
  }
  
  .hero-section .form-area form .actions {
    text-align:center;
  }
  
  .hero-section .form-area {
    padding:60px 20px 150px;
  }
  
  .form-content.half {
    width:100%;
  }
  
  #main-content .form-area form .hs_email, #main-content .form-area form .hs_phone, #main-content .form-area form .hs_zip_code {
width:100% !important;
}
  
 

}

@media(min-width:787px) and (max-width:1250px) {
  .hero-img {
    height:470px;
    margin-top:-60px;
  }
  
  .form-area {
    min-width:100%;
    padding:60px 20px 180px;
  }
  
  .form-content.half {
    width:100%;
  }
  
  
}

/* Header settings */

/* .header.scrolled {
  background-color:black;
} */