:root{--color1:#fbbf24;--color2:#ef4444;--color3:#f59e0b;--color4:#333333;--color5:#e6e6f8;--color6:#33313d;--color7:#000000;--color8:#333253;}.text-color1{color:#fbbf24;}.bg-color1{background-color:#fbbf24;}.text-color2{color:#ef4444;}.bg-color2{background-color:#ef4444;}.text-color3{color:#f59e0b;}.bg-color3{background-color:#f59e0b;}.text-color4{color:#333333;}.bg-color4{background-color:#333333;}.text-color5{color:#e6e6f8;}.bg-color5{background-color:#e6e6f8;}.text-color6{color:#33313d;}.bg-color6{background-color:#33313d;}.text-color7{color:#000000;}.bg-color7{background-color:#000000;}.text-color8{color:#333253;}.bg-color8{background-color:#333253;}.delivery-option.active,.payment-option.active{border-color:#333253;background-color:#f59e0b;}.gradient-bg-1 {background: linear-gradient(to bottom, #333253, #ef4444);background-size: 100% 200%;}.gradient-bg-1:hover {background: linear-gradient(to bottom, #333253, #ff5151);background-size: 100% 200%;}.gradient-bg-2 {background: linear-gradient(to bottom, #ef4444, #fbbf24);background-size: 100% 200%;}.gradient-bg-2:hover {background: linear-gradient(to bottom, #fbbf24, #ef4444);background-size: 100% 200%;}.gradient-bg-3 {background: linear-gradient(to bottom, #333333, #33313d);background-size: 100% 200%;}.gradient-bg-4 {background: linear-gradient(to bottom, #000000, #fbbf24);background-size: 100% 200%;}