.carrusel {
       position: relative;
       width: 100%;
       max-width: 100%;
       padding: 2vh 0;
       overflow: hidden;

       height: 29rem;




       /* background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(233, 252, 255, 0.7));

    padding: 10px 20px !important;
    margin-top: 10px ;
    */

       padding: 10px 10px !important;
       margin: 50px 2px 20px 4px;
       /* margin-bottom: 50px; */
       backdrop-filter: blur(2px) saturate(200%);

       border-radius: 10px;
       border: 1px solid #fafafa;
       /* border: 1px solid #07d6ff; */
       text-decoration: none;
       box-shadow:
           0 10px 15px rgba(2, 215, 187, 0.3),
           inset 0 5px 5px rgba(2, 131, 191, 0.2);
           background: linear-gradient(90deg, rgba(213, 249, 255, 0.1), rgba(120, 191, 248, 0.1));
           /* background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(83, 112, 126, 0.5)); */


   }

   .slides-container {
       display: flex;
       transition: transform 0.5s ease-in-out;
       gap: 15px;
       padding: 0 5px;
       padding: 0 5px 15px;
       will-change: transform;

   }

   .slide {

       /* backdrop-filter: blur(30px) saturate(180%); */

       -webkit-backdrop-filter: blur(30px) saturate(180%);
       /* border: 2px solid rgba(173, 216, 230, 0.3); */
       outline: 1px solid rgba(255, 255, 255, 0.05);

       text-align: center;
       box-sizing: border-box;

       cursor: pointer;
       transform-style: preserve-3d;

       z-index: auto;

       transform: rotateY(-10deg) scale(0.5);
       transition: transform 0.5s ease, filter 0.5s ease, opacity 0.5s ease;
       /* opacity: 0.6; */
       filter: brightness(0.7);



       color: white;
       backdrop-filter: blur(10px);
       box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);

       height: 19em;
       width: 50px;


       min-height: 200px;
       max-height: 400px;
       min-width: 200px;
       max-width: 500px;

       border-radius: 25px;
       overflow: hidden;
       font-family: Arial, sans-serif;
       padding: 0px;
       margin: 0px;




       flex: 0 0 23%;
       /* height: 130px; */
       /* width: 130px; */
       max-width: 25%;
       max-height: 80vh !important;

       border-radius: 10px;
       overflow: hidden;
       background: white;
       box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
       transition: transform 0.3s ease;
       transform: scale(.95);



   }

   .slide img {
       width: 100%;

       display: block;
       height: 100%;
       object-fit: cover;
       /* recorta sin deformar */
       object-position: center;
       /* centra la imagen */
       display: block;

   }

   .slide.active {
       transform: scale(1.10);
       filter: brightness(1);
       z-index: 10;
       max-height: 80% !important;

   }

   .controles {
       position: absolute;
       top: 50%;
       width: 100%;
       display: flex;
       justify-content: space-between;
       transform: translateY(-50%);
       padding: 0 20px;
       /* pointer-events: none; */
       z-index: 9999;
   }

   .btn {
       background-color: rgba(0, 0, 0, 0.4);
       border: none;
       color: white;
       padding: 12px 16px;
       cursor: pointer;
       font-size: 22px;
       border-radius: 50%;
       transition: background 0.3s ease;
       pointer-events: all;
   }

   .btn:hover {
       background-color: rgba(0, 0, 0, 0.7);
   }

   .indicators {
       text-align: center;
       margin-top: 10px;

   }

   .indicator {
       display: inline-block;
       width: 12px;
       height: 12px;
       margin: 0 5px;
       background-color: #ccc;
       border-radius: 50%;
       cursor: pointer;
       transition: background-color 0.3s;
   }

   .indicator.active {
       background-color: #333;
   }




   .texto-superpuesto {
       position: absolute;
       bottom: 0;
       left: 0;
       width: 100%;
       padding: 15px;
       background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
       color: white;
   }


   .texto-degradado2 {
       font-size: 1.57rem;

       background: linear-gradient(100deg, #ffff, #c1c2c8);
       /* border-color: #00e0ff; */
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       /* Para navegadores que lo soporten */
       color: transparent;

       text-align: center;
       font-family: sans-serif;
       border-color: white !important;
       border: #ffffff !important;
       border-radius: 5px;
       /* font-family: Arial, Helvetica, sans-serif; */
       backdrop-filter: blur(5px) saturate(250%);
     
       /* margin-left: 3px;
       margin-right: 3px; */
       margin: 0 0 13px 0;
       padding-bottom: 5px; 
       font-size: 2.1rem;


       /* font-family: 'Oxanium'; */
       font-weight: 'Orbitron';
       font-family: 'Oxanium';
       font-family: 'Rajdhani';

       font-style: normal;
       font-weight: bold;
       font-style: normal;
       font-display: swap;

        display: inline-block;
       
   }

   .subtitulo {
       font-size: 1.2em;
       font-size: 1.3em;
       font-weight: 500;
       margin-left: 5px;
       margin-right: 5px;
       background: linear-gradient(90deg, #00e0ff, #35497c);
       background: linear-gradient(90deg, #ffa300, #ff6700);
       box-shadow:
           /* 0 3px 19px rgba(255, 245, 112, 0.9), */
           inset 0 13px 23px rgba(255, 252, 81, 0.7);
       border-radius: 5px;
       padding: 5px;
       font-family: 'Rajdhani';
       font-weight: 600;
       font-style: normal;
       font-display: swap;
   }

   .subtitulo2 {
       font-size: 1.2em;
       font-size: 1.3em;
       font-weight: 500;
       margin-left: 5px;
       margin-right: 5px;
       background: linear-gradient(90deg, #00e0ff, #35497c);
       box-shadow:
           /* 0 3px 19px rgba(255, 245, 112, 0.9), */
           inset 0 13px 23px rgba(82, 255, 232, 0.7);
       /* background: linear-gradient(90deg, #ffa300, #ff6700); */
       border-radius: 5px;
       padding: 5px;
       font-family: 'Rajdhani';
       font-weight: 600;
       font-style: normal;
       font-display: swap;

   }




   .texto-degradado3 {
       /* height: 50px !important; */
       font-size: 1.25rem !important;
       font-weight: bold;
       /* background: linear-gradient(90deg, #ffa341, #02487b,  #04f0e5); */
       /* background: linear-gradient(90deg, #ffa341, #ffa341, #02487b, #04a9f0, #04a9f0); */
       background: linear-gradient(45deg, #fff, #ffeac5, #ffff);
       background: linear-gradient(45deg, #c1c2c8, #ffff);

       /* background: linear-gradient(95deg, #0652cc, #00e0ff); */
       border-color: #00e0ff;
       /* background: linear-gradient(90deg, #04a9f0, #02487b, #04a9f0); */
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       /* Para navegadores que lo soporten */
       color: transparent;
       /* Fallback */
       /* text-align: left; */
       text-align: center;
       /* margin-top: 20vh; */
       font-family: sans-serif;
       border-color: white !important;
       border: #ffffff !important;
       border-radius: 10px;
       font-family: Arial, Helvetica, sans-serif;
       /* filter 0.4s ease; */
       backdrop-filter: blur(3px) saturate(200%);
       /* border: px solid rgba(255, 255, 255, 0.5);  */
   }


   .texto-degradado {
       /* height: 50px !important; */
       font-size: 30px;
       font-weight: bold;
       /* background: linear-gradient(90deg, #ffa341, #02487b,  #04f0e5); */
       /* background: linear-gradient(90deg, #ffa341, #ffa341, #02487b, #04a9f0, #04a9f0); */
       background: linear-gradient(90deg, #fa4b00, #ed7e0f, #f5a017, #f0a904, #ff5804);
       /* background: linear-gradient(90deg, #04a9f0, #02487b, #04a9f0); */
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       /* Para navegadores que lo soporten */
       color: transparent;
       /* Fallback */
       text-align: center;
       /* margin-top: 20vh; */
       font-family: sans-serif;
   }

   .texto-degradado2Ant {
       /* height: 50px !important; */
       font-size: 1.5rem;
       font-weight: bold;
       /* background: linear-gradient(90deg, #ffa341, #02487b,  #04f0e5); */
       /* background: linear-gradient(90deg, #ffa341, #ffa341, #02487b, #04a9f0, #04a9f0); */
       background: linear-gradient(90deg, #ffffff, #ffa341, #0b99ff, #04a9f0, #ffffff);
       background: linear-gradient(90deg, #0f6fed, #17a7f5, #62c4f9, #17a7f5, #0f6fed);
       background: linear-gradient(90deg, #afdef7, #f4f8fa, #b7e1f8);
       /* background: linear-gradient(45deg,c1c2c8, #fff, #fff); */
       /* background: linear-gradient(90deg, #04a9f0, #02487b, #04a9f0); */
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       background-clip: text;
       /* Para navegadores que lo soporten */
       color: transparent;
       /* Fallback */
       text-align: center;
       /* margin-top: 20vh; */
       font-family: sans-serif;



       /* font-family: 'Helvetica Neue', sans-serif; */
       font-family: 'Rajdhani';
       font-weight: bold;
       font-style: normal;
       font-size: 2.5rem;
       font-weight: 1500;
       color: #222;
       opacity: 0;
       transform: translateX(-40px);
       filter: blur(8px);
       animation: animarTexto 1.8s ease-out forwards;
       animation-delay: 0.2s;

   }



   @media (max-width: 1900px) {
       .slide {
           flex: 0 0 30%;
           max-width: 35%;
       }

       .subtitulo {
           font-size: 0.9rem;
           /* background-color: rgba(255, 0, 0, 0.642); */
           /* background: linear-gradient(90deg, #ffffff, #ffa300);
                background: linear-gradient(90deg, #d8d8d8, #ffa300);
                background: linear-gradient(90deg, #00e0ff, #35497c); */

           /* solo para ver si se aplica */
           backdrop-filter: blur(15px) saturate(200%);
       }       .subtitulo2 {
           font-size: 0.9rem;
           /* background-color: rgba(255, 0, 0, 0.642); */
           /* background: linear-gradient(90deg, #ffffff, #ffa300);
                background: linear-gradient(90deg, #d8d8d8, #ffa300);
                background: linear-gradient(90deg, #00e0ff, #35497c); */

           /* solo para ver si se aplica */
           backdrop-filter: blur(15px) saturate(200%);
       }

       .texto-degradado2 {
           font-size: 1.7rem;
       }

       .texto-superpuesto {
           padding: 3px;
       }

   }

   @media (max-width: 1300px) {
       .slide {
           flex: 0 0 45%;
           max-width: 45%;
       }

       .subtitulo {
           font-size: 0.9rem;
           /* background: linear-gradient(90deg, #0652cc, #13c5a7, #35497c); */

           backdrop-filter: blur(15px) saturate(200%);
       }
       .subtitulo2 {
           font-size: 0.9rem;
           /* background: linear-gradient(90deg, #0652cc, #13c5a7, #35497c); */

           backdrop-filter: blur(15px) saturate(200%);
       }

       .texto-degradado2 {
           font-size: 1.5rem;
       }

       .texto-superpuesto {

           padding: 3px;

       }

       .texto-degradado2Ant {
           font-size: 2.1em;
       }

   }

   @media (max-width: 800px) {


       .texto-degradado2 {
           font-size: 1rem;
       }

       .subtitulo {
           font-size: 0.6rem;

       }    .subtitulo2 {
           font-size: 0.6rem;

       }

       .texto-degradado2Ant {
           font-size: 1.9em;
       }
   }



   @media (max-width: 900px) {

       .subtitulo {
           font-size: 0.7rem;
           backdrop-filter: blur(15px) saturate(200%);

       }       .subtitulo2 {
           font-size: 0.7rem;
           backdrop-filter: blur(15px) saturate(200%);

       }

       .texto-degradado2 {
           font-size: 1.4rem;
       }

       .texto-superpuesto {
           padding: 2px;

       }

       .slide {
           flex: 0 0 30%;
           max-width: 35%;
           height: 15em;
       }

       .indicator-container {
           bottom: 20px;
           gap: 5px;
       }

   }

   @media (max-width: 700px) {
       .indicator-container {
           bottom: 20px;
           gap: 5px;
       }

       .indicator-dot {
           width: 8px;
           height: 8px;
       }

       .indicator-dot.active {
           transform: scale(1.2);
       }

       .pral-div {
           /* ajusta la altura en horizontal si necesitas */
           /* height: 35vh; */

       }

       #contaner-card1 {
           top: 22vh !important;
       }

       .texto-degradado2 {
           font-size: 1.1rem;
       }

       /* .card-title-svg{
        opacity: 0;
       } */
   }

   @media (max-height: 1100px) {

       .carrusel {
           height: 28em;
           margin: 45px 2px 18px 4px;
       }
   }

   @media (max-height: 800px) {
       .slide {
           flex: 0 0 18%;
           max-width: 18%;
           height: 4em;
       }

       .slides-container {
           gap: 11px;

       }

       .subtitulo {
           font-size: 0.65rem;
       }       .subtitulo2 {
           font-size: 0.65rem;
       }

       .texto-degradado2 {
           font-size: 1rem;
       }

       .carrusel {
           height: 20rem;
           margin: 40px 2px 16px 4px;
       }

              .texto-degradado2Ant {
           font-size: 1.9em;
       }
   }

   @media (max-height: 500px) {
       .slide {
           flex: 0 0 18%;
           max-width: 18%;
           height: 4em;
       }

       .slides-container {
           gap: 11px;

       }

       .subtitulo {
           font-size: 0.65rem;
       }       .subtitulo2 {
           font-size: 0.65rem;
       }

       .texto-degradado2 {
           font-size: 1rem;
       }

       .carrusel {
           height: 19rem;
           margin: 5px 2px 10px 4px;
       }

   }



   .slides-container,
   .slide {
       user-select: none;
       -webkit-user-drag: none;
       -webkit-user-select: none;
       -ms-user-select: none;
   }

   /* @media(max-height: ) */
   .span1 {
       bottom: 0;
       left: -200;
       width: 200%;
       height: 6px;
       border-radius: 50px;
       /* opacity: 0; */
       position: absolute;
       /* o fixed, si es necesario */
       /* background: linear-gradient(90deg, transparent, rgb(243, 90, 2), rgb(243, 118, 2)); */
       /* background: linear-gradient(90deg, transparent, rgb(243, 58, 2), rgb(243, 118, 2), rgb(243, 199, 2), rgb(243, 118, 2)); */
       /* background: linear-gradient(90deg, transparent, rgb(221, 241, 241)); */
       /* background: linear-gradient(90deg, transparent, 0 0 3px rgb(133, 237, 255),
               0 0 20px rgb(248, 248, 248));*/
       background: linear-gradient(90deg, transparent, 0 0 3px rgb(241, 9, 9),
               0 0 20px rgb(238, 80, 6));
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), rgb(0, 224, 255));
       /* animation: animate1 1s linear infinite; */
       animation: animateH1 14s linear forwards;

   }

   @keyframes animateH1 {
       0% {
           left: -200%;
           opacity: 1;
       }

       10% {
           left: 1;
       }

       50% {
           left: 150%;
           opacity: 1;
       }

       100% {
           left: 100%;
           opacity: 0;
       }
   }
















   .nav-button {
       position: absolute;
       top: 50%;
       transform: translateY(-50%);

       width: 40px;
       height: 40px;
       background: rgba(255, 255, 255, 0.7);
       background: rgba(4, 163, 168, 0.7);
       background: linear-gradient(270deg, transparent, rgb(6, 82, 204), rgb(0, 224, 255));

       border: none;
       border-radius: 50%;
       color: white;
       /* color: rgb(3, 62, 97); */
       font-size: 20px;
       cursor: pointer;
       z-index: 1000;
       transition: background 0.3s;
   }

   #contaner-card1 {
       top: 5vh !important;
   }

   .nav-button:hover {
       background: rgba(116, 178, 239, 0.9);

   }

   .nav-button.left {
       left: -10px;
   }

   .nav-button.right {
       right: -20px;
   }

   .indicator-container {
       position: absolute;
       bottom: 5px;
       left: 50%;
       transform: translateX(-50%);
       display: flex;
       gap: 12px;
       z-index: 1001;

       /* background: linear-gradient(90deg, transparent, rgb(5, 167, 196,0.5), rgb(2, 135, 243,0.5), rgb(2, 187, 243,0.5), rgb(10, 196, 243,0.7)); */
       border-radius: 20px;
   }

   .indicator-dot {
       width: 13px;
       height: 13px;
       border-radius: 50%;
       background: rgba(255, 255, 255, 0.5);

       /* background: linear-gradient(180deg, rgb(5, 167, 196,0.5), rgb(2, 135, 243,0.5), rgb(2, 187, 243,0.5), rgb(10, 196, 243,0.7));
           background: linear-gradient(270deg, rgb(5, 167, 196),rgb(151, 149, 149)); */

       cursor: pointer;
       transition: transform 0.3s, background 0.3s;
   }

   .indicator-dot.active {
       background: white;
       transform: scale(1.4);


   }







   .slider-card img {
       width: 100%;
       height: 60%;
       /* height: 28vh; */
       /* height: 100px; */
       object-fit: cover;
       border-bottom: 1px solid #ddd;
   }



   /* Animación personalizada */
   @keyframes animarTexto {
       0% {
           opacity: 0;
           transform: translateX(-40px);
           filter: blur(8px);
       }

       60% {
           opacity: 0.8;
           transform: translateX(10px);
           filter: blur(2px);
       }

       100% {
           opacity: 1;
           transform: translateX(0);
           filter: blur(0);
       }
   }




   .card-title-svg {

       display: flex;
       width: 100%;

       /* min-width: 130px; */
       /* max-width: 283px; */

       height: 50px;

       -webkit-backdrop-filter: blur(12px);

       border-radius: 10px;

       padding: 0px;


       text-align: center;
       justify-content: center;
       align-items: center;



       background: linear-gradient(to bottom right,
               rgba(24, 115, 163, 0.5),
               rgba(12, 137, 141, 0.5));

       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), rgb(0, 224, 255));


       /* opacity: 0.9; */
       backdrop-filter: blur(15px) saturate(300%);


       transform: translateY(-50%);


       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(0, 224, 255), transparent);
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(0, 224, 255), transparent, rgb(6, 82, 204), transparent);
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent);

       /* margin-top: 14vh; */
       margin-top: 30px;




       /* padding: 10px 20px !important; */
       /* margin-top: 10px ; */
       box-shadow:
           0 10px 15px rgba(110, 255, 236, 0.3),
           inset 0 5px 5px rgba(72, 197, 255, 0.2);
       /* border-color: #000048; */
       backdrop-filter: blur(12px) saturate(150%);

       /* border-radius: 10px; */
       /* border: 1px solid #07d6ff; */
       text-decoration: none;

       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(219, 251, 255, 0.7));
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent);

       background: linear-gradient(90deg, #00e0ff, #35497c);
       background: linear-gradient(90deg, #ffa300, #ff6700);
       background: linear-gradient(90deg, #000000, #35497c, #35497c);
       background: linear-gradient(90deg, #1a243d, #35497c, #1a243d);
       box-shadow:
           /* 0 7px 10px rgba(112, 191, 255, 0.9), */
           inset 0 15px 25px rgba(4, 85, 235, 0.7);

   }

   .card-title-img {
       object-fit: cover;


       width: 89%;
       width: 80%;
       height: 85%;
       padding: 10px;
       border-radius: 12px;

       background: linear-gradient(to bottom right, transparent,
               rgba(53, 73, 124, 0.8),
               rgba(0, 0, 72, 0.9));

       /* box-shadow: 0 5px 22px 10px rgba(251, 251, 252, 0.8) !important; */
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(90px);
       border: 1px solid rgba(255, 255, 255, 0.78);
       display: flex;
       justify-content: center;
       align-items: center;

       /* backdrop-filter: blur(5px) saturate(150%);  */





       /* padding: 10px 20px !important; */
       /* margin-top: 10px ; */
       box-shadow:
           0 10px 15px rgba(112, 255, 236, 0.3),
           inset 0 5px 5px rgba(81, 200, 255, 0.2);
       /* border-color: #000048; */
       backdrop-filter: blur(15px) saturate(150%);

       border-radius: 10px;
       /* border: 1px solid #07d6ff; */
       text-decoration: none;
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(217, 251, 255, 0.7));
       background: linear-gradient(90deg, #00e0ff, #35497c);
       /* background: linear-gradient(90deg, #ffa300, #ff6700); */
       background: linear-gradient(90deg, #1a243d, #35497c, #1a243d);
       box-shadow:
           0 7px 10px rgba(112, 191, 255, 0.9),
           inset 0 13px 23px rgba(81, 249, 255, 0.7);
       box-shadow:
           0 5px 13px rgba(81, 69, 255, 0.9),
           inset 0 15px 25px rgba(41, 116, 255, 0.7);
       /* box-shadow:
        0 3px 19px rgba(255, 245, 112, 0.9),
        inset 0 13px 23px rgba(255, 252, 81, 0.7); */

   }

   .card-title-svg2 {

       display: flex;
       width: 100%;

       /* min-width: 130px; */
       /* max-width: 283px; */

       height: 50px;

       -webkit-backdrop-filter: blur(12px);

       border-radius: 10px;

       padding: 0px;


       text-align: center;
       justify-content: center;
       align-items: center;



       background: linear-gradient(to bottom right,
               rgba(24, 115, 163, 0.5),
               rgba(12, 137, 141, 0.5));

       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), rgb(0, 224, 255));


       /* opacity: 0.9; */
       backdrop-filter: blur(15px) saturate(300%);


       transform: translateY(-50%);


       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(0, 224, 255), transparent);
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(0, 224, 255), transparent, rgb(6, 82, 204), transparent);
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent);


       /* margin-top: 14vh; */
       margin-top: 30px;




       /* padding: 10px 20px !important; */
       /* margin-top: 10px ; */
       box-shadow:
           0 10px 15px rgba(110, 255, 236, 0.3),
           inset 0 5px 5px rgba(72, 197, 255, 0.2);
       /* border-color: #000048; */
       backdrop-filter: blur(12px) saturate(150%);

       /* border-radius: 10px; */
       /* border: 1px solid #07d6ff; */
       text-decoration: none;

       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(219, 251, 255, 0.7));
       background: linear-gradient(90deg, transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent, rgb(6, 82, 204), transparent);

       background: linear-gradient(90deg, #00e0ff, #35497c);
       /* background: linear-gradient(90deg, #ffa300, #ff6700); */
   }

   .card-title-img2 {
       object-fit: cover;


       width: 89%;
       height: 85%;
       padding: 10px;
       border-radius: 12px;

       background: linear-gradient(to bottom right, transparent,
               rgba(53, 73, 124, 0.8),
               rgba(0, 0, 72, 0.9));

       /* box-shadow: 0 5px 22px 0 rgba(251, 251, 252, 0.8) !important; */
       backdrop-filter: blur(10px);
       -webkit-backdrop-filter: blur(90px);
       border: 1px solid rgba(255, 255, 255, 0.78);
       display: flex;
       justify-content: center;
       align-items: center;

       /* backdrop-filter: blur(5px) saturate(150%);  */





       /* padding: 10px 20px !important; */
       /* margin-top: 10px ; */
       box-shadow:
           0 10px 15px rgba(112, 191, 255, 0.5),
           inset 0 5px 5px rgba(81, 249, 255, 0.9);
       /* border-color: #000048; */
       backdrop-filter: blur(15px) saturate(150%);

       border-radius: 10px;
       /* border: 1px solid #07d6ff; */
       text-decoration: none;
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(217, 251, 255, 0.7));
       background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), rgba(217, 251, 255, 0.7));

       background: linear-gradient(90deg, #00e0ff, #35497c);


   }