:root {
  --color-bg: #f0f6ff !important;
  --color-sang: #666 !important;
  --color-gunian: #0cb7dc !important;
  --color-3: #0bb7dd !important;
  --color-grey: #9ea7a8 !important;
  --color-green: #43d053 !important;
  --color-green2: #49b9ab !important;
  --color-blue: #0a7dde !important;
  --color-white: #FFF !important;
  --color-black: #000 !important;
  --color-dark-blue: #034e7e !important;
  --color-date: #4ac1d5 !important;
  --color-seemore: #56c5d8 !important;
}

/*
    var(--color-bg)
    var(--color-sang)
    var(--color-gunian)
    var(--color-3)
    var(--color-grey)
    var(--color-green)
    var(--color-blue)
    var(--color-white)
    var(--color-black)
    var(--color-dark-blue)
    var(--color-date)
    var(--color-seemore)
 */

 .btn-blue {
    background-color: var(--color-blue);
    border-color: var(--color-blue);
    color:#FFF;
}.btn-blue:hover {
    background-color: var(--color-dark-blue);
    border-color: var(--color-dark-blue);
    color:#FFF;
}
 .btn-color-3 {
    background-color: var(--color-3);
    border-color: var(--color-3);
    color:#FFF;
    outline: none;
    max-width:200px;
}.btn-color-3:hover {
    background-color: var(--color-sang);
    border-color: var(--color-sang);
    color:#FFF;
}