:root{

    --white: #ffffff;
    --white2: rgba(255, 255, 255, 1);
    --white3: rgba(245, 245, 245, 1);
    --white4: rgba(0, 0, 0, 0.03);
    --grey1: #FAFAFA;
    --grey2: #F5F5F5;
    --grey3: #E5E5E5;
    --grey4: #D4D4D4;
    --grey5: #A3A3A3;
    --grey6: #F3F3F3;
    --grey7: #AAAAAA;
    --grey8: #f9f9f9;
    --grey9: #3F4254;
    --grey10: #7E8299;
    --grey11: #EEEEEE;
    --grey12: #B5B5C3;

    --black: #000000;
    --black1: #737373;
    --black2: #525252;
    --black3: #404040;
    --black4: #262626;
    --black5: #171717;
    --black6: rgba(0,0,0,0.10);
    --black7: rgba(0,0,0,0.02);
    --black8: rgba(0,0,0,0.01);
    --black10: #efefef;
    --black9: #E1E3EA;

    --blue: #0E77D3;
    --yellow: #FFC700;
    --pink: #F1416C;
    --yellowLight: rgba(166, 164, 157, 0.20);
    --darkBlue: #243B7F;
    --lightBlue: rgba(14, 119, 211, 0.1);
    --green: #48BB78;
    --purple: #5A1AB7;
    --red: #E53E3E;


}

*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

img{
    max-width: 100%;
    height: auto;
}

a{
    text-decoration: none;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 15px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

.mt5{
    margin-top: 5px;
}
.mt10{
    margin-top: 10px;
}
.mt15{
    margin-top: 15px;
}
.mt20{
    margin-top: 20px;
}
.mt25{
    margin-top: 25px;
}
.mt30{
    margin-top: 30px;
}