:root {

    --bg: #c39f6d1a;
    /* f3f4f6*/
    --bg-2: #c39f6d1a;
    /* f3f4f6*/
    --color: #000000;

    --bg-white: #ffffff;
    --color-white: #ffffff;

    /* Theme Color */

    --main-color: #05403E;
    --second-color: #c39f6d;
    --third-color: #41748D;
    --fourth-color: #D6C6B4;
    --fifth-color: #F4F1EB;


    --soft-main-color: #335ea330;


    --btn-bg: var(--main-color);
    --btn-color: #fff;

    --btn-soft-bg: #00baf221;
    --btn-soft-color: #00b9f2;


    --btn-second-bg: var(--second-color);
    --btn-second-color: #fff;
    --btn-border-radius: var(--radius-lg);

    --btn-second-soft-bg: #c39f6d1a;
    --btn-second-soft-color: var(--second-color);





    /* Borders */
    --border-color: #dee4ec;
    --border-radius: 2px;
    --radius-xl: var(--border-radius);
    --radius-lg: var(--border-radius);
    --radius-md: var(--border-radius);
    --radius-sm: var(--border-radius);
    --radius-xs: var(--border-radius);







    /* Footer Color */
    --footer-main-bg: #212121;
    --footer-second-bg: var(--main-color);
    --footer-color: #ffffff;
    --footer-color-gray: #d4d4d4;






    /* Input */
    --input-color: #505050;
    --input-background: #fff;
    --input-border-color: #ebebeb;
    --input-focus-border-color: var(--main-color);
    --input-focus-background: #f9f9f9;




    /* Card ( box ) Style Colors */
    --card-bg: #fff;
    --card-color: #212121;
    --card-shadow: rgba(17, 12, 46, 0.1) 0px 48px 100px 0px;
    --card-border: none;
    --card-padding: 1.2rem;






    /* Global */
    --navbar-height: 100px;

}