*, :before, :after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
--tw-contain-style: ;
--neon-pink: #ff1f8f;
--neon-pink-glow: #ff6eb4;
--neon-blue: #00d4ff;
--neon-blue-glow: #7df9ff;
--dark-bg: #0a0a0a;
--dark-surface: #141414;
--dark-card: #1a1a1a;
}
.p-2 {
padding: .5rem;
}
.bg-primary\/10 {
background-color: hsl(var(--primary) / .1);
}
.rounded-md {
border-radius: .375rem;
}
.flex-shrink-0, .shrink-0 {
flex-shrink: 0;
}
* {
--tw-border-opacity: 1;
border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
*, :before, :after {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #e5e7eb;
}
* {
--tw-border-opacity: 1;
border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
body {
--tw-bg-opacity: 1;
background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
font-family: var(--font-sans);
--tw-text-opacity: 1;
color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
margin: 0;
line-height: inherit;
}
* {
--tw-border-opacity: 1;
border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
}
*, :before, :after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / .5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
--tw-contain-size: ;
--tw-contain-layout: ;
--tw-contain-paint: ;
Show all properties (1 more)
}
:root {
--button-outline: rgba(0, 0, 0, .1);
--badge-outline: rgba(0, 0, 0, .05);
--opaque-button-border-intensity: -8;
--elevate-1: rgba(0, 0, 0, .03);
--elevate-2: rgba(0, 0, 0, .08);
--background: 0 0% 100%;
--foreground: 0 0% 10%;
--border: 0 0% 92%;
--card: 0 0% 98%;
--card-foreground: 0 0% 12%;
--card-border: 0 0% 94%;
--sidebar: 177 8% 96%;
--sidebar-foreground: 177 8% 15%;
--sidebar-border: 177 8% 92%;
--sidebar-primary: 177 63% 40%;
--sidebar-primary-foreground: 0 0% 100%;
--sidebar-accent: 177 8% 88%;
--sidebar-accent-foreground: 177 8% 20%;
--sidebar-ring: 177 63% 40%;
--popover: 0 0% 96%;
--popover-foreground: 0 0% 12%;
--popover-border: 0 0% 90%;
--primary: 177 63% 40%;
--primary-foreground: 0 0% 100%;
--secondary: 177 6% 90%;
--secondary-foreground: 177 6% 18%;
--muted: 177 6% 92%;
--muted-foreground: 177 6% 35%;
--accent: 177 12% 94%;
--accent-foreground: 177 12% 20%;
--destructive: 0 84% 42%;
--destructive-foreground: 0 84% 98%;
--input: 0 0% 82%;
--ring: 177 63% 40%;
--chart-1: 177 63% 40%;
--chart-2: 35 91% 45%;
--chart-3: 25 82% 48%;
--chart-4: 45 93% 47%;
--chart-5: 28 87% 42%;
--font-sans: "DM Sans", system-ui, sans-serif;
--font-serif: Georgia, serif;
--font-mono: Menlo, monospace;
--font-display: "Playfair Display", serif;
--radius: .5rem;
--shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
--shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0);
--shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / .05);
--shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / .08);
--shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / .1);
--shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / .12);
--shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / .15);
--shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0);
--tracking-normal: 0em;
--spacing: .25rem;
--sidebar-primary-border: hsl(var(--sidebar-primary));
--sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--sidebar-accent-border: hsl(var(--sidebar-accent));
--sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--primary-border: hsl(var(--primary));
--primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--secondary-border: hsl(var(--secondary));
--secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--muted-border: hsl(var(--muted));
--muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--accent-border: hsl(var(--accent));
--accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
--destructive-border: hsl(var(--destructive));
--destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
}
.to-transparent\/30 {
--tw-gradient-to: rgb(0 0 0 / .3) var(--tw-gradient-to-position);
}
.from-\[\#ff1f8f\] {
--tw-gradient-from: #ff1f8f var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 31 143 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500 {
--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#00d4ff\] {
--tw-gradient-from: #00d4ff var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 212 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-cyan-400 {
--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);
--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.text-\[\#00d4ff\] {
--tw-text-opacity: 1;
color: rgb(0 212 255 / var(--tw-text-opacity, 1));
}
.text-\[\#ff1f8f\] {
--tw-text-opacity: 1;
color: rgb(255 31 143 / var(--tw-text-opacity, 1));
}
.ff1f8f{
--tw-text-opacity: 1;
color: rgb(255 31 143 / var(--tw-text-opacity, 1));
}
.text-\[\#00d4ff\] {
--tw-text-opacity: 1;
color: rgb(0 212 255 / var(--tw-text-opacity, 1));
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.border-gray-700 {
--tw-border-opacity: 1;
border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
}
.to-indigo-600 {
--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position);
}
.via-blue-600 {
--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-cyan-600 {
--tw-gradient-from: #0891b2 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(8 145 178 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.border {
border-width: 1px;
}
.text-transparent {
color: transparent;
}
.bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}
.to-\[\#00d4ff\] {
--tw-gradient-to: #00d4ff var(--tw-gradient-to-position);
}
.from-\[\#ff1f8f\] {
--tw-gradient-from: #ff1f8f var(--tw-gradient-from-position);
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-primary\/10 {
background-color: hsl(var(--primary) / .1);
}
.text-primary {
--tw-text-opacity: 1;
color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.bg-gradient-to-br {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.from-\[\#ff1f8f\]\/30 {
--tw-gradient-from: rgb(255 31 143 / .3) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(255 31 143 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-purple-500\/30 {
--tw-gradient-from: rgb(168 85 247 / .3) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#00d4ff\]\/30 {
--tw-gradient-from: rgb(0 212 255 / .3) var(--tw-gradient-from-position);
--tw-gradient-to: rgb(0 212 255 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-\[\#00d4ff\]\/30 {
--tw-gradient-to: rgb(0 212 255 / .3) var(--tw-gradient-to-position);
}
.border-\[\#00d4ff\]\/30 {
border-color: #00d4ff4d;
}
.border-\[\#ff1f8f\]\/30 {
border-color: #ff1f8f4d;
}
.border-purple-500\/30 {
border-color: #a855f74d;
}
.text-purple-400 {
--tw-text-opacity: 1;
color: rgb(192 132 252 / var(--tw-text-opacity, 1));
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.font-bold {
font-weight: 700;
}
.bg-primary\/10 {
background-color: hsl(var(--primary) / .1);
}
.rounded-md {
border-radius: .375rem;
}
.p-2 {
padding: .5rem;
}
.w-5 {
width: 1.25rem;
}
.h-5 {
height: 1.25rem;
}
.gap-2 {
gap: .5rem;
}
.gap-3 {
gap: .75rem;
}
.gap-4 {
gap: 1rem;
}
.items-start {
align-items: flex-start;
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.text-primary {
--tw-text-opacity: 1;
color: hsl(var(--primary) / var(--tw-text-opacity, 1));
}
.font-semibold {
font-weight: 600;
}
.to-primary\/5 {
--tw-gradient-to: hsl(var(--primary) / .05) var(--tw-gradient-to-position);
}
.via-primary\/10 {
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), hsl(var(--primary) / .1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.from-primary\/20 {
--tw-gradient-from: hsl(var(--primary) / .2) var(--tw-gradient-from-position);
--tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.mycogasm-testimonials-theme {
--primary: 188 100% 32%;
--primary-foreground: 0 0% 100%;
--ring: 188 100% 32%;
--mg-cyan: #00b8d4;
--mg-green: #00c853;
--mg-ink: #0a1a1f;
}
.grid {
display: grid;
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
img, svg, video, canvas, audio, iframe, embed, object {
display: block;
vertical-align: middle;
}
.mb-1 {
margin-bottom: .25rem
}
.mb-12 {
margin-bottom: 3rem
}
.mb-16 {
margin-bottom: 4rem
}
.mb-2 {
margin-bottom: .5rem
}
.mb-3 {
margin-bottom: .75rem
}
.mb-4 {
margin-bottom: 1rem
}
.mb-6 {
margin-bottom: 1.5rem
}
.mb-8 {
margin-bottom: 2rem
}
@media (max-width: 480px){ 
.grid-cols-2 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mb-8 {
margin-bottom: 15px;
}    
}