/*--------------- FONTS VARIABLE ----------------*/
@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');
/*--------------- ROOT VARIABLE ----------------*/
:root {
    /* --primary: #2d3e50; */
    --primary: #eb4800;
    --primary-gradient: linear-gradient(313deg, rgba(242,52,146,1) 0%, rgba(100,58,146,1) 100%);
    --secondary: #633991;
    --hover:  rgba(242,52,146,1);
    --red: #df1216;
    --text: #300561;
    --gray: #808080;
    --black: #161618;
    --white: #ffffff;
    --footer: rgb(121,9,107);
    --footer-gradient: linear-gradient(313deg, rgba(242,52,146,1) 0%, rgba(100,58,146,1) 100%);
    --shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.1);
    --pfamily: 'Open Sans', sans-serif;
    --sfamily: 'Questrial', sans-serif;
}


/*--------------- PRIMARY COLOR ----------------*/
.scroll::-webkit-scrollbar-thumb{
	background-color: var(--primary);
}


/*-------------- SECONDARY COLOR ---------------*/



/*---------------- HOVER COLOR -----------------*/
a:hover {color: var(--hover) !important;}



/*---------------- SHADOW COLOR ----------------*/
.form-control:focus { box-shadow: var(--shadow); }


/*----------------- TEXT COLOR -----------------*/



/*----------------- GRAY COLOR -----------------*/



/*---------------- PRIMARY FONT ----------------*/



/*--------------- SECONDARY FONT ---------------*/