@import url('https://fonts.googleapis.com/css2?family=Poppins: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');
		body {
			margin: 0;
			font-family: Poppins, sans-serif;
            background-color: #ffffff;
		}

		html {
			scroll-padding-top: 4rem;
			scroll-behavior: smooth
		}

		/* PRODUCT IMAGES */
/* Imagen Show A */
		.bg-A1 {
			background:url("Images/Products/A1.png");
			background-size: cover;
		}
		  
		.hover\:bg-A1H:hover {
			background:url("Images/Products/A2.png");
			background-size: cover;
		}
/* Imagen Show B */
		.bg-B1 {
			background:url("Images/Products/B1.png");
			background-size: cover;
		}
		  
		.hover\:bg-B1H:hover {
			background:url("Images/Products/B2.png");
			background-size: cover;
		}
/* Imagen Show C */
		.bg-C1 {
			background:url("Images/Products/C1.png");
			background-size: cover;
		}
		
		.hover\:bg-C1H:hover {
			background:url("Images/Products/C2.png");
			background-size: cover;
		}
/* Imagen Show D */
		.bg-D1 {
			background:url("Images/Products/D1.png");
			background-size: cover;
		}
		
		.hover\:bg-D1H:hover {
			background:url("Images/Products/D2.png");
			background-size: cover;
		}
/* Imagen Show E */
		.bg-E1 {
			background:url("Images/Products/E1.png");
			background-size: cover;
		}

		.hover\:bg-E1H:hover {
			background:url("Images/Products/E2.png");
			background-size: cover;
		}
/* Imagen Show F */
		.bg-F1 {
			background:url("Images/Products/F1.png");
			background-size: cover;
		}

		.hover\:bg-F1H:hover {
			background:url("Images/Products/F2.png");
			background-size: cover;
		}
/* Imagen Show G */
		.bg-G1 {
			background:url("Images/Products/G1.png");
			background-size: cover;
		}

		.hover\:bg-G1H:hover {
			background:url("Images/Products/G2.png");
			background-size: cover;
		}
/* Imagen Show H */
		.bg-H1 {
			background:url("Images/Products/H1.png");
			background-size: cover;
		}

		.hover\:bg-H1H:hover {
			background:url("Images/Products/H2.png");
			background-size: cover;
		}
/* Imagen Show I */
		.bg-I1 {
			background:url("Images/Products/I1.png");
			background-size: cover;
		}

		.hover\:bg-I1H:hover {
			background:url("Images/Products/I2.png");
			background-size: cover;
		}
/* Imagen Show J */
		.bg-J1 {
			background:url("Images/Products/J1.png");
			background-size: cover;
		}

		.hover\:bg-J1H:hover {
			background:url("Images/Products/J2.png");
			background-size: cover;
		}
/* Imagen Show K */
		.bg-K1 {
			background:url("Images/Products/K1.png");
			background-size: cover;
		}

		.hover\:bg-K1H:hover {
			background:url("Images/Products/K2.png");
			background-size: cover;
		}
/* Imagen Show L */
		.bg-L1 {
			background:url("Images/Products/L1.png");
			background-size: cover;
		}

		.hover\:bg-L1H:hover {
			background:url("Images/Products/L2.png");
			background-size: cover;
		}
/* Imagen Show M */
		.bg-M1 {
			background:url("Images/Products/M1.png");
			background-size: cover;
		}

		.hover\:bg-M1H:hover {
			background:url("Images/Products/M2.png");
			background-size: cover;
		}
/* Imagen Show N */
		.bg-N1 {
			background:url("Images/Products/N1.png");
			background-size: cover;
		}

		.hover\:bg-N1H:hover {
			background:url("Images/Products/N2.png");
			background-size: cover;
		}
/* Imagen Show O */
		.bg-O1 {
			background:url("Images/Products/O1.png");
			background-size: cover;
		}

		.hover\:bg-O1H:hover {
			background:url("Images/Products/O2.png");
			background-size: cover;
		}
/* Imagen Show P */
		.bg-P1 {
			background:url("Images/Products/P1.png");
			background-size: cover;
		}

		.hover\:bg-P1H:hover {
			background:url("Images/Products/P2.png");
			background-size: cover;
		}
/* Imagen Show Q */
		.bg-Q1 {
			background:url("Images/Products/Q1.png");
			background-size: cover;
		}

		.hover\:bg-Q1H:hover {
			background:url("Images/Products/Q2.png");
			background-size: cover;
		}
/* Imagen Show R */
		.bg-R1 {
			background:url("Images/Products/R1.png");
			background-size: cover;
		}

		.hover\:bg-R1H:hover {
			background:url("Images/Products/R2.png");
			background-size: cover;
		}
/* Imagen Show S */
		.bg-S1 {
			background:url("Images/Products/S1.png");
			background-size: cover;
		}

		.hover\:bg-S1H:hover {
			background:url("Images/Products/S2.png");
			background-size: cover;
		}
/* Imagen Show T */
		.bg-T1 {
			background:url("Images/Products/T1.png");
			background-size: cover;
		}

		.hover\:bg-T1H:hover {
			background:url("Images/Products/T2.png");
			background-size: cover;
		}






		/* Branding IMAGES */
/* Imagen Show A */
		.bg-A2 {
			background:url("Images/Brands/A1.png");
			background-size: cover;
		}
		  
		.hover\:bg-A2H:hover {
			background:url("Images/Brands/A2.png");
			background-size: cover;
		}
/* Imagen Show B */
		.bg-B2 {
			background:url("Images/Brands/B1.png");
			background-size: cover;
		}
		  
		.hover\:bg-B2H:hover {
			background:url("Images/Brands/B2.png");
			background-size: cover;
		}
/* Imagen Show C */
		.bg-C2 {
			background:url("Images/Brands/C1.png");
			background-size: cover;
		}
		
		.hover\:bg-C2H:hover {
			background:url("Images/Brands/C2.png");
			background-size: cover;
		}
/* Imagen Show D */
		.bg-D2 {
			background:url("Images/Brands/D1.png");
			background-size: cover;
		}
		
		.hover\:bg-D2H:hover {
			background:url("Images/Brands/D2.png");
			background-size: cover;
		}
/* Imagen Show E */
		.bg-E2 {
			background:url("Images/Brands/E1.png");
			background-size: cover;
		}

		.hover\:bg-E2H:hover {
			background:url("Images/Brands/E2.png");
			background-size: cover;
		}
/* Imagen Show F */
		.bg-F2 {
			background:url("Images/Brands/F1.png");
			background-size: cover;
		}

		.hover\:bg-F2H:hover {
			background:url("Images/Brands/F2.png");
			background-size: cover;
		}
/* Imagen Show G */
		.bg-G2 {
			background:url("Images/Brands/G1.png");
			background-size: cover;
		}

		.hover\:bg-G2H:hover {
			background:url("Images/Brands/G2.png");
			background-size: cover;
		}
/* Imagen Show H */
		.bg-H2 {
			background:url("Images/Brands/H1.png");
			background-size: cover;
		}

		.hover\:bg-H2H:hover {
			background:url("Images/Brands/H2.png");
			background-size: cover;
		}
/* Imagen Show I */
		.bg-I2 {
			background:url("Images/Brands/I1.png");
			background-size: cover;
		}

		.hover\:bg-I2H:hover {
			background:url("Images/Brands/I2.png");
			background-size: cover;
		}
/* Imagen Show J */
		.bg-J2 {
			background:url("Images/Brands/J1.png");
			background-size: cover;
		}

		.hover\:bg-J2H:hover {
			background:url("Images/Brands/J2.png");
			background-size: cover;
		}
/* Imagen Show K */
		.bg-K2 {
			background:url("Images/Brands/K1.png");
			background-size: cover;
		}

		.hover\:bg-K2H:hover {
			background:url("Images/Brands/K2.png");
			background-size: cover;
		}
/* Imagen Show L */
		.bg-L2 {
			background:url("Images/Brands/L1.png");
			background-size: cover;
		}

		.hover\:bg-L2H:hover {
			background:url("Images/Brands/L2.png");
			background-size: cover;
		}
/* Imagen Show M */
		.bg-M2 {
			background:url("Images/Brands/M1.png");
			background-size: cover;
		}

		.hover\:bg-M2H:hover {
			background:url("Images/Brands/M2.png");
			background-size: cover;
		}
/* Imagen Show N */
		.bg-N2 {
			background:url("Images/Brands/N1.png");
			background-size: cover;
		}

		.hover\:bg-N2H:hover {
			background:url("Images/Brands/N2.png");
			background-size: cover;
		}
/* Imagen Show O */
		.bg-O2 {
			background:url("Images/Brands/O1.png");
			background-size: cover;
		}

		.hover\:bg-O2H:hover {
			background:url("Images/Brands/O2.png");
			background-size: cover;
		}
/* Imagen Show P */
		.bg-P2 {
			background:url("Images/Brands/P1.png");
			background-size: cover;
		}

		.hover\:bg-P2H:hover {
			background:url("Images/Brands/P2.png");
			background-size: cover;
		}







		/* UXUI IMAGES */
/* Imagen Show A */
		.bg-A3 {
			background:url("Images/Ux-ui/A1.png");
			background-size: cover;
		}
		
		.hover\:bg-A3H:hover {
			background:url("Images/Ux-ui/A2.png");
			background-size: cover;
		}
/* Imagen Show B */
		.bg-B3 {
			background:url("Images/Ux-ui/B1.png");
			background-size: cover;
		}
		
		.hover\:bg-B3H:hover {
			background:url("Images/Ux-ui/B2.png");
			background-size: cover;
		}
/* Imagen Show C */
		.bg-C3 {
			background:url("Images/Ux-ui/C1.png");
			background-size: cover;
		}

		.hover\:bg-C3H:hover {
			background:url("Images/Ux-ui/C2.png");
			background-size: cover;
		}
/* Imagen Show D */
		.bg-D3 {
			background:url("Images/Ux-ui/D1.png");
			background-size: cover;
		}

		.hover\:bg-D3H:hover {
			background:url("Images/Ux-ui/D2.png");
			background-size: cover;
}

		/* EXTRA IMAGES */
/* Imagen Show A1 */
.bg-A1X {
	background:url("Images/Extra/A1.png");
	background-size: cover;
}

.hover\:bg-A1XH:hover {
	background:url("Images/Extra/A2.png");
	background-size: cover;
}
/* Imagen Show A2 */
.bg-A2X {
	background:url("Images/Extra/B1.png");
	background-size: cover;
}

.hover\:bg-A2XH:hover {
	background:url("Images/Extra/B2.png");
	background-size: cover;
}
/* Imagen Show A3 */
.bg-A3X {
	background:url("Images/Extra/C1.png");
	background-size: cover;
}
.hover\:bg-A3XH:hover {
	background:url("Images/Extra/C2.png");
	background-size: cover;
}