.owl-dot span {
  background-color: rgb(252, 203, 29) !important;
}
span {
  color: rgb(200, 199, 193) !important;
  background-color: transparent !important;
}
.arrow_mini_block {
  display: none !important;
}
#titular {
  font-family: "Sora", "Sora Placeholder", sans-serif !important;
  font-size: 56px !important;
  font-weight: 700 !important;
  color: rgb(27, 27, 24) !important;
  line-height: 64px !important;
}
.navbar-brand img, .logo {
  box-shadow: none !important;
  background: transparent !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Sora", "Sora Placeholder", sans-serif !important;
  font-weight: 500 !important;
  color: rgb(27, 27, 24) !important;
  line-height: 48px !important;
}
#wrapper_2 {
  padding-top: 100px !important;
  background: linear-gradient(180deg, var(--token-83385d7a-7b22-4a37-ba71-56214e5c9350, #fefbf1) 0%, rgb(255, 255, 255) 100%) !important;
}
#titular2 {
   max-width: 700px;
}
#titular2, p {
  font-family: "Sora", "Sora Placeholder", sans-serif !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: rgb(27, 27, 24) !important;
  line-height: 32px !important;
}
img {
  border-radius: 25px !important;
  box-shadow: var(--shadow) !important;
  transition: all 200ms ease-in-out;
  background: var(--color-white);
}
.btn {
  background: rgb(252, 203, 29) !important;
  border-radius: 32px !important;
  box-shadow: none !important;
  color: black !important;
  font-family: "Sora", "Sora Placeholder", sans-serif !important;
}
body, a {
  font-family: "Sora", "Sora Placeholder", sans-serif !important;
  font-weight: 500 !important;
}

/* Timeline/Steps - yellow */
.timeline-wrapper::before {
  background: rgb(252, 203, 29) !important;
}

.timeline-badge {
  background: rgb(252, 203, 29) !important;
  box-shadow: 0 4px 15px rgba(252, 203, 29, 0.4) !important;
}

.timeline-left .timeline-panel::before {
  border-left: 12px solid rgba(252, 203, 29, 0.1) !important;
}

.timeline-right .timeline-panel::before {
  border-right: 12px solid rgba(252, 203, 29, 0.1) !important;
}
@media screen and (max-width: 1024px) {
  #titular {
    margin-top: 20px;
    font-size: 36px !important;
    line-height: 48px !important;
  }
  h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px !important;
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 48px !important;
  }
}

.navbar .dropdown-menu,
.navbar-other .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12) !important;
  padding: 6px !important;
}
.navbar .dropdown-item,
.navbar-other .dropdown-item,
.navbar-nav .dropdown-item {
  color: #1f2937 !important;
  background: transparent !important;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus,
.navbar-other .dropdown-item:hover,
.navbar-other .dropdown-item:focus,
.navbar-nav .dropdown-item:hover,
.navbar-nav .dropdown-item:focus {
  color: #111827 !important;
  background: #f3f4f6 !important;
}