@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap');


legend {
  padding: 0;
}
img,
video {
  max-width: 100%;
  height: auto;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--color-background);
  color: var(--color-text-primary);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.btn-primary{
  border-radius: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  transition-property: all;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transform: scale(1.02);
}

.btn-primary {
  background-color: var(--color-primary);
  color: var(--color-primary-foreground);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover {
  background-color: #1D4ED8;
}

.btn-secondary{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-weight: 600;
  transition-property: all;
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-secondary:hover{
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
  transform: scale(1.02);
}
.btn-secondary {
  color: var(--color-primary-foreground);
}
.card-testimonial{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
  padding: 1.5rem;
  border: 1px solid var(--color-border);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
}
.text-gradient{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from: hsl(217, 91%, 60%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(217 91% 60% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to: #06B6D4 var(--tw-gradient-to-position);
  -webkit-background-clip: text;
          background-clip: text;
  color: transparent;
}
.section-divider {
  border-top: 1px solid var(--color-border);
}

.border-primary{
  --tw-border-opacity: 1;
  border-color: hsl(217 91% 60% / var(--tw-border-opacity, 1));
}

.border-subtle{
  --tw-border-opacity: 1;
  border-color: hsl(220 15% 20% / var(--tw-border-opacity, 1));
}

.bg-accent\/20{
  background-color: rgb(6 182 212 / 0.2);
}

.bg-background{
  --tw-bg-opacity: 1;
  background-color: rgb(4 10 23 / var(--tw-bg-opacity, 1));
}

.bg-background\/95{
  background-color: rgb(4 10 23 / 0.95);
}

.bg-primary{
  --tw-bg-opacity: 1;
  background-color: hsl(217 91% 60% / var(--tw-bg-opacity, 1));
}
.bg-primary\/20{
  background-color: hsl(217 91% 60% / 0.2);
}
.bg-primary\/30{
  background-color: hsl(217 91% 60% / 0.3);
}
.bg-secondary\/25{
  background-color: rgb(59 130 246 / 0.25);
}
.bg-success{
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1));
}
.bg-surface{
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1));
}
.bg-surface\/50{
  background-color: rgb(30 41 59 / 0.5);
}
.bg-transparent{
  background-color: transparent;
}
.bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-primary{
  --tw-gradient-from: hsl(217, 91%, 60%) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(217 91% 60% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-primary\/20{
  --tw-gradient-from: hsl(217 91% 60% / 0.2) var(--tw-gradient-from-position);
  --tw-gradient-to: hsl(217 91% 60% / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-accent{
  --tw-gradient-to: rgb(6 182 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #06B6D4 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-accent\/10{
  --tw-gradient-to: rgb(6 182 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 182 212 / 0.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-primary{
  --tw-gradient-to: hsl(217, 91%, 60%) var(--tw-gradient-to-position);
}

.to-primary\/20{
  --tw-gradient-to: hsl(217 91% 60% / 0.2) var(--tw-gradient-to-position);
}


.text-accent{
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1));
}

.text-primary{
  --tw-text-opacity: 1;
  color: hsl(217 91% 60% / var(--tw-text-opacity, 1));
}

.text-secondary{
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1));
}

.text-success{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1));
}

.text-text-primary{
  --tw-text-opacity: 1;
  color: hsl(210 40% 98% / var(--tw-text-opacity, 1));
}

.text-text-secondary{
  --tw-text-opacity: 1;
  color: hsl(215 20% 65% / var(--tw-text-opacity, 1));
}
.text-warning{
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1));
}
.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.shadow-cta{
  --tw-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 4px 6px -2px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 25px -5px var(--tw-shadow-color), 0 4px 6px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.blur-3xl{
  --tw-blur: blur(64px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-sm{
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:root {
  /* Updated Primary Colors */
  --color-primary: hsl(217, 91%, 60%);
  /* New primary blue */
  --color-secondary: #3B82F6;
  /* blue-500 - Supporting hierarchy and hover states */
  --color-accent: #06B6D4;
  /* cyan-500 - Conversion moments and success indicators only */
  /* Updated Background Colors */
  --color-background: #040A17;
  /* New dark background - replaces white */
  --color-surface: #1E293B;
  /* slate-800 - Section separation without visual noise */
  /* Updated Text Colors */
  --color-text-primary: hsl(210, 40%, 98%);
  /* New foreground color */
  --color-text-secondary: hsl(215, 20%, 65%);
  /* New muted foreground */
  /* Status Colors */
  --color-success: #10B981;
  /* emerald-500 - Positive reinforcement and testimonial highlights */
  --color-warning: #F59E0B;
  /* amber-500 - Scarcity indicators and limited availability */
  --color-error: #EF4444;
  /* red-500 - Form validation feedback only */
  /* Additional Shades - updated to avoid white colors */
  --color-primary-50: #040A17;
  /* Changed from #EFF6FF to match background */
  --color-primary-100: #1E293B;
  /* Changed from #DBEAFE to match surface */
  --color-primary-200: #334155;
  /* Changed from #BFDBFE to slate-700 */
  --color-primary-300: #475569;
  /* Changed from #93C5FD to slate-600 */
  --color-primary-400: #60A5FA;
  /* blue-400 */
  --color-primary-500: #3B82F6;
  /* blue-500 */
  --color-primary-600: #2563EB;
  /* blue-600 */
  --color-primary-700: #1D4ED8;
  /* blue-700 */
  --color-primary-900: #1E3A8A;
  /* blue-900 */
  --color-slate-50: #040A17;
  /* Changed from #F8FAFC to match background */
  --color-slate-100: #1E293B;
  /* Changed from #F1F5F9 to match surface */
  --color-slate-200: #334155;
  /* Changed from #E2E8F0 to slate-700 */
  --color-slate-300: #475569;
  /* Changed from #CBD5E1 to slate-600 */
  --color-slate-400: #64748B;
  /* slate-400 */
  --color-slate-500: #64748B;
  /* slate-500 */
  --color-slate-600: #475569;
  /* slate-600 */
  --color-slate-700: #334155;
  /* slate-700 */
  --color-slate-800: #1E293B;
  /* slate-800 */
  --color-slate-900: #0F172A;
  /* slate-900 */
  /* New border color */
  --color-border: hsl(220, 15%, 20%);
  --color-primary-foreground: hsl(220, 25%, 8%);
}

.hover\:border-primary\/50:hover{
  border-color: hsl(217 91% 60% / 0.5);
}

.hover\:bg-accent:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1));
}

.hover\:bg-primary:hover{
  --tw-bg-opacity: 1;
  background-color: hsl(217 91% 60% / var(--tw-bg-opacity, 1));
}

.hover\:text-background:hover{
  --tw-text-opacity: 1;
  color: rgb(4 10 23 / var(--tw-text-opacity, 1));
}

.hover\:text-primary:hover{
  --tw-text-opacity: 1;
  color: hsl(217 91% 60% / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.group:hover .group-hover\:bg-primary\/30{
  background-color: hsl(217 91% 60% / 0.3);
}

.group:hover .group-hover\:text-primary{
  --tw-text-opacity: 1;
  color: hsl(217 91% 60% / var(--tw-text-opacity, 1));
}
/* .common_form{
  max-width:100% !important;
} */
 .testi-slider-common .slick-list.draggable {
    display: flex !important;
    flex-direction: column !important;
}
.testi-slider-common .slick-list.draggable .slick-slide {
    display: flex !important;
    height: unset !important;
}
.slick-slide > div {
    height: 100% !important;
}
.testi-slider-common .card-testimonial {
  /* display: flex !important;
  flex-direction: column; */
  flex: 1 1 0%;
  min-height: 100%;
  height: auto;
}
 .flex-1{
  flex: 1 1 0%;
}
 .slick-track {
        display: flex;
    }
   .contact-us-sec .form-wrapper::before{
    background: transparent;
   }
@media (min-width: 640px){
 

  
}

@media (min-width: 768px){
 
}

@media (min-width: 1024px){
  
}

@media (min-width: 1280px){
  
}