:root {
--modal-background: linear-gradient(90deg, rgb(16 14 14) 0%, rgb(23 18 18) 100%);
--highlight: linear-gradient(0deg, rgb(22, 22, 22) 0%, rgb(51, 51, 51) 100%);
--alternate-background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
--alternate-background-flip: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(38,38,38,1) 100%);
--text: #000000;
--alternate--text: #ffffff;
--background: #ffffff;
--primary: #a3d22d;
--secondary: #415eb3;
--tertiary: #065c27;
--quartery: #085c28;
--accent: #661ef6;
--alternate-accent: #8bc34a;
}

body {
    font-family: "Roboto", sans-serif;
}


/* General styling */

.highlightBackground {
  background:var(--highlight);
}


.footerBackground {
  background-color:var(--quartery);
}

.logo {
    max-width:100%;
    width:8em;
   }
   
.img {
    max-width:100%;
}


.alternateBackground {
  background: var(--alternate-background);
}

.alternateBackgroundFlip {
  background: var(--alternate-background-flip);
}

.mainCta {
  background:var(--primary);
  color:var(--text);
}

.secondaryCta {
  background:var(--secondary);
  color:var(--text);
}

.secondaryBg {
  background:var(--secondary);
}

.accentBackground {
 background:var(--accent); 
}

.accent {
  color:var(--accent);
}

.altAccent {
  color:var(--alternate-accent);
}

.offerBg {
  background-color:#f6f6f6;
}

/* Hero */

.hero {
  filter: brightness(0.3), grayscale(1);
}


/* Card styles */


.cardStyle {
    background:var(--secondary-bg-color);
}

.footerStyle {
    background:var(--third-bg-color);
}

.footerHoverResponse {
  transition:ease-out 200ms;
}

.footerHoverResponse:hover {
  text-decoration:underline;
}


.modalBackground {
    background: var(--modal-background);
}


/* Navbar specific classes */
.hoverResponse {
    transition:ease-out 200ms;
}
.hoverResponse:hover {
    text-decoration:underline;
}

.navUnderline {
  color:#ffffff;
  transition:ease-out 200ms;
}

.navUnderline:hover{
  text-decoration: underline;
}

.navBackground {
  background:var(--quartery);
}



/* CTA */

.hoverResponseChat {
  background:var(--secondary) !important;
  transition:ease-out 200ms;
}
.hoverResponseChat:hover {
background:var(--primary) !important;
  text-decoration:underline;
}



/* Font classes */
.roboto-thin {
    font-family: "Roboto", system-ui;
    font-weight: 100;
    font-style: normal;
  }
  
  .roboto-light {
    font-family: "Roboto", system-ui;
    font-weight: 300;
    font-style: normal;
  }
  
  .roboto-regular {
    font-family: "Roboto", system-ui;
    font-weight: 400;
    font-style: normal;
  }
  
  .roboto-medium {
    font-family: "Roboto", system-ui;
    font-weight: 500;
    font-style: normal;
  }
  
  .roboto-bold {
    font-family: "Roboto", system-ui;
    font-weight: 700;
    font-style: normal;
  }
  
  .roboto-black {
    font-family: "Roboto", system-ui;
    font-weight: 900;
    font-style: normal;
  }
  
  .roboto-thin-italic {
    font-family: "Roboto", system-ui;
    font-weight: 100;
    font-style: italic;
  }
  
  .roboto-light-italic {
    font-family: "Roboto", system-ui;
    font-weight: 300;
    font-style: italic;
  }
  
  .roboto-regular-italic {
    font-family: "Roboto", system-ui;
    font-weight: 400;
    font-style: italic;
  }
  
  .roboto-medium-italic {
    font-family: "Roboto", system-ui;
    font-weight: 500;
    font-style: italic;
  }
  
  .roboto-bold-italic {
    font-family: "Roboto", system-ui;
    font-weight: 700;
    font-style: italic;
  }
  
  .roboto-black-italic {
    font-family: "Roboto", system-ui;
    font-weight: 900;
    font-style: italic;
  }