@font-face {
        font-family: "DM Sans";
        src: url("/cms_builds/39476/new-gaharwar-bus-service-build-20260917T103154724Z/common/assets/font/DM_Sans/DMSans_18pt-Regular.ttf") format("truetype");
        font-weight: 400;
        font-style: normal;
        font-display: swap;
      }
    
      @font-face {
        font-family: "DM Sans";
        src: url("/cms_builds/39476/new-gaharwar-bus-service-build-20260917T103154724Z/common/assets/font/DM_Sans/DMSans_18pt-Medium.ttf") format("truetype");
        font-weight: 500;
        font-style: normal;
        font-display: swap;
      }
    
      @font-face {
        font-family: "DM Sans";
        src: url("/cms_builds/39476/new-gaharwar-bus-service-build-20260917T103154724Z/common/assets/font/DM_Sans/DMSans_18pt-SemiBold.ttf") format("truetype");
        font-weight: 600;
        font-style: normal;
        font-display: swap;
      }
    
      @font-face {
        font-family: "DM Sans";
        src: url("/cms_builds/39476/new-gaharwar-bus-service-build-20260917T103154724Z/common/assets/font/DM_Sans/DMSans_18pt-Bold.ttf") format("truetype");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
      }
    
/* Typography styles */

h1 {
  font-weight: 700;
  font-size: 42px;
}

h2 {
  font-weight: 600;
  font-size: 32px;
}

h3 {
  font-weight: 500;
  font-size: 24px;
}

h4 {
  font-weight: 400;
  font-size: 16px;
}

h5 {
  font-weight: 400;
  font-size: 12px;
}
:root {
  --primary: #7a321e;
  --primary-light: #e0d4d1;
  --primary-light-1: #e6d4cf;
  --primary-light-2: #e6cbc3;
  --primary-light-3: #e6c2b8;
  --primary-light-4: #e64215;
  --primary-light-5: #ff4917;
  --primary-dark: #4d1d0f;
  --secondary: #ab8b39;
  --secondary-light: #ecebe9;
    --secondary-light-1: #e6dfcf;
  --secondary-light-2: #e6dcc3;
  --secondary-light-3: #e6d8b8;
  --secondary-light-4: #e6aa15;
  --secondary-light-5: #ffbd17;
  --secondary-dark: #4d3b0f;
  --default-font-family: "DM Sans";
  --highliterFont: "DM Sans";
  --white: #ffffff;
  --neutral-light: #F8F8F8;
  --neutral: #EDEDED;
  --neutral-1: #D6D6D6;
  --neutral-2: #949494;
  --neutral-3: #7A7A7A;
  --neutral-4: #757575;
  --neutral-5: #595959;
  --neutral-6: #202124;
  --neutral-7: #323841;
  --black: #101214;
  --red-light: #ffdada0d;
  --red: #D84F55;
  --booked-light: #D7F6E3;
  --booked: #1D8844;
  --orange-light: #FFF4E5;
  --orange: #FF7A00;
  --title-font-size: 40px;
  --subtitle-font-size: 24px;
  --secondary-title-font-size: 20px;
  --secondary-subtitle-font-size: 18px;
  --content-font-size: 16px;
  --secondary-content-font-size: 14px;
  --button-text-font-size: 16px;
  --caption-font-size: 12px;
}
@media (max-width: 768px) {
  :root {
    --title-font-size: 28px;
    --subtitle-font-size: 18px;
    --secondary-title-font-size: 16px;
    --secondary-subtitle-font-size: 15px;
    --content-font-size: 14px;
    --secondary-content-font-size: 12px;
    --button-text-font-size: 14px;
    --caption-font-size: 11px;
  }
}