* {
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }
  
  html,
  body {
    margin: 0px;
    padding: 0px;
  }
  
  :root {


    --black: rgba(34, 34, 34, 1);
    --orange: rgba(255, 105, 49, 1);
    --white: rgba(255, 255, 255, 1);
    --grey: rgba(99, 99, 99, 1);
    --slightblue: #5478d1;
    --purple: #4855dc;
    --purpleHover: #3744cc;
    --secSepBgClr: #f0f0f0;

    --herosection-heading-font-size: clamp(33px, 5vw, 46px);
    --herosection-subheading-font-size: clamp(20px, 4vw, 30px);
    
    --components-heading-font-size: clamp(26px, 4vw, 36px);
    --components-subheading-font-size: clamp(20px, 4vw, 22px);
    --paragraph-font-size: clamp(16px, 3vw, 18px);
    

  
  }
 .biz-section-wrapper {text-align: center;display:none;background:#f8f6f5;padding: 60px 20px;}
 .biz-section-wrapper h2 {font-size: 36px;font-weight: 600;color:#000;margin-top: 0;margin-bottom: 10px;}
 .biz-section-wrapper p {font-size: 18px;color:#000;margin-bottom: 30px;}
 .biz-heart {color: #000;font-size: 18px;margin: 0 5px;}
 .biz-cities-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 15px 30px;max-width: 1200px;margin: 0 auto;text-align: left;}
 .biz-city a {font-weight: 600;font-size: 16px;color: #000;text-decoration: none;transition: color 0.3s ease;}
 .biz-city a:hover {color: #5478d1;}
 @media (max-width: 768px) {.biz-section-wrapper h2 {font-size: 24px;}.biz-section-wrapper p {font-size: 14px;}}