:root {
--accent: #fe5b2c !important;
--primary: #2d0c61 !important;
--secondary: #283747 !important;
--primary-font: Unna, sans-serif;
--secondary-font: Roboto, sans-serif;
}

:root {
  /* Fluid Heading Scale: clamp(min, preferred_fluid_calc, max) */
  --font-hero: clamp(2.25rem, 1.35rem + 4vw, 4.5rem);      /* 36px to 72px */
  --font-h1: clamp(2rem, 1.4rem + 2.7vw, 3.5rem);          /* 32px to 56px */
  --font-h2: clamp(1.65rem, 1.25rem + 1.8vw, 2.75rem);     /* 26px to 44px */
  --font-h3: clamp(1.25rem, 1.05rem + 0.9vw, 1.75rem);     /* 20px to 28px */
  --font-card-title: clamp(1.125rem, 1rem + 0.55vw, 1.375rem); /* 18px to 22px */
  
  /* Fluid Body & Subtitles */
  --font-lead: clamp(1.05rem, 0.95rem + 0.45vw, 1.25rem);  /* 17px to 20px */
  --font-body: clamp(0.9375rem, 0.9rem + 0.18vw, 1.0625rem); /* 15px to 17px */
  --font-small: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem); /* 13px to 14px */

  /* Fluid Section Spacing Rhythm */
  --space-section: clamp(3rem, 2rem + 4.5vw, 7.5rem);       /* 48px to 120px */
  --space-gap: clamp(1rem, 0.75rem + 1vw, 2rem);            /* 16px to 32px */
}

/* Typography Base Styles */
.hero-title {
  font-size: var(--font-hero);
  line-height: 1.08;
  letter-spacing: -0.035em;
  font-weight: 700;
}

h2.section-title {
  font-size: var(--font-h2);
  line-height: 1.15;
  letter-spacing: -0.025em;
  font-weight: 700;
}

h3.card-title {
  font-size: var(--font-card-title);
  line-height: 1.3;
  letter-spacing: -0.015em;
  font-weight: 600;
}

.text-lead {
  font-size: var(--font-lead);
  line-height: 1.6;
  color: #475569; /* Slate 600 */
}

.text-body {
  font-size: var(--font-body);
  line-height: 1.65;
  color: #64748b; /* Slate 500 */
}


.cs_contact_info { grid-template-columns: auto !important;}
.service-page-hero .cs_hero.cs_style_5 {background-color:#2E0B61;}
.service-page-hero .cs_hero.cs_style_5 .cs_hero_text {color:#fff;}
.service-page-hero .cs_hero.cs_style_5 .cs_hero_text h1 {color:#fff; font-size:43px;}
.cs_section_heading .cs_section_title .cs_hero_btns {font-size: 20px;padding: 8px 0; margin:10px 0; }
.cs_font_roboto {font-family: Roboto, sans-serif;}
.cs_section_heading .cs_btn.cs_style_1{border-radius:0.5em;margin-right:15px;}
.website-dev-service-banner .cs_section_heading {width:51%;}
.mbAppCls .cs_style_4 {border: 1px solid #ccc;padding: 10px;border-radius: 10px;}
.mbAppCls .cs_card_img::before{border:none!important;}

.mbAppCls .cs_card.cs_style_4 .cs_card_img{border-radius:0px; }
#faq-1781874511824 .cs_height_75{height:20px;}
#faq-1781874511824 img{width:85%;}
.ecomAbtCls p{font-weight:300;}

.industryIcons .cs_card.cs_style_4 .cs_card_img img { width: 55%;border: 1px solid var(--primary);padding: 10px;}
.industryIcons .cs_card.cs_style_4 .cs_card_img::before {border:none !important;}
.industryIcons .cs_gap_y_80 {gap: 45px 0;}
@media (min-width: 992px) {
    .industryIcons .col-lg-4 {width: 19.333333%;text-align: center;   }
    .industryIcons .cs_height_85 { height: 15px; }
}
.industryIcons .cs_fs_30 {font-size: 20px;}

.customize-field .form-group .form-control {
    min-height: 550px !important;
}