/* Variables */
.M21 {
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  /*Swiper slide*/ }
  @media screen and (max-width: 768px) {
    .M21 {
      padding: 50px 0px; } }
  .M21 .swiperImgs {
    width: 100%;
    overflow: hidden;
    padding: 0 20px; }
  .M21 .swiper-slide {
    height: 240px; }
    .M21 .swiper-slide .imgCont {
      height: 100%; }
  .M21 .swiper-button-next,
  .M21 .swiper-button-prev {
    z-index: 5;
    border-radius: 100px;
    border: 1px solid #007030;
    height: 40px;
    width: 40px;
    transition: all .3s linear;
    background-color: #007030; }
    .M21 .swiper-button-next img,
    .M21 .swiper-button-prev img {
      transition: all .3s linear;
      filter: brightness(0) invert(1);
      width: 13px;
      height: 13px; }
    .M21 .swiper-button-next.swiper-button-disabled,
    .M21 .swiper-button-prev.swiper-button-disabled {
      opacity: 1;
      background-color: #EBEFF2; }
      .M21 .swiper-button-next.swiper-button-disabled img,
      .M21 .swiper-button-prev.swiper-button-disabled img {
        filter: brightness(1); }
    .M21 .swiper-button-next::after,
    .M21 .swiper-button-prev::after {
      content: none !important; }
  .M21 .titulo > * {
    margin-bottom: 36px;
    font-family: 'Arimo', sans-serif;
    font-size: clamp(35px, 5vw, 65px);
    line-height: 110%;
    font-weight: 400;
    color: #007030; }
  .M21 .subtitulo > * {
    margin-bottom: 36px;
    font-family: 'Arimo', sans-serif;
    font-size: clamp(20px, 3vw, 30px);
    line-height: 100%;
    font-weight: 500;
    color: #007030; }
  .M21 .texto > * {
    font-family: 'Arimo';
    font-size: 20px;
    line-height: 120%;
    color: #000;
    margin-top: 24px;
    margin-bottom: 0; }
  .M21 .topImage {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center; }
    @media screen and (max-width: 768px) {
      .M21 .topImage {
        margin-top: 20px; } }
  .M21 .tabs {
    margin-top: 100px; }
    @media screen and (max-width: 768px) {
      .M21 .tabs {
        margin-top: 50px; } }
    .M21 .tabs .accordion-item {
      background: transparent;
      border: 0;
      box-shadow: none;
      margin-bottom: 10px; }
      .M21 .tabs .accordion-item .accordion-header {
        z-index: 4;
        position: relative; }
      .M21 .tabs .accordion-item .accordion-body {
        background-color: transparent;
        margin-inline: 40px;
        padding: 0;
        position: relative; }
        @media screen and (max-width: 768px) {
          .M21 .tabs .accordion-item .accordion-body {
            margin-inline: 10px;
            margin-top: -10px; } }
      .M21 .tabs .accordion-item .accordion-button {
        background-color: #A1CAB3;
        border-radius: 99px !important;
        border: 0;
        box-shadow: none;
        transition: .3s all linear;
        color: #000; }
        .M21 .tabs .accordion-item .accordion-button:not(.collapsed), .M21 .tabs .accordion-item .accordion-button:hover {
          background-color: #007030;
          color: #FFF; }
        .M21 .tabs .accordion-item .accordion-button > * {
          font-family: 'Arimo', sans-serif;
          font-size: 20px;
          line-height: 120%;
          margin: 0; }
          @media screen and (max-width: 768px) {
            .M21 .tabs .accordion-item .accordion-button > * {
              font-size: 16px;
              padding-right: 10px; } }
      .M21 .tabs .accordion-item .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5L8 11L14 5'/%3E%3C/svg%3E"); }
      .M21 .tabs .accordion-item .accordion-button:not(.collapsed)::after, .M21 .tabs .accordion-item .accordion-button:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5L8 11L14 5'/%3E%3C/svg%3E") !important; }
  .M21 .projectLink {
    background-color: #A1CAB3;
    border-radius: 99px !important;
    border: 0;
    box-shadow: none;
    transition: .3s all linear;
    color: #000;
    display: block;
    padding: 1rem;
    margin-bottom: 10px;
    text-decoration: none; }
    .M21 .projectLink > * {
      font-family: 'Arimo', sans-serif;
      font-size: 20px;
      line-height: 120%;
      margin: 0; }
    @media screen and (max-width: 768px) {
      .M21 .projectLink {
        font-size: 16px;
        padding-right: 10px; } }
    .M21 .projectLink:hover {
      background-color: #007030;
      color: #FFF; }
  .M21 .formProyectos {
    padding: 40px;
    max-width: 70%;
    margin: 30px auto;
    border-radius: 42px;
    background-color: #A1CAB3; }
    @media screen and (max-width: 768px) {
      .M21 .formProyectos {
        max-width: 100%;
        padding: 20px; } }
  .M21 .imagenesCont {
    overflow: hidden;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    background-color: #fff;
    padding: 40px;
    align-items: end; }
    @media screen and (max-width: 768px) {
      .M21 .imagenesCont {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px; } }
    .M21 .imagenesCont .imgCont img {
      width: 100%;
      height: 100%;
      object-fit: contain; }