#hero {
  margin-bottom: 0 !important; }
  @media (max-width: 991px) {
    #hero {
      background-size: cover !important; } }
  #hero .btn.classic {
    display: none; }
    @media (max-width: 576px) {
      #hero .btn.classic {
        display: inline-flex; } }

#five-blocks .wrapper {
  border: 1px solid #262626;
  border-radius: 22px;
  padding: 64px; }
  #five-blocks .wrapper .title {
    font-size: clamp(16px, 4vw, 21px) !important; }
#five-blocks .blocks {
  margin-top: 20px;
  display: inline-flex;
  gap: 12px;
  width: 100%; }
  @media (max-width: 1200px) {
    #five-blocks .blocks {
      flex-wrap: wrap; } }
  #five-blocks .blocks .block {
    display: inline-flex;
    border: 1px solid #262626;
    border-radius: 22px;
    padding: 12px;
    width: 100%;
    flex-direction: row;
    justify-content: center; }
    @media (min-width: 1400px) {
      #five-blocks .blocks .block {
        text-wrap: nowrap; } }

@media (max-width: 991px) {
  #designed .lrg {
    text-align: center; } }
#designed .features {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px; }
  @media (max-width: 991px) {
    #designed .features {
      gap: 16px 0; } }
#designed .card {
  grid-column: span 2;
  border: 1px solid #262626;
  border-radius: 22px;
  background: #060606;
  padding: 32px 28px; }
  @media (max-width: 991px) {
    #designed .card {
      text-align: center;
      padding: 28px; } }
  #designed .card:hover {
    background: #007FFF; }
    #designed .card:hover .icon {
      background: #fff; }
      #designed .card:hover .icon img {
        filter: brightness(0) saturate(100%) invert(36%) sepia(92%) saturate(4017%) hue-rotate(200deg) brightness(106%) contrast(105%); }
  #designed .card .title {
    font-size: clamp(14px, 3vw, 16px) !important; }
  #designed .card .icon {
    padding: 6px 8px;
    border-radius: 6px;
    background: #1C1C1C;
    width: fit-content;
    margin-bottom: 38px; }
    @media (max-width: 991px) {
      #designed .card .icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 14px; } }
    #designed .card .icon img {
      min-width: 20px;
      filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); }
#designed .card:nth-child(4),
#designed .card:nth-child(5) {
  grid-column: span 3; }
  @media (max-width: 991px) {
    #designed .card:nth-child(4),
    #designed .card:nth-child(5) {
      padding: 32px; } }
@media (max-width: 991px) {
  #designed .features {
    grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 576px) {
  #designed .features {
    grid-template-columns: 1fr; } }

#pricing .wrapper {
  border: 1px solid #262626;
  border-radius: 22px;
  margin: 0;
  padding: 114px 168px;
  margin-top: 40px; }
  @media (max-width: 1400px) {
    #pricing .wrapper {
      padding: 50px; } }
  @media (max-width: 576px) {
    #pricing .wrapper {
      padding: 0px;
      border: 0; } }
#pricing .columns {
  display: flex;
  flex-direction: column; }
  #pricing .columns .column {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 80px;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid #1C1C1C; }
    @media (max-width: 576px) {
      #pricing .columns .column {
        gap: 20px; } }
    #pricing .columns .column:last-child {
      padding-bottom: 0px;
      margin-bottom: 0px;
      border-bottom: 0px solid #1C1C1C; }
      @media (max-width: 991px) {
        #pricing .columns .column:last-child {
          border-bottom: 1px solid #1C1C1C;
          padding-bottom: 40px;
          margin-bottom: 40px; } }
    #pricing .columns .column .title {
      font-size: clamp(16px, 4vw, 21px) !important;
      min-width: 150px;
      min-height: 63px;
      display: flex;
      align-content: center;
      align-items: center; }
    #pricing .columns .column .text {
      color: #7F7F7F;
      max-width: 214px; }

#access .wrapper {
  border: 1px solid #262626;
  border-radius: 22px;
  margin: 0;
  padding: 130px 201px;
  margin-top: 40px; }
  @media (max-width: 1400px) {
    #access .wrapper {
      padding: 100px; } }
  @media (max-width: 991px) {
    #access .wrapper {
      padding: 14px; } }
#access .blocks {
  display: inline-flex;
  justify-content: center; }
  @media (max-width: 768px) {
    #access .blocks {
      flex-direction: column;
      padding: 0; } }
  #access .blocks .block {
    border: 1px solid #262626;
    border-radius: 22px;
    min-width: 444px;
    padding: 80px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 6px; }
    @media (max-width: 1400px) {
      #access .blocks .block {
        min-width: 50%; } }
    @media (max-width: 991px) {
      #access .blocks .block {
        padding: 44px 24px; } }
    @media (max-width: 768px) {
      #access .blocks .block {
        margin: 6px 0; } }
    #access .blocks .block:hover {
      background: #007FFF; }
      #access .blocks .block:hover .text {
        color: #fff; }
    #access .blocks .block .title {
      font-size: clamp(16px, 4vw, 21px) !important;
      margin-bottom: 16px; }
    #access .blocks .block .text {
      color: #7F7F7F;
      text-align: center; }

#leverage .blocks {
  display: inline-flex;
  width: 100%;
  justify-content: space-around;
  margin-top: 40px; }
  @media (max-width: 576px) {
    #leverage .blocks {
      flex-direction: column;
      margin-top: 20px; } }
  #leverage .blocks .block {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media (max-width: 576px) {
      #leverage .blocks .block {
        margin-bottom: 30px; }
        #leverage .blocks .block:last-child {
          margin-bottom: 0; } }
    #leverage .blocks .block .title {
      font-size: clamp(32px, 4vw, 40px); }
    #leverage .blocks .block p {
      color: #7F7F7F; }

#edge .row {
  margin: 0;
  border: 1px solid #262626;
  border-radius: 22px;
  padding: 104px 50px; }
  @media (max-width: 567px) {
    #edge .row {
      padding: 14px 0px; } }
  #edge .row h2 {
    max-width: 557px;
    margin-left: auto;
    margin-right: auto; }
  #edge .row .lrg p {
    color: #7F7F7F; }
  #edge .row .blocks {
    display: inline-flex;
    gap: 12px; }
    @media (max-width: 991px) {
      #edge .row .blocks {
        flex-direction: column; } }
    #edge .row .blocks .block {
      border: 1px solid #262626;
      border-radius: 22px;
      display: flex;
      align-items: center;
      padding: 20px 60px;
      flex-direction: column;
      width: 100%;
      max-width: 400px; }
      #edge .row .blocks .block .icon {
        margin-bottom: 16px;
        padding: 10px 12px;
        border-radius: 6px;
        background: #1C1C1C;
        width: fit-content; }
        #edge .row .blocks .block .icon img {
          width: 24px; }
      #edge .row .blocks .block .title {
        font-size: 20px;
        margin-bottom: 8px; }
      #edge .row .blocks .block .text {
        min-width: 300px; }
        @media (max-width: 567px) {
          #edge .row .blocks .block .text {
            min-width: fit-content; } }
        #edge .row .blocks .block .text p {
          color: #7F7F7F; }
  #edge .row .bottom-text {
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px; }
    #edge .row .bottom-text p {
      font-size: 14px; }

#access-institutional .lrg, #access-institutional h2 {
  max-width: 430px; }
  @media (max-width: 991px) {
    #access-institutional .lrg, #access-institutional h2 {
      text-align: center;
      margin-left: auto;
      margin-right: auto; } }
#access-institutional .blocks {
  border: 1px solid #262626;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 85px; }
  @media (max-width: 991px) {
    #access-institutional .blocks {
      padding: 40px 10px;
      background-position: center -190px !important; } }
  @media (max-width: 991px) {
    #access-institutional .blocks:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0.45) 90%);
      pointer-events: none; } }
  #access-institutional .blocks > div {
    padding: 0; }
  #access-institutional .blocks .text {
    z-index: 1; }
    @media (max-width: 991px) {
      #access-institutional .blocks .text {
        padding: 0 24px; } }
  #access-institutional .blocks .button {
    width: 100%; }
    @media (max-width: 991px) {
      #access-institutional .blocks .button {
        text-align: center; } }
  #access-institutional .blocks .btn {
    background: #007FFF26; }
    #access-institutional .blocks .btn:hover {
      background: #007FFF; }

.popup-overlay {
  position: fixed;
  inset: 0;
  background: #007fff8a;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease, visibility .3s ease; }
  .popup-overlay.active {
    opacity: 1;
    visibility: visible; }
  .popup-overlay form {
    width: 100%; }
    .popup-overlay form ::placeholder {
      color: #E2E2E2 !important;
      opacity: 0.3;
      font-size: clamp(14px, 3vw, 16px);
      font-weight: 400; }
    .popup-overlay form label {
      font-size: 14px;
      color: #A0A0A0;
      display: flex;
      flex-direction: column; }
      .popup-overlay form label input, .popup-overlay form label textarea {
        margin: 8px 0 32px 0;
        background: #1C1C1C;
        color: #fff;
        border-radius: 10px;
        width: 100%;
        border: 0;
        padding: 8px 12px; }
      .popup-overlay form label input {
        height: 40px; }
    .popup-overlay form #submit {
      color: #fff;
      background: #007FFF;
      border-radius: 20px; }
  .popup-overlay .form-response {
    color: red; }

.popup-box {
  background: #000;
  padding: 30px;
  max-width: 500px;
  width: 100%;
  border-radius: 12px;
  position: relative;
  transform: scale(0.8);
  opacity: 0;
  transition: all .3s ease; }

.popup-overlay.active .popup-box {
  transform: scale(1);
  opacity: 1; }

.popup-overlay.closing .popup-box {
  transform: scale(0.8);
  opacity: 0; }

.popup-close {
  position: absolute;
  right: 15px;
  top: 10px;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #007FFF; }

html[dir="rtl"] #access-institutional .row {
  transform: scaleX(-1);
  display: flex;
  flex-direction: row-reverse; }
  html[dir="rtl"] #access-institutional .row .mblock {
    transform: scaleX(-1); }

html[lang="es-ES"] #access-institutional .lrg, html[lang="es-ES"] #access-institutional h2 {
  max-width: 439px; }

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