/* as paginas do Elementor trazem html,body{overflow-x:hidden} no CSS proprio; o miolo novo precisa da mesma regra */
html, body {
  overflow-x: hidden
}
.obrigado {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #EFF7FF;
  color: #002440;
  text-align: center;
  padding: 90px 20px 110px;
  font-family: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif
}
.obrigado::before, .obrigado::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 420px;
  height: 420px;
  border-radius: 50%;
  background-image: radial-gradient(rgba(0, 36, 64, .35) 1.4px, transparent 1.6px);
  background-size: 11px 11px;
  -webkit-mask-image: radial-gradient(circle, #000 30%, transparent 72%);
  mask-image: radial-gradient(circle, #000 30%, transparent 72%);
  opacity: .7
}
.obrigado::before {
  left: -160px;
  top: -80px
}
.obrigado::after {
  right: -160px;
  bottom: -120px
}
.obrigado__box {
  max-width: 780px;
  margin: 0 auto
}
.obrigado__icon {
  width: 92px;
  height: 92px;
  margin: 0 auto 30px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: #fff;
  background: #0068FF;
  box-shadow: 0 18px 40px -14px rgba(0, 104, 255, .55)
}
.obrigado__icon svg {
  width: 46px;
  height: 46px
}
.obrigado h1 {
  font-size: clamp(30px, 4.6vw, 50px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -.5px;
  color: #002440;
  margin: 0 0 20px
}
.obrigado h1 .mark {
  color: #0068FF
}
.obrigado__lead {
  font-size: 17px;
  line-height: 1.7;
  color: #002440;
  max-width: 640px;
  margin: 0 auto 38px;
  font-weight: 400
}
.obrigado__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 20px;
  justify-content: center;
  align-items: center
}
.obrigado .btn-wa, .obrigado .btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 40px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .01em;
  text-decoration: none;
  line-height: 1;
  transition: transform .3s ease, background .3s ease, color .3s ease, border-color .3s ease
}
.obrigado .btn-wa {
  color: #fff;
  background: #0068FF;
  box-shadow: 0 14px 30px -12px rgba(0, 104, 255, .6)
}
.obrigado .btn-wa:hover {
  transform: scale(1.04);
  background: #002440;
  color: #fff
}
.obrigado .btn-wa svg {
  width: 22px;
  height: 22px;
  flex: none
}
.obrigado .btn-ghost {
  color: #002440;
  border: 2px solid #002440
}
.obrigado .btn-ghost:hover {
  background: #002440;
  color: #fff
}
.obrigado .btn-ghost svg {
  width: 18px;
  height: 18px;
  flex: none
}
@media (max-width:767px) {
  .obrigado {
    padding: 60px 20px 80px
  }
  .obrigado .btn-wa, .obrigado .btn-ghost {
    width: 100%;
    max-width: 360px
  }
}