body {
      background: linear-gradient(90deg, rgb(33 38 29) 0%, rgb(73 86 65) 42%, rgb(107 129 95) 100%);
      color: white;
      font-family: Arial, sans-serif;
  }

  .card {
      background-color: #50634300;
      padding: 35px !important;
      width: 84% !important;
      height: auto !important;
      border: 1px solid #E9B418;
      border-radius: 1.5rem !important;
      margin-left: -4% !important;
      margin-top: 33% !important;
      margin-bottom: 5% !important;
  }

  .image-container img {
      width: 142%;
      object-fit: cover;
      height: 160%;
  }

  :disabled:hover {
      cursor: not-allowed !important;
  }

  .content-container {
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      height: 100vh;
  }

  h1 {
      font-size: 4rem;
      font-weight: bold;
      text-transform: uppercase;
      font-style: italic;

  }

  .curso-info {
      font-weight: bold;
  }

  .dealer-form {
      background: #506343;
      padding: 20px;
      border-radius: 10px;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
  }

  .dealer-form input {
      width: 100%;
      padding: 8px;
      border-radius: 5px;
      border: none;
  }

  .dealer-form button {
      background-color: #000;
      color: white;
      padding: 10px;
      border: none;
      cursor: pointer;
      width: 100%;
  }

  hr {
      border: none;
      border-top: 1px solid #ffc107;

      margin: 20px 0;
  }

  .lista {
      display: flex;
      gap: 10px;
      align-items: center;
      margin-top: 10px;
  }

  .lista i {
      color: #ffc107;

  }

  .text-yellow {
      color: #ffc107;
  }

  .text-green {
      color: #96e199;

  }

  .curso-oferece {
      margin-top: 35%;
  }

  .input-dealer {
      border-radius: 18px !important;
      background: #c5e1ba !important;
      margin: 1%;
  }

  h3 {
      font-weight: bold;
      font-size: 25px !important;
  }

  h4 {
      font-size: 15px;
  }


  .carga-horaria {
      font-family: Arial, Helvetica, sans-serif !important;
      border: 1px solid #E9B418;
      width: 50%;
      padding: 2px;
      border-radius: 9px;
  }


  .info {
      font-size: 14px !important;
      list-style: none !important;
      display: flex !important;
  }

  .descricao {
      font-size: 17px !important;
  }


  .img-sobreposta {
      position: absolute;
      z-index: 10;
      margin-top: -30%;

  }

  #info-complementar {
      margin-top: -3% !important;
  }

  .area-dealer {
      font-size: 26px !important;
  }

  .o-que-oferece {
      margin-left: 17% !important;
      margin-top: 20%;
  }

  .btn {
      background-color: #283024 !important;
      color: #dcffc9 !important;
      border-radius: 18px;
      padding-left: 5%;
      padding-right: 5%;
  }

  .custom-card {
      border-top: 0;
      position: relative;
      border-top-right-radius: 50%;
  }

  #info-complementar {
      padding: 3% !important;
  }

  .custom-card::before {
      content: "";
      display: block;
      height: 1px;
      /* Ajuste para melhor visualização */
      width: 40%;
      /* Ajustado para melhor proporção */
      background-color: #E9B418;
      z-index: 99999999999;
      position: absolute;
      top: 0;
      right: 4%;
      border-top-left-radius: 100px;
  }

  #form-pre-inscricao {
      width: 92% !important;
      border: 1px solid #8BC34A;
      padding: 4%;
      border-color: #dcffc9;
      border-width: 0.5px;
      border-style: solid;
      border-radius: 37px;
      filter: drop-shadow(11.98172378540039px 67.95173645019531px 43px rgba(115, 115, 115, 0.33));
      background: rgba(107, 130, 95, 0.57);
      margin-left: 2%;
  }

  .alert-success {
      color: #ffff;
      background-color: #8BC34A;
      border-color: #CDDC39;
  }

  .select2-container--default .select2-selection--multiple {
      background-color: #c5e1ba !important;
      border: 1px solid #354d36 !important;
      border-radius: 18px !important;
      cursor: text;
  }

  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #697e5e !important;
      border: 1px solid #697e5e !important;
  }

  /* Área de seleção */
  .select2-container--default .select2-selection--multiple {
      background-color: #fff;
      border: 1px solid #697e5e;
      border-radius: 4px;
      min-height: 38px;
      color: #697e5e;
  }

  /* Texto dentro do select */
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
      color: #697e5e;
      padding: 4px 8px;
  }

  /* Tags (itens selecionados) */
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
      background-color: #697e5e;
      border: none;
      color: #fff;
      padding: 3px 10px;
      margin-top: 4px;
      border-radius: 3px;
  }

  /* Ícone de "x" nas tags */
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
      color: #fff;
      margin-right: 4px;
  }

  /* Hover no "x" */
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #ccc;
  }

  /* Dropdown de opções */
  .select2-container--default .select2-results__option {
      color: #697e5e;
  }

  /* Opção selecionada no dropdown */
  .select2-container--default .select2-results__option--highlighted[aria-selected] {
      background-color: #697e5e;
      color: #fff;
  }

  #overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      color: #fff;
      font-size: 20px;
  }

  .spinner {
      border: 4px solid rgba(255, 255, 255, 0.3);
      border-top: 4px solid #fff;
      border-radius: 50%;
      width: 40px;
      height: 40px;
      animation: spin 1s linear infinite;
      margin-bottom: 15px;
  }

  @keyframes spin {
      0% {
          transform: rotate(0deg);
      }

      100% {
          transform: rotate(360deg);
      }
  }


  @media (max-width: 575.98px) {
      .image-container img {
          display: none !important;
      }

      .card {
          margin-left: 0% !important;
          margin-top: 45% !important;
          width: 100% !important;
          height: auto !important;
      }

      #form-pre-inscricao {
          width: 100% !important;
          margin-left: 0% !important;
      }

      .img-sobreposta {
          position: absolute;
          z-index: 10;
          margin-top: -43%;
          width: 52%;
      }

      .o-que-oferece {
          margin-left: 2% !important;
      }

      .custom-card::before {
          content: "";
          display: block;
          height: 1px;
          /* Ajuste para melhor visualização */
          width: 30%;
          /* Ajustado para melhor proporção */
          background-color: #E9B418;
          z-index: 99999999999;
          position: absolute;
          top: 0;
          right: 4%;
          border-top-left-radius: 100px;
      }

      .footer .container {
          display: block !important;
          text-align: center;
      }

      .social-icons {
          text-align: center;
          margin-top: 2%;
          margin-bottom: 2%;
      }

      .logo {
          display: block !important;
          margin-left: 23%;
      }

      .formulario {
          margin-top: 10% !important;
      }

  }

  .o-que-oferece p {
      font-size: 13px !important;
  }


  @media (min-width: 576px) and (max-width: 767.98px) {
      .image-container img {
          display: none;
      }

      .card {
          margin-left: -1% !important;
          margin-top: 90% !important;
          width: 200% !important;
          height: auto;
      }

      .img-sobreposta {
          position: absolute;
          margin-left: -1%;
          width: 48%;
      }

      #info-complementar {
          margin-top: -3% !important;
          padding: 3% !important;
      }

      #form-pre-inscricao {
          width: 100% !important;
          margin-left: 0% !important;
      }

      .o-que-oferece {
          margin-left: 2% !important;
      }

      .footer .container {
          display: block !important;
          text-align: center;
      }

      .social-icons {
          text-align: center;
          margin-top: 3%;
          margin-bottom: 3%;
      }

      .logo {
          display: block !important;
          margin-left: 23%;
      }
  }


  @media (min-width: 768px) and (max-width: 991.98px) {

      .img-sobreposta {
          margin-top: -27%;
          width: 33%;
      }

      .image-container img {
          display: none !important;
      }

      .card {
          width: 100% !important;
          height: auto;
          margin-left: 0% !important;
          margin-top: 26% !important;
      }

      .col-md-6 {
          display: contents;
      }

      .col-md-3 {
          flex: 0 0 100%;
          max-width: 100%;
      }

      .formulario {
          flex: 0 0 100%;
          max-width: 100%;
          margin-top: 10% !important;
      }

      #form-pre-inscricao {
          width: 100% !important;
          margin-left: 0% !important;
      }

      .o-que-oferece {
          margin-left: 0% !important;
      }

      .custom-card::before {
          content: "";
          display: block;
          height: 1px;
          /* Ajuste para melhor visualização */
          width: 57%;
          /* Ajustado para melhor proporção */
          background-color: #E9B418;
          z-index: 99999999999;
          position: absolute;
          top: 0;
          right: 4%;
          border-top-left-radius: 100px;
      }


  }

  @media (min-width: 992px) and (max-width: 1199.98px) {
      .card {
          width: 100%;
          height: auto;
          margin-top: 36% !important;
      }

      .img-sobreposta {
          margin-top: -33%;
          width: 40%;
      }

      .custom-card::before {
          width: 46%;
      }

      #info-complementar {
          margin-top: 3% !important;
      }

      .image-container img {
          width: 100%;
      }

  }


  @media (min-width: 1200px) and (max-width: 1400px) {
      .o-que-oferece {
          margin-left: 17% !important;
          margin-top: 25%;
      }

      .card {
          margin-top: 37% !important;
      }

      #info-complementar {
          margin-top: -3% !important;
      }

      .img-sobreposta {
          margin-top: -43% !important;

      }

      .custom-card::before {
          width: 33%;
      }



  }

  @media (min-width: 1401px) and (max-width: 1900px) {
      .o-que-oferece {
          margin-left: 17% !important;
          margin-top: 25%;
      }

      .card {
          margin-top: 37% !important;
      }

      #info-complementar {
          margin-top: -3% !important;
      }

      .img-sobreposta {
          margin-top: -38% !important;

      }
  }