/*
* **********************************
* ################################## ESTILOS DE INDEX
* **********************************
*/

.bg-circle {
  background: #e0e9ee;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;

  -webkit-border-radius: 100px;
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius: 100px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  border-radius: 100px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;

  overflow: hidden;
  margin: 0 auto;
}

@media (max-width: 1024px) {
  .bg-circle {
    -webkit-border-radius: 40px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius: 40px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 0px;
    border-radius: 40px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

    padding-bottom: 4rem;
  }
}

/*
========================
======================== INTERNAL FORM
========================
*/

.internal-content .container {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 40px 0;
}

@media (max-width: 1024px) {
  .internal-content .container {
    flex-direction: column;
  }
}

.internal-content .internal-txt {
  flex: 1;
}

.internal-content .internal-txt h2 {
  font-size: 26px;
  font-weight: 700;
  color: #b01116;
  margin-bottom: 20px;
}

.internal-content .internal-txt .htmlchars p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300 !important;
  margin-bottom: 20px;
}

.internal-content .internal-txt .htmlchars p strong,
.internal-content .internal-txt .htmlchars p span {
  font-size: 18px;
  font-weight: bold !important;
}

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

@media (max-width: 1024px) {
  .internal-content form {
    width: 100%;
  }
}

.internal-content form legend {
  font-size: 18px;
  color: #0a121a;
  font-weight: 700;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}

.internal-content form div {
  width: 100%;
  margin-bottom: 10px;
}

.internal-content form input[type="text"],
.internal-content form select,
.internal-content form textarea {
  width: 100%;
  background-color: #ffffff;
  font-size: 1.6rem;
  padding: 18px;
  font-weight: 300;
  color: #0a121a;
  border: 2px solid #ffffff;
  outline: 0;
  font-family: inherit;
  border-radius: 5px;
}

.internal-content form input::-webkit-input-placeholder,
.internal-content form select::-webkit-input-placeholder,
.internal-content form textarea::-webkit-input-placeholder {
  color: #0a121a;
}

.internal-content form select {
  appearance: none;
  background: #ffffff url("../../img/global/custom/icon-arrow-select.png")
    center right 20px no-repeat;
}

.internal-content form textarea {
  height: 150px;
  color: #0a121a;
}

.internal-content form .field-warning {
  border: 2px solid red !important;
}

.internal-content form .btn {
  background-color: #b01116;
  font-size: 1.6rem;
  padding: 15px 30px;
  color: #ffffff;
  border-radius: 5px;
  display: inline-block;
  text-transform: uppercase;
  transition: 0.4s;
}

.internal-content form .btn:hover {
  background-color: #6c080c;
  transition: 0.4s;
}