:root {
  /* Background colour */
  --cls-body-bg: #f9f9f9;
  --cls-header-bg: #ffffff;
  --cls-header-shadow: none!important;
  --cls-header-icon-color: #3d315f;
  --cls-default-bg: #fff;
  --cls-primary-bg: #2892f8;
  --cls-button-text: #fff;
  --cls-button-bg: #2892f8;
  --cls-primary-bg-rgb: 61 49 95;
  --cls-secondry-bg: #e7e7e7;
  --cls-grid-bg:#ebebeb;
                
  /* Text colour */
  --cls-home-header-text:#333;
  --cls-body-text: #333;
  --cls-default-text: #333;
  --cls-primary-text: #3d315f;
  --cls-secondry-text: #6c757d;

  /* Font family and size */
  --cls-fontFamily-body: "DM Sans","Roboto",-apple-system,"Segoe UI",sans-serif;
  --cls-fontFamily-heading: 'Roboto', sans-serif;
  --cls-fontSize-default: 18px;
  --cls-fontSize-h1: 25px;
  --cls-fontSize-h2: 22px;
  --cls-fontSize-h3: 20px;
  --cls-fontSize-h4: 18px;
  --cls-fontSize-h5: 16px;

  /* SLider background text */
  --cls-sliderBanner-bg: #000;
  --cls-sliderBanner-bg-rgb: 0 0 0;
  --cls-sliderBanner-text: #fff;

  /* Dropdown option */
  --cls-dropdown-bg: #ffffff;
  --cls-dropdown-text: #3d315f;
  --cls-dropdown-bg-hover: #ebebeb; 

  /* Icons option */
  --cls-icon-bg: transparent;
  --cls-icon-text: #3d315f;
  --cls-icon-bg-hover: #ebebeb;

  /* Border, label & verify colour */
  --cls-border-default: #ebebeb;
  --cls-verify-bg: transparent;
  --cls-verify-text: transparent;
  --cls-lableHot: #FF1744;
  --cls-lableFeatured: #2296F3;
  --cls-lableSponsored: #369B39;

  /* form label input */
  --cls-form-lable-text: #101010;
  --cls-form-input-text: #101010;
  --cls-form-input-border: #ebebeb;
  --cls-form-input-bg: #ffffff;
  --cls-form-input-bg-focus: #2f245a;

  /* validation form */
  --cls-success: #198754;
  --cls-info: #0dcaf0;
  --cls-warning: #ffc107;
  --cls-danger: #dc3545;
  --cls-orange: #fd7e14;
  --cls-yellow: #ffc107;

  /* Socialmedia & other colour */
  --cls-color-white: #ffffff;
  --cls-color-black: #000000;
  --facebook-color: #455CA8;
  --facebook-hover-color: #6E83CD;
  --google-color: #F74933;
  --google-hover-color: #FF7566;
  --twitter-color: #1da1f2;
  --twitter-hover-color: #1da1f2;
  --instagram-color: #a32e73;
  --pintrest-color: #d50c22;
  --vimeo-color: #ffa800;

  /* Overlay */
  --cls-overlay-default: rgba(0, 0, 0, 0.5);
  --cls-dark-opacity-6: rgba(0 0 0 / 60%);
  --cls-dark-opacity-9: rgba(0 0 0 / 90%);

  /* Button color */
  --cls-button-bg:linear-gradient(to right, #2892f8 0%, #0a71d5  51%, #2892f8  100%);
  --cls-button-text:#fff;
  --cls-button-bg-hover:linear-gradient(to right, #2892f8 0%, #0a71d5  51%, #2892f8  100%);
  --cls-button-text-hover:#fff;
  --cls-button-bg-hover-position:right center;

  /* Bottom menubar */
  --cls-bottom-menu-bg:#ffffff;
  --cls-bottom-menu-color:#101010;
  --cls-bottom-menu-color-active:#3d315f;

  /* loading dots */
  --cls-loading-bg:#2892f8;


    /* top spinner dots */
    --cls-spinner-color:#2892f8;
}