@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    padding:0%;
    margin:0%;
    outline:none;
}

/* ================ Variable CSS======================== */

:root{
    --header-height:3rem;
    /* =================colors================ */
    --main-color:rgb(9, 54, 121);
    --second-color:rgb(7,3,45);
    --main-grident: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);
    --dark-bg:#383848;
    --main-color-alt:#545caf77;
    --text-color:#707070;
    --white-color:#ffffff;
    --white-alt:#e6e6e6;


/* ================Font and Typography======================= */

--body-font: 'Poppins', sans-serif;
--biggest-font-size:2.25rem;
--h1-font-size:1.5rem;
--h2-font-size:1.25rem;
--h3-font-size:1rem;
--normel-font-size: .938rem;
--small-font-size:.813rem;
--smaller-font-size:.75rem;

/* ===================Font Width============= */

--font-medium:500;
--font-semi-bold:600;

/* ====================Margin Paddin============= */
--md-1:.5rem;
--mb-2:1rem;
--mb-3:1.5rem;
--mb-4:2rem;
--mb-5:2.5rem;
--mb-6:3rem;

/* =============Z index ================ */
--z-tooltip:10;
--z-fixed:100;
}

/* ==============CSS variable End ============== */

/* ===========Base CSS============ */
*,
::before,::after{
    box-sizing:border-box;
}

html{
    scroll-behavior: smooth;
}

body{
    color: var(--second-color);
    font-size:13px;
    font-weight: 400;
    font-family: var(--body-font);
    line-height: 28px;
    overflow-x: hidden;
    background: hsl(200deg 27% 98%);
    scrollbar-width: thin;
    scrollbar-color: var(--main-grident);
}

img{
    vertical-align: middle;
    height: auto;
}

a{
    text-decoration: none;
    display: inline-block;
}

a:hover{
    text-decoration: none;
    color:var(--white-color);
}

ul,ol{
    list-style: none;
}

button:focus{
    outline:none;
}

/* =============General Style End============ */


h1,h2,h3,h4,h5,h6,p,ul,li,span,label{
    margin: 0;
}

ul{
    padding: 0;
    list-style: none;
}

ovh{
    overflow: hidden;
}

table.table{
    white-space:nowrap;
}

.di-btn{
    color: aliceblue;
    padding: .7rem var(--mb-2);
    font-weight: 500;
    border-radius: 3px;
    box-shadow: 0px 6px 19px #06041d4a;
}

.card-header-text{
    color: var(--main-color);
}

.purple-gradient{
    background: var(--main-grident);
}

.bg-cla{
    background: var(--main-color);
}

.bg-clc{
    background: linear-gradient(121deg, rgb(92 26 195) 25%, rgb(136 25 206/95%) 100%);
}

.bg-clc{
    background: linear-gradient(121deg, rgb(26 179 195) 25%, rgb(25 97 206/95%) 100%);
}

.bg-clc{
    background: linear-gradient(121deg, rgb(232 202 53) 25%, rgb(206 125 25/95%) 100%);
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--main-color-alt);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb {
    background: var(--main-grident);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--main-grident);
}