:root {
  /* Primray Color */
  --color-primary50: #F3FCF9;
--color-primary100: #E8F8F3;
--color-primary200: #C5EEE0;
--color-primary300: #A2E3CD;
--color-primary400: #5DCFA8;
--color-primary500: #17BA83;
--color-primary600: #15A776;
--color-primary700: #0E704F;
--color-primary800: #0A543B;
--color-primary900: #073827;
--color-primary950: #05251A;

  /* Secondary Color*/
  --color-secondary50: #FFF9F4;
--color-secondary100: #FEF4E9;
--color-secondary200: #FDE3C9;
--color-secondary300: #FBD2A8;
--color-secondary400: #F9B067;
--color-secondary500: #F68E26;
--color-secondary600: #DD8022;
--color-secondary700: #945517;
--color-secondary800: #6F4011;
--color-secondary900: #4A2B0B;
--color-secondary950: #311C08;

}

.bg-gradient-1 {
  background: linear-gradient(90deg, #002D46 0%, #024621 100%);;
}

.bg-gradient-register {
  background: linear-gradient(180deg, #486214 0%, #094A21 100%);
}

.bg-keunggulan {
    background: #2B6DE2;
}

.bg-product-populer {
    background: #efefef;
}

.bg-product-terlaris {
    background: linear-gradient(332.24deg, #024621 9.52%, #05AC51 87.03%);
}

.bg_form_register {
    background: #002D46;
    color: #FFFFFF;
}

.bg_icon_otp {
    background: #3A69F5;
    color: #FFFFFF;
}

.bg_icon_register {
    background: #ACD24F;
    color: #FFFFFF;
}

.bg_keunggulan_home {
    background: #002C45;
    color: #FFFFFF;
}

.button_general {
    background: #F68E26;
}

.text-register {
    color: #FFFFFF;
}

.title-product-populer {
    background: #4d6414;
    color: #fff;
}