/* Colors */
/* Gradients */
/* Shadows */
/* Spacing */
/* Border radius */
/* Fonts */
/* Font size map */
/* Weight map */
/* Breakpoints map */
/* Placeholders */
.table-block, .qa, .advantages .container, .our_services, .our_values .content, .informatica-balear .container, .our-partners .content, .gallery-section, .ct-section-template.is-normal, .cta-block, .legal-page, .contact-page, .article-blog, .last-news, .blog-hero .slogan-container, .service-hero .slogan-container, .hero .overlay .slogan-container, .trending-news, footer .container, .navbar .nav-container {
  width: 80%;
  max-width: 1382px;
  margin: 0 auto; }
  @media (max-width: 648px) {
    .table-block, .qa, .advantages .container, .our_services, .our_values .content, .informatica-balear .container, .our-partners .content, .gallery-section, .ct-section-template.is-normal, .cta-block, .legal-page, .contact-page, .article-blog, .last-news, .blog-hero .slogan-container, .service-hero .slogan-container, .hero .overlay .slogan-container, .trending-news, footer .container, .navbar .nav-container {
      width: 90%; } }
.ct-section-template.is-header {
  width: 90%;
  max-width: 1728px;
  margin: 0;
  margin-left: auto; }
  @media (min-width: 1728px) {
    .ct-section-template.is-header {
      max-width: 100%;
      width: calc(100vw - (((100vw - 1382px) / 2))); } }
  @media (max-width: 648px) {
    .ct-section-template.is-header {
      width: 95%; } }
.ct-section-template, .contact-page .contact {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 2rem; }

*, *::after, *::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

a {
  text-decoration: none;
  color: inherit; }

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none; }

button {
  border: none;
  outline: none;
  background-color: transparent; }

img {
  width: 100%; }

input, textarea {
  background-color: transparent;
  width: 100%;
  outline: none; }

@font-face {
  font-family: "Chillax";
  src: url(/static/fonts/Chillax-Semibold.61d5bc776ce8.ttf?c124954cfd3e) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Black.b9ca03e97424.ttf?c124954cfd3e) format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-BlackItalic.da2cf9d18583.ttf?c124954cfd3e) format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-ExtraBold.1497e6fee4dd.ttf?c124954cfd3e) format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-ExtraBoldItalic.f201991f01e3.ttf?c124954cfd3e) format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-SemiBold.6e7bd3eacb1d.ttf?c124954cfd3e) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-SemiBoldItalic.9d08190268d0.ttf?c124954cfd3e) format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Bold.354dc625a35b.ttf?c124954cfd3e) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-BoldItalic.8d0891d87825.ttf?c124954cfd3e) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Medium.ee130b491bf1.ttf?c124954cfd3e) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-MediumItalic.aaba9a9046de.ttf?c124954cfd3e) format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Regular.38712903602f.ttf?c124954cfd3e) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Italic.5128267cb132.ttf?c124954cfd3e) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Light.e1d9d4d7fc9f.ttf?c124954cfd3e) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-LightItalic.ce37c59e8bd8.ttf?c124954cfd3e) format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-ExtraLight.432be4a65a34.ttf?c124954cfd3e) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-ExtraLightItalic.5f562375fc1e.ttf?c124954cfd3e) format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-Thin.a6cfec0cb3e9.ttf?c124954cfd3e) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: "Montserrat";
  src: url(/static/fonts/Montserrat-ThinItalic.da63f6debbd6.ttf?c124954cfd3e) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap; }

html {
  background-color: #F9F9F9;
  color: #000000;
  font-family: "Montserrat", sans-serif; }

*::selection {
  background-color: #c42018;
  color: #FFFFFF; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Chillax", sans-serif; }
  h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #DB241B; }

h1.dot::after {
  content: ".";
  color: #DB241B; }

h2 {
  font-size: clamp(2.25rem, calc(-0.875rem + 6.333vw), 3.625rem);
  line-height: 110%;
  letter-spacing: -1.68px;
  margin-bottom: 1rem; }
  h2.dot::after {
    content: ".";
    color: #DB241B; }

p {
  color: #585252;
  line-height: 150%;
  margin-bottom: 1rem; }

p.overline {
  font-size: clamp(1rem, calc(-0.875rem + 4.333vw), 1.25rem);
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  color: #DB241B;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 1.25rem; }
  p.overline.light {
    color: #FFFFFF; }
  @media (max-width: 648px) {
    p.overline {
      margin-bottom: 1rem; } }
a.view-more {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  align-items: center;
  font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.125rem);
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  color: #DB241B; }
  @media (max-width: 648px) {
    a.view-more {
      margin-right: 1rem; } }
  a.view-more::after {
    content: url(/static/svg/icon-arrow-red.84b04f284446.svg?c124954cfd3e);
    transform: translate(0.8rem, 3px);
    transition: 0.2s; }
  a.view-more:hover::after {
    transform: translate(1.2rem, 3px);
    transition: 0.2s; }

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 101px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  filter: drop-shadow(8px 4px 8px rgba(30, 30, 47, 0.1)); }
  @media (max-width: 648px) {
    .navbar {
      height: 80px; } }
  .navbar .nav-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 3rem; }
    @media (max-width: 648px) {
      .navbar .nav-container {
        gap: 1rem; } }
    .navbar .nav-container .nav-logo {
      width: 100%;
      max-width: 365px;
      margin-left: -1.5rem; }
      @media (max-width: 648px) {
        .navbar .nav-container .nav-logo {
          width: 90%;
          margin-left: -1rem; } }
    .navbar .nav-container .menu-button {
      display: none;
      max-width: 48px;
      max-height: 48px; }
      @media (max-width: 1024px) {
        .navbar .nav-container .menu-button {
          display: block;
          transition: 0.2s; } }
      .navbar .nav-container .menu-button path {
        transition: 0.2s; }
      .navbar .nav-container .menu-button.xmark path {
        transition: 0.2s; }
        .navbar .nav-container .menu-button.xmark path:first-child {
          transform-origin: bottom left;
          transform: rotate(-45deg) translateX(10px) translateY(12px); }
        .navbar .nav-container .menu-button.xmark path:last-child {
          transform-origin: top left;
          transform: rotate(45deg) translateX(10px) translateY(-12px); }
        .navbar .nav-container .menu-button.xmark path:nth-child(2) {
          transform-origin: center center;
          transform: translateX(10px);
          opacity: 0; }
    .navbar .nav-container .nav-items {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-around;
      align-items: center;
      gap: 2rem; }
      @media (max-width: 1024px) {
        .navbar .nav-container .nav-items {
          position: absolute;
          left: 0;
          right: 0;
          top: 100px;
          background-color: #FFFFFF;
          display: flex;
          flex-flow: column wrap;
          justify-content: flex-start;
          align-items: flex-start;
          padding: 3rem 0;
          height: calc(100dvh - 101px);
          height: calc(100vh - 101px); } }
      @media (max-width: 648px) {
        .navbar .nav-container .nav-items {
          top: 79px;
          -webkit-height: calc(100dvh - 80px);
          height: calc(100vh - 80px); } }
      @media (max-width: 1024px) {
        .navbar .nav-container .nav-items li {
          width: 80%;
          margin: 1rem auto; } }
      @media (max-width: 648px) {
        .navbar .nav-container .nav-items li {
          margin: 0 auto; } }
      .navbar .nav-container .nav-items li a {
        font-size: clamp(1rem, calc(-0.875rem + 2.333vw), 1.25rem);
        font-weight: 500;
        position: relative;
        word-wrap: none;
        white-space: preserve nowrap; }
        @media (max-width: 1024px) {
          .navbar .nav-container .nav-items li a {
            font-size: clamp(1rem, calc(-0.875rem + 8.333vw), 1.25rem); } }
        .navbar .nav-container .nav-items li a::after {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%) translateY(20px);
          width: 0;
          height: 0;
          background-color: #DB241B;
          border-radius: 100px;
          transition: 0.2s; }
        .navbar .nav-container .nav-items li a:hover::after {
          transform: translateX(-50%) translateY(10px);
          width: 8px;
          height: 8px; }
        .navbar .nav-container .nav-items li a.active::after {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 0;
          transform: translateX(-50%) translateY(10px);
          width: 1.5rem;
          height: 6px;
          background-color: #DB241B;
          border-radius: 100px;
          transition: 0.2s; }

footer {
  background-color: #585252;
  color: #FFFFFF; }
  footer p {
    color: #FFFFFF;
    margin-bottom: 0; }
  footer .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 1024px) {
      footer .container {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: stretch; } }
    footer .container.top {
      padding: 4.5rem 0; }
      @media (max-width: 1024px) {
        footer .container.top {
          padding: 2.5rem 0 3.5rem; } }
      @media (max-width: 648px) {
        footer .container.top {
          padding: 1rem 0 2rem; } }
      footer .container.top .ib {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-start;
        width: 45%; }
        @media (max-width: 1024px) {
          footer .container.top .ib {
            width: 100%;
            margin-bottom: 3rem; } }
        footer .container.top .ib .logo > * {
          width: 100%;
          max-width: 480px;
          transform: translateX(-1rem); }
        footer .container.top .ib p {
          font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.25rem);
          max-width: 447px;
          margin: 0.625rem 0 1.875rem; }
          @media (max-width: 1024px) {
            footer .container.top .ib p {
              width: 80%;
              max-width: none; } }
          @media (max-width: 648px) {
            footer .container.top .ib p {
              margin: -0.5rem 0 1.875rem; } }
        footer .container.top .ib .linkedin > svg {
          fill: #FFFFFF;
          max-width: 32px;
          transition: 0.2s; }
        footer .container.top .ib .linkedin:hover > svg {
          transform: scale(1.2);
          transition: 0.2s; }
        @media (max-width: 1024px) {
          footer .container.top .ib .linkedin {
            align-self: flex-end;
            margin-top: -4.2rem; } }
      footer .container.top .options {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        width: 50%; }
        @media (max-width: 1024px) {
          footer .container.top .options {
            width: 100%; } }
        @media (max-width: 648px) {
          footer .container.top .options {
            display: flex;
            flex-flow: column wrap;
            justify-content: center;
            align-items: flex-start;
            gap: 2rem; } }
        footer .container.top .options .who-we-are, footer .container.top .options .what-we-do {
          width: 40%; }
          @media (max-width: 648px) {
            footer .container.top .options .who-we-are, footer .container.top .options .what-we-do {
              width: 100%; } }
          footer .container.top .options .who-we-are li, footer .container.top .options .what-we-do li {
            margin-bottom: 1.3125rem; }
            footer .container.top .options .who-we-are li.title, footer .container.top .options .what-we-do li.title {
              font-size: clamp(1.25rem, calc(-0.875rem + 8.333vw), 1.5rem);
              font-family: "Chillax", sans-serif;
              margin-bottom: 1.1875rem;
              white-space: pre;
              position: relative; }
              @media (max-width: 648px) {
                footer .container.top .options .who-we-are li.title::after, footer .container.top .options .what-we-do li.title::after {
                  content: url(/static/svg/icon-dropdown-footer.2b570f64cb9a.svg?c124954cfd3e);
                  position: absolute;
                  right: 0;
                  transition: 0.3s; }
                footer .container.top .options .who-we-are li.title.open::after, footer .container.top .options .what-we-do li.title.open::after {
                  transform: rotate(90deg);
                  transition: 0.3s; } }
            footer .container.top .options .who-we-are li a, footer .container.top .options .what-we-do li a {
              font-size: clamp(1rem, calc(-0.875rem + 8.333vw), 1.125rem);
              position: relative;
              font-weight: 600; }
              footer .container.top .options .who-we-are li a::before, footer .container.top .options .what-we-do li a::before {
                content: '';
                position: absolute;
                bottom: -0.25rem;
                left: auto;
                right: 0;
                width: 0;
                height: 2px;
                background-color: #FFFFFF;
                transition: 0.3s; }
              footer .container.top .options .who-we-are li a:hover::before, footer .container.top .options .what-we-do li a:hover::before {
                width: 100%;
                left: 0;
                right: auto;
                transition: 0.3s; }
    footer .container.bottom {
      padding: 2.5rem 0; }
      footer .container.bottom .axyor {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start;
        align-items: flex-end;
        font-size: clamp(1rem, calc(-0.875rem + 2.333vw), 1.125rem);
        font-weight: 600;
        gap: 0.8rem; }
        @media (max-width: 1024px) {
          footer .container.bottom .axyor {
            margin-bottom: 2rem;
            gap: 0.5rem;
            align-self: flex-start; } }
        @media (max-width: 648px) {
          footer .container.bottom .axyor {
            gap: 0.5rem; } }
        footer .container.bottom .axyor svg {
          max-width: 24px;
          fill: #FFFFFF;
          transition: 0.2s;
          margin-bottom: 0.1rem; }
          @media (max-width: 648px) {
            footer .container.bottom .axyor svg {
              max-width: 20px; } }
        footer .container.bottom .axyor:hover svg {
          fill: #157ED4;
          transition: 0.2s; }
      footer .container.bottom .legal {
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-end;
        align-items: center;
        gap: 0.8rem; }
        @media (max-width: 1024px) {
          footer .container.bottom .legal {
            display: flex;
            flex-flow: column wrap;
            justify-content: center;
            align-items: flex-end;
            margin-top: -3.1rem; } }
        @media (max-width: 370px) {
          footer .container.bottom .legal {
            margin-top: 0; } }
        footer .container.bottom .legal a {
          position: relative;
          font-size: clamp(1rem, calc(-0.875rem + 2.333vw), 1.125rem);
          font-weight: 600; }
          footer .container.bottom .legal a::before {
            content: '';
            position: absolute;
            bottom: -0.25rem;
            left: auto;
            right: 0;
            width: 0;
            height: 2px;
            background-color: #FFFFFF;
            transition: 0.3s; }
          footer .container.bottom .legal a:hover::before {
            width: 100%;
            left: 0;
            right: auto;
            transition: 0.3s; }
        footer .container.bottom .legal .divider {
          width: 20px;
          height: 1px;
          background-color: #FFFFFF; }
          @media (max-width: 1024px) {
            footer .container.bottom .legal .divider {
              display: none; } }
        footer .container.bottom .legal p {
          font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 1rem); }
          footer .container.bottom .legal p.small {
            display: none; }
          @media (max-width: 1024px) {
            footer .container.bottom .legal p.desktop {
              display: none; }
            footer .container.bottom .legal p.small {
              display: block; } }
  footer > .divider {
    width: 100%;
    height: 2px;
    background-color: #FFFFFF; }

.trending-news {
  margin-bottom: 7.5rem; }
  @media (max-width: 1024px) {
    .trending-news {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .trending-news {
      margin-bottom: 3.75rem; } }
  .trending-news > .title {
    max-width: 1030px;
    margin-bottom: 3.75rem; }
    @media (max-width: 648px) {
      .trending-news > .title {
        margin-bottom: 2.5rem; } }
  .trending-news .recent-articles-preview {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 3rem; }
    @media (max-width: 1920px) {
      .trending-news .recent-articles-preview {
        gap: 2.3vw; } }
    @media (max-width: 1200px) {
      .trending-news .recent-articles-preview {
        gap: 1rem; } }
    @media (max-width: 648px) {
      .trending-news .recent-articles-preview {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center; } }
    .trending-news .recent-articles-preview .article-preview:not(:first-child) {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: flex-start;
      gap: 1rem;
      max-width: 440px;
      width: 31%; }
      @media (max-width: 1200px) {
        .trending-news .recent-articles-preview .article-preview:not(:first-child) {
          width: 48%; } }
      @media (max-width: 1024px) {
        .trending-news .recent-articles-preview .article-preview:not(:first-child) {
          width: 47%; } }
      @media (max-width: 648px) {
        .trending-news .recent-articles-preview .article-preview:not(:first-child) {
          max-width: none;
          width: 100%; } }
    .trending-news .recent-articles-preview .article-preview div.content {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: flex-start;
      gap: 1rem; }
    .trending-news .recent-articles-preview .article-preview .img {
      aspect-ratio: 1.35 / 1;
      width: 100%;
      overflow: hidden;
      border-radius: 28px; }
      .trending-news .recent-articles-preview .article-preview .img img {
        aspect-ratio: 1.35 / 1;
        height: auto;
        max-height: 328px;
        object-fit: cover;
        border-radius: 28px;
        transition: 0.2s; }
        @media (max-width: 648px) {
          .trending-news .recent-articles-preview .article-preview .img img {
            max-height: 425px; } }
    .trending-news .recent-articles-preview .article-preview .middle {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center; }
      .trending-news .recent-articles-preview .article-preview .middle > p {
        margin-bottom: 0; }
      .trending-news .recent-articles-preview .article-preview .middle .category {
        font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 0.875rem);
        background-color: #DB241B;
        padding: 0.2rem 0.6rem;
        border-radius: 100px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 600; }
      .trending-news .recent-articles-preview .article-preview .middle .meta {
        font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 0.875rem);
        color: #585252; }
    .trending-news .recent-articles-preview .article-preview .title {
      font-size: clamp(1.5rem, calc(-0.875rem + 2.333vw), 1.625rem);
      font-weight: 700;
      color: #000000;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-clamp: 3;
      overflow: hidden;
      transition: 0.2s; }
    .trending-news .recent-articles-preview .article-preview .intro {
      color: red;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-clamp: 2; }
    .trending-news .recent-articles-preview .article-preview:hover img {
      transform: scale(1.05);
      transition: 0.2s; }
    .trending-news .recent-articles-preview .article-preview:hover .title {
      color: #DB241B;
      transition: 0.2s; }
    .trending-news .recent-articles-preview .article-preview:first-child {
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 3rem;
      max-width: none;
      width: 100%; }
      @media (max-width: 1200px) {
        .trending-news .recent-articles-preview .article-preview:first-child {
          display: flex;
          flex-flow: column wrap;
          justify-content: center;
          align-items: flex-start;
          gap: 1rem;
          width: 48%;
          max-width: 440px; } }
      @media (max-width: 1024px) {
        .trending-news .recent-articles-preview .article-preview:first-child {
          width: 47%; } }
      @media (max-width: 648px) {
        .trending-news .recent-articles-preview .article-preview:first-child {
          max-width: none;
          width: 100%; } }
      .trending-news .recent-articles-preview .article-preview:first-child div.content {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 1rem;
        width: 60%; }
        @media (max-width: 1200px) {
          .trending-news .recent-articles-preview .article-preview:first-child div.content {
            width: 100%; } }
      .trending-news .recent-articles-preview .article-preview:first-child .img {
        aspect-ratio: 1.52 / 1;
        width: 100%;
        max-width: 654px;
        overflow: hidden;
        border-radius: 28px; }
        .trending-news .recent-articles-preview .article-preview:first-child .img img {
          aspect-ratio: 1.52 / 1;
          height: auto;
          max-height: 430px;
          object-fit: cover;
          border-radius: 28px;
          transition: 0.2s; }
        @media (max-width: 1200px) {
          .trending-news .recent-articles-preview .article-preview:first-child .img {
            aspect-ratio: 1.35 / 1; }
            .trending-news .recent-articles-preview .article-preview:first-child .img img {
              aspect-ratio: 1.35 / 1;
              max-height: 328px; } }
        @media (max-width: 648px) {
          .trending-news .recent-articles-preview .article-preview:first-child .img img {
            max-height: 425px; } }
      .trending-news .recent-articles-preview .article-preview:first-child .title {
        font-size: clamp(1.5rem, calc(-0.875rem + 3.333vw), 3rem);
        line-height: 125%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        line-clamp: 6;
        overflow: hidden; }
        @media (max-width: 1200px) {
          .trending-news .recent-articles-preview .article-preview:first-child .title {
            -webkit-line-clamp: 3; } }
/* Page styles */
.hero {
  position: relative;
  min-height: 400px;
  height: calc(100vh - 101px);
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  margin-top: 101px; }
  @media (max-width: 1024px) {
    .hero {
      min-height: 0;
      max-height: 500px; } }
  @media (max-width: 648px) {
    .hero {
      margin-top: 80px;
      height: calc(100dvh - 80px);
      height: calc(100vh - 80px); } }
  .hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block; }
  .hero .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 100px);
    background-image: linear-gradient(270deg, rgba(35, 1, 2, 0) 0%, #230102 100%); }
    @media (max-width: 1024px) {
      .hero .overlay {
        max-height: 500px; } }
    .hero .overlay .slogan-container {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
      height: calc(100vh - 100px); }
      @media (max-width: 1024px) {
        .hero .overlay .slogan-container {
          max-height: 500px; } }
      .hero .overlay .slogan-container .slogan {
        font-size: clamp(3rem, calc(-0.875rem + 8.333vw), 6rem);
        font-weight: 600;
        max-width: 789px;
        color: #FFFFFF; }

.service-hero {
  position: relative;
  min-height: 400px;
  height: 580px;
  width: 100%;
  overflow: hidden;
  margin-top: 101px;
  margin-bottom: 7.5rem;
  background-image: url(/static/images/servicios-ib-banner.5a7ae804e5f4.png?c124954cfd3e);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  background-color: #000000; }
  @media (max-width: 1024px) {
    .service-hero {
      min-height: 0;
      max-height: 400px;
      height: auto;
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .service-hero {
      max-height: 200px;
      margin-top: 80px;
      margin-bottom: 3.75rem; } }
  .service-hero .slogan-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    height: 580px; }
    @media (max-width: 1024px) {
      .service-hero .slogan-container {
        height: 400px; } }
    @media (max-width: 648px) {
      .service-hero .slogan-container {
        height: 200px; } }
    .service-hero .slogan-container h1 {
      font-size: clamp(2rem, calc(-0.875rem + 8.333vw), 4rem);
      font-weight: 600;
      max-width: 680px;
      color: #FFFFFF; }

.service-content {
  margin-top: 200px; }
  @media (max-width: 1024px) {
    .service-content {
      margin-top: calc(101px + 70px); } }
  @media (max-width: 648px) {
    .service-content {
      margin-top: calc(80px + 40px); } }
.about-content {
  margin-top: calc(101px + 99px); }
  @media (max-width: 1024px) {
    .about-content {
      margin-top: calc(101px + 70px); } }
  @media (max-width: 648px) {
    .about-content {
      margin-top: calc(80px + 40px); } }
.blog-hero {
  position: relative;
  min-height: 400px;
  height: 580px;
  width: 100%;
  overflow: hidden;
  margin-top: 101px;
  margin-bottom: 7.5rem;
  background-image: url(/static/images/blog-ib-banner.e7384be2db5d.png?c124954cfd3e);
  background-repeat: no-repeat;
  background-position: center right;
  background-color: #000000; }
  @media (max-width: 1024px) {
    .blog-hero {
      min-height: 0;
      max-height: 400px;
      height: auto;
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .blog-hero {
      max-height: 200px;
      margin-top: 80px;
      margin-bottom: 3.75rem; } }
  .blog-hero .slogan-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    height: 580px; }
    @media (max-width: 1024px) {
      .blog-hero .slogan-container {
        height: 400px; } }
    @media (max-width: 648px) {
      .blog-hero .slogan-container {
        height: 200px; } }
    .blog-hero .slogan-container h1 {
      font-size: clamp(2rem, calc(-0.875rem + 8.333vw), 4rem);
      font-weight: 600;
      max-width: 680px;
      color: #FFFFFF; }

.last-news {
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .last-news {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .last-news {
      margin-bottom: 3.75rem; } }
  .last-news > .title {
    max-width: 1115px;
    margin-bottom: 3.75rem; }
    @media (max-width: 648px) {
      .last-news > .title {
        margin-bottom: 1.875rem; } }
  .last-news .search-section form {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 3rem; }
    @media (max-width: 648px) {
      .last-news .search-section form {
        gap: 0.5rem;
        margin-bottom: 1.875rem; } }
    .last-news .search-section form .searchbar {
      position: relative;
      width: 100%; }
      .last-news .search-section form .searchbar svg {
        position: absolute;
        top: 50%;
        left: 22px;
        transform: translateY(-50%); }
        @media (max-width: 940px) {
          .last-news .search-section form .searchbar svg {
            display: none; } }
    .last-news .search-section form input {
      border: none;
      border-radius: 10px;
      background-color: #FFFFFF;
      filter: drop-shadow(4px 4px 8px rgba(30, 30, 47, 0.1));
      font-size: clamp(1.25rem, calc(-0.875rem + 2.333vw), 1.25rem);
      font-family: "Montserrat", sans-serif;
      color: #585252;
      padding: 1.3rem 1.3rem 1.3rem 5rem; }
      @media (max-width: 940px) {
        .last-news .search-section form input {
          padding: 1.3rem; } }
      @media (max-width: 648px) {
        .last-news .search-section form input {
          padding: 1rem 1.3rem; } }
      .last-news .search-section form input::placeholder {
        color: #AAA; }
    .last-news .search-section form .btn-small {
      display: none; }
      @media (max-width: 648px) {
        .last-news .search-section form .btn-small {
          display: block;
          background-color: #DB241B;
          padding: 0.875rem 1rem;
          border-radius: 10px;
          filter: drop-shadow(4px 4px 8px rgba(42, 2, 2, 0.2));
          transition: 0.2s; }
          .last-news .search-section form .btn-small:hover {
            transform: scale(1.05);
            transition: 0.2s; } }
    @media (max-width: 648px) {
      .last-news .search-section form button:not(.btn-small) {
        display: none; } }
  .last-news .categories {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    margin-bottom: 3.75rem; }
    @media (max-width: 1024px) {
      .last-news .categories {
        gap: 0.8rem; } }
    @media (max-width: 648px) {
      .last-news .categories {
        gap: 0.6rem;
        margin-bottom: 2.5rem; } }
    .last-news .categories .category {
      font-size: clamp(1rem, calc(-0.875rem + 5.333vw), 1.25rem);
      font-weight: 700;
      color: #000000;
      padding: 1rem 1.875rem;
      border: 2px solid #000000;
      border-radius: 100px;
      cursor: pointer;
      transition: 0.2s; }
      @media (max-width: 648px) {
        .last-news .categories .category {
          padding: 0.875rem 1.25rem; } }
      .last-news .categories .category:hover {
        border-color: #DB241B;
        color: #DB241B; }
      .last-news .categories .category:active, .last-news .categories .category.active {
        background-color: #DB241B;
        border-color: #DB241B;
        color: #FFFFFF; }
  .last-news .articles-preview {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 3rem; }
    @media (max-width: 1920px) {
      .last-news .articles-preview {
        gap: 2.3vw; } }
    .last-news .articles-preview .article-preview {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: flex-start;
      gap: 1rem;
      max-width: 440px;
      width: 31%; }
      @media (max-width: 1200px) {
        .last-news .articles-preview .article-preview {
          width: 48%; } }
      @media (max-width: 1024px) {
        .last-news .articles-preview .article-preview {
          width: 47%; } }
      @media (max-width: 648px) {
        .last-news .articles-preview .article-preview {
          max-width: none;
          width: 100%; } }
      .last-news .articles-preview .article-preview .img {
        aspect-ratio: 1.35 / 1;
        width: 100%;
        overflow: hidden;
        border-radius: 28px; }
        .last-news .articles-preview .article-preview .img img {
          aspect-ratio: 1.35 / 1;
          height: auto;
          max-height: 328px;
          object-fit: cover;
          border-radius: 28px;
          transition: 0.2s; }
          @media (max-width: 648px) {
            .last-news .articles-preview .article-preview .img img {
              max-height: 425px; } }
      .last-news .articles-preview .article-preview .middle {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center; }
        .last-news .articles-preview .article-preview .middle > p {
          margin-bottom: 0; }
        .last-news .articles-preview .article-preview .middle .category {
          font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 0.875rem);
          background-color: #DB241B;
          padding: 0.2rem 0.6rem;
          border-radius: 100px;
          color: #FFFFFF;
          text-transform: uppercase;
          font-weight: 600; }
        .last-news .articles-preview .article-preview .middle .meta {
          font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 0.875rem);
          color: #585252; }
      .last-news .articles-preview .article-preview .title {
        font-size: clamp(1.5rem, calc(-0.875rem + 2.333vw), 1.625rem);
        font-weight: 700;
        color: #000000;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: 0.2s; }
      .last-news .articles-preview .article-preview:hover img {
        transform: scale(1.05);
        transition: 0.2s; }
      .last-news .articles-preview .article-preview:hover .title {
        color: #DB241B;
        transition: 0.2s; }

.pagination {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  max-width: 600px;
  margin: 5rem auto 0; }
  @media (max-width: 648px) {
    .pagination {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: flex-start;
      gap: 1rem; } }
  .pagination .page-numbers {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    gap: 1.25rem; }
    @media (max-width: 648px) {
      .pagination .page-numbers {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center;
        gap: 0.675rem; } }
  .pagination .page-item {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #585252;
    border-radius: 100px;
    filter: drop-shadow(4px 4px 8px rgba(42, 2, 2, 0.2));
    transition: 0.2s; }
    @media (max-width: 648px) {
      .pagination .page-item {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px; } }
    .pagination .page-item span {
      font-size: clamp(1.5rem, calc(-0.875rem + 2.333vw), 1.5rem);
      font-weight: 700;
      color: #FFFFFF; }
    .pagination .page-item .prev {
      transform: rotate(180deg) translateX(1px); }
    .pagination .page-item .next {
      transform: translateX(1px); }
    .pagination .page-item:hover {
      transform: scale(1.06);
      transition: 0.2s; }
    .pagination .page-item.active {
      background-color: #DB241B; }
      .pagination .page-item.active:hover {
        transform: scale(1); }
    .pagination .page-item.disabled {
      opacity: 50%;
      pointer-events: none; }
      .pagination .page-item.disabled:hover {
        transform: scale(1); }

.article-blog {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 3rem;
  margin-top: calc(101px + 60px); }
  @media (max-width: 1200px) {
    .article-blog {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: center;
      gap: 0; } }
  @media (max-width: 648px) {
    .article-blog {
      margin-top: calc(80px + 40px); } }
  .article-blog article {
    max-width: 900px;
    margin-bottom: 11.25rem; }
    @media (max-width: 1024px) {
      .article-blog article {
        margin-bottom: 5.75rem; } }
    @media (max-width: 648px) {
      .article-blog article {
        margin-bottom: 3.75rem; } }
    .article-blog article header .top {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1.25rem; }
      .article-blog article header .top > p {
        margin-bottom: 0; }
      .article-blog article header .top .category {
        font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 1rem);
        background-color: #DB241B;
        padding: 0.3rem 0.6rem;
        border-radius: 100px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-weight: 600; }
      .article-blog article header .top .meta {
        font-size: clamp(1rem, calc(-0.875rem + 2.333vw), 1.125rem);
        color: #585252; }
    .article-blog article header h1 {
      font-size: clamp(2.25rem, calc(-0.875rem + 8.333vw), 3.625rem);
      line-height: 110%;
      letter-spacing: -2px;
      margin-bottom: 2rem; }
    .article-blog article header .img {
      overflow: hidden;
      margin-bottom: 2rem; }
      .article-blog article header .img img {
        width: 100%;
        height: auto;
        aspect-ratio: 1.78 / 1;
        object-fit: cover;
        border-radius: 28px; }
    .article-blog article header .page-index {
      background-color: #FFFFFF;
      padding: 2rem 3rem 3rem 3rem;
      filter: drop-shadow(0 4px 8px rgba(30, 30, 47, 0.1));
      border-radius: 12px;
      margin: 2rem 0 3rem; }
      .article-blog article header .page-index.close {
        padding: 2rem 3rem 2rem; }
      .article-blog article header .page-index .title {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        cursor: pointer; }
        .article-blog article header .page-index .title div {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          align-items: center;
          gap: 1rem; }
        .article-blog article header .page-index .title p {
          font-size: clamp(1.5rem, calc(-0.875rem + 2.333vw), 1.5rem);
          font-family: "Chillax", sans-serif;
          color: #000000;
          margin: 0; }
        .article-blog article header .page-index .title .dropdown {
          width: 30px;
          transition: 0.2s; }
          .article-blog article header .page-index .title .dropdown.close {
            transform: rotate(-90deg);
            transition: 0.2s; }
      .article-blog article header .page-index .divider {
        width: 100%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.1);
        margin: 2rem 0 1.5rem; }
      .article-blog article header .page-index .items {
        margin-left: 2rem; }
        .article-blog article header .page-index .items li {
          font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.125rem);
          line-height: 150%;
          list-style-type: disc;
          color: #000000;
          margin-bottom: 1rem;
          transition: 0.2s; }
          .article-blog article header .page-index .items li:hover {
            color: #DB241B;
            transition: 0.2s; }
    .article-blog article .intro, .article-blog article .content {
      font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.125rem);
      color: #585252; }
      .article-blog article .intro h2, .article-blog article .content h2 {
        font-size: clamp(1.875rem, calc(-0.875rem + 8.333vw), 2.25rem);
        font-family: "Montserrat", sans-serif;
        line-height: 130%;
        color: #000000;
        margin-top: 2rem;
        scroll-margin-top: calc(101px + 40px); }
        @media (max-width: 648px) {
          .article-blog article .intro h2, .article-blog article .content h2 {
            scroll-margin-top: calc(80px + 30px); } }
      .article-blog article .intro h3, .article-blog article .content h3 {
        font-size: clamp(1.5rem, calc(-0.875rem + 8.333vw), 1.625rem);
        font-family: "Montserrat", sans-serif;
        line-height: 130%;
        color: #000000;
        margin-top: 1.5rem;
        margin-bottom: 0.8rem;
        scroll-margin-top: calc(101px + 40px); }
        @media (max-width: 648px) {
          .article-blog article .intro h3, .article-blog article .content h3 {
            scroll-margin-top: calc(80px + 30px); } }
      .article-blog article .intro a, .article-blog article .content a {
        position: relative;
        color: #DB241B; }
        .article-blog article .intro a > b, .article-blog article .content a > b {
          color: #DB241B;
          font-weight: 400; }
        @media (max-width: 1024px) {
          .article-blog article .intro a, .article-blog article .content a {
            text-decoration: underline; } }
        .article-blog article .intro a::before, .article-blog article .content a::before {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 1px;
          background-color: #DB241B;
          transition: 0.2s; }
          @media (max-width: 1024px) {
            .article-blog article .intro a::before, .article-blog article .content a::before {
              display: none; } }
        .article-blog article .intro a:hover::before, .article-blog article .content a:hover::before {
          width: 0;
          left: auto;
          right: 0;
          transition: 0.2s; }
      .article-blog article .intro b, .article-blog article .content b {
        color: #000000; }
      .article-blog article .intro ul, .article-blog article .content ul {
        margin-left: 1.5rem; }
        .article-blog article .intro ul li, .article-blog article .content ul li {
          list-style-type: circle; }
      .article-blog article .intro ol, .article-blog article .content ol {
        margin-left: 1.5rem; }
        .article-blog article .intro ol li, .article-blog article .content ol li {
          list-style-type: number; }
      .article-blog article .intro li, .article-blog article .content li {
        margin-bottom: 1rem; }
  .article-blog aside {
    width: 100%;
    max-width: 330px;
    min-width: 280px;
    margin-bottom: 11.25rem; }
    @media (max-width: 1200px) {
      .article-blog aside {
        max-width: none;
        min-width: 0; } }
    @media (max-width: 1024px) {
      .article-blog aside {
        margin-bottom: 5.75rem; } }
    @media (max-width: 648px) {
      .article-blog aside {
        margin-bottom: 3.75rem; } }
    .article-blog aside .title {
      font-size: clamp(1.25rem, calc(-0.875rem + 2.333vw), 1.25rem);
      font-weight: 700;
      color: #000000; }
      @media (max-width: 648px) {
        .article-blog aside .title {
          font-weight: 600; } }
    .article-blog aside .related-articles {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-items: center;
      gap: 1.5rem;
      margin-bottom: 2rem; }
      @media (max-width: 1200px) {
        .article-blog aside .related-articles {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          align-items: flex-start; } }
      @media (max-width: 1024px) {
        .article-blog aside .related-articles {
          display: flex;
          flex-flow: row wrap;
          justify-content: flex-start;
          align-items: flex-start; } }
      .article-blog aside .related-articles .article-preview-small {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 0.625rem;
        max-width: 330px; }
        @media (max-width: 1200px) {
          .article-blog aside .related-articles .article-preview-small {
            width: 33%; } }
        @media (max-width: 1024px) {
          .article-blog aside .related-articles .article-preview-small {
            max-width: none;
            width: 100%; } }
        .article-blog aside .related-articles .article-preview-small .img {
          aspect-ratio: 1.58 / 1;
          width: 100%;
          overflow: hidden;
          border-radius: 28px; }
          .article-blog aside .related-articles .article-preview-small .img img {
            aspect-ratio: 1.58 / 1;
            height: auto;
            max-height: 245px;
            object-fit: cover;
            border-radius: 28px;
            transition: 0.2s; }
            @media (max-width: 1024px) {
              .article-blog aside .related-articles .article-preview-small .img img {
                max-height: none; } }
        .article-blog aside .related-articles .article-preview-small .middle {
          width: 100%;
          display: flex;
          flex-flow: row wrap;
          justify-content: space-between;
          align-items: center; }
          .article-blog aside .related-articles .article-preview-small .middle > p {
            margin-bottom: 0; }
          .article-blog aside .related-articles .article-preview-small .middle .category {
            font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 0.875rem);
            background-color: #DB241B;
            padding: 0.2rem 0.6rem;
            border-radius: 100px;
            color: #FFFFFF;
            text-transform: uppercase;
            font-weight: 600; }
          .article-blog aside .related-articles .article-preview-small .middle .meta {
            font-size: clamp(0.875rem, calc(-0.875rem + 2.333vw), 0.875rem);
            color: #585252; }
        .article-blog aside .related-articles .article-preview-small .title {
          font-size: clamp(1.25rem, calc(-0.875rem + 2.333vw), 1.25rem);
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 3;
          overflow: hidden;
          transition: 0.2s; }
        .article-blog aside .related-articles .article-preview-small:hover img {
          transform: scale(1.05);
          transition: 0.2s; }
        .article-blog aside .related-articles .article-preview-small:hover .title {
          color: #DB241B;
          transition: 0.2s; }
    .article-blog aside .categories {
      display: flex;
      flex-flow: row wrap;
      justify-content: flex-start;
      align-items: center;
      gap: 1rem; }
      .article-blog aside .categories .category {
        font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.25rem);
        font-weight: 700;
        color: #000000;
        padding: 1rem 1.875rem;
        border: 2px solid #000000;
        border-radius: 100px;
        cursor: pointer;
        transition: 0.2s; }
        .article-blog aside .categories .category:hover {
          border-color: #DB241B;
          color: #DB241B; }
        .article-blog aside .categories .category:active {
          background-color: #DB241B;
          border-color: #DB241B;
          color: #FFFFFF; }

.contact-page {
  position: relative;
  margin-top: 200px; }
  @media (max-width: 1024px) {
    .contact-page {
      margin-top: calc(101px + 70px); } }
  @media (max-width: 648px) {
    .contact-page {
      margin-top: calc(80px + 40px); } }
  .contact-page .contact {
    gap: 3rem;
    margin-bottom: 11.25rem; }
    @media (max-width: 1024px) {
      .contact-page .contact {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 5.75rem; } }
    @media (max-width: 648px) {
      .contact-page .contact {
        gap: 2.5rem;
        margin-bottom: 3.75rem; } }
    .contact-page .contact .intro {
      max-width: 680px;
      width: 50%; }
      @media (max-width: 1024px) {
        .contact-page .contact .intro {
          max-width: none;
          width: 100%; } }
      .contact-page .contact .intro .content {
        font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.25rem);
        margin-top: 2.5rem; }
        @media (max-width: 648px) {
          .contact-page .contact .intro .content {
            margin-top: 1.875rem; } }
    .contact-page .contact .form {
      width: 100%;
      max-width: 564px;
      padding: 3.25rem 3.75rem 3.75rem;
      border-radius: 28px;
      background-color: #FFFFFF;
      filter: drop-shadow(0 0 20px rgba(42, 2, 2, 0.1)); }
      @media (max-width: 648px) {
        .contact-page .contact .form {
          padding: 2.5rem 2.75rem 2.75rem; } }
      .contact-page .contact .form .contact-title {
        font-size: clamp(1.625rem, calc(-0.875rem + 8.333vw), 2rem);
        font-weight: 600;
        color: #000000; }
      .contact-page .contact .form form {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        gap: 1.625rem; }
        .contact-page .contact .form form input:not([type=checkbox]), .contact-page .contact .form form textarea {
          font-size: clamp(1rem, calc(-0.875rem + 2.333vw), 1.125rem);
          font-family: "Montserrat", sans-serif;
          color: #585252;
          padding: 1rem 1.5rem;
          border: 1px solid #585252;
          border-radius: 10px;
          transition: 0.2s; }
          @media (max-width: 648px) {
            .contact-page .contact .form form input:not([type=checkbox]), .contact-page .contact .form form textarea {
              border-radius: 8px; } }
          .contact-page .contact .form form input:not([type=checkbox])::placeholder, .contact-page .contact .form form textarea::placeholder {
            color: #AAA; }
          .contact-page .contact .form form input:not([type=checkbox]):focus, .contact-page .contact .form form textarea:focus {
            border-color: #DB241B;
            transition: 0.2s; }
        .contact-page .contact .form form .checkbox {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 1rem;
          margin-bottom: 0.6rem; }
          .contact-page .contact .form form .checkbox input {
            position: relative;
            width: 18px;
            height: 18px;
            margin-top: 2px;
            -webkit-appearance: none;
            appearance: none; }
            .contact-page .contact .form form .checkbox input::before {
              content: '';
              position: absolute;
              display: block;
              width: 18px;
              height: 18px;
              margin-top: 2px;
              margin-right: 1rem;
              border: 1px solid #585252;
              border-radius: 4px;
              transition: 0.2s; }
            .contact-page .contact .form form .checkbox input::after {
              content: '';
              position: absolute;
              top: calc(2px + 9px);
              left: 9px;
              transform: translateY(-50%) translateX(-50%);
              width: 0;
              height: 0;
              border-radius: 2px;
              background-color: #DB241B;
              opacity: 0;
              transition: 0.2s; }
            .contact-page .contact .form form .checkbox input:checked::before {
              border: 2px solid #DB241B; }
            .contact-page .contact .form form .checkbox input:checked::after {
              width: 10px;
              height: 10px;
              opacity: 1;
              transition: 0.2s; }
          .contact-page .contact .form form .checkbox label {
            font-size: clamp(1rem, calc(-0.875rem + 2.333vw), 1rem);
            line-height: 150%;
            color: #585252; }
        .contact-page .contact .form form button {
          width: 100%; }
      .contact-page .contact .form .contact-success-message {
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        align-items: center; }
        .contact-page .contact .form .contact-success-message h1 {
          text-align: center; }
  .contact-page .find-us {
    margin-bottom: 7.5rem; }
    @media (max-width: 1024px) {
      .contact-page .find-us {
        margin-bottom: 5.75rem; } }
    @media (max-width: 648px) {
      .contact-page .find-us {
        margin-bottom: 3.75rem; } }
    .contact-page .find-us .container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: stretch;
      gap: 1.25rem;
      margin-top: 2.5rem; }
      @media (max-width: 1200px) {
        .contact-page .find-us .container {
          display: flex;
          flex-flow: column wrap;
          justify-content: center;
          align-items: center; } }
      @media (max-width: 648px) {
        .contact-page .find-us .container {
          gap: 2.5rem;
          margin-top: 1.875rem; } }
      .contact-page .find-us .container .map {
        width: 100%;
        max-width: 561px; }
        @media (max-width: 1200px) {
          .contact-page .find-us .container .map {
            max-width: none; } }
        .contact-page .find-us .container .map iframe {
          max-width: 561px;
          width: 100%;
          max-height: 422px;
          height: 100vh;
          border-radius: 28px; }
          @media (max-width: 1200px) {
            .contact-page .find-us .container .map iframe {
              max-width: none; } }
      .contact-page .find-us .container .contact-details {
        width: 100%;
        padding: 3.75rem;
        background-color: #DB241B;
        border-radius: 1.75rem;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-around;
        align-items: flex-start; }
        @media (max-width: 648px) {
          .contact-page .find-us .container .contact-details {
            padding: 2.5rem; } }
        .contact-page .find-us .container .contact-details .contact-detail-item p {
          display: flex;
          flex-flow: row nowrap;
          justify-content: flex-start;
          align-items: flex-start;
          gap: 1.25rem;
          font-size: clamp(1.125rem, calc(-0.875rem + 5.333vw), 1.625rem);
          font-weight: 400;
          line-height: 150%;
          color: #FFFFFF; }
          .contact-page .find-us .container .contact-details .contact-detail-item p span {
            word-break: break-word; }
          .contact-page .find-us .container .contact-details .contact-detail-item p img {
            width: 36px;
            height: 36px;
            margin-top: 2px; }
            @media (max-width: 648px) {
              .contact-page .find-us .container .contact-details .contact-detail-item p img {
                width: 28px;
                height: 28px; } }
.legal-page {
  max-width: 900px;
  margin: auto;
  margin-top: calc(101px + 60px); }
  @media (max-width: 648px) {
    .legal-page {
      margin-top: calc(80px + 40px); } }
  .legal-page h1 {
    font-size: clamp(2.25rem, calc(-0.875rem + 6.333vw), 3.625rem);
    line-height: 110%;
    letter-spacing: -1.68px;
    margin-bottom: 1rem; }
  .legal-page .content {
    font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.125rem);
    color: #585252; }
    .legal-page .content h2 {
      font-size: clamp(1.875rem, calc(-0.875rem + 8.333vw), 2.25rem);
      font-family: "Montserrat", sans-serif;
      line-height: 130%;
      color: #000000;
      margin-top: 2rem;
      scroll-margin-top: calc(101px + 40px); }
      @media (max-width: 648px) {
        .legal-page .content h2 {
          scroll-margin-top: calc(80px + 30px); } }
    .legal-page .content h3 {
      font-size: clamp(1.5rem, calc(-0.875rem + 8.333vw), 1.625rem);
      font-family: "Montserrat", sans-serif;
      line-height: 130%;
      color: #000000;
      margin-top: 1.5rem;
      margin-bottom: 0.8rem;
      scroll-margin-top: calc(101px + 40px); }
      @media (max-width: 648px) {
        .legal-page .content h3 {
          scroll-margin-top: calc(80px + 30px); } }
    .legal-page .content a {
      position: relative;
      color: #DB241B; }
      .legal-page .content a > b {
        color: #DB241B;
        font-weight: 400; }
      @media (max-width: 1024px) {
        .legal-page .content a {
          text-decoration: underline; } }
      .legal-page .content a::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #DB241B;
        transition: 0.2s; }
        @media (max-width: 1024px) {
          .legal-page .content a::before {
            display: none; } }
      .legal-page .content a:hover::before {
        width: 0;
        left: auto;
        right: 0;
        transition: 0.2s; }
    .legal-page .content b {
      color: #000000; }
    .legal-page .content ul {
      margin-left: 1.5rem; }
      .legal-page .content ul li {
        list-style-type: circle; }
    .legal-page .content ol {
      margin-left: 1.5rem; }
      .legal-page .content ol li {
        list-style-type: number; }
    .legal-page .content li {
      margin-bottom: 1rem; }

/* Include component related files. */
.cta-block {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: -3.75rem;
  margin-bottom: 7.5rem;
  padding: 4.3rem 4.9rem 3.56rem 4.9rem;
  border-radius: 28px;
  background-color: #DB241B;
  color: #FFFFFF; }
  @media (max-width: 1024px) {
    .cta-block {
      margin-top: 0;
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .cta-block {
      margin-top: 0;
      padding: 2.5rem 2.5rem 2.25rem 2.5rem; } }
  .cta-block .cta-title {
    font-size: clamp(2.25rem, calc(-0.875rem + 8.333vw), 3.625rem);
    max-width: 900px;
    line-height: 120%;
    color: #FFFFFF;
    padding-bottom: 1rem; }
  .cta-block .button {
    align-self: flex-end; }

@media (max-width: 1024px) {
  .ct-section-template {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center; } }

.ct-section-template .ct-image {
  overflow: hidden;
  aspect-ratio: 1.15 / 1;
  max-width: 564px; }
  @media (max-width: 1024px) {
    .ct-section-template .ct-image {
      max-width: none; } }
  .ct-section-template .ct-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.15 / 1;
    object-fit: cover;
    border-radius: 28px; }

.ct-section-template.is-normal {
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .ct-section-template.is-normal {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .ct-section-template.is-normal {
      margin-bottom: 3.75rem; } }
.ct-section-template.is-header {
  margin-bottom: 11.25rem;
  gap: 7rem; }
  @media (max-width: 1024px) {
    .ct-section-template.is-header {
      gap: 5rem;
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .ct-section-template.is-header {
      gap: 3.5rem;
      margin-bottom: 3.75rem; } }
  .ct-section-template.is-header .ct-image {
    aspect-ratio: 1.12 / 1;
    max-width: 620px; }
    @media (max-width: 1024px) {
      .ct-section-template.is-header .ct-image {
        max-width: none; } }
    .ct-section-template.is-header .ct-image img {
      border-radius: 28px 0 0 28px;
      aspect-ratio: 1.12 / 1; }
  .ct-section-template.is-header .ct-content {
    max-width: 800px;
    width: 60%; }

.ct-section-template.rtl {
  flex-flow: row-reverse nowrap; }
  @media (max-width: 1024px) {
    .ct-section-template.rtl {
      flex-flow: column wrap; } }
@media (max-width: 1024px) {
  .ct-section-template.is-header {
    flex-flow: column-reverse wrap; }
    .ct-section-template.is-header .ct-image {
      margin-left: auto;
      margin-right: 0; }
    .ct-section-template.is-header .ct-content {
      max-width: none;
      width: 90%;
      margin-left: 0;
      margin-right: auto; }
  .ct-section-template.is-normal .ct-image {
    display: none; }
  .ct-section-template.is-normal .ct-content {
    max-width: none;
    width: 100%; }
    .ct-section-template.is-normal .ct-content .ct-image {
      display: block;
      overflow: hidden;
      margin-bottom: 1.5rem; }
      .ct-section-template.is-normal .ct-content .ct-image img {
        width: 100%;
        height: auto;
        aspect-ratio: 1.15 / 1;
        border-radius: 28px;
        object-fit: cover; }
  .ct-section-template .button {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%; } }

@media (max-width: 648px) {
  .ct-section-template.is-header .ct-image {
    width: 90%; }
  .ct-section-template.is-header .ct-content {
    max-width: none;
    width: 95%;
    margin-left: 0;
    margin-right: auto; } }

.ct-section-template .ct-content {
  max-width: 745px;
  width: 60%; }
  .ct-section-template .ct-content .ct-title {
    margin-bottom: 1.875rem; }
  .ct-section-template .ct-content .ct-image {
    display: none; }
  .ct-section-template .ct-content .ct-text {
    font-size: clamp(1.125rem, calc(-0.875rem + 4.333vw), 1.25rem);
    color: #585252;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    text-wrap: wrap;
    line-height: 150%; }
    .ct-section-template .ct-content .ct-text b {
      color: #000000; }
    @media (max-width: 1024px) {
      .ct-section-template .ct-content .ct-text.has-checklist {
        margin-bottom: 0; } }
    .ct-section-template .ct-content .ct-text.has-checklist ul {
      margin-top: 2rem;
      margin-bottom: 2rem; }
      .ct-section-template .ct-content .ct-text.has-checklist ul li {
        position: relative;
        left: calc(40px + 1.312rem);
        width: calc(100% - 40px - 1.312rem);
        margin-bottom: 2rem; }
        .ct-section-template .ct-content .ct-text.has-checklist ul li:last-child {
          margin-bottom: 0; }
        .ct-section-template .ct-content .ct-text.has-checklist ul li::before {
          content: url(/static/svg/icon-check-red.d494c777a69d.svg?c124954cfd3e);
          position: absolute;
          left: calc(-40px - 1.312rem); }
        @media (max-width: 648px) {
          .ct-section-template .ct-content .ct-text.has-checklist ul li {
            left: calc(36px + 1rem);
            width: calc(100% - 36px - 1rem);
            margin-bottom: 1.5rem; }
            .ct-section-template .ct-content .ct-text.has-checklist ul li::before {
              transform: scale(0.9);
              left: calc(-36px - 1rem); } }
  .ct-section-template .ct-content .button {
    margin-top: 2.5rem; }
    @media (max-width: 1024px) {
      .ct-section-template .ct-content .button {
        margin-top: 2rem; } }
.gallery-section {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 4rem;
  margin-top: -3.75rem;
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .gallery-section {
      margin-top: 0;
      margin-bottom: 5.75rem; }
      .gallery-section > .gallery {
        display: none; } }
  @media (max-width: 648px) {
    .gallery-section {
      margin-bottom: 3.75rem; } }
  .gallery-section .content {
    max-width: 680px; }
    .gallery-section .content h2 {
      margin-bottom: 3.125rem; }
      @media (max-width: 648px) {
        .gallery-section .content h2 {
          margin-bottom: 1.875rem; } }
    .gallery-section .content .gallery {
      display: none; }
      @media (max-width: 1024px) {
        .gallery-section .content .gallery {
          display: grid;
          margin-bottom: 1.5rem; } }
.gallery {
  display: grid;
  gap: 2.5rem;
  min-width: 400px; }
  @media (max-width: 648px) {
    .gallery {
      gap: 1rem;
      min-width: 0; } }
  .gallery .image {
    overflow: hidden; }
  .gallery .img1 {
    grid-row: 1 / 2;
    grid-column: 1 / 3; }
    .gallery .img1 > img {
      width: 100%;
      height: auto;
      max-height: 403px;
      aspect-ratio: 1.57 / 1;
      object-fit: cover;
      border-radius: 28px; }
  .gallery .img2 {
    grid-row: 2 / 3;
    grid-column: 1 / 2; }
    .gallery .img2 > img {
      width: 100%;
      height: auto;
      max-height: 403px;
      aspect-ratio: 0.99 / 1;
      object-fit: cover;
      border-radius: 28px; }
  .gallery .img3 {
    grid-row: 2 / 3;
    grid-column: 2 / 3; }
    .gallery .img3 > img {
      width: 100%;
      height: auto;
      max-height: 403px;
      aspect-ratio: 0.99 / 1;
      object-fit: cover;
      border-radius: 28px; }

.our-partners {
  background-color: #585252;
  color: #FFFFFF;
  padding-top: 5.3125rem;
  padding-bottom: 7.125rem;
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .our-partners {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .our-partners {
      margin-bottom: 3.75rem;
      padding-top: 3.625rem;
      padding-bottom: 4.25rem; } }
  .our-partners .content .overline {
    text-align: center; }
    @media (max-width: 648px) {
      .our-partners .content .overline {
        text-align: left; } }
  .our-partners .content .title {
    text-align: center;
    margin-bottom: 5.75rem; }
    @media (max-width: 648px) {
      .our-partners .content .title {
        text-align: left;
        margin-bottom: 1.875rem; } }
  .our-partners .content .logos {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
    gap: 1rem; }
    .our-partners .content .logos img.sophos {
      width: 214px;
      height: 120px; }
    .our-partners .content .logos img.hp {
      width: 310px;
      height: 139px; }
    .our-partners .content .logos img.microsoft {
      width: 262px;
      height: 83px; }
    .our-partners .content .logos img.eset {
      width: 180px;
      height: 136px; }
    @media (max-width: 1200px) {
      .our-partners .content .logos {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-around;
        align-items: center; } }
    @media (max-width: 1024px) {
      .our-partners .content .logos {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr; }
        .our-partners .content .logos img {
          justify-self: center;
          align-self: center; } }
    @media (max-width: 648px) {
      .our-partners .content .logos img.sophos, .our-partners .content .logos img.hp, .our-partners .content .logos img.microsoft, .our-partners .content .logos img.eset {
        height: auto; }
      .our-partners .content .logos img.sophos {
        width: 80%; }
      .our-partners .content .logos img.hp {
        width: 90%; }
      .our-partners .content .logos img.microsoft {
        width: 80%; }
      .our-partners .content .logos img.eset {
        width: 70%; } }
.informatica-balear {
  background-color: #DB241B;
  color: #FFFFFF;
  margin-bottom: 7.5rem; }
  @media (max-width: 1024px) {
    .informatica-balear {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .informatica-balear {
      margin-bottom: 3.75rem; } }
  .informatica-balear .container {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 5rem 0 4.375rem; }
    @media (max-width: 648px) {
      .informatica-balear .container {
        padding: 3.5rem 0 2.8rem; } }
    .informatica-balear .container .content h2 {
      font-size: clamp(2rem, calc(-0.875rem + 8.333vw), 4rem); }
    .informatica-balear .container .content .text {
      font-size: clamp(1.25rem, calc(-0.875rem + 5.333vw), 1.875rem);
      max-width: 827px;
      line-height: 150%;
      margin-bottom: 2.62rem; }
      .informatica-balear .container .content .text p {
        color: #FFFFFF; }
    .informatica-balear .container .button {
      align-self: flex-end; }

.our_values {
  background-color: #DB241B;
  color: #FFFFFF;
  padding: 5rem 0 7rem;
  margin-top: -3.75rem;
  margin-bottom: 7.5rem; }
  @media (max-width: 648px) {
    .our_values {
      padding: 3.45rem 0 4.375rem;
      margin-bottom: 3.75rem;
      margin-top: 0; } }
  .our_values .content .values {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.5rem; }
    @media (max-width: 1200px) {
      .our_values .content .values {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center; } }
    .our_values .content .values .value {
      max-width: 400px; }
      @media (max-width: 1024px) {
        .our_values .content .values .value {
          max-width: none; } }
      .our_values .content .values .value h4 {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        font-size: clamp(1.875rem, calc(-0.875rem + 8.333vw), 2.25rem);
        gap: 1rem;
        margin-bottom: 0.8rem; }
        .our_values .content .values .value h4 img {
          max-width: 44px; }
          @media (max-width: 648px) {
            .our_values .content .values .value h4 img {
              max-width: 36px; } }
      .our_values .content .values .value p {
        font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.25rem);
        color: #FFFFFF; }

.our_services {
  margin-top: -3.75rem;
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .our_services {
      margin-top: 0;
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .our_services {
      margin-bottom: 3.75rem; } }
  .our_services h2 {
    max-width: 800px; }
  .our_services .services {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 1rem;
    margin: 5rem 0 2.5rem; }
    @media (max-width: 1200px) {
      .our_services .services {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: stretch; } }
    @media (max-width: 1024px) {
      .our_services .services {
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center; } }
    @media (max-width: 648px) {
      .our_services .services {
        margin: 2.5rem 0 2.5rem; } }
    .our_services .services .ciberguardian {
      display: flex;
      flex-flow: column wrap;
      justify-content: stretch;
      align-items: center;
      gap: 1rem;
      max-width: 448px;
      min-width: 250px;
      width: 100%;
      grid-column: 1 / 2;
      grid-row: 1 / 3;
      transition: 0.2s; }
      @media (max-width: 1200px) {
        .our_services .services .ciberguardian {
          width: 40%;
          margin-left: 2rem; } }
      @media (max-width: 1024px) {
        .our_services .services .ciberguardian {
          max-width: none;
          min-width: 0;
          width: 100%;
          margin-left: 0; } }
      @media (max-width: 648px) {
        .our_services .services .ciberguardian {
          width: 95%; } }
      .our_services .services .ciberguardian img {
        max-width: 435px;
        filter: drop-shadow(0 0 20px rgba(42, 2, 2, 0.1)); }
      .our_services .services .ciberguardian p {
        font-size: clamp(1.125rem, calc(-0.875rem + 5.333vw), 1.25rem);
        width: 80%;
        text-align: center;
        font-family: "Montserrat", sans-serif;
        font-weight: 400; }
      .our_services .services .ciberguardian:hover {
        transform: scale(1.02);
        transition: 0.2s; }
    .our_services .services .service {
      background-color: #FFFFFF;
      border-radius: 28px;
      filter: drop-shadow(0 0 20px rgba(42, 2, 2, 0.1));
      padding: 3.125rem;
      max-width: 448px;
      min-width: 250px;
      width: 100%;
      transition: 0.2s; }
      @media (max-width: 1200px) {
        .our_services .services .service {
          width: 48%; } }
      @media (max-width: 1024px) {
        .our_services .services .service {
          max-width: 600px;
          min-width: 0;
          width: 100%; } }
      @media (max-width: 648px) {
        .our_services .services .service {
          padding: 2.5rem; } }
      .our_services .services .service h3 {
        font-size: clamp(1.75rem, calc(-0.875rem + 5.333vw), 2rem);
        width: 80%;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        margin-bottom: 1.25rem;
        transition: 0.2s; }
      .our_services .services .service p {
        font-size: clamp(1.125rem, calc(-0.875rem + 5.333vw), 1.25rem);
        font-family: "Montserrat", sans-serif;
        font-weight: 400; }
      .our_services .services .service:hover {
        transform: scale(1.02);
        transition: 0.2s; }
        .our_services .services .service:hover h3 {
          color: #DB241B;
          transition: 0.2s; }
      .our_services .services .service.s-1 {
        grid-column: 2 / 3;
        grid-row: 1 / 2; }
        @media (max-width: 1200px) {
          .our_services .services .service.s-1 {
            align-self: center; } }
      .our_services .services .service.s-2 {
        grid-column: 3 / 4;
        grid-row: 1 / 2; }
      .our_services .services .service.s-3 {
        grid-column: 2 / 3;
        grid-row: 2 / 3; }
      .our_services .services .service.s-4 {
        grid-column: 3 / 4;
        grid-row: 2 / 3; }

.advantages {
  background-color: #585252;
  color: #FFFFFF;
  padding: 5.3125rem 0 8.75rem;
  margin-top: -3.75rem;
  margin-bottom: 7.5rem; }
  @media (max-width: 1024px) {
    .advantages {
      margin-top: 0;
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .advantages {
      margin-bottom: 3.75rem;
      padding: 3rem 0 5.5rem; } }
  .advantages .container h2 {
    text-align: center;
    max-width: 1150px;
    margin: 0 auto 6.875rem; }
    @media (max-width: 1024px) {
      .advantages .container h2 {
        margin: 0 auto 4rem; } }
    @media (max-width: 648px) {
      .advantages .container h2 {
        margin: 0 auto 3rem; } }
  .advantages .container ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem; }
    .advantages .container ul li {
      position: relative;
      left: calc(40px + 1.312rem);
      width: calc(50% - 40px - 1.312rem); }
      @media (max-width: 1024px) {
        .advantages .container ul li {
          width: calc(100% - 40px); } }
      @media (max-width: 648px) {
        .advantages .container ul li {
          left: calc(36px + 1rem);
          width: calc(100% - 36px - 1rem); } }
      .advantages .container ul li::before {
        content: url(/static/svg/icon-check-white.8ce3ed6c3e19.svg?c124954cfd3e);
        position: absolute;
        left: calc(-40px - 1.312rem); }
        @media (max-width: 648px) {
          .advantages .container ul li::before {
            transform: scale(0.9);
            left: calc(-36px - 1rem); } }
      .advantages .container ul li > * {
        font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.25rem);
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        max-width: 576px;
        color: #FFFFFF;
        margin: 0; }
        @media (max-width: 1024px) {
          .advantages .container ul li > * {
            max-width: none; } }
.qa {
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .qa {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .qa {
      margin-bottom: 3.75rem; } }
  .qa h2 {
    max-width: 1080px; }
  .qa .qa-list {
    margin-top: 3rem; }
    @media (max-width: 1024px) {
      .qa .qa-list {
        margin-top: 0rem; } }
    .qa .qa-list .qa-item {
      padding: 1rem 0; }
      .qa .qa-list .qa-item.border-bottom {
        border-bottom: 1px solid #000000; }
      .qa .qa-list .qa-item .question {
        display: flex;
        flex-flow: row nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: 1rem;
        cursor: pointer;
        transition: 0.2s; }
        .qa .qa-list .qa-item .question .question-icon {
          aspect-ratio: 1 / 1;
          max-width: 30px;
          width: 100%; }
          @media (max-width: 1024px) {
            .qa .qa-list .qa-item .question .question-icon {
              margin-top: 0.5rem;
              align-self: flex-start; } }
        .qa .qa-list .qa-item .question .icon {
          max-width: 20px;
          margin-left: auto; }
          .qa .qa-list .qa-item .question .icon path {
            transform-origin: center center;
            transition: 0.2s; }
        .qa .qa-list .qa-item .question.minus svg path:last-of-type {
          transform: rotate(90deg); }
        .qa .qa-list .qa-item .question span {
          font-size: clamp(1.125rem, calc(-0.875rem + 5.333vw), 1.25rem);
          font-weight: 500;
          color: #000000; }
      .qa .qa-list .qa-item .answer > * {
        font-size: clamp(1rem, calc(-0.875rem + 5.333vw), 1.125rem);
        color: #585252; }
      .qa .qa-list .qa-item .answer li {
        line-height: 150%;
        margin-left: 1.5rem; }
        .qa .qa-list .qa-item .answer li:not(:last-child) {
          margin-bottom: 0.5rem; }
      .qa .qa-list .qa-item .answer ul:not(:last-child) {
        margin-bottom: 2rem; }
      .qa .qa-list .qa-item .answer ul li {
        list-style-type: circle; }
      .qa .qa-list .qa-item .answer ol:not(:last-child) {
        margin-bottom: 2rem; }
      .qa .qa-list .qa-item .answer ol li {
        list-style-type: number; }

.table-block {
  margin-bottom: 11.25rem; }
  @media (max-width: 1024px) {
    .table-block {
      margin-bottom: 5.75rem; } }
  @media (max-width: 648px) {
    .table-block {
      margin-bottom: 3.75rem; } }
  .table-block h2 {
    max-width: 1080px; }
  .table-block .table {
    margin-top: 4rem;
    background-color: #000000;
    border-radius: 10px; }
    .table-block .table table {
      font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.25rem);
      width: 100%;
      text-align: center;
      border: 1px solid #000000;
      border-collapse: collapse;
      border-radius: 10px;
      overflow: hidden; }
      .table-block .table table th {
        font-size: clamp(1.125rem, calc(-0.875rem + 2.333vw), 1.5rem);
        font-weight: 600;
        color: #FFFFFF;
        padding: 1rem;
        background-color: #000000;
        position: relative;
        width: 50%; }
        .table-block .table table th:first-child {
          border-right: 1px solid #FFFFFF; }
          .table-block .table table th:first-child::before {
            content: url(/static/svg/icon-table-check.5b3526c997e4.svg?c124954cfd3e);
            display: inline-block;
            transform: scale(0.95);
            position: relative;
            top: 0.4rem;
            margin-right: 0.5rem; }
            @media (max-width: 1024px) {
              .table-block .table table th:first-child::before {
                transform: scale(0.8);
                margin-right: 0; } }
        .table-block .table table th:last-child::before {
          content: url(/static/svg/icon-table-xmark.945fd4b68bc4.svg?c124954cfd3e);
          display: inline-block;
          transform: scale(0.95);
          position: relative;
          top: 0.4rem;
          margin-right: 0.5rem; }
          @media (max-width: 1024px) {
            .table-block .table table th:last-child::before {
              transform: scale(0.8);
              margin-right: 0; } }
      .table-block .table table td {
        padding: 1rem;
        border: 1px solid #000000;
        color: #585252;
        background-color: #F9F9F9; }

/* Include visual element styles. */
a.button, button.button {
  font-size: clamp(1.25rem, calc(-0.875rem + 7.333vw), 1.75rem);
  display: inline-block;
  font-family: "Chillax", sans-serif;
  font-weight: 600;
  padding: 0.875rem 2.125rem;
  border-radius: 10px;
  filter: drop-shadow(4px 4px 8px rgba(42, 2, 2, 0.2));
  transition: 0.2s; }
  a.button:hover, button.button:hover {
    transform: scale(1.05);
    transition: 0.2s; }
  a.button.primary, button.button.primary {
    color: #FFFFFF;
    background-color: #DB241B; }
  a.button.secondary, button.button.secondary {
    color: #FFFFFF;
    background-color: #585252; }