:root {
  --color-background: #fff;/*for the background of the page*/
  --color-foreground:rgba(40, 51, 62, 1);/*for main text of the page*/

  --card: rgba(247, 247, 252, 1) !important;/*for products cards background*/

  --color-button-background: rgba(249, 162, 63, 1);/*for buttons*/
  --color-button-foreground: #fff;/*for buttons*/

  --primary: rgba(249, 162, 63, 1);/*for primary-titles */
  --primaryDark: rgba(0, 73, 120, 1);/*for titles and main headings and category names*/

  --secondary: rgba(0, 186, 181, 1); /*for titles of pages */

  --muted:rgba(139, 150, 162, 1);/*for normal text and smaller texts*/
  --color-footer-background: rgba(0, 73, 120, 1);/*for the footer background*/
  --color-footer-txt: #fff; /*for Footer text color*/

   --headerBg: rgba(0, 73, 120, 1); /*for header background color*/
   --headerText : #fff; /*for header text color*/
   --headerTextActive : rgba(0, 186, 181, 1)
}
   .hero-banner .baner-wrap{height:auto !important}