@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
:root{
    --primary-color:#17263C;
    --secondary-color:#E5B20A;
    --light-borderColor:#dee2e6;
    --btn-colorOne: #054a7c;
    /* --tercery-color:#a80505;
    --body-color:#f39191;
    --submit-color:#D42024;
    --body-color-two:#ffffff;
    --sidebar-items:#f9dedf; */
    --gradient-one:linear-gradient(180deg, #640303, #e87e7e);
    --gradient-two:linear-gradient(to right, #ac0a0a, #1c0301);
    --gradient-three:linear-gradient(180deg, #640303, #8a2b2b);
    --new-canva-color: #8b0c0c;
    --primary-one:#7a1717;
    --secodary-one:red;
    --ternary-one:#f5edba;
    --light-version-of-hover-font:#cbdce9;
    --light-version-of-line:#cbdce9;
    --heading-font:"Noto Serif";
    --other-font:"Noto Serif";
    --secondary-border:#1f1e1e;
    --dark-background: rgb(75, 74, 74);
    --mainheader-color:#110F0C;
    --havybord-color:#4AC088 ;
   --voicecol-color : #17263C ;
    --wave-color: #D38E25;
 --lightgray-border:#e9e8e6;
 --lightbackground:#050505;
 --lightgreen-background: #F0FDF4;
 --darkgreen-txtcolor:rgb(6, 104, 43);
 --backhover-btn:#FFCA2C;
 --lightback-yellow:#FFF7ED;
 --lightback-green:#F0FDF4;
 --lightback-red:#FEF2F2;
 --lightback-blue:#EFF6FF;
 --lightback-skygreen:#ecfcf7;
}