/*
* Must have to remove one of the function which is un-used;
*/


/* Use if the css variable is rgb */
:root{
    --main: 51,
            102,
            153;
}

/* Use if the css variable is hsl */

:root{
    --main: 210,
            94,
            21;
}

:root {
  --main: #336699;
  --secondary: #336699;
}

.form-control:focus {
    border-color: #336699;
    box-shadow: 0 0 0 0.2rem rgb(51 102 153 / 32%);
}

.header-top {
    padding: 15px 0;
    background-color: rgb(61 102 173);
    position: relative;
}