:root {
--chatButton: #415eb3;
    --chatButtonHighlight: #5274d8;
    --navbarButton: #000000;
    --navbarButtonHighlight: hsl(0, 79%, 39%);
    --callToActionButton: #407e8f;
    --callToActionHighlight: #6da7b7;
    --offerCTA: #ffffff;
    --offerCTAAlternative: #3d6bf5;
    --background: hsl(0, 0%, 100%);
    --offerBackground: #9dffe694;
    --modal-background: linear-gradient(90deg, rgb(16 14 14) 0%, rgb(23 18 18) 100%);
    --alternate-background: linear-gradient(0deg, rgb(51 105 107) 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%);
    --light-background: linear-gradient(180deg, rgb(29 32 30) 0%, rgb(37 66 44) 100%);
    --alternate-light-background: linear-gradient(0deg, rgb(29 32 30) 0%, rgb(37 66 44) 100%);
    --text: #4b4b4b;
    --alternate--text: #e4e4e4;
    --header-text: #5ace37;
    --white-color:                  #ffffff;
    --primary-color:                #6c8ca7;
    --secondary-color:              #233163;
    --section-bg-color:             #899eae;
    --custom-btn-bg-color:          #83a6db;
    --custom-btn-bg-hover-color:    #7cb8eb;
    --link-hover-color:             #4f83d1;
    --dark-color: #000000;
    --p-color: #000000;
    --link:#0fe7ff;
    --link-hover:#0fffcf;
    --border-color: #e9eaeb;
    --link-hover-color: #4f83d1;
    --body-font-family: 'Poppins', sans-serif;
    --h1-font-size: 52px;
    --h2-font-size: 46px;
    --h3-font-size: 32px;
    --h4-font-size: 28px;
    --h5-font-size: 24px;
    --h6-font-size: 22px;
    --p-font-size: 16px;
    --btn-font-size: 18px;
    --copyright-font-size: 14px;
    --border-radius-large: 100px;
    --border-radius-medium: 20px;
    --border-radius-small: 10px;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
  }
  
  .logo {
    width: auto !important;
    aspect-ratio: 16/9;
  }