:root {
    --main-color: #364A51;
    --main-primary-color: #D9B6A3;
    --primary-color: #FFF8F4;
    --secondary-color: #FFF8F4;
    --error-border-color: #f62d51;
    --error-color: #f62d51;
    --black: #000000;
    --white: #FFFFFF;
    --main-check-url: url(../images/check-purple.svg);

    /* Describe color code */
        /* Banner / Video */
            --banner-left-color: var(--main-primary-color);
            --banner-right-color: var(--main-color);
            --video-bg: var(--primary-color);
        
        /* About Area */
            --about-title: var(--main-color);
            --total-bg: var(--main-color);
            --total-line: var(--main-primary-color);

        /*  Find partner With steps */
            --partner-bg: var(--main-color);

            --tab-list-bg: var(--main-primary-color);
            --tab-list-border: var(--main-primary-color);
            --tab-list-color: var(--main-color);
            --tab-list-line: var(--white);
            --tab-active-line: var(--main-primary-color);

            --step-content-bg: var(--secondary-color);
            --step-content-border: var(--main-color);
}