@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root{
    
    /* COR DA PÁGINA DE FUNDO 2028*/
    --body-background: #1c1c1c;

    /* =========================COD 6 =======#0656ec; BOTOES TOPO DIREITO 2025*/
    --btn-um-background: #060f23;
    --btn-um-color: #fff;
    --btn-um-color-hover: #fff;

    --btn-mercadopago-background: #1f76f8;
    --btn-mercadopago-background-hover: #2969c8;
    --btn-mercadopago-color: #fff;
    --btn-stripe-background: #8083e8;
    --btn-sripe-background-hover: #6c65f8;
    --btn-sripe-color: #fff;

    /*............................................................CORES NAVBAR  barra topo #bd0b0b; - 2026*/
   /* ...................................................................--navbar-background:#292e39;- 2026*/ 
    --navbar-background:#292e39;
    --navbar-btn: #0656ec;
    --navbar-btn-hover: #0656ec;
    --navbar-btn-text: #fff;
    --navbar-btn-text-hover: #000;
    

    /* NAVBAR DROPDOWN IDIOMAS */
    --dropdown-idiomas-background: #0656ec;
    --dropdown-idiomas-background-hover: #000;
    --dropdown-idiomas-color: #fff;


    /* ............................................................CORES SIDEBAR lateral #0e555b - 2026 */
     /* ..........................................cor da letra do menu lateral esquerdo #73a5d6000 - cod 11 - 2026 */
         /* ...................................................................cor do texto--sidebar-text-color-hover: #73a5d6; 2027 */
    --sidebar-background: #212529;
    --sidebar-text-color: #fff;
    --sidebar-text-color-hover: #73a5d6;
    --sidebar-btn-color: #0e555b;
    --sidebar-text-info-color: #fff;
    
     /*...............................................sidebar top backgroung - 2027 */
    --sidebar-top-background: linear-gradient(
180deg,
  hsl(186, 74%, 14%) 0%,   /* mais escuro */
  hsl(186, 74%, 15%) 8%,
  hsl(186, 74%, 17%) 17%,
  hsl(186, 74%, 19%) 25%,
  hsl(186, 74%, 21%) 33%,
  hsl(186, 74%, 23%) 42%,
  hsl(186, 74%, 25%) 50%,
  hsl(186, 74%, 27%) 58%,
  hsl(186, 74%, 29%) 67%,
  hsl(186, 74%, 31%) 75%,
  hsl(186, 74%, 33%) 83%,
  hsl(186, 74%, 35%) 92%,
  hsl(186, 74%, 37%) 100%
);

    /* PAGE CONTENT */
    --page-opacity-background : #73a5d6;

    /* ..............................................CAROUSEL CATEGORIAS HOME ICONE #0656ec - 2026*/
    --categorias-home-icon: #0656ec;
    
      /* ....................................................FUNDO BARRA DE MENU HOME botao 2026 - 2027*/
    --categorias-home-background: linear-gradient(
180deg,
  hsl(186, 74%, 37%) 0%,   /* mais claro */
  hsl(186, 74%, 35%) 8%,
  hsl(186, 74%, 33%) 17%,
  hsl(186, 74%, 31%) 25%,
  hsl(186, 74%, 29%) 33%,
  hsl(186, 74%, 27%) 42%,
  hsl(186, 74%, 25%) 50%,
  hsl(186, 74%, 23%) 58%,
  hsl(186, 74%, 21%) 67%,
  hsl(186, 74%, 19%) 75%,
  hsl(186, 74%, 17%) 83%,
  hsl(186, 74%, 15%) 92%,
  hsl(186, 74%, 14%) 100%
);
      --categorias-home-background-hover: linear-gradient(
         180deg,
  hsl(210 8% 18%) 0%,
  hsl(210 8% 16%) 8%,
  hsl(210 8% 14%) 17%,
  hsl(210 8% 12%) 25%,
  hsl(210 8% 10%) 33%,
  hsl(210 8% 8%) 42%,
  hsl(210 8% 6%) 50%,
  hsl(210 8% 8%) 58%,
  hsl(210 8% 10%) 67%,
  hsl(210 8% 12%) 75%,
  hsl(210 8% 14%) 83%,
  hsl(210 8% 16%) 92%,
  hsl(210 8% 18%) 100%
      );

    /* PAGINA DE CATEGORIAS 2028 */
      --categorias-page-list-background: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
      );
      --categorias-page-list-hover: linear-gradient(
         180deg,
  hsl(210 8% 25%) 0%,
  hsl(210 8% 24%) 8%,
  hsl(210 8% 22%) 17%,
  hsl(210 8% 20%) 25%,
  hsl(210 8% 18%) 33%,
  hsl(210 8% 16.5%) 42%,
  hsl(210 8% 15%) 50%,
  hsl(210 8% 14%) 58%,
  hsl(210 8% 13%) 67%,
  hsl(210 8% 12%) 75%,
  hsl(210 8% 11%) 83%,
  hsl(210 8% 10%) 92%,
  hsl(210 8% 9%) 100%
      );
      --categorias-page-list-color: #fff;
      --categorias-count-background: #0656ec;
      --categorias-count-color: #fff;
      

    /* COD 4 -............................................. CATEGORIAS INFO CURSOS HOME 2026 - 2026*/  
    --categorias-home-cursos-top-info:  linear-gradient(
  180deg,
  hsl(186, 74%, 37%) 0%,   /* mais claro */
  hsl(186, 74%, 35%) 8%,
  hsl(186, 74%, 33%) 17%,
  hsl(186, 74%, 31%) 25%,
  hsl(186, 74%, 29%) 33%,
  hsl(186, 74%, 27%) 42%,
  hsl(186, 74%, 25%) 50%,
  hsl(186, 74%, 23%) 58%,
  hsl(186, 74%, 21%) 67%,
  hsl(186, 74%, 19%) 75%,
  hsl(186, 74%, 17%) 83%,
  hsl(186, 74%, 15%) 92%,
  hsl(186, 74%, 14%) 100%
);
    
    --categorias-home-cursos-top-info-color: #fff;
    --categorias-home-cursos-top-arrows-background: #0656ec;
    --categorias-home-cursos-top-arrows-color: #fff;
    --curso-lista-carga-horaria: #0656ec;
    --curso-lista-carga-horaria-color: #fff;
    --curso-lista-preco-color: #fff;
    

    /* CURSOS LISTAR --curso-lista-background-hover 2026-2026 */
    --curso-lista-color: #fff;
    --curso-lista-color-unlock: #0656ec;
    --curso-lista-color-lock: #ffcc00;
    --curso-lista-background: #ffcc00;
    --curso-lista-background-hover: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );

    /* CURSOS LISTAR CATEGORIAS LATERAL 2025---2027*/
    --categorias-lateral-background: linear-gradient(
   180deg,
  hsl(210 8% 25%) 0%,
  hsl(210 8% 24%) 8%,
  hsl(210 8% 22%) 17%,
  hsl(210 8% 20%) 25%,
  hsl(210 8% 18%) 33%,
  hsl(210 8% 16.5%) 42%,
  hsl(210 8% 15%) 50%,
  hsl(210 8% 14%) 58%,
  hsl(210 8% 13%) 67%,
  hsl(210 8% 12%) 75%,
  hsl(210 8% 11%) 83%,
  hsl(210 8% 10%) 92%,
  hsl(210 8% 9%) 100%
);

      --categorias-lateral-hover: linear-gradient(
        180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
      );

    --categorias-lateral-color: #fff;
    --categorias-lateral-color-hover: #73a5d6;
    --categorias-lateral-icon: #ffffff;
    --categorias-lateral-border-bottom: #0656ec;

    /* ..........................CARD PAGE TITLE 2026 -cor da letra enu lateral loja -  2027*/ 
    --card-page-title-background: linear-gradient(
      180deg,
  hsl(210 8% 25%) 0%,
  hsl(210 8% 24%) 8%,
  hsl(210 8% 22%) 17%,
  hsl(210 8% 20%) 25%,
  hsl(210 8% 18%) 33%,
  hsl(210 8% 16.5%) 42%,
  hsl(210 8% 15%) 50%,
  hsl(210 8% 14%) 58%,
  hsl(210 8% 13%) 67%,
  hsl(210 8% 12%) 75%,
  hsl(210 8% 11%) 83%,
  hsl(210 8% 10%) 92%,
  hsl(210 8% 9%) 100%

  );
  --card-page-title-color: #fff;

  /* CARD DASHBOARD */
  --card-dashboard-background: linear-gradient(
    180deg,
  hsl(210 10% 28%) 0%,
  hsl(210 10% 26%) 8%,
  hsl(210 10% 24%) 17%,
  hsl(210 10% 22%) 25%,
  hsl(210 10% 20%) 33%,
  hsl(210 10% 18%) 42%,
  hsl(210 10% 16%) 50%,
  hsl(210 10% 18%) 58%,
  hsl(210 10% 20%) 67%,
  hsl(210 10% 22%) 75%,
  hsl(210 10% 24%) 83%,
  hsl(210 10% 26%) 92%,
  hsl(210 10% 28%) 100%
  );
  
   /* icone admin - 2026 - 2026*/
  --card-dashboard-icon: #fff;
  --card-dashboard-color: #fff;
    /* TABLE 2025 icone admin azul escuro - 2026*/
  --card-dashboard-right-background: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );

    /* TABLE 2025 fundo capa admin*/
    --table-background:  linear-gradient(
        180deg,
  hsl(210 8% 18%) 0%,
  hsl(210 8% 16%) 8%,
  hsl(210 8% 14%) 17%,
  hsl(210 8% 12%) 25%,
  hsl(210 8% 10%) 33%,
  hsl(210 8% 8%) 42%,
  hsl(210 8% 6%) 50%,
  hsl(210 8% 8%) 58%,
  hsl(210 8% 10%) 67%,
  hsl(210 8% 12%) 75%,
  hsl(210 8% 14%) 83%,
  hsl(210 8% 16%) 92%,
  hsl(210 8% 18%) 100%
    );
    --table-th-color: #fff;
    --table-td-color: #fff;
    --table-img-border-color: #0656ec;
    --table-td-color-hover: #0656ec;
    --table-td-info-footer: #fff;
    --table-buttons-pagination-background: #0656ec;
    --table-buttons-pagination-border: #0656ec;
    --table-buttons-pagination-color: #fff;
    --table-buttons-pagination-color-hover: #f72382;


    /* USER LOGIN / REGISTER / RECOVER PASSWORD / RESET PASSWORD 2025 card 2027  */
    --card-background: linear-gradient(
           180deg,
  hsl(210 8% 18%) 0%,
  hsl(210 8% 16%) 8%,
  hsl(210 8% 14%) 17%,
  hsl(210 8% 12%) 25%,
  hsl(210 8% 10%) 33%,
  hsl(210 8% 8%) 42%,
  hsl(210 8% 6%) 50%,
  hsl(210 8% 8%) 58%,
  hsl(210 8% 10%) 67%,
  hsl(210 8% 12%) 75%,
  hsl(210 8% 14%) 83%,
  hsl(210 8% 16%) 92%,
  hsl(210 8% 18%) 100% 
    );
    --card-text-color: #fff;
    --card-button: #0656ec; 
    --card-button-hover: #0656ec;
    --card-button-text: #fff;
    --card-button-text-hover: #000;
    --card-link: #fff;
    --card-link-hover: #fff;

    /* MODAL */
    --modal-background-color: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );
    --modal-text-color: #fff;
    --modal-botao-um-background: #888686;
    --modal-botao-um-color: #fff;
    --modal-botao-um-color-hover: #171717;
    --modal-border-color: rgba(23, 23, 23, 0.3);
    --moda-image-add-carousel-border: #0656ec;

    /* ACCORDION */
    --accordion-second-background: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );
    --accordion-second-color: #fff;
    --accordion-second-border-color: #b00e59;
    --accordion-second-accordion-body: #f8d4e4;


    /* PAINEL ADMIN CURSO INFORMAÇÕES */
    --paine-admin-curso-informacoes-text-one: #fff;
    --paine-admin-curso-informacoes-text-two: #171717;
    --paine-admin-curso-informacoes-img-border: #0656ec;
    --paine-admin-curso-list-group-one: #f8d4e4;
    --paine-admin-curso-list-group-one-hover: #0656ec;

    /* PAINEL ADMIN CURSO ADD EDITAR */
    --curso-add-editar-list-group-color: #fff;
    --curso-add-editar-list-group-border: rgba(245, 7, 114, 0.8);
    --curso-add-editar-list-group-color-hover: #0656ec;

    /* INPUT SELECT LABEL RADIO CHECKBOX */
    --label-color: #fff;
    --input-text-color: #171717;
    --input-border: #ffff;
    --input-border-focus: #0656ec;
    --input-group-text-background: #0656ec;
    --input-group-text-color: #fff;
    --input-group-text-color-hover: #000;
    --input-form-check-radio-background: #000;
    --input-form-check-radio-background-selected: #0656ec;
    --gerar-senha-color: #fff; 
    --gerar-senha-background: #0656ec; 


    /* NAVTABS */
    --navtabs-border-bottom-color: #c3065b;

    /* PAINEL ADMIN ADD EDITAR ADMIN */
    --image-avatar-change-border: #0656ec; 
    --painel-admin-add-editar-admin-color-p: #fff; 

    /* ADMINISTRADOR PERFIL */
    --administrador-perfil-text-color: #fff;
    --administrador-perfil-avatar-border: #0656ec;
    --administrador-perfil-list-group-color: #fff;
    --administrador-perfil-list-group-border: rgba(245, 7, 114, 0.8);
    --administrador-perfil-list-group-color-hover: #0656ec;

    /* ALUNO PERFIL PAGE */
    --aluno-perfil-page-text-color: #fff;

    /* PAINEL ADMIN ALUNO PERFIL ADD EDITAR*/
    --paine-admin-aluno-add-editar-text: #fff;

    /* PAINEL ADMIN ALUNO CURSOS*/
    --painel-admim-aluno-cursos-text: #fff;
    --painel-admim-aluno-cursos-list-group-color: #fff;
    --painel-admim-aluno-cursos-list-group-border: rgba(245, 7, 114, 0.8);
    --painel-admim-aluno-cursos-list-group-color-hover: #0656ec;

    /* PAINEL ADMIN ALUNOS ADD EDITAR */
    --painel-admim-alunos-add-editar-text: #fff;

    /* PAINEL ADMIN ALUNO PREMIUM */
    --painel-admim-alunos-premium-text: #fff;

    /* SITE INFORMACOES */
    --site-informacoes-avatar-border: #0656ec;

    /* CURSO SINGLE PAGE*/
    --curso-single-right-color: #fff;
    --curso-single-right-color-icon-times: #fff;
    --curso-single-right-color-icon-check: #fff;
    --curso-single-right-color-icon-times-box: #ff0000;
    --curso-single-right-color-icon-check-box: #0656ec;
    --curso-single-right-list-group-color: #fff;
    --curso-single-right-list-group-color-hover: #0656ec;
    --curso-single-right-list-group-background: transparent;
    --curso-single-right-list-group-border: rgba(245, 7, 114, 0.9);
    --curso-single-right-list-group-border-hover: #0656ec;
    --curso-single-right-img: #0656ec;
    --curso-single-right-img-background: #0656ec;

    --curso-single-left-iframe: #0656ec;
    --curso-single-left-iframe-background: #0656ec;
    --curso-single-left-info-color: #fff;
    --curso-single-left-info-color-icon: #0656ec;


    --curso-single-left-color: #fff;
    --curso-single-right-color-icon: #0656ec;
    --curso-single-left-list-group-color: #fff;
    --curso-single-right-list-group-color-hover: #0656ec;
    --curso-single-left-list-group-background: transparent;
    --curso-single-left-list-group-border: rgba(245, 7, 114, 0.9);
    --curso-single-left-list-group-border-hover: #0656ec;
    --curso-single-left-list-group-border-hover: #0656ec;
    --curso-single-left-list-group-color-hover: #0656ec;

    --curso-single-left-curso-single-info-h3: #fff;

    --curso-single-accordion-background: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );

    --curso-single-accordion-border-color: #b00e59;
    --curso-single-accordion-body: #f8d4e4;
    --curso-single-accordion-color: #fff;
    --curso-single-accordion-button-border: #b00e59;
    --curso-single-accordion-icon-lock: #b00e59;
    --curso-single-accordion-icon-lock-hover: #0656ec;
    --curso-single-accordion-icon-video: #b00e59;
    --curso-single-accordion-icon-video-hover: #0656ec;
    --curso-single-accordion-body-text: #b00e59;
    --curso-single-accordion-body-text-hover: #0656ec;

    /* ALUNO PERFIL PAGE */
    --aluno-perfil-page-h4-color: #fff;
    --aluno-perfil-page-list-group-color: #fff;
    --aluno-perfil-page-list-group-border: rgba(245, 7, 114, 0.8);
    --aluno-perfil-page-list-group-color-hover: #0656ec;

    /* PREMIUM PAGE */
    --premium-page-icon-top-background: #0656ec;
    --premium-page-icon-top-background-hover: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );

    --premium-page-icon-top-border: #fff;
    --premium-page-icon-top-color: #212529;
    --premium-page-premium-titulo-color: #fff;
    --premium-page-premium-preco-color: #fff;
    --premium-page-list-group-color: #fff;
    --premium-page-list-group-border: rgb(56 72 101 / 80%);
    --premium-page-badge-background: #0656ec;
    --premium-page-badge-color: #fff;
    --premium-page-badge-border: #fff;
    --premium-page-premium-ativo-info-color: #fff;

    /* CURSO PLAY PAGE */
    --curso-play-right-list-group-color: #fff;
    --curso-play-right-list-group-border-hover: #0656ec;
    --curso-play-right-list-group-background: transparent;
    --curso-play-right-color-icon: #0656ec;
    --curso-play-right-list-group-color-hover: #0656ec;
    --curso-play-comentario-list-color: #fff;
    --curso-play-comentario-list-data: #0656ec;
    --curso-play-modulo-bloqueado-background: linear-gradient(
      180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );;

    /* SWEET ALERT */
    --sweetalert-background: linear-gradient(
     180deg,
  hsl(220deg 40% 25%) 0%,
  hsl(220deg 42% 28%) 8%,
  hsl(220deg 44% 32%) 17%,
  hsl(220deg 46% 36%) 25%,
  hsl(220deg 48% 40%) 33%,
  hsl(220deg 50% 45%) 42%,
  hsl(220deg 52% 50%) 50%,
  hsl(220deg 50% 45%) 58%,
  hsl(220deg 48% 40%) 67%,
  hsl(220deg 46% 36%) 75%,
  hsl(220deg 44% 32%) 83%,
  hsl(220deg 42% 28%) 92%,
  hsl(220deg 40% 25%) 100%
    );    
    --sweetalert-btn-confirm-background: #0656ec;
    --sweetalert-btn-confirm-color: #fff;
    --sweetalert-btn-confirm-color-i: #fff;
    --sweetalert-text-color: #ffff;
    --sweetalert-icon-color: #fff;
    --sweetalert-transparent: transparent;
    
}