:root{
--primary-bg-color :#6610f2;
--primary-text-color : #ffffff;
--body-bg-color : #ffffff;
--secondary-text-color: #000000;
    --primary-border-color: rgb(238, 238, 238);
    --white-color: #ffffff;
    --body-color: #000000;
    --dark-color: #444444;
    --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #D19C97;
  --secondary: #EDF1FF;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #FFFFFF;
  --dark: #1C1C1C;
  --input-color: #495057;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: "Poppins", sans-serif;
  --font-family-inter : "Inter", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

:root{
      /* Base Font Sizes for eCommerce Website */
  --font-size-xs: 0.75rem;    /* 12px - Small labels, helper text */
  --font-size-sm: 0.875rem;   /* 14px - Captions, secondary text */
  --font-size-base: 1rem;     /* 16px - Body text */
  --font-size-md: 1.125rem;   /* 18px - Product descriptions */
  --font-size-lg: 1.25rem;    /* 20px - Product titles, buttons */
  --font-size-xl: 1.5rem;     /* 24px - Section headings */
  --font-size-xxl: 2rem;      /* 32px - Page titles, hero banners */
  --line-height-base: 1.6;
}

:root{
  --primary-bg-color :#fcb800;
  --primary-text-color : #000000;
  --primary-border-color: #3b3b3b;
}

:root{
    --line-height-base: 1.6;
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    --font-weight-summer-bold: 700;
}


*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: var(--font-family-inter);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
      margin: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #6F6F6F;
  text-align: left;
  background-color: #f3fcff;
  overflow-x: hidden;
}

.cpt{
    text-transform: uppercase !important;
}

.small-padding-layout{
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.medium-padding-layout{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}


.large-padding-layout{
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem 0;
}


ul.plain{
    list-style: none;
    padding: 0;
    margin: 0;
}

.padding-no-top{
    padding-top: 0;
}

.animate-fd{
     opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s ease;
}

.animate-fd.active {
  opacity: 1;
  transform: translateY(0);
}