:root {
	/* Colors starts here */
	--body-color:  #FFFFFF;
    --color-primary: #000000;
    --color-secondary: #211C84;
    --btn-color:#be0b12;
    --btn-color-1:#4338CA;
    --color-bg:#E5E7EB;
    --light-blue:#93C5FD ;
    --extra-color-1:#1D235D;
    /* --extra-color-2:#A2A8E2;
    --extra-color-3:#14183E;
    --extra-color-4:#333D99; */
    --extra-color-5:#f7f7f7;
    --color-text: #7A7A7A;
    --text-color-2: #1A1A1A;
    --Accent-color-1:#EF4444;
    --Accent-color-2:#10B981;
    --text-new-color:#014e29;

}
.new-text{
    color: var(--text-new-color);
}
.new-text-2{
    color: var(--text-new-color);
}
.new-text:hover{
    color: #9c1015;
}

.body-color{
    background-color: var(--body-color);
}
.primary_color{
    color: var(--color-primary);
}
.primary_bg{
    background-color: var(--color-primary);
}
.primary_bg_2{
    background-color: white;
}
.seperator{
    border-top: 2px solid #000000;
}
.secondary_color{
    color: var(--color-secondary);
}
.secondary_bg{
    background-color: var(--color-secondary);
}
.btn-color{
    color: var(--btn-color);
}
.btn-bg{
    background-color: var(--btn-color);
}
.btn-bg-2{
    background-color: white;
}
/* .gradient {
    background: linear-gradient(90deg, #071e12 0%, #024f29 50%, #01150b 100%);
}
.gradient_2 {
    background: linear-gradient(90deg, #024f29 0%, #071e12 50%, #024f29 100%);
} */
 .gradient {
    background: linear-gradient(90deg, #000000 0%, #1a0000 50%, #330000 100%);
}
.gradient_2 {
    background: linear-gradient(90deg, #000000 0%, #1a0000 50%, #330000 100%);
}
/* .extra-color-2{
    color: var(--extra-color-2);
}
.extra-bg-2{
    background-color: var(--extra-color-2);
}
.extra-color-3{
    color: var(--extra-color-3);
}
.extra-bg-3{
    background-color: var(--extra-color-3);
}

.extra-color-4{
    color: var(--extra-color-4);
}
.extra-bg-4{
    background-color: var(--extra-color-4);
} */
/* .extra-color-5{
    color: var(--extra-color-5);
}
.extra-bg-5{
    background-color: var(--extra-color-5);
} */