.unset-img-width img {
  width: unset;
}
.contact_us-background {
  background: url(/staticfiles/ion-contactus-page-images.webp);
  height: 383px;
  background-position: 100% 63%;
}
section.at-any-time {
  background: #f5f5f5;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
/* Map Section */
.map-and-happy-to-help-sec {
  max-width: 75rem;
  margin: 0 auto;
  padding: 0rem 1rem 3rem;
  z-index: 9999;
  position: relative;
}

.contact-us-top-txt h2 {
  font-size: 2.375rem;
  font-weight: 600;
  text-align: center;
  padding-bottom: 2.5rem;
}

.map-and-we-are-happy-to-help-you {
  display: flex;
}

.map-left-sec {
  width: 54%;
}

.happy-to-help-right-sec {
  width: 41%;
}

.map-left-sec img {
  height: 100%;
}

.happy-to-help-right-sec {
  background: #194a41 0% 0% no-repeat padding-box;
  padding: 2.5rem 3rem;
  margin: 2rem 0 2rem -2rem;
  border-radius: 2rem;
}

.right-top-txt h3 {
  color: #ffbd50;
  font-size: 1.875rem;
  font-weight: 600;
}

.white-line {
  background: #fff;
  height: 0.01rem;
  margin: 2rem 0;
}

.call-icon-number {
  display: flex;
  gap: 1.5rem;
  padding-bottom: 2rem;
}

.call-icon-number a {
  color: #fff;
  font-size: 1.325rem;
}

.plans-speed p {
  font-size: 1.25rem;
  color: #fff;
  font-weight: 400;
}

/* Section 2 */

.contact-us-at-any {
  max-width: 75rem;
  margin: 0 auto;
  padding: 2rem 3rem;
  display: flex;
  gap: 5rem;
  position: relative;
  z-index: 1;
}

.contact-us-at-any::after {
  background: #fff;
  content: "";
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: absolute;
  z-index: -1;
  height: 28rem;
  border-radius: 20px;
  max-width: 80rem;
  margin: 0 auto;
}

.any-time-left,
.best-offers-today {
  width: 45%;
}

.best-offers-today h2 {
  font-size: 1.4rem;
  padding-bottom: 0.9rem;
}

.best-offers-today p {
  color: #707070;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7rem;
}

/* Form */

.contact-us-form {
  width: 50%;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.contact-us-form-top-heading h2 {
  background: #194a41;
  color: #fff;
  padding: 2rem 0 2rem 3rem;
  margin: -1.27rem -1.2rem 2rem -1.27rem;
  border-radius: 10px 10px 0px 0;
}

.contact-us-form .form-group {
  margin-bottom: 0.625rem;
}

.contact-us-form label {
  display: block;
  color: #707070;
  font-size: 1.1rem;
  font-weight: 400;
  margin: 1rem 0;
}

.contact-us-form input[type="text"],
input[type="email"],
textarea {
  width: 95.4%;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  padding: 0.7rem;
  font-size: 0.9rem;
  font-family: "Montserrat";
  font-weight: 500;
}

.contact-us-form button[type="submit"] {
  width: 11rem;
  border-radius: 6px;
  background-color: #ffbd50;
  color: white;
  font-size: 1.1rem;
  font-weight: 600;
  padding: 0.5rem;
  /* margin: 1rem auto 0 auto; */
  border: none;
  font-family: "Montserrat";
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

.contact-us-form button[type="submit"]:hover {
  background-color: #0056b3;
}
.best-offers-today {
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 1300px) {
  html {
    font-size: 14px;
  }
}

@media screen and (max-width: 1024px) {
  html {
    font-size: 12.5px;
  }
  .contact-us-at-any::after {
    height: 40rem;
  }
  .contact-us-form button[type="submit"] {
    width: 20rem;
  }
}

@media screen and (max-width: 768px) {
  html {
    font-size: 12px;
  }
  .map-and-we-are-happy-to-help-you {
    flex-direction: column;
  }
  .map-left-sec {
    width: 80%;
    margin: 0 auto;
  }
  .happy-to-help-right-sec {
    width: 80%;
    margin: -2rem auto 0 auto;
  }
  .contact-us-at-any {
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .any-time-left,
  .best-offers-today {
    width: 80%;
    margin: 0 auto;
  }
  .contact-us-form {
    width: 80%;
    margin: 0 auto;
  }
  .contact-us-at-any::after {
    max-width: 60rem;
  }
}

@media screen and (max-width: 425px) {
  html {
    font-size: 11px;
  }

  .contact-us-form button[type="submit"] {
    width: 15rem;
  }
}