@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
:root {  
    --alt-font: "DM Sans", sans-serif;
    --primary-font: "Inter", sans-serif;
    --base-color: #ffd84d;
    --dark-gray: #222222;
    --medium-gray: #555555;
    --light-medium-gray: #999999;
} 
body{font-size:17px;line-height: 30px}
a {color: #ffd84d;} 
a:hover{color:var(--base-color);text-decoration: none}
@media (hover: hover) and (pointer: fine) {
.custom-cursor .circle-cursor-outer{border: 1px solid var(--white)}
.custom-cursor .circle-cursor-inner{width: 20px;height: 20px;left: -5px;top: -5px;background: var(--white)}
.custom-cursor .circle-cursor-inner.cursor-link-hover{width: 30px;height: 30px;background: var(--white);opacity: 0.2 !important}
}
header .navbar-brand img {max-height: 33px}
.navbar .navbar-nav .nav-link {font-size: 18px;font-weight: 900;color: var(--white);}
.text-gradient-light-blue-dark-black,
.text-gradient-dark-blue-dark-black,
.text-gradient-light-gray-white {
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;}
.text-gradient-dark-blue-dark-black {background: linear-gradient(to bottom, #363a46 38%, #0a0b0d 100%);}
.text-gradient-light-blue-dark-black {background: linear-gradient(to bottom, #333333 30%, #000000 105%);}
.text-gradient-light-gray-white {background: linear-gradient(to bottom, #f0f2f8 38%, #ffd84d 95%);}
.btn-gradient-gold-light-gold {background-image: linear-gradient(to right, #ffd84d, #ffffff, #ffd84d);  background-size: 200% auto;color: var(--white);}
.btn-gradient-black-gray-black {background-image: linear-gradient(to right, #000000, #111111, #000000);background-size: 250% auto;color: var(--white)!important;padding: 25px 50px!important;-webkit-box-shadow:  0 0 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.5);}
.btn-gradient-black-gray-black:active,.btn-gradient-black-gray-black:hover{color: var(white)!important}
.btn-gradient-black-gray-black-light {background-image: linear-gradient(to right, #000000, #111111, #000000);background-size: 200% auto;color: var(--white);padding: 20px 50px!important}
.btn-gradient-black-gray-light{background-image: linear-gradient(to right, #000000, #ffffff, #000000);background-size: 200% auto;
color: var(--white)!important;}
.btn-gradient-white-black-white{background-image: linear-gradient(to right, #ffffff, #000000, #ffffff); background-size: 200% auto; color: var(--white)!important;}
.btn-gradient-light-gray-light {background-image: linear-gradient(to right, #ffffff, #f0f4f8, #ffffff);background-size: 200% auto;padding: 25px 50px;color: var(--black);-webkit-box-shadow:  0 0 5px 5px rgba(255, 255, 255, 0.5);box-shadow: 0 0 5px 5px rgba(255, 255, 255, 0.5);}
.btn-gradient-light-gray-light:hover{color: var(--black)} 
.text-right{text-align: right!important}
.border-radius-top-left-top-right {border-radius: 20px 20px 0 0 !important;}
.border-radius-bottom-left-bottom-right{border-radius: 0 0 20px 20px !important;	}
.list-box:hover {transform: translateY(-10px);}
@keyframes scroll1 {0% {top: 0px;}100% {top: 100%;}}
.on-hover-bw:hover .on-hover-bw-image img {filter: grayscale(100%) contrast(110%) blur(0);transform: translate3d(-20px, 20px, 0) scale3d(1.05, 1.05, 1.05);}
.btn.btn-extra-large {font-size: 24px!important;font-weight: 900!important;padding: 25px 50px!important}

.btn.btn-big {font-size: 22px;background: linear-gradient(60deg,#e77d13,#fa4722,#ee2370,#a23cb3,#2c5cba,#007dab);background-size: 200% 200%;color: var(--white);-webkit-animation: footeranimatedgradient 10s ease infinite alternate;animation: footeranimatedgradient 10s ease infinite alternate;}
.btn.btn-big:active{border-color: transparent;color: #fff;}
@-webkit-keyframes footeranimatedgradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0 50%
    }
}
.btn.btn-hover-animation-switch.btn-big > span {
    padding: 16px 32px;
}
.light-right {
 position: relative; 
  overflow: hidden; 
  transition: all 0.3s ease;
}

.light-right::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.7),
    rgba(0, 0, 0, 0)
  ); 
  transition: all 0.5s ease;
}

.light-right:hover::before {
  left: 100%;
opacity: 0.8;
}


.light-effect {
  position: relative; 
  overflow: hidden; 
  transition: all 0.3s ease;
}

.light-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0)
  ); 
  
  transition: all 0.5s ease;
}

.light-effect:hover::before {
   left: 100%;
	opacity: 0.8;
}

 /* El contenedor del botón para el área magnética */
        .magnetic-wrap {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 300px;
            height: 300px;
            position: relative;
        }

        /* Estilo base del botón */
        .btn-aurora {
            position: relative;
            padding: 18px 42px;
            font-size: 1.1rem;
            font-weight: 600;
            color: white;
            background: #000;
            border-radius: 100px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            cursor: pointer;
            outline: none;
            transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.3s;
            z-index: 10;
            display: flex;
            align-items: center;
            gap: 10px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }

        /* Capa Aurora (Gradientes animados) */
        .aurora-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 100px;
            overflow: hidden;
            opacity: 0;
            transition: opacity 0.5s ease;
            z-index: -1;
            pointer-events: none;
        }

        .btn-aurora:hover .aurora-layer {
            opacity: 1;
        }

        .aurora-inner {
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(
                from 0deg,
                #ff00cc,
                #3333ff,
                #00d4ff,
                #00ff99,
                #ffcc00,
                #ff00cc
            );
            filter: blur(25px);
            animation: rotateAurora 6s linear infinite;
        }

        @keyframes rotateAurora {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* Resplandor exterior */
        .btn-glow {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 100px;
            background: inherit;
            filter: blur(15px);
            opacity: 0;
            transition: opacity 0.4s ease;
            z-index: -2;
        }

        .btn-aurora:hover .btn-glow {
            opacity: 0.6;
            background: linear-gradient(45deg, var(--primary-glow), var(--secondary-glow));
        }

        /* Texto y elementos internos */
        .btn-text {
            position: relative;
            z-index: 2;
            pointer-events: none;
        }

        /* Decoración de fondo del laboratorio */
        .grid-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-image: 
                radial-gradient(circle at 2px 2px, rgba(255,255,255,0.05) 1px, transparent 0);
            background-size: 40px 40px;
            z-index: -10;
        }

        .ui-label {
            position: absolute;
            bottom: 40px;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255,255,255,0.4);
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

.digital-text-container {
            
        }

        .letter {
            display: inline-block;
            opacity: 0;
            transform: translateX(-50px);
            transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            z-index: 2;
        }

        .letter.show {
            opacity: 1;
            transform: translateX(0);
        }

        .plus {
            color: var(--black);
            text-shadow: 0 0 50px var(--black);
            margin-left: 10px;
			top: -20px
        }

        #svg-container {
            position: absolute;
            top: -140px;
            left: 20px;
            width: 100%;
            height: calc(100% + 150px);
            pointer-events: none;
            z-index: 1;
        }

        .lightning-path {
            fill: none;
            stroke: var(--black);
            stroke-width: 6;
            stroke-linecap: round;
            filter: drop-shadow(0 0 8px var(--black)) drop-shadow(0 0 15px var(--dark-gray));
            stroke-dasharray: 1000;
            stroke-dashoffset: 1000;
        }

        
        .impact {
            position: absolute;
            left: 170px;
            top: 24%;
            transform: translateY(-50%);
            width: 160px;
            height: 160px;
            background: radial-gradient(circle, var(--black) 0%, transparent 70%);
            border-radius: 50%;
            opacity: 0;
            pointer-events: none;
            z-index: 3;
        }

        @keyframes draw-lightning {
            0% { stroke-dashoffset: 1000; opacity: 1; }
            70% { stroke-dashoffset: 0; opacity: 1; }
            100% { stroke-dashoffset: -1000; opacity: 0; }
        }

        @keyframes impact-glow {
            0% { transform: translateY(-50%) scale(0); opacity: 0; }
            50% { transform: translateY(-50%) scale(1.5); opacity: 1; }
            100% { transform: translateY(-50%) scale(2.5); opacity: 0; }
        }
@property --glow-deg {
  syntax: "<angle>";
  inherits: true;
  initial-value: -90deg;
}

/* the colors don't need to be registed */
@property --clr-1 {
  syntax: "<color>";
  inherits: true;
  initial-value: red;
}

@property --clr-2 {
  syntax: "<color>";
  inherits: true;
  initial-value: yellow;
}

@property --clr-3 {
  syntax: "<color>";
  inherits: true;
  initial-value: green;
}

@property --clr-4 {
  syntax: "<color>";
  inherits: true;
  initial-value: blue;
}

@property --clr-5 {
  syntax: "<color>";
  inherits: true;
  initial-value: purple;
}

@property --clr-6 {
  syntax: "<color>";
  inherits: true;
  initial-value: white;
}


.glowing-border {
  --gradient-glow: var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4),
    var(--clr-5), var(--clr-1);

  margin-block: 4rem;
  padding: 8rem 4rem;
  max-width: 70ch;
border: var(--border-width, 5px) solid transparent;
  border-left: 0;
  border-radius: 0 100vw 100vw 0;
  background: linear-gradient(var(--black) 0 0) padding-box,
  conic-gradient(from var(--glow-deg), var(--gradient-glow)) border-box;

  position: relative;
  isolation: isolate;

  animation: glow 2s infinite linear;
}

.glowing-border-white {
  --gradient-glow: var(--clr-1), var(--clr-2), var(--clr-3), var(--clr-4),
    var(--clr-5), var(--clr-1);
  margin-block: 3rem;
  padding: 8rem 3rem;
  max-width: 60ch;
border: var(--border-width, 4px) solid transparent;
  border-left: 0;
  border-radius: 0 100vw 100vw 0;
  background: linear-gradient(var(--white) 0 0) padding-box,
  conic-gradient(from var(--glow-deg), var(--gradient-glow)) border-box;
  position: relative;
  isolation: isolate;
  animation: glow 2s infinite linear;
}

@keyframes glow {
  100% {
    --glow-deg: 270deg;
  }
}

.glowing-border::before,
.glowing-border::after {
  content: "";
  position: absolute;
  border-radius: inherit;
}


.glowing-border-white::before,
.glowing-border-white::after {
  content: "";
  position: absolute;
  border-radius: inherit;
}

.glowing-border::before {
  z-index: -1;
  background: var(--black);
  inset: 0.5rem;
  scale: 1.2 1;
  transform-origin: right;
  filter: blur(var(--glow-size, 1rem));
}


.glowing-border-white::before {
  z-index: -1;
  background: var(--white);
  inset: 0.5rem;
  scale: 1.2 1;
  transform-origin: right;
  filter: blur(var(--glow-size, 1rem));
}

.glowing-border::after {
  z-index: -2;
  inset: -1.5rem;
  background: conic-gradient(from var(--glow-deg), var(--gradient-glow));
  filter: blur(var(--glow-size, 1rem));
  opacity: var(--glow-intensity, 0.125);
}

.glowing-border-white::after {
  z-index: -2;
  inset: -1.5rem;
  background: conic-gradient(from var(--glow-deg), var(--gradient-glow));
  filter: blur(var(--glow-size, 1rem));
  opacity: var(--glow-intensity, 0.125);
}

.glowing-border.right {
  margin-inline-start: auto;
  border-radius: 100vw 0 0 100vw;
  border: var(--border-width, 4px) solid transparent;
  border-right: 0;

  &::before {
    transform-origin: left;
  }
}


@layer general-styling {
   {
    box-sizing: border-box;
  }

  html {
    font-family: system-ui;
    color-scheme: dark;
  }

  body {
    margin: 0;
    overflow-x: clip;

    /* --surface: purple; */

	  background: var(--black);
  }
}

   .glowing-card {
            position: relative;
            width: 100%;
            height: auto;
            background: var(--black);
            border-radius: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden; 
        }

      
        .glowing-card::before {
            content: '';
            position: absolute;
            width: 150%;
            height: 400%;
            background-image: conic-gradient(
				transparent,
				transparent,
				#ffffff,
				#ff9c50, 
                #fe4c58, 
                #f73d6f, 
                #a93e8c 
               
                
            );
             animation: rotate 6s linear infinite;
        }

        /* Capa superior para el contenido, oculta el centro del gradiente */
        .glowing-card::after {
            content: '';
            position: absolute;
            inset: 10px; 
            background: var(--black);
            border-radius: 20px;
        }

        .content {
            position: relative;
            z-index: 10;
            color: black;
            text-align: center;
            padding: 50px;
        }

       .glowing-card-base-color {
            position: relative;
            width: 100%;
            height: auto;
            background: var(--base-color)!important;
            border-radius: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden; 
        }

      
        .glowing-card-base-color::before {
            content: '';
            position: absolute;
            width: 150%;
            height: 400%;
            background-image: conic-gradient(
				transparent,
				transparent,
				#000000,
				#000000, 
                #000000, 
                #000000, 
                #000000 
               
                
            );
             animation: rotate 6s linear infinite;
        }

        /* Capa superior para el contenido, oculta el centro del gradiente */
        .glowing-card-base-color::after {
            content: '';
            position: absolute;
            inset: 10px; 
            background: var(--base-color)!important;
            border-radius: 20px;
        }

        .glowing-card-content {
            position: relative;
            z-index: 10;
            color: var(--black)
            text-align: center;
            padding: 50px;
        }

/* --- (Neon Pulse) --- */
        .border-neon {
            border-radius:22px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--white);
            box-shadow: 0 0 5px var(--white), inset 0 0 5px var(--white);
            animation: neon-pulse 2s ease-in-out infinite alternate;
        }

        @keyframes neon-pulse {
            from {
                box-shadow: 0 0 5px var(--white), 0 0 10px var(--white), inset 0 0 5px var(--white);
            }
            to {
                box-shadow: 0 0 15px var(--white), 0 0 30px var(--white), inset 0 0 10px var(--white);
                border-color: var(--white);
            }
        }

     /* --- (Neon Pulse Black) --- */
        .border-neon-black {
            border-radius:22px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 2px solid var(--black);
            box-shadow: 0 0 5px var(--black), inset 0 0 5px var(--black);
            animation: neon-pulse-black 2s ease-in-out infinite alternate;
        }

        @keyframes neon-pulse-black {
            from {
                box-shadow: 0 0 5px var(--black), 0 0 10px var(--black), inset 0 0 5px var(--black);
            }
            to {
                box-shadow: 0 0 15px var(--black), 0 0 30px var(--black), inset 0 0 10px var(--black);
                border-color: var(--black);
            }
        }   

.btn-container {
            position: relative;
            display: inline-block;
            transition: transform 0.2s ease;
        }

        .btn-container:hover {
            transform: scale(1.05);
        }

        .btn-container:active {
            transform: scale(0.95);
        }

.glowing-button {
 position: relative;
width: auto;
height: auto;
 padding: 25px 50px;
            background: var(--black);
	color: var(--white)!important;
            border-radius: 50px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            cursor: pointer;
            border: none;
            text-decoration: none;
        }

.glowing-button::before {
            content: '';
            position: absolute;
            width: 150%;
            height: 400%; /* Más alto para asegurar que cubra los bordes al rotar */
            background-image: conic-gradient(
                transparent, 
                transparent, 
                transparent,               
                #ffFFFF,
				#FFFFFF
            );
            animation: rotate 4s linear infinite;
        }

.glowing-button::after {
            content: '';
            position: absolute;
            inset: 4px; /* Grosor del borde */
            background: var(--black);
            border-radius: 47px;
            z-index: 1;
        }


        /* Circle Glowing Digital  */
        .circle-container {
            position: relative;
            width: 300px;
            height: 300px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* El círculo con borde de neón */
        .glow-circle {
            position: relative;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: rgba(0, 0, 0, 0.05);
            border: 3px solid rgba(0, 0, 0, 0.3);
            box-shadow: 
                0 0 15px rgba(0, 0, 0, 0.2),
                inset 0 0 15px rgba(0, 0, 0, 0.2);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        /* Borde animado giratorio */
        .glow-circle::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: conic-gradient(				
                transparent, 
                transparent, 
                transparent, 
                var(--black)
            );
            animation: rotate 3s linear infinite;
        }

        /* Capa para ocultar el exceso del gradiente y crear el borde fino */
        .glow-circle::after {
            content: '';
            position: absolute;
            inset: 10px;
            background: var(--base-color);
            border-radius: 50%;
            z-index: 1;
        }

        /* Efecto de escaneo digital (líneas) */
        .digital-grid {
            position: absolute;
            inset: 0;
            z-index: 2;
            background: linear-gradient(
                to bottom,
                transparent 50%,
                rgba(0, 0, 0, 0.1) 50%
            );
            background-size: 100% 4px;
            border-radius: 50%;
            pointer-events: none;
        }

        /* Escáner horizontal animado */
        .scanner-line {
            position: absolute;
            width: 100%;
            height: 2px;
            background: var(--black);
            box-shadow: 0 0 15px var(--black);
            z-index: 3;
            top: 0;
            opacity: 0.5;
            animation: scan 3s ease-in-out infinite;
        }

        /* Contenido central */
        .content-digital-circle {
            position: relative;
            z-index: 10;
            color: var(--black);
            text-align: center;
            text-transform: uppercase;
            letter-spacing: 4px;
            text-shadow: 0 0 10px var(--black);
            font-weight: bold;
        }

        /* Animaciones */
        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        @keyframes scan {
            0%, 100% { top: 10%; opacity: 0; }
            50% { top: 90%; opacity: 0.7; }
        }

        /* Aura exterior estática */
        .outer-glow {
            position: absolute;
            width: 110%;
            height: 110%;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(0, 0, 0, 0.1) 0%, transparent 70%);
            filter: blur(20px);
        }

.page-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--base-color)!important;
    opacity: 1!important;
    z-index: 99999
}
.page-loader::after {
    background: 0 0;
	content: ""!important;
    position: absolute;
    left: calc(46% - 25px)!important;
    top: calc(43% - 25px)!important;
    width: 150px!important;
    height: 150px!important;
    opacity: 1!important;
    right: inherit!important;
    z-index: 9;
    text-align: center;
    border: 10px solid rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, 1.0);
    border-radius: 50%;
    animation: rotation 1.5s infinite linear
}

/* mobile video */
.mobile-video-wrapper-col {
    padding: 0 30px;   
}
.mobile-video-wrapper{
    width: 100%;
    border: 4px solid #000000;
	background: var(--black);
    border-radius: 10px;
    padding: 10px;
}
.mobile-video{
    border-radius: 10px;
    font-size: 0;
    line-height: 1;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.15);
}
.mobile-video video {
    max-width: 100%;
}
.mobile-page-name {
    position: relative;
    bottom: 0;
    padding: 20px 0;
    background: var(--black);
    text-align: center;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
}

/* --- SECCIÓN DEL FOOTER --- */
        .site-footer {
            background-color: var(--base-color);
            color: var(--black);
            width: 100%;
            margin-top:auto;
        }

        .footer-container {
            display: grid; 
            gap: 2rem;
            max-width: 1200px;
            margin: 0 auto;
            padding: 1rem 2rem 4rem 2rem;
        }

        .footer-section h4 {
            margin-bottom: 0px;            
            letter-spacing: 1px;
            color: var(--black);
            font-weight: 800;
			
        }

        .footer-links {
            list-style: none;
		
        }

        .footer-links li {
            margin-bottom: 0px
        }

        .footer-links a {
            color: var(--dark-gray);
            text-decoration: none;
			opacity: .8;
            transition: color 0.2s;
			margin: 0px!important
        }

        .footer-links a:hover {
            color: var(--black);
        }

        @media (max-width: 767px) {
            .footer-container {
                grid-template-columns: 1fr; 
                padding: 0; 
                width: 80%;
                max-width: none;
			
            }

            .footer-section {
                border-bottom: 1px solid #000000;
                width: 100%; 
            }

            .footer-section h4 {
                margin-bottom: 0;
                padding: 1.5rem 2rem; 
                cursor: pointer;
                display: flex;
                justify-content: space-between;
                align-items: center;
                background-color: var(--base-color);
            }

       
            .footer-section h4::after {
                content: '';
                width: 8px;
                height: 8px;
                border-right: 2px solid #000000;
                border-bottom: 2px solid #000000;
                transform: rotate(45deg);
                transition: transform 0.3s ease;
            }

            .footer-section.active h4::after {
                transform: rotate(-135deg);
                border-color: var(--black);
            }

            .footer-links {
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
                opacity: 0;
                padding: 0 2rem;
            }

            .footer-section.active .footer-links {
                max-height: 400px;
                padding-top: 0.5rem;
                padding-bottom: 2rem;
                opacity: 1;
            }
        } 


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--medium-gray) !important; text-overflow: ellipsis; opacity:1; }
input::-moz-placeholder, textarea::-moz-placeholder { color: var(--medium-gray) !important; text-overflow: ellipsis; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--medium-gray) !important; text-overflow: ellipsis; opacity:1; }
input, select, textarea, .form-control, .form-select {
    color: var(--medium-gray) !important;
}

.text-trustpilot {
    color: #00a656
}

.bg-trustpilot{
	background-color: #00a656
}

.border-radius-top-right {
  border-radius: 0 10px 10px 0 !important;
}

h1, .h1 {
    line-height: 4.1rem;
}
h2 {
    line-height: 3.2rem;
}
.btn.btn-hover-animation-switch.btn-link {
    padding-top: 0;
}

.btn.btn-link {
    padding: 0 0 2px;
}

/* footer */
footer {
    font-size: 16px;
    line-height: 26px;
}
footer .footer-logo img {
    max-height: 200px;
	
}
.footer-light a:hover {
    color: var(--black);
}

footer ul li {
    margin-bottom: 2px;
}

.text-shadow-extra-large-white {
    text-shadow: 0 0 60px rgba(255, 255, 255, .5)!important
}
@media (max-width: 1366px) {
.navbar .navbar-nav .nav-link {padding-left: 16px;padding-right: 16px;}
}

@media (max-width: 1279px) {
.navbar .navbar-nav .nav-link {padding-left: 10px;padding-right: 10px;}
}

@media (max-width: 1199px) {
.navbar .navbar-nav .nav-link {padding-left: 10px;padding-right: 10px;}
.impact {left: 130px;}	
#svg-container {left: 12px;}
.lg-justify-content-center{justify-content:center!important}
.lg-text-center{align-content: center!important; text-align: center!important}	
}
@media (max-width:1024px){	
.gdpr-bar {bottom: 20px;}
.gdpr-preferences-popup .gdpr-preferences-popup-content {left: -10px}
.lg-outside-box-right-4 {margin-right: -4vw}	
.lg-outside-box-left-4 {margin-left: -4vw}
.lg-w-100{width: 100%!important}
.glowing-border {max-width: 80ch;}
.impact {left: 50px;}	
#svg-container {left: 15px;}
.lg-justify-content-center{justify-content:center!important}
.lg-text-center{align-content: center!important; text-align: center!important}
}
		
@media (max-width: 991px) {
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav > .nav-item {text-align: left;}
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .nav-link {font-size: 30px;line-height: 40px;font-weight: 900;}	
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu li a {
font-size: 20px;line-height: 30px}	
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu li a i {
width: 40px;font-size: 40px;}	
[data-mobile-nav-style=full-screen-menu] .navbar-full-screen-menu-inner .navbar-nav .nav-item .dropdown-menu li a p {
font-size: 16px;}
.small-icon a {font-size: 24px;width: 60px;height: 60px;}	
.small-icon li {margin: 0 10px}	
.gdpr-bar {max-width: 905px;bottom: 10px;right: 10px;}	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{left: 650px;}
.gdpr-preferences-popup .gdpr-preferences-popup-content {left: 0px}
.gdpr-bar .gdpr-bar-actions .btn{width: 60%!important}	
#svg-container {top: -130px; left: 11px}	
}

@media (max-width:915px){
.gdpr-bar {
max-width: 895px;
bottom: 10px;
right: 10px;
}	
	
}

@media (max-width:896px){
	.gdpr-bar{
		max-width: 885px;
		bottom: 5px;
		right: 5px;
	}
}

@media (max-width:883px){
 .gdpr-bar {
	max-width: 865px;
	bottom: 10px;
    right: 10px;
	}
	.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{
	left: 550px;
	}
}

@media (max-width:854px){
	.gdpr-bar {
	max-width: 835px;
	bottom: 10px;
    right: 10px;
	}
}

@media (max-width:844px){
	.gdpr-bar{
		max-width: 800px;
		bottom: 10px;
		right: 20px
	}
	.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{
	left: 500px;
	}
	
	.gdpr-bar .gdpr-bar-actions .btn{
	width: 60%!important
}	
	
}

@media (max-width:834px){
	.gdpr-bar{
	max-width: 800px;	
	bottom: 40px;
	right: 15px
	}
	
	.gdpr-preferences-popup .gdpr-preferences-popup-content {
		max-width: 800px;
	left: 0px
}	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{
	left: 550px;}
	
}

@media (max-width:812px){
	.gdpr-bar{
		max-width: 800px;
		bottom: 20px;
		right: 5px
	}
	
	
}
@media (max-width:800px){
	.gdpr-bar{
		max-width: 780px;
		bottom: 10px;
		right: 10px
	}
	
}

@media (max-width: 768px) {
.gdpr-bar{max-width: 730px;	bottom: 20px;right: 20px}	
.gdpr-preferences-popup .gdpr-preferences-popup-content{max-width: 700px;left: 0px}	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{left: 450px;}
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer .btn.btn-large{font-size: 12px;padding: 14px 36px}
.md-text-center{text-align: center!important}
.digital-text-container {margin-top: 70px}
#svg-container {top: -60px; left: 11px}
.impact {left: -20px;top: 35%}
.page-loader::after {left: calc(45% - 25px)!important;top: calc(42% - 25px)!important;}
}

@media (max-width: 767px){
.btn.btn-extra-large {font-size: 14px;padding: 18px 34px;}
.small-icon a {font-size: 20px;width: 46px;height: 46px;}	
.gdpr-bar{bottom: 20px;right: 20px}
.gdpr-preferences-popup .gdpr-preferences-popup-content {max-width: 700px;left: 0px}	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{left: 450px;}
.sm-text-center{text-align: center!important; align-content: center!important; justify-content: center!important}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link {width: 50%; margin-left: 170px}
.glowing-button {padding: 20px 40px;}
.digital-text-container {margin-top: 90px}
#svg-container {top: -38px; left: 11px}
.impact {left: 20px;top: 38%}
.interactive-banner-style-02:hover figure img {
    -webkit-transform: scale(1.0);
    transform: scale(1.0)
}	
}

@media (max-width:760px){
	.gdpr-bar{
	bottom: 10px;
	right: 10px
	}
	
	.gdpr-preferences-popup .gdpr-preferences-popup-content {
	max-width: 700px;
	left: 0px
}	
				
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{
	left: 450px;
	
}	
}

@media (max-width:736px){
	.gdpr-bar{
		max-width: 715px;
	bottom: 10px;
	right: 10px
	}
	
}

@media (max-width:667px){
.gdpr-bar{max-width:655px;bottom: 5px;right: 5px}
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{left: 400px;}
	
}

@media (max-width: 575px) {
#svg-container {top: -30px; left: 11px}
.impact {left: -20px;top: 50%}	
.accordion .accordion-item .accordion-header .accordion-title {line-height: 28px;}		
.xs-text-left{text-align: left!important;}
.btn.btn-rounded.btn-large {padding: 20px 20px!important}
.glowing-button {padding: 10px 10px!important;width: 250px}	
.form-control,
.form-select,
input,
select,
textarea {font-size: 18px;}
.plus {margin-left: 10px;top: -10px!important }		
.page-loader::after {left: calc(40% - 25px)!important;top: calc(42% - 25px)!important;}
.d-xxl-block{visibility: visible!important; display: block!important}	
.small-icon a {
  font-size: 24px;
  width: 60px;
  height: 60px;
}	
.gdpr-bar{
	max-width: 400px;
	bottom:20px;
	right: 10px
	}
	
.gdpr-preferences-popup .gdpr-preferences-popup-content {
	max-width: 400px;
	left: 0px;
	bottom: 20px;
}	
	
.gdpr-bar .gdpr-bar-actions .btn{
	width: 100%!important
}		
			
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body img{
	display: none!important
	
}

.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer .btn.btn-large {
	font-size: 12px!important;
    padding: 10px 22px!important;
	margin-left: 20px;
}
	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer .btn.btn-medium {
	font-size: 10px!important;
    padding: 10px 22px!important
}
	
.gdpr-preferences-popup-content-body .tab-style-04 .nav-tabs {width: 100%; padding: 0px 0px}
.gdpr-preferences-popup-content-body .tab-style-04 .nav-tabs>li.nav-item {margin-left: -20px}
.tab-style-02 .nav-tabs>li.nav-item>a.nav-link {width: 100%; margin-left:0px}
.stack-card .stack-card-item h2{font-size: 28px}
.stack-card .stack-card-item h3{font-size: 38px; letter-spacing: normal}

    .btn.btn-large,
    .btn.btn-rounded.btn-extra-large {
        padding: 20px 40px!important;
		font-size: 20px
    }
    .btn.btn-large {
        font-size: 18px
    }
    .btn.btn-rounded.btn-large {
        padding: 20px 30px!important;
		font-size: 18px;
    }	
	
}

@media (max-width: 414px) {    	
.gdpr-bar{
	max-width: 400px;
	bottom:20px;
	right: 10px
	}
	
.tab-style-04 .nav-tabs {
      width: 100%
    }
}
		
@media (max-width: 390px) {

	
	.xxs-text-left{
		text-align: left!important
	}
	
	.gdpr-bar{
	max-width: 370px;
	bottom:20px;
	right: 10px
	}
	
	.gdpr-preferences-popup .gdpr-preferences-popup-content {
	max-width: 370px;
	left: 0px;
	bottom: 20px;
}	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer .btn.btn-large {
	margin-left: 20px
}	
	
}
@media (max-width: 375px) {	
	
	.gdpr-bar{
	max-width: 350px;
	bottom:20px;
	right: 10px
	}
	
	.gdpr-preferences-popup .gdpr-preferences-popup-content {
	max-width: 350px;
	left: 0px;
	bottom: 20px;
}	
.gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer .btn.btn-large {
	margin-left: 20px
}	
	
}
@media (max-width:360px){
.gdpr-bar{
	max-width: 350px;
	bottom:20px;
	right: 5px
	}
	
}