/*==================================
Theme Color All Codes Variable
==================================*/
:root {
  --body-theme-color: #717171; /* theme Body color */
}
:root {
  --primary-theme-color: #fc5003; /* theme Primary color */
}
:root {
  --secondary-theme-color: #00196e; /* theme Secondary color */
}
:root {
  --white-theme-color: #fff; /* theme White font color */
}
:root {
  --off-white-theme-color: #f5f5f5; /* theme Off-White color */
}
:root {
  --gray-theme-color: #a2a2a2; /* theme gray color */
}
:root {
  --dark-theme-color: #00196e; /* theme Dark color */
}
:root {
  --black-theme-color: #000; /* theme Black color */
}
:root {
  --primary-overlay-color: rgba(248, 182, 4, 0.8); /* Primary overlay color */
}
:root {
  --secondary-overlay-color: rgba(
    26,
    26,
    26,
    0.8
  ); /* secondary overlay color */
}

.main-header-2 {
  background: linear-gradient(
    to right,
    #00196e 50%,
    #fc5003 50%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.offer.process-item {
  background-color: #f8c304;
}
.save-money.process-item {
  background-color: #f8ad04;
}
/*==================================
Font Variable
==================================*/
:root {
  --theme-body-font: "Montserrat", sans-serif; /* Font use for normal text and body text */
}
:root {
  --theme-highlight-font: "Poppins", sans-serif; /* Font used in title or special area */
}

:root {
  --light-dark-theme-color: #242c3e; /* theme light color */
}
:root {
  --white-opacity-theme-color: rgba(255, 255, 255, 0.3); /* theme light color */
}

:root {
  --primary-overlay: rgba(
    103,
    197,
    70,
    0.7
  ); /* theme Primary color overlay transparent */
}
:root {
  --secondary-overlay: rgba(
    39,
    49,
    61,
    0.7
  ); /* theme secondary color overlay transparent */
}
:root {
  --dark-overlay: rgba(
    32,
    42,
    54,
    0.8
  ); /* theme secondary color overlay transparent */
}