#hero {
  position: relative;
  padding: 230px 0; }
  @media (max-width: 767px) {
    #hero {
      background-position: 80% center !important; } }
  @media (max-width: 991px) {
    #hero {
      text-align: center; } }
  @media (max-width: 991px) {
    #hero:before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
      pointer-events: none; } }
  #hero > * {
    position: relative;
    z-index: 1; }
  #hero h1, #hero .lrg {
    max-width: 350px; }
    @media (max-width: 991px) {
      #hero h1, #hero .lrg {
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    #hero .button {
      display: inline-flex;
      flex-direction: column; } }

@media (min-width: 1401px) {
  #table .pricing-wrapper {
    padding: 50px 90px;
    border-radius: 20px;
    border: 1px solid #262626; } }
@media (max-width: 991px) {
  #table .pricing-wrapper {
    width: 330px;
    margin: 0 auto; } }
#table .mobile {
  display: none; }
  @media (max-width: 991px) {
    #table .mobile {
      display: block;
      font-size: 16px; } }
#table .pricing-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px; }
  @media (max-width: 991px) {
    #table .pricing-table {
      display: block; } }
#table .col {
  border: 1px solid #262626;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto;
  padding-bottom: 55px; }
  @media (max-width: 991px) {
    #table .col {
      padding-bottom: 50px; } }
  @media (max-width: 991px) {
    #table .col.main {
      display: none; } }
  #table .col.main .header .line {
    padding-bottom: 25px;
    border-bottom: 1px solid #262626;
    margin-bottom: 17px; }
#table .cell {
  padding: 11px 32px; }
  @media (min-width: 991px) and (max-width: 1199px) {
    #table .cell {
      padding: 11px 22px; } }
  @media (max-width: 1199px) {
    #table .cell {
      font-size: 14px; } }
  #table .cell.empty {
    height: 60px; }
  #table .cell .btn {
    padding: 10px 20px;
    border-radius: 999px;
    letter-spacing: -0.3px;
    background: #E2E2E2;
    color: #000;
    font-size: 15px; }
    @media (max-width: 991px) {
      #table .cell .btn {
        margin-top: 25px; }
        #table .cell .btn.mobile {
          display: block;
          margin-top: 20px;
          width: fit-content; } }
    #table .cell .btn:hover {
      background: #000;
      border: 1px solid #007FFF;
      color: #007FFF; }
    @media (min-width: 991px) and (max-width: 1199px) {
      #table .cell .btn {
        font-size: 16px; } }
#table .header {
  font-size: 24px;
  font-weight: 500;
  padding: 32px 32px 0 32px;
  min-height: 131px; }
  @media (min-width: 991px) and (max-width: 1199px) {
    #table .header {
      padding: 22px 22px 0 22px; } }
  #table .header .line {
    padding-bottom: 32px;
    border-bottom: 1px solid #262626;
    margin-bottom: 17px; }
    @media (min-width: 991px) and (max-width: 1199px) {
      #table .header .line {
        padding-bottom: 22px; } }
  #table .header span {
    font-size: 14px;
    color: #7F7F7F;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    letter-spacing: 1.2px;
    margin-bottom: 8px; }
#table .active {
  background: #007FFF; }
  #table .active svg {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(221deg) brightness(101%) contrast(101%); }
  #table .active .header span {
    color: #fff; }
  #table .active .header .line {
    border-color: #fff; }
#table .text {
  margin-top: 24px; }
  @media (max-width: 991px) {
    #table .text {
      margin-top: 60px; } }
  #table .text p {
    font-size: 14px; }
    #table .text p a {
      font-size: 14px;
      color: #fff;
      text-decoration: underline;
      font-weight: 400; }
@media (max-width: 991px) {
  #table .slick-dots {
    bottom: -36px; } }

#three-clicks .steps {
  background-position: 0% 10% !important;
  min-height: 470px;
  border-radius: 20px;
  border: 1px solid #262626;
  display: flex;
  justify-content: center;
  gap: 24px; }
  @media (max-width: 991px) {
    #three-clicks .steps {
      flex-direction: column;
      align-content: flex-start;
      justify-content: flex-end;
      align-items: center;
      gap: 14px;
      padding-bottom: 38px;
      background-size: 889px !important;
      background-position: 40% 30% !important; } }
  #three-clicks .steps .step {
    display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center; }
    #three-clicks .steps .step .number {
      display: flex;
      width: 54px;
      height: 54px;
      padding: 5px 6px 5px 5px;
      justify-content: center;
      align-items: center;
      border-radius: 269px;
      border: 0.5px solid #2e2f32;
      background: linear-gradient(321deg, rgba(191, 191, 191, 0.06) 5.98%, rgba(0, 0, 0, 0) 66.28%), rgba(0, 0, 0, 0.14);
      box-shadow: -8px 4px 5px 0 rgba(0, 0, 0, 0.24);
      backdrop-filter: blur(26.5px);
      flex-direction: column;
      flex-shrink: 0;
      text-align: center;
      font-variant-numeric: slashed-zero;
      font-size: 24px;
      font-style: normal;
      font-weight: 400;
      line-height: 120%;
      letter-spacing: -1.5px;
      margin-right: 12px; }
    #three-clicks .steps .step .new-btn {
      border-radius: 269px;
      border: 0.5px solid #2e2f32;
      background: #436D86;
      background: linear-gradient(270deg, rgba(67, 109, 134, 0.5) 0%, rgba(22, 35, 45, 0.5) 100%);
      box-shadow: -8px 4px 5px 0 rgba(0, 0, 0, 0.24);
      backdrop-filter: blur(26.5px);
      text-align: center;
      font-size: 18px;
      color: #fff;
      font-style: normal;
      font-weight: 500;
      padding: 14px 29px;
      text-decoration: none !important; }
      #three-clicks .steps .step .new-btn:hover {
        background: linear-gradient(90deg, rgba(67, 109, 134, 0.5) 0%, rgba(22, 35, 45, 0.5) 100%);
        color: #007FFF; }
      @media (max-width: 991px) {
        #three-clicks .steps .step .new-btn {
          min-width: 202px; } }
#three-clicks .button {
  margin-top: 40px; }

@media (min-width: 1401px) {
  html[dir="rtl"] #table .pricing-wrapper {
    padding: 50px 40px; } }
html[dir="rtl"] .plans-slider {
  direction: ltr; }

html[dir="rtl"] .slick-track {
  direction: rtl; }

html[lang="es-ES"] #table .cell, html[lang="it-IT"] #table .cell {
  min-height: 70px; }

/*# sourceMappingURL=account.css.map */