:root{
    --main  : #FFFFFF;
    --main1 : #2d5872;
    --main2 : #61b299;
    --main3 : #CDEDC9;
    --main4 : #e1e6e0;
    --main5 : #0292ad;
    --gd1 :  #10187C;
    --gd2 :  #D656AB;

    --bd-main  : #DFDFDF;
    --bg-detail : #F5F5F5;


    --text-main  : #000000;
    --hover-main : #DFDFDF;
    --text-hover-main : #000000;

    --text-main1  : #FFFFFF;
    --hover-main1 : #07bc0c;
    --text-hover-main1 : #000000;

    --text-main2  : #FFFFFF;
    --hover-main2 : #CDEDC9;
    --text-hover-main2 : #000000;

    --text-main3  : #000000;
    --hover-main3 : #68B2A0;
    --text-hover-main3 : #07bc0c;
    
    --text-main4  : #000000;
    --hover-main4 : #CDEDC9;
    --text-hover-main4 : #07bc0c;

    --text-main5  : #FFFFFF;
    --hover-main5 : #68B2A0;
    --text-hover-main5 : #07bc0c;

    --text-m : #2d5872;
    --text-icon : #4d2a88;

    --white : #FFFFFF;
    --gray : #afadc0;
    --green : #21C14F;
    --orange : orange; 
    --red : #f63846;
    

  }