:root {
  --primary-bg-color: #1f2a3b;
  --primary-text-color: #ffffff;
  --body-bg-color: #e9f3ff9a;
  --secondary-text-color: #000000;
  --primary-border-color: rgb(95, 95, 95);
  --white-color: #ffffff;
  --body-color: #6F6F6F;
  --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: 'Nunito Sans', sans-serif;
  --font-family-inter: "Inter", sans-serif;
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

:root{
  --primary-button-bg : #00d9ff;
  --base-button-bg: rgba(0, 217, 255, 0.1);
  --secondary-button-bg:  #7000ff;
  --primary-button-border-color: #00d9ff;
  --primary-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}



: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 {
  --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-sans-serif);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-family-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--body-color);
  text-align: left;
  background-color: var(--body-bg-color);
  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);
}

.form-label,
.col-form-label{
  text-transform: capitalize;
  font-size: var( --font-size-base);
  margin-bottom: 4px;
}

.form-control,
.form-select,
.form-check-input{
  border: 1px solid var(--primary-border-color);
  outline: none;
  box-shadow: none;
  border-radius: 0;
}


.form-control:focus,
.form-select:focus,
.form-check-input:focus{
  border: 1px solid var(--primary-border-color);
  outline: none;
  box-shadow: none;
}

input[type='number']::-webkit-inner-spin-button{
  display: none;
}