@font-face {
        font-family: "DM Sans";
        src: url("/cms_builds/39473/anjaniputra-travels-build-20260917T082315063Z/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/39473/anjaniputra-travels-build-20260917T082315063Z/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/39473/anjaniputra-travels-build-20260917T082315063Z/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/39473/anjaniputra-travels-build-20260917T082315063Z/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: #143d85;
  --primary-light: #d0d6e2;
  --primary-light-1: #cfd7e6;
  --primary-light-2: #c3d0e6;
  --primary-light-3: #b8c8e6;
  --primary-light-4: #1561e6;
  --primary-light-5: #176cff;
  --primary-dark: #0f264d;
  --secondary: #be2731;
  --secondary-light: #f0e6e6;
    --secondary-light-1: #e6cfd0;
  --secondary-light-2: #e6c3c5;
  --secondary-light-3: #e6b8bb;
  --secondary-light-4: #e61523;
  --secondary-light-5: #ff1726;
  --secondary-dark: #4d0f13;
  --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;
  }
}