.abas-carousel {
    .nav-tabs {
      @media (max-width: 768px) {
        gap: 20px;
      }

      .nav-item {
        @media (max-width: 768px) {
          width: 100%;
        }

        .nav-link {
          @media (max-width: 768px) {
            border: 2px solid #9A9A9A !important;
            border-radius: 10px;
            color: #9A9A9A;
            font-size: 20px;
            font-weight: 600;
            text-align: center;
          }
        }

        .nav-link.active {
          border-color: transparent !important;
          border-bottom: 3px solid var(--red-500) !important;
          background-color: transparent !important;

          @media (max-width: 768px) {
            border: 2px solid var(--red-500) !important;
            color: #203372;
          }
        }
      }
    }

    .carousel-inner {
      .row {
        padding: 0 60px;

        @media (max-width: 768px) {
          gap: 30px;
          padding: 0;
        }

				.content {
					display: flex; 
					height: 100%; 
					flex-direction: column; 
					place-content: space-between;

					.h2-default {
          	text-align: -webkit-left; 
						color: #5B5B5B;
        	}

					.p-default {
						text-align: -webkit-left; 
						color: #5B5B5B;
					}
				}
      }

      ul {
        display: flex;
        flex-direction: column;
        gap: 20px;

        @media (max-width: 768px) {
          padding-left: 0;
          padding-top: 40px;
          padding-bottom: 40px;
        }

        li {
          display: flex;
          gap: 20px;

          .number {
            background-color: var(--red-500);
            color: #ffffff;
            display: flex;
            text-align: center;
            align-items: center;
            font-size: 21px;
            border-radius: 999px;
            max-height: 60px;
            min-height: 60px;
            min-width: 60px;
            max-width: 60px;
            justify-content: center;
          }
        }
      }

      a {
        color: #5B5B5B;
        border: 1.5px solid #5B5B5B;
        width: fit-content;
        padding: 5px 27px;
        border-radius: 8px;

        @media (max-width: 768px) {
          width: 100%;
        }

        &:hover {
          background-color: #5B5B5B;
          color: #ffffff;
          text-decoration: none;
        }
      }
    }

    .carousel-control-next,
    .carousel-control-prev {
      width: 32px;
      filter: invert(95%) sepia(83%) saturate(2%) hue-rotate(12deg) brightness(200%) contrast(100%);

      @media (max-width: 768px) {
        display: none;
      }
    }
  }