/* ==========================================================================
   Normalize.css
   A modern CSS reset for consistent cross-browser rendering
   ========================================================================== */

/* 1. Remove default margin */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 2. Set core body defaults */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
 font-family: var(--font-body);
}

/* 3. Remove list styles */
ul,
ol {
  list-style: none;
}

/* 4. Anchor defaults */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/* 5. Images & media */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 6. Form elements inherit font */
input,
button,
textarea,
select {
  font: inherit;
}

/* 7. Button reset */
button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 8. Remove default fieldset styles */
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

/* 9. Remove focus outline only when using mouse */
:focus:not(:focus-visible) {
  outline: none;
}

/* 10. Tables */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 11. Prevent text overflow issues */
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

/* 12. Improve consistency for hr */
hr {
  height: 1px;
  border: none;
  background-color: #e5e5e5;
}

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

h1 {
  font-family: var(--main-heading);
  font-size: 80px;
  font-weight: 120;
  color: var(--heading-color);
  margin-top: 40px;
}

h2 {
  font-family: var(--main-heading);
  font-size: 65px;
  font-weight: 120;
  color: var(--heading-color);
}
h3 {
  font-family: var(--main-heading);
  font-size: 60px;
  font-weight: 120;
  color: var(--heading-color);
}

h4 {
  font-family: var(--main-heading);
  font-size: 35px;
  font-weight: 200;
  color: var(--heading-color);
}
p, ul, a, span {
  font-size: 20px;
  font-family: var(--font-body);
}
.flex{
  display: flex;
}
.space-between{
  justify-content: space-between;
}
.center{
  justify-content: center;
  align-items: center;
}
.grid{
  display: grid;
}
.text-center{
  text-align: center;
}
.relative{
  position: relative;
}
/* .heading-padding{
  padding: 10px 0;
} */
.over-flow-hidden{
  overflow: hidden;
}
.bottom-bar{
  padding: 10px 0;
}
.payment-icon{
 gap: 20px;
 grid-column: span 6;
}
.payment-icons{
  height: 25px;
  width: auto;
  /* border-radius: 5px; */
}
.bottom-bar-content{
  grid-template-columns: repeat(12, 1fr);
  justify-content: space-between;
  align-items: center;
}
.copyright{
  grid-column: span 6;
  text-align: right;
  font-size: 14px;
  color: #555;
}

.sub-heading-margin{
   margin: 20px 0;
}
.flex-column{
  flex-direction: column;
}
.footer-card-data{
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.5;
}
.line-height-p{
  line-height: 2;
}
.black-text{
  color: var(--black-text);
}
.container-center{
  margin: 0 auto;
}
.main-font-family{
  font-family: var(--main-heading);
}
.text-white{
  color: #fff;
}
/* ==========================================================================
   End Normalize.css
   ========================================================================== */