/* input(714,38): run-time error CSS1046: Expect comma, found '255'
input(714,46): run-time error CSS1046: Expect comma, found '/'
input(779,38): run-time error CSS1046: Expect comma, found '255'
input(779,46): run-time error CSS1046: Expect comma, found '/'
input(3306,11): run-time error CSS1030: Expected identifier, found '.'
input(3306,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3309,11): run-time error CSS1030: Expected identifier, found '.'
input(3309,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3313,11): run-time error CSS1030: Expected identifier, found '.'
input(3313,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3606,171): run-time error CSS1046: Expect comma, found '0'
input(3606,175): run-time error CSS1046: Expect comma, found '/'
input(3686,31): run-time error CSS1046: Expect comma, found '251'
input(3686,38): run-time error CSS1046: Expect comma, found ')' */
/* input(700,38): run-time error CSS1046: Expect comma, found '255'
input(700,46): run-time error CSS1046: Expect comma, found '/'
input(765,38): run-time error CSS1046: Expect comma, found '255'
input(765,46): run-time error CSS1046: Expect comma, found '/'
input(3292,11): run-time error CSS1030: Expected identifier, found '.'
input(3292,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3295,11): run-time error CSS1030: Expected identifier, found '.'
input(3295,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3299,11): run-time error CSS1030: Expected identifier, found '.'
input(3299,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3592,171): run-time error CSS1046: Expect comma, found '0'
input(3592,175): run-time error CSS1046: Expect comma, found '/'
input(3672,31): run-time error CSS1046: Expect comma, found '251'
input(3672,38): run-time error CSS1046: Expect comma, found ')' */
/* input(686,38): run-time error CSS1046: Expect comma, found '255'
input(686,46): run-time error CSS1046: Expect comma, found '/'
input(751,38): run-time error CSS1046: Expect comma, found '255'
input(751,46): run-time error CSS1046: Expect comma, found '/'
input(3278,11): run-time error CSS1030: Expected identifier, found '.'
input(3278,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3281,11): run-time error CSS1030: Expected identifier, found '.'
input(3281,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3285,11): run-time error CSS1030: Expected identifier, found '.'
input(3285,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3578,171): run-time error CSS1046: Expect comma, found '0'
input(3578,175): run-time error CSS1046: Expect comma, found '/'
input(3658,31): run-time error CSS1046: Expect comma, found '251'
input(3658,38): run-time error CSS1046: Expect comma, found ')' */
/* input(672,38): run-time error CSS1046: Expect comma, found '255'
input(672,46): run-time error CSS1046: Expect comma, found '/'
input(737,38): run-time error CSS1046: Expect comma, found '255'
input(737,46): run-time error CSS1046: Expect comma, found '/'
input(3264,11): run-time error CSS1030: Expected identifier, found '.'
input(3264,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3267,11): run-time error CSS1030: Expected identifier, found '.'
input(3267,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3271,11): run-time error CSS1030: Expected identifier, found '.'
input(3271,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3564,171): run-time error CSS1046: Expect comma, found '0'
input(3564,175): run-time error CSS1046: Expect comma, found '/'
input(3644,31): run-time error CSS1046: Expect comma, found '251'
input(3644,38): run-time error CSS1046: Expect comma, found ')' */
/* input(658,38): run-time error CSS1046: Expect comma, found '255'
input(658,46): run-time error CSS1046: Expect comma, found '/'
input(723,38): run-time error CSS1046: Expect comma, found '255'
input(723,46): run-time error CSS1046: Expect comma, found '/'
input(3250,11): run-time error CSS1030: Expected identifier, found '.'
input(3250,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3253,11): run-time error CSS1030: Expected identifier, found '.'
input(3253,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3257,11): run-time error CSS1030: Expected identifier, found '.'
input(3257,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3550,171): run-time error CSS1046: Expect comma, found '0'
input(3550,175): run-time error CSS1046: Expect comma, found '/'
input(3630,31): run-time error CSS1046: Expect comma, found '251'
input(3630,38): run-time error CSS1046: Expect comma, found ')' */
/* input(644,38): run-time error CSS1046: Expect comma, found '255'
input(644,46): run-time error CSS1046: Expect comma, found '/'
input(709,38): run-time error CSS1046: Expect comma, found '255'
input(709,46): run-time error CSS1046: Expect comma, found '/'
input(3236,11): run-time error CSS1030: Expected identifier, found '.'
input(3236,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3239,11): run-time error CSS1030: Expected identifier, found '.'
input(3239,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3243,11): run-time error CSS1030: Expected identifier, found '.'
input(3243,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3536,171): run-time error CSS1046: Expect comma, found '0'
input(3536,175): run-time error CSS1046: Expect comma, found '/'
input(3616,31): run-time error CSS1046: Expect comma, found '251'
input(3616,38): run-time error CSS1046: Expect comma, found ')' */
/* input(630,38): run-time error CSS1046: Expect comma, found '255'
input(630,46): run-time error CSS1046: Expect comma, found '/'
input(695,38): run-time error CSS1046: Expect comma, found '255'
input(695,46): run-time error CSS1046: Expect comma, found '/'
input(3222,11): run-time error CSS1030: Expected identifier, found '.'
input(3222,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3225,11): run-time error CSS1030: Expected identifier, found '.'
input(3225,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3229,11): run-time error CSS1030: Expected identifier, found '.'
input(3229,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3522,171): run-time error CSS1046: Expect comma, found '0'
input(3522,175): run-time error CSS1046: Expect comma, found '/'
input(3602,31): run-time error CSS1046: Expect comma, found '251'
input(3602,38): run-time error CSS1046: Expect comma, found ')' */
/* input(616,38): run-time error CSS1046: Expect comma, found '255'
input(616,46): run-time error CSS1046: Expect comma, found '/'
input(681,38): run-time error CSS1046: Expect comma, found '255'
input(681,46): run-time error CSS1046: Expect comma, found '/'
input(3208,11): run-time error CSS1030: Expected identifier, found '.'
input(3208,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3211,11): run-time error CSS1030: Expected identifier, found '.'
input(3211,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3215,11): run-time error CSS1030: Expected identifier, found '.'
input(3215,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3508,171): run-time error CSS1046: Expect comma, found '0'
input(3508,175): run-time error CSS1046: Expect comma, found '/'
input(3588,31): run-time error CSS1046: Expect comma, found '251'
input(3588,38): run-time error CSS1046: Expect comma, found ')' */
/* input(638,38): run-time error CSS1046: Expect comma, found '255'
input(638,46): run-time error CSS1046: Expect comma, found '/'
input(703,38): run-time error CSS1046: Expect comma, found '255'
input(703,46): run-time error CSS1046: Expect comma, found '/'
input(3230,11): run-time error CSS1030: Expected identifier, found '.'
input(3230,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3233,11): run-time error CSS1030: Expected identifier, found '.'
input(3233,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3237,11): run-time error CSS1030: Expected identifier, found '.'
input(3237,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3530,171): run-time error CSS1046: Expect comma, found '0'
input(3530,175): run-time error CSS1046: Expect comma, found '/'
input(3610,31): run-time error CSS1046: Expect comma, found '251'
input(3610,38): run-time error CSS1046: Expect comma, found ')' */
/* input(621,38): run-time error CSS1046: Expect comma, found '255'
input(621,46): run-time error CSS1046: Expect comma, found '/'
input(686,38): run-time error CSS1046: Expect comma, found '255'
input(686,46): run-time error CSS1046: Expect comma, found '/'
input(3213,11): run-time error CSS1030: Expected identifier, found '.'
input(3213,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3216,11): run-time error CSS1030: Expected identifier, found '.'
input(3216,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3220,11): run-time error CSS1030: Expected identifier, found '.'
input(3220,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3513,171): run-time error CSS1046: Expect comma, found '0'
input(3513,175): run-time error CSS1046: Expect comma, found '/'
input(3593,31): run-time error CSS1046: Expect comma, found '251'
input(3593,38): run-time error CSS1046: Expect comma, found ')' */
/* input(587,38): run-time error CSS1046: Expect comma, found '255'
input(587,46): run-time error CSS1046: Expect comma, found '/'
input(652,38): run-time error CSS1046: Expect comma, found '255'
input(652,46): run-time error CSS1046: Expect comma, found '/'
input(3179,11): run-time error CSS1030: Expected identifier, found '.'
input(3179,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3182,11): run-time error CSS1030: Expected identifier, found '.'
input(3182,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3186,11): run-time error CSS1030: Expected identifier, found '.'
input(3186,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3479,171): run-time error CSS1046: Expect comma, found '0'
input(3479,175): run-time error CSS1046: Expect comma, found '/'
input(3559,31): run-time error CSS1046: Expect comma, found '251'
input(3559,38): run-time error CSS1046: Expect comma, found ')' */
/* input(572,38): run-time error CSS1046: Expect comma, found '255'
input(572,46): run-time error CSS1046: Expect comma, found '/'
input(637,38): run-time error CSS1046: Expect comma, found '255'
input(637,46): run-time error CSS1046: Expect comma, found '/'
input(3164,11): run-time error CSS1030: Expected identifier, found '.'
input(3164,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3167,11): run-time error CSS1030: Expected identifier, found '.'
input(3167,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3171,11): run-time error CSS1030: Expected identifier, found '.'
input(3171,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3464,171): run-time error CSS1046: Expect comma, found '0'
input(3464,175): run-time error CSS1046: Expect comma, found '/'
input(3544,31): run-time error CSS1046: Expect comma, found '251'
input(3544,38): run-time error CSS1046: Expect comma, found ')' */
/* input(554,38): run-time error CSS1046: Expect comma, found '255'
input(554,46): run-time error CSS1046: Expect comma, found '/'
input(619,38): run-time error CSS1046: Expect comma, found '255'
input(619,46): run-time error CSS1046: Expect comma, found '/'
input(3146,11): run-time error CSS1030: Expected identifier, found '.'
input(3146,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3149,11): run-time error CSS1030: Expected identifier, found '.'
input(3149,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3153,11): run-time error CSS1030: Expected identifier, found '.'
input(3153,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3446,171): run-time error CSS1046: Expect comma, found '0'
input(3446,175): run-time error CSS1046: Expect comma, found '/'
input(3526,31): run-time error CSS1046: Expect comma, found '251'
input(3526,38): run-time error CSS1046: Expect comma, found ')' */
/* input(530,38): run-time error CSS1046: Expect comma, found '255'
input(530,46): run-time error CSS1046: Expect comma, found '/'
input(595,38): run-time error CSS1046: Expect comma, found '255'
input(595,46): run-time error CSS1046: Expect comma, found '/'
input(800,142): run-time error CSS1036: Expected expression, found ';'
input(3087,11): run-time error CSS1030: Expected identifier, found '.'
input(3087,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3090,11): run-time error CSS1030: Expected identifier, found '.'
input(3090,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3094,11): run-time error CSS1030: Expected identifier, found '.'
input(3094,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3387,171): run-time error CSS1046: Expect comma, found '0'
input(3387,175): run-time error CSS1046: Expect comma, found '/'
input(3467,31): run-time error CSS1046: Expect comma, found '251'
input(3467,38): run-time error CSS1046: Expect comma, found ')' */
/* input(517,38): run-time error CSS1046: Expect comma, found '255'
input(517,46): run-time error CSS1046: Expect comma, found '/'
input(582,38): run-time error CSS1046: Expect comma, found '255'
input(582,46): run-time error CSS1046: Expect comma, found '/'
input(787,142): run-time error CSS1036: Expected expression, found ';'
input(3074,11): run-time error CSS1030: Expected identifier, found '.'
input(3074,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3077,11): run-time error CSS1030: Expected identifier, found '.'
input(3077,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3081,11): run-time error CSS1030: Expected identifier, found '.'
input(3081,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3374,171): run-time error CSS1046: Expect comma, found '0'
input(3374,175): run-time error CSS1046: Expect comma, found '/' */
/* input(504,38): run-time error CSS1046: Expect comma, found '255'
input(504,46): run-time error CSS1046: Expect comma, found '/'
input(569,38): run-time error CSS1046: Expect comma, found '255'
input(569,46): run-time error CSS1046: Expect comma, found '/'
input(774,142): run-time error CSS1036: Expected expression, found ';'
input(3061,11): run-time error CSS1030: Expected identifier, found '.'
input(3061,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3064,11): run-time error CSS1030: Expected identifier, found '.'
input(3064,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3068,11): run-time error CSS1030: Expected identifier, found '.'
input(3068,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3361,171): run-time error CSS1046: Expect comma, found '0'
input(3361,175): run-time error CSS1046: Expect comma, found '/' */
/* input(491,38): run-time error CSS1046: Expect comma, found '255'
input(491,46): run-time error CSS1046: Expect comma, found '/'
input(556,38): run-time error CSS1046: Expect comma, found '255'
input(556,46): run-time error CSS1046: Expect comma, found '/'
input(761,142): run-time error CSS1036: Expected expression, found ';'
input(3048,11): run-time error CSS1030: Expected identifier, found '.'
input(3048,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3051,11): run-time error CSS1030: Expected identifier, found '.'
input(3051,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3055,11): run-time error CSS1030: Expected identifier, found '.'
input(3055,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3348,171): run-time error CSS1046: Expect comma, found '0'
input(3348,175): run-time error CSS1046: Expect comma, found '/' */
/* input(478,38): run-time error CSS1046: Expect comma, found '255'
input(478,46): run-time error CSS1046: Expect comma, found '/'
input(543,38): run-time error CSS1046: Expect comma, found '255'
input(543,46): run-time error CSS1046: Expect comma, found '/'
input(748,142): run-time error CSS1036: Expected expression, found ';'
input(3035,11): run-time error CSS1030: Expected identifier, found '.'
input(3035,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3038,11): run-time error CSS1030: Expected identifier, found '.'
input(3038,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3042,11): run-time error CSS1030: Expected identifier, found '.'
input(3042,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3335,171): run-time error CSS1046: Expect comma, found '0'
input(3335,175): run-time error CSS1046: Expect comma, found '/' */
/* input(466,38): run-time error CSS1046: Expect comma, found '255'
input(466,46): run-time error CSS1046: Expect comma, found '/'
input(531,38): run-time error CSS1046: Expect comma, found '255'
input(531,46): run-time error CSS1046: Expect comma, found '/'
input(736,142): run-time error CSS1036: Expected expression, found ';'
input(3023,11): run-time error CSS1030: Expected identifier, found '.'
input(3023,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3026,11): run-time error CSS1030: Expected identifier, found '.'
input(3026,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3030,11): run-time error CSS1030: Expected identifier, found '.'
input(3030,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3329,75): run-time error CSS1038: Expected hex color, found '#ffff' */
/* input(455,38): run-time error CSS1046: Expect comma, found '255'
input(455,46): run-time error CSS1046: Expect comma, found '/'
input(520,38): run-time error CSS1046: Expect comma, found '255'
input(520,46): run-time error CSS1046: Expect comma, found '/'
input(725,142): run-time error CSS1036: Expected expression, found ';'
input(3012,11): run-time error CSS1030: Expected identifier, found '.'
input(3012,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3015,11): run-time error CSS1030: Expected identifier, found '.'
input(3015,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3019,11): run-time error CSS1030: Expected identifier, found '.'
input(3019,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(444,38): run-time error CSS1046: Expect comma, found '255'
input(444,46): run-time error CSS1046: Expect comma, found '/'
input(509,38): run-time error CSS1046: Expect comma, found '255'
input(509,46): run-time error CSS1046: Expect comma, found '/'
input(714,142): run-time error CSS1036: Expected expression, found ';'
input(3001,11): run-time error CSS1030: Expected identifier, found '.'
input(3001,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(3004,11): run-time error CSS1030: Expected identifier, found '.'
input(3004,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(3008,11): run-time error CSS1030: Expected identifier, found '.'
input(3008,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(433,38): run-time error CSS1046: Expect comma, found '255'
input(433,46): run-time error CSS1046: Expect comma, found '/'
input(498,38): run-time error CSS1046: Expect comma, found '255'
input(498,46): run-time error CSS1046: Expect comma, found '/'
input(703,142): run-time error CSS1036: Expected expression, found ';'
input(2990,11): run-time error CSS1030: Expected identifier, found '.'
input(2990,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2993,11): run-time error CSS1030: Expected identifier, found '.'
input(2993,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2997,11): run-time error CSS1030: Expected identifier, found '.'
input(2997,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(422,38): run-time error CSS1046: Expect comma, found '255'
input(422,46): run-time error CSS1046: Expect comma, found '/'
input(487,38): run-time error CSS1046: Expect comma, found '255'
input(487,46): run-time error CSS1046: Expect comma, found '/'
input(692,142): run-time error CSS1036: Expected expression, found ';'
input(2979,11): run-time error CSS1030: Expected identifier, found '.'
input(2979,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2982,11): run-time error CSS1030: Expected identifier, found '.'
input(2982,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2986,11): run-time error CSS1030: Expected identifier, found '.'
input(2986,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(411,38): run-time error CSS1046: Expect comma, found '255'
input(411,46): run-time error CSS1046: Expect comma, found '/'
input(476,38): run-time error CSS1046: Expect comma, found '255'
input(476,46): run-time error CSS1046: Expect comma, found '/'
input(680,142): run-time error CSS1036: Expected expression, found ';'
input(2967,11): run-time error CSS1030: Expected identifier, found '.'
input(2967,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2970,11): run-time error CSS1030: Expected identifier, found '.'
input(2970,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2974,11): run-time error CSS1030: Expected identifier, found '.'
input(2974,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(400,38): run-time error CSS1046: Expect comma, found '255'
input(400,46): run-time error CSS1046: Expect comma, found '/'
input(465,38): run-time error CSS1046: Expect comma, found '255'
input(465,46): run-time error CSS1046: Expect comma, found '/'
input(668,142): run-time error CSS1036: Expected expression, found ';'
input(2955,11): run-time error CSS1030: Expected identifier, found '.'
input(2955,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2958,11): run-time error CSS1030: Expected identifier, found '.'
input(2958,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2962,11): run-time error CSS1030: Expected identifier, found '.'
input(2962,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(389,38): run-time error CSS1046: Expect comma, found '255'
input(389,46): run-time error CSS1046: Expect comma, found '/'
input(454,38): run-time error CSS1046: Expect comma, found '255'
input(454,46): run-time error CSS1046: Expect comma, found '/'
input(656,142): run-time error CSS1036: Expected expression, found ';'
input(2943,11): run-time error CSS1030: Expected identifier, found '.'
input(2943,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2946,11): run-time error CSS1030: Expected identifier, found '.'
input(2946,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2950,11): run-time error CSS1030: Expected identifier, found '.'
input(2950,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(378,38): run-time error CSS1046: Expect comma, found '255'
input(378,46): run-time error CSS1046: Expect comma, found '/'
input(443,38): run-time error CSS1046: Expect comma, found '255'
input(443,46): run-time error CSS1046: Expect comma, found '/'
input(645,142): run-time error CSS1036: Expected expression, found ';'
input(2932,11): run-time error CSS1030: Expected identifier, found '.'
input(2932,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2935,11): run-time error CSS1030: Expected identifier, found '.'
input(2935,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2939,11): run-time error CSS1030: Expected identifier, found '.'
input(2939,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(367,38): run-time error CSS1046: Expect comma, found '255'
input(367,46): run-time error CSS1046: Expect comma, found '/'
input(432,38): run-time error CSS1046: Expect comma, found '255'
input(432,46): run-time error CSS1046: Expect comma, found '/'
input(634,142): run-time error CSS1036: Expected expression, found ';'
input(2921,11): run-time error CSS1030: Expected identifier, found '.'
input(2921,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2924,11): run-time error CSS1030: Expected identifier, found '.'
input(2924,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2928,11): run-time error CSS1030: Expected identifier, found '.'
input(2928,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(356,38): run-time error CSS1046: Expect comma, found '255'
input(356,46): run-time error CSS1046: Expect comma, found '/'
input(421,38): run-time error CSS1046: Expect comma, found '255'
input(421,46): run-time error CSS1046: Expect comma, found '/'
input(622,142): run-time error CSS1036: Expected expression, found ';'
input(2872,11): run-time error CSS1030: Expected identifier, found '.'
input(2872,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2875,11): run-time error CSS1030: Expected identifier, found '.'
input(2875,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2879,11): run-time error CSS1030: Expected identifier, found '.'
input(2879,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(345,38): run-time error CSS1046: Expect comma, found '255'
input(345,46): run-time error CSS1046: Expect comma, found '/'
input(410,38): run-time error CSS1046: Expect comma, found '255'
input(410,46): run-time error CSS1046: Expect comma, found '/'
input(611,142): run-time error CSS1036: Expected expression, found ';'
input(2861,11): run-time error CSS1030: Expected identifier, found '.'
input(2861,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2864,11): run-time error CSS1030: Expected identifier, found '.'
input(2864,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2868,11): run-time error CSS1030: Expected identifier, found '.'
input(2868,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(334,38): run-time error CSS1046: Expect comma, found '255'
input(334,46): run-time error CSS1046: Expect comma, found '/'
input(399,38): run-time error CSS1046: Expect comma, found '255'
input(399,46): run-time error CSS1046: Expect comma, found '/'
input(600,142): run-time error CSS1036: Expected expression, found ';'
input(2839,11): run-time error CSS1030: Expected identifier, found '.'
input(2839,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2842,11): run-time error CSS1030: Expected identifier, found '.'
input(2842,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2846,11): run-time error CSS1030: Expected identifier, found '.'
input(2846,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(323,38): run-time error CSS1046: Expect comma, found '255'
input(323,46): run-time error CSS1046: Expect comma, found '/'
input(388,38): run-time error CSS1046: Expect comma, found '255'
input(388,46): run-time error CSS1046: Expect comma, found '/'
input(589,142): run-time error CSS1036: Expected expression, found ';'
input(2828,11): run-time error CSS1030: Expected identifier, found '.'
input(2828,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2831,11): run-time error CSS1030: Expected identifier, found '.'
input(2831,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2835,11): run-time error CSS1030: Expected identifier, found '.'
input(2835,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(312,38): run-time error CSS1046: Expect comma, found '255'
input(312,46): run-time error CSS1046: Expect comma, found '/'
input(377,38): run-time error CSS1046: Expect comma, found '255'
input(377,46): run-time error CSS1046: Expect comma, found '/'
input(578,142): run-time error CSS1036: Expected expression, found ';'
input(2817,11): run-time error CSS1030: Expected identifier, found '.'
input(2817,27): run-time error CSS1025: Expected comma or open brace, found ')'
input(2820,11): run-time error CSS1030: Expected identifier, found '.'
input(2820,22): run-time error CSS1025: Expected comma or open brace, found ')'
input(2824,11): run-time error CSS1030: Expected identifier, found '.'
input(2824,22): run-time error CSS1025: Expected comma or open brace, found ')' */
/* input(274,38): run-time error CSS1046: Expect comma, found '255'
input(274,46): run-time error CSS1046: Expect comma, found '/'
input(332,38): run-time error CSS1046: Expect comma, found '255'
input(332,46): run-time error CSS1046: Expect comma, found '/' */
/* input(264,38): run-time error CSS1046: Expect comma, found '255'
input(264,46): run-time error CSS1046: Expect comma, found '/'
input(322,38): run-time error CSS1046: Expect comma, found '255'
input(322,46): run-time error CSS1046: Expect comma, found '/' */
/* input(204,38): run-time error CSS1046: Expect comma, found '255'
input(204,46): run-time error CSS1046: Expect comma, found '/' */
/* input(202,38): run-time error CSS1046: Expect comma, found '255'
input(202,46): run-time error CSS1046: Expect comma, found '/' */

*{font-family: 'Blinker', sans-serif;}
html, body{font-family: 'Blinker', sans-serif;}
button, input{font-family: 'Blinker', sans-serif;}

img{max-width: 100%;}
.qr-code-screen{max-width: 100%;}
.eu-cookie-bar-notification .text{font-size: 14px;}
.custom-header .header-lower{display: flex;align-items: center;justify-content: space-between;padding: 0;}
.header{width: auto; }
.container{margin: auto !important;padding: 0 15px !important;/*max-width: 1366px !important;*/max-width: 1400px !important;width: 100% !important;}
.custom-header .header-menu{border: 0;padding: 0;margin: 0;text-align: right;}
.custom-header .header-menu>ul>li{padding: 5px;border: none;}
.custom-header .header-menu>ul>li svg *{stroke: #2E3333;}
.custom-header .header-menu ul li a{font-size: 16px;color: #2E3333;text-decoration: none;font-weight: 500;}
.custom-header .header-menu>ul li a svg *{stroke: #2E3333;}
.custom-header .header-lower .header-logo{margin: 0;padding: 12px 0;display: flex;}
.header-menu{display: flex;align-items: center;}
.custom-header .header-menu li.currency-dropdown{/*border-left: 1px solid #99999949 !important;margin-left: 5px;padding-left: 15px !important;*/padding-right: 8px;}

.custom-header .header-lower .header-logo a img{height: 80px !important;width: 100% !important;max-width: 160px;}


.header-logo a{display: flex;align-items: center;}
.flor-logo{width: 170px;object-fit: scale-down;fill: #2E3333;position: relative;top: -8px;margin-left: 10px;}
.html-home-page .flor-logo{fill: #fff;}
.main-header.home-header .flor-logo{fill: #2E3333;}
.flor-logo-footer{width: 220px;object-fit: scale-down;fill: #fff;position: relative;top: -12px;margin-left: 0;}
.footer-logo-wrapper{display: flex;align-items: center;column-gap: 10px;}
.html-home-page .custom-header.sticky .flor-logo{fill: #2E3333;}


.footer-logo{display: flex;flex-direction: column;align-items: flex-start;width: fit-content;row-gap: 6px;}

.footer-logo img{
    height: 60px;
    width: 243px;
    height: 60px;
    width: 243px;
    object-fit: scale-down;
}
.footer-logo img:nth-child(2){
    height: 40px;
    padding-right: 40px;
    object-fit: scale-down;
}

.custom-header .header-menu .header-links ul li a.ico-login{
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    background: #568278;
    line-height: normal;
    border-radius: 6px;
}
.custom-header .header-menu .header-links ul li a.ico-register{
    color: #93A77D;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    background: transparent;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #93A77D;
}
.custom-header .header-menu .header-links ul li a.ico-logout{
    color: #fff !important;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    background: #568278;
    line-height: normal;
    border-radius: 6px;
}
.custom-header .header-menu .header-links ul li a.ico-account{
    color: #93A77D;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 24px;
    background: transparent;
    line-height: normal;
    border-radius: 6px;
    border: 1px solid #93A77D;
}


.html-home-page .custom-header .header-menu .header-links ul li a.ico-login{color: #2E3333 !important;background: #fff !important;}
.html-home-page .custom-header .header-menu .header-links ul li a.ico-register{color: #ffffff !important;border: 1px solid #ffffff !important;}
.html-home-page .custom-header .header-menu .header-links ul li a.ico-logout{color: #2E3333 !important;background: #fff !important;}
.html-home-page .custom-header .header-menu .header-links ul li a.ico-account{color: #ffffff !important;border: 1px solid #ffffff !important;}

.html-home-page .custom-header.sticky{background: #fff !important;}



.header-menu .header-links{}
.header-menu .header-links ul{padding: 0;margin: 0;}
.header-menu .header-links ul li{
    margin: 0 6px !important;
}
.header-menu .header-links ul li a{}

.header-menu>ul{margin: 0;}
.custom-homepage-banner{position: relative;}
.banner-image{width: 100%;height: 770px;}
.banner-image img{height: 100%;}
.banner-image img{width: 100%;}
.banner-box{
    position: absolute;
    left: 0;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 0;
    max-width: 1366px;
    width: 100%;
    padding: 0 15px;
}
.banner-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.banner-info{
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    text-align: left;
}
.banner-info h1{
    color: #fff;
    font-weight: 700;
    font-size: 70px;
    margin-bottom: 30px;
}
.banner-info p{
    font-size: 16px;
    color: #fff;
}
.banner-info{
    width: 50%;
    flex: 0 0 auto;
}
.banner-inner-image{
    width: 50%;
    flex: 0 0 auto;
    text-align: right;
}
.inner-image-plantbeeb{
    height: 720px;
    display: inline-flex;
}
.banner-inner-image .inner-image-plantbeeb img.desktop-person{
    height: inherit;
    max-width: 100%;
    object-fit: cover;
}
.banner-signature-plantbeeb img{

}
.banner-download-btn{
    width: 220px;
    padding: 18px 45px;
    border: none;
    border-radius: 6px;
    color: #2E3333;
    font-size: 16px;
    font-weight: 600;
}
.get-in-touch-div{
    display: flex;
    align-items: center;
    column-gap: 15px;
    margin-top: 20px;
}
.get-in-touch-div a{
    text-decoration: none;
}
.touch-btn{
    width: 150px;
    border: 1px solid #fff;
    padding: 6px 15px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    border-radius: 6px;
    padding-bottom:11px;
}
span.touch-btn-text{
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 15px;
}
span.touch-btn-text p{
    font-size: 11px;
    margin: 0;
}
span.touch-btn-text p.big-text{
    font-size: 16px;
    width: 100%;
    margin: 0;
}
.touch-btn svg{
    height: 18px;
    width: 18px;
}
.header-homepage
/* .inner-image-plantbeeb{
    height: 670px;
}
.inner-image-plantbeeb img{
    height: 100%;
} */

.header-homepage{background: #568278;}
.header-homepage .header-menu ul li a{color: #fff;}
.header-homepage .header-menu ul li a svg *{stroke: #fff;}

.footer .footer-upper,
.footer .footer-lower{
    padding: 0;
}

.custom-footer{
    background: linear-gradient(90deg, #93A77D, #568278);
    /* z-index: -1; */
    position: relative;
}
.custom-footer .footer-upper{
    border: none !important;
}
.custom-footer .upper-inner-row{
    padding: 40px 0 10px;
}
.custom-footer .footer-inner-wrap{
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    text-align: left;
}
.custom-footer .footer-inner-wrap .footer-contact-info{ 
    color: #fff !important;
    line-height: 4px;
}
.footer-scanner-list{display: none;}
.custom-footer .footer-inner-wrap .footer-contact-info p,
.custom-footer .footer-inner-wrap .footer-contact-info strong{
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
}
.custom-footer .footer-inner-wrap .footer-contact-info strong{

}
.custom-footer .footer-lower .footer-info{
    width: 100%;
    text-align: left;
}
.custom-footer .footer-lower .footer-info .footer-disclaimer{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.custom-footer  .lower-inner-row{
    padding: 5px 0;
    align-items: center;
}
.footer-lower-app-links .get-in-touch-div{
    margin: 0;
    justify-content: flex-end;
    text-align: left;
}
.footer-lower-app-links .get-in-touch-div a{
    color: #fff;
    text-align: left;
}
.footer-lower-app-links .touch-btn{
    padding: 3px 15px;
    padding-bottom: 6px;
}
.accordion-body{
    color: #fff;
    font-size: 16px;
}
.footer-links-list{
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    margin: 0;
    column-gap: 13px;
    justify-content: flex-end;
}
.footer-links-list li{
    list-style: none;
    width: 42%;
    flex: 0 0 auto;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
}
.footer-links-list li a{
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer-inner-wrap .header-links{}
.footer-inner-right-side{
    align-items: flex-end;
}
.footer-inner-wrap .header-links ul{
    padding: 0;
    margin: 0;
    text-align: right;
}
.footer-inner-wrap .header-links ul li{
    margin: 0;
}
.footer-inner-wrap .header-links ul li a{
    color:#2E3333;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    padding: 14px 54px;
    border-radius: 6px;
    line-height: normal;
    text-decoration: none;
}
.footer-inner-wrap .header-links ul .footer-list-none{
    display: none;
}
.banner-signature-plantbeeb{
    margin-top: 30px;
    height: 90px;
    max-width: 100%;
}
.banner-signature-plantbeeb img{
    height: inherit;
    max-width: 100%;
    object-fit: cover;
}

.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush{
    display: flex;
    flex-wrap: wrap;
}
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush .accordion-item{
    width: 32%;
    flex: 0 0 auto;
    margin-right: 8.5px;
    background: none !important;
    position: relative;
    border: none;
}
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-body{
    color: #2E3333;
    font-size: 14px;
}
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush .accordion-item .accordion-button{
    background: transparent !important;
    color: #fff;
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    font-size: 14px;
    font-weight: 600;
    justify-content: space-between;
}
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-button{
    padding: 0.8rem 1.25rem;
}
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-flush .accordion-collapse{
    position: static;
    background: #fff;
    color: #000;
    width: 500px;
    border-radius: 5px;
    margin: 10px 0 5px 0;
}
.custom-footer .footer-upper .upper-inner-row .footer-inner-wrap .accordion-button::after{
    display: none;
}





.plantbeeb-discover-section{
    padding: 80px 0;
    text-align: center;
}
.plantbeeb-discover-section .blantbeeb-inner-box{
    padding: 0 15px;
}
.plantbeeb-discover-section .plantbeeb-image{
    /* height: 152px; */
    height: 100%;
    padding-bottom: 12px;
}
.plantbeeb-discover-section .plantbeeb-image img{
    /* height: 100%;
    height: 100%;
    object-fit: scale-down; */

    height: 120px;
    width: 100%;
    object-fit: scale-down;
}
.plantbeeb-discover-section .plantbeeb-box-content{
    display: flex;
    flex-direction: column;
    row-gap: 7px;
}
.plantbeeb-discover-section .plantbeeb-box-content strong{
    font-size: 22px;
    color: #2E3333;
}
.plantbeeb-discover-section .plantbeeb-box-content p{
    font-size: 14px;
    color: #899191;
    text-align: center;
}
.plantbeeb-discover-section .discover-info h2{
    color: #2E3333;
    font-size: 35px;
    font-weight: bold;
    width: 536px;
    margin: 0 auto;
    margin-bottom: 13px;
}
.plantbeeb-discover-section .discover-info p{
    font-size: 14px;
    color: #899191;
    width: 706px;
    margin: 0 auto;
    text-align: center;
}
.plantbeeb-discover-section .plantbeeb-discover .plantbeen-row:first-child{
    margin-bottom: 20px;
}
.mob-person{display: none;}
.mob-banner{display: none;}


.plantbeeb-custom-plants{
    /* padding: 80px 0; */
}
html body .custom-inner-row{
    align-items: center;
    width: 80%;
    margin: 0 auto !important;
    align-items: center !important;
}
.custom-plants-img{
    max-width: 100%;
    height: auto;
    width: max-content;
    margin-bottom: 20px;
}
.custom-plants-img img{
    height: inherit;
    width: 100%;
    object-fit: cover;
}
.custom-plants-col h2{
    font-size: 35px;
    font-weight: bold;
    color: #2E3333;
    text-align: left;
}
.custom-plants-col p{
    font-size: 15px;
    color: #899191;
    margin-bottom: 50px;
    margin-top: 20px;
    line-height: 170%;
}
.custom-plants-col a{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    background-color: #568278;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 56px;
    width: 262px;
}
.custom-plants-col a:hover{
    color: #fff;
    text-decoration: none;
}


.plantbeeb-question-section{
    padding: 80px 0;
}
html body .question-row{
    align-items: center;
    width: 80%;
    margin: 0 auto !important;
}
.customer-question-info{}
.customer-question-info > h2{
    font-size: 35px;
    color: #2E3333;
    font-weight: bold;
    margin-bottom: 25px !important;
}
.customer-question-info p{
    font-size: 14px;
    color: #899191;
    margin: 0px;
}
.question-accordion-info .accordion-button{
    color: #2E3333;
    font-size: 16px;
    font-weight: bold;
    padding: 24px;
}
.accordion-button:not(.collapsed){
    background-color: transparent !important;
}
.accordion-button::after{
    background-image: url(../images/feather-arrow-right.png) !important;
    background-size: 1rem !important;
}
.question-accordion-info .accordion-body{
    color: #899191;
    font-size: 14px;
}
.html-home-page  .header-logo  .main-logo{display: none;}
.header-logo .homepage-logo{display: none;}
.html-home-page  .header-logo  .homepage-logo{display: block;}
.html-home-page  .header {position: absolute;left: 0;right: 0;width: 100%;top: 0;}
.html-home-page   .custom-header .header-menu ul li a{color: #fff; transition: 100ms ease-in-out;}
.html-home-page   .custom-header .header-menu ul li a:hover{color: #b7d3a8;}
.html-home-page   .banner-content{padding-top: 150px;}
.html-home-page  .custom-header .header-menu>ul li svg *{stroke: #fff;}
/* .header{z-index: 99999999;} */
.custom-header .header-menu ul li a{    max-width: 170px;text-align: center;}


.sticky  .header-logo  .main-logo{display: block;}
.sticky  .header-logo  .homepage-logo{display: none;}
.sticky.header {position: fixed;left: 0;right: 0;width: 100%;top: 0 !important; background-color: #fff;box-shadow: 0 4px 9px 0px #30303091;}
.sticky.custom-header .header-menu ul li a{color: #2E3333;}
.sticky   .banner-content{padding-top: 250px;}
.sticky.custom-header .header-menu>ul li svg *{stroke: #2E3333;}

.sticky.custom-header .header-menu .header-links ul li a.ico-login{background: #568278;color: #fff;}
.sticky.custom-header .header-menu .header-links ul li a.ico-register{border: 1px solid #93A77D;color: #93A77D;}
.sticky.custom-header .header-menu .header-links ul li a.ico-logout{background: #568278;color: #fff;}
.sticky.custom-header .header-menu .header-links ul li a.ico-account{border: 1px solid #93A77D;color: #93A77D;}



.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-login{background: #568278 !important;color: #fff !important;}
.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-register{border: 1px solid #93A77D !important;color: #93A77D !important;}
.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-logout{background: #568278 !important;color: #fff !important;}
.html-home-page .sticky.custom-header .header-menu .header-links ul li a.ico-account{border: 1px solid #93A77D !important;color: #93A77D !important;}


.custom-header .header-menu>ul>li{position: relative;cursor: pointer;}
.language-selector{position: absolute;background: #fff;margin-top: 5px;border-radius: 3px;box-shadow: 0 -2px 21px 0px #30303091;left: -50px;transform: translateX(50px);margin-top: 15px;}

.language-selector .language-list a{font-size: 14px !important;color: #fff !important;height: 30px !important;}
.language-selector .language-list {padding: 0;display: flex;flex-direction: column;text-align: center;width: 80px;padding: 10px 0;}


.login-page .returning-wrapper .form-fields .inputs input{
    font-size: 14px;
    border: 1px solid #EAEBEC !important;
    border-left: 0px !important;
}
.language-list li{
    margin: 2px 7px;
}
.language-list li:hover{
    background-color: #568278;
    border-radius: 3px;
}
.language-list li:hover a span{
    color: #fff !important;
}
.language-selector .language-list a{
    width: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 10px;
    padding: 0 10px;
    flex-direction: row-reverse;
}
.language-selector{display: none;}
.language-selector .language-list a span{
    font-size: 14px;
    color: #2E3333;
    line-height: 15px;
    width: 100%;
    text-align: left;
}
.language-list img{
    width: 18px;
    height: 18px;
    object-fit: contain;
    max-width: 100%;
}
.language-selector .language-list li.selected{
    background: #568278;
    border-radius: 4px;
}
.language-selector .language-list li.selected a span{
    color: #fff !important;
}
.admin-header-links{
    z-index: 1;
    position: relative;
}
.admin-header-links *{color: #fff;font-size: 14px;text-decoration: none;font-weight: 600;}
.admin-header-links a:hover{color: #fff !important;}





.registration-page .button-1, 
.registration-result-page .button-1, 
.login-page .button-1, 
.password-recovery-page .button-1, 
.email-revalidation-page .button-1, 
.account-activation-page .button-1, 
.account-page .button-1, 
.return-request-page .button-1{
    background-color: #568278;
    color: #fff;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
}

.plantbeeb-video-reel-section{
    padding: 80px 0;
    text-align: center;
}

.eu-cookie-bar-notification button{
    background-color: #568278;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
}
.eu-cookie-bar-notification button:hover, .eu-cookie-bar-notification button:focus{
    background-color: #568278;
}
.eu-cookie-bar-notification a{
    color: #568278;
}
.header-menu .mob-links{display: none;}

.custom-accordian-header{}
.custom-accordian-header button{}
.custom-accordian-header button img{
    height: 75px;
    width: 90px;
    object-fit: contain;
    max-width: 100%;
}
.html-login-page .master-wrapper-content{
    background: radial-gradient(#93A77D, #568278);
}
.custom-login-page{
    /* background: radial-gradient(#93A77D, #568278);
    min-height: 945px; */
}
.custom-login-page .login-page-wrapper{
    /* min-height: 945px; */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.custom-login-page .customer-blocks{
    display: flex;
    flex-flow: nowrap;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.custom-login-page .returning-wrapper{
    width: 50%;
    flex: 0 0 auto;
    padding: 125px 0;
}
.custom-login-page .returning-wrapper form{background: #F9FBFC !important;border-radius: 6px;width: 384px;margin: 0 auto;padding: 30px;}
.custom-login-page .returning-wrapper form .form-fields{background: none !important;padding:0px;border:none !important;min-height: auto;}
.custom-login-page .returning-wrapper form .buttons{background: none !important;padding: 0;margin: 28px 0 8px 0;}
.custom-login-page .returning-wrapper form .buttons .login-button{width: 100%;text-transform: capitalize;}
.html-login-page .center-1{margin: 0px !important;}
.custom-login-page .returning-wrapper .buttons{margin: 0;}
.custom-login-page .returning-wrapper form .form-fields .inputs{display: flex;flex-direction: column;width: 100%;margin: 0;}

.input-field-icon{display: flex;align-items: center;}
.input-field-icon span{padding: 11px;background: #fff;border-radius: 6px 0px 0px 6px;border: 1px solid #EAEBEC !important;border-right: 0px !important;}
.input-field-icon span img{width: 20px;height: 16px;object-fit: contain;}

.input-field-icon em{padding: 11px;background: #fff;border-radius: 6px 0px 0px 6px;border: 1px solid #EAEBEC !important;border-right: 0px !important;}
.input-field-icon em img{width: 20px;height: 16px;object-fit: contain;}

.input-field-icon input{border-radius: 0px 6px 6px 0px;;}
.input-field-icon input:focus{outline: none;}


.custom-login-page .returning-wrapper form .form-fields .inputs:first-child{margin-bottom: 24px;}
.custom-login-page .returning-wrapper form .form-fields .inputs label{width: 100%;text-align: left;margin: 0;font-size: 14px;color: #568278;}
.custom-login-page .returning-wrapper form .form-fields .inputs input{width: 100%;border:none;height: 40px;}
.custom-login-page .returning-wrapper form .form-fields .inputs.reversed{flex-direction: inherit;align-items: center;justify-content:flex-end;margin: 0;justify-content: space-between;}
.inputs.reversed:after{display:none}
.custom-login-page .returning-wrapper form .form-fields .inputs.reversed label{width: auto;margin-left: 5px;}
.custom-login-page .returning-wrapper form .form-fields .inputs.reversed input{width: auto;}
.custom-login-page .title{margin: 0;text-align: left;padding: 0;}
.custom-login-page .title strong{color: #2E3333;font-size:24px;font-weight: 600;}
.custom-login-page .returning-wrapper form p{margin: 0;font-size:14px;color: #568278;text-align: left !important;}
.custom-login-page .returning-wrapper form p.reg-cust-links .register-button{background: none;color: #568278;text-transform: capitalize;padding: 0;font-size: 14px;border-radius: 0;min-width: auto;}
.custom-login-page .returning-wrapper form p a{color: #568278;}

.login-inst{width: 240px;margin: 8px 0 24px 0 !important;}
.login-inst p{margin: 0;font-size: 14px;color: #899191;}

/* .html-registration-page .master-wrapper-content{position: static !important;} */
.html-registration-page .master-column-wrapper{position: static !important;}

.html-registration-page .center-1{margin: 0px !important;}
.custom-register-page{}
.custom-register-page .registration-page-wrapper .page-title{border: none !important;}
.custom-register-page .registration-page-wrapper{background: radial-gradient(#93A77D, #568278);}
.custom-register-page .registration-page-wrapper .custom-registration-form{display: flex;align-items: center;justify-content: center;margin: 0;flex-wrap: nowrap;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form{background: #F9FBFC !important;border-radius: 6px;width: 384px;margin: 0 auto;padding: 30px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .fieldset{margin: 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset{width: 50%;flex: 0 0 auto;padding: 125px 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields{background: none;border: none !important;padding: 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs{display: flex;flex-direction: column;width: 100%;margin: 0;margin-bottom: 24px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs:last-child{margin-bottom: 10px !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs label{width: 100%;text-align: left;margin: 0;font-size: 14px;color: #568278;margin-bottom: 8px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs input{width: 100%;border-radius: 6px;height: 44px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .inputs input:focus{outline: none !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .buttons{margin: 28px 0 8px 0 !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .buttons .register-next-step-button{width: 100%;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent{flex-direction: row !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{width: auto !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent label{margin-right: 6px;margin-bottom: 0px !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset .form-fields .accept-consent input{width: auto !important;height:auto !important;margin-right: 12px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p{margin: 0;color: #899191;font-size: 14px;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form p a{color: #568278;font-weight: 600;text-decoration: none;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title{margin: 0;padding: 0;text-align: left !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .register-title strong{color: #2E3333; font-size: 24px;margin: 0;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro{width: 227px;margin-bottom: 24px;text-align: left !important;}
.custom-register-page .registration-page-wrapper .custom-registration-form .registration-form-fieldset form .registration-instro p{color: #899191; font-size: 14px;text-align: left !important;}
.inputs.accept-consent span, .inputs.accept-consent a{color:#568278 !important;font-weight: 600;}
.inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea{font-size: 14px;}
.login-page .returning-wrapper .inputs.reversed *:hover{text-decoration: none;}
.cross{display: none;}


.html-topic-page .custom-tabs .tabs-content li{list-style: none;}
.tabs-content{padding: 0px !important;}
.custom-tabs .tabs{padding: 0px !important;}

/* .custom-register-page .inputs.accept-consent span, .custom-register-page .inputs.accept-consent a{
    pointer-events: none;
} */


.tabs {
    margin: 20px;
    padding: 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #ccc;
  }
  .tabs .active-tab {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
    position: relative;
    color: black;
  }
  .tabs .active-tab:after {
    width: 100%;
    height: 2px;
    position: absolute;
    content: "";
    bottom: -0.1em;
    left: 0;
    background: white;
  }
  .tabs li {
    display: inline-block;
    cursor: pointer;
    color: #3a5ea7;
    padding: 5px 10px;
  }
  .tabs li:first-child {
    margin-left: 10px;
  }
  
  .tabs-content {
    padding: 0;
    list-style: none;
    border-top: 1px solid #EAEBEC;
    margin-top: 0px;
  }
  .tabs-content li {
    display: none;
  }
  
.html-topic-page .custom-detail-page{padding-top: 60px;}

.custom-detail-page{background: #F9FBFC;}
.custom-detail-page .product-essential{padding: 20px 0 !important;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pt-details{flex:0 0 100%; max-width: 100%;}
.custom-detail-page .product-essential{text-align: left;border: 0px !important;}
.custom-detail-page .product-essential .overview{text-align: left;width: 100%;margin: 0px;z-index: 99999;padding-top: 40px;width: 49% !important;flex: 0 0 auto;}
.custom-detail-page .product-essential .overview > span{}
.custom-detail-page .product-essential .overview .product-name{margin: 0;padding: 0;border-bottom: 0px !important;}

.overview .product-name h1{color: #2E3333;font-size: 18px;font-weight: bold;}

.custom-tabs .tabs{margin:0px !important;border:none !important;display: flex;}
.custom-tabs .tabs li{border: none !important;margin:0px;font-size: 14px;font-weight: bold;color: #899191 !important;padding-bottom: 20px !important;display: flex;align-items: center;line-height: 30px;border-bottom: 2px solid transparent !important;}
.custom-tabs .tabs li.active-tab{border-bottom: 2px solid #568278 !important;color: #568278 !important;}
.custom-tabs .tabs .active-tab:after{background: transparent !important;}
.custom-tabs .tabs li svg{display: none;}


.accordion-item h2 button{color: #2E3333 !important;font-size: 16px !important;line-height: normal;}
.accordion-collapse .accordion-body p{color: #899191 !important;font-size: 14px;margin: 0;}

.custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-button{padding: 5px 10px;}
.custom-tabs .tabs-content li:nth-child(1) .accordion-flush .accordion-item .accordion-collapse .accordion-body p{padding-left: 80px;}

.accordion-flush .accordion-item .accordion-button{padding: 28px 10px;background:#F9FBFC !important;border-bottom: 1px solid #EAEBEC;}
.customer-question-info  .accordion-flush .accordion-item .accordion-button{column-gap: 15px;padding: 0px;padding: 21px 20px;background:#F9FBFC !important;border-bottom: 1px solid #EAEBEC;}
.question-section-wrapper .col-md-6:first-child .customer-question-info{width: 65%;}
.accordion-button svg{background: #fff;height: 38px;width: 38px;border-radius: 50px;padding: 9px;}


.information-tab.first-tab{background-color: #fff;max-width: 650px;margin: auto;    margin: 0 auto 40px;}
.tab-box img{height: 320px;object-fit: contain;}
.information-tab  .owl-carousel{height: 650px;}
.information-tab  .owl-carousel .owl-stage-outer{height: 100%;}

.tab-box .full-description h1{color: #2E3333;font-size: 16px;font-weight: bold;}
.tab-box .full-description p{font-size: 14px;color: #899191;text-align: center;}

.information-tab .owl-carousel .owl-nav{text-align: center;display: flex;justify-content: center;align-items: center;margin-top: -18px;}
.information-tab .owl-carousel .owl-nav button{width: 20px;}
.information-tab .owl-carousel .owl-nav button span{font-size: 2rem;height: auto !important;}


.decription-text{}
.decription-text span{font-size: 16px;color: #2E3333;}
.decription-text p{font-size: 14px; color: #899191;}

.acc-id .accordion-item .accordion-collapse .accordion-body{background: #F9FBFC !important;padding: 16px;}
.productCareTips .accordion-item .collapsed::after{transform: rotate(270deg);}
.accordion-button:focus{border: none !important;outline: 0px !important;box-shadow: none !important;}

.slider-wrapper{margin-top: 40px;}
.slider-wrapper .custom-tab-item{height: 525px;position: relative;}
.slider-wrapper .custom-tab-item .tab-box{text-align: center;display: flex;flex-direction: column;align-items: center;row-gap: 30px;padding: 20px 40px;/*position: absolute;left: 0;right: 0;top: -50px;transform: translateY(-50px);*/}

/* li.admin-list:hover{background: #5e8779;border-radius: 6px;}
html body .admin-panel-icon .admin-list-dropdown li.admin-list:hover a{color: #fff !important;} */
#topcartlink{background-color: transparent !important;}
.owl-dots{display: flex;gap: 5px;justify-content: center;margin-top: 20px;}
.owl-dots .owl-dot{}
.owl-dots .owl-dot span{height: 8px;width: 7px;display: inline-block;background: #899191;border-radius: 50%;}
.owl-dot.active span{background: #568278;}

.custom-tabs .tabs-content .owl-nav{display: none;}
.custom-tabs{position: relative;width: 49% !important;flex: 0 0 auto;}
.product-detailed-button{
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 10px;
}
.detail-inner-buttons p a{
    color: #93A77D;
}
.detail-inner-buttons p a:hover{
    color: #93A77D;
    text-decoration: none;
}
.custom-detail-page .product-essential .overview .decription-text{
    width: 470px;
    margin-top: 15px;
}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text{
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #568278;
}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text svg#Layer_1{
    width: 19px;
    height: 18px;
}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .owned-text svg#Layer_1 *{
    fill: #568278;
}
.product-detailed-button .add-cart-btn{
    width: 252px;
    height: 51px;
    background: #568278;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: none;
    border-radius: 6px;
    cursor: pointer !important;
} 

.product-detailed-button .add-wishlist-btn{
    height: 51px;
    border: 1px solid #93A77D;
    background: transparent;
    width: 66px;
    border-radius: 6px;
    cursor: pointer !important;
}
.product-detailed-button .add-wishlist-btn span{}
.product-detailed-button .add-wishlist-btn span svg{}
.product-detailed-button .add-wishlist-btn span svg *{}

.detail-inner-buttons{display: flex;flex-direction: column;margin-top: 40px;}
.product-detailed-button{margin-bottom: 7px;}
.detail-inner-buttons p{color:#568278; font-size: 14px;margin: 0;}
.detail-inner-buttons .add-to-cart .add-to-cart-panel{display: flex;flex-direction: column;}

.custom-header .header-menu ul li a .wishlist-label{font-size: 0px;}
.custom-header .header-menu ul li a .wishlist-label svg{}
.custom-header .header-menu ul li a .wishlist-label svg *{stroke: #2E3333;}
.html-home-page .custom-header .header-menu ul li a .wishlist-label svg *{stroke: #fff;}
.html-home-page .custom-header.sticky .header-menu ul li a .wishlist-label svg *{stroke: #2E3333;}

.custom-header .header-menu .header-links ul li a .cart-label{font-size: 0;}
.custom-header .header-menu .header-links ul li a .cart-label img{width: 30px;height: 30px;object-fit: contain;max-width: 100%;}
.custom-header .header-menu .header-links ul li a .cart-label svg{width: 24px;height: 24px;}
.custom-header .header-menu .header-links ul li a .cart-label svg *{stroke: #2E3333 !important;fill: #2E3333 !important;}
.html-home-page .custom-header .header-menu .header-links ul li a .cart-label svg *{stroke: #fff !important;fill: #fff !important;}
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .cart-label svg *{stroke: #2E3333 !important;fill: #2E3333 !important;}

.custom-header .header-menu .header-links ul li#topcartlink{padding: 0;margin: 0 16px !important;}
.custom-header .header-menu .header-links ul li#topcartlink a{background: none; padding: 0;}
.header-menu .header-links ul li.wishlist-list,
.header-menu .header-links ul li#topOwnedListlink{
    margin: 0 8px !important;
}
.footer-inner-wrap .header-links ul li.wishlist-list,
.footer-inner-wrap .header-links ul li#topOwnedListlink{display: none;}
.custom-header .header-menu .header-links ul li a{position: relative;}
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .wishlist-qty,
.custom-header .header-menu .header-links ul li a .wishlist-qty{
    position: absolute;
    display: inline-block;
    top: 10px;
    left: -11px;
    -ms-transform: translateX(-50%) translateX(25px);
    background-color: #5b8578;
    font-size: 10px;
    font-weight: 700;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 18px;
    min-height: 18px;
    line-height: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    /* border: 4px solid #5b8578; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .cart-qty,
.custom-header .header-menu .header-links ul li a .OwnedList-qty{
    position: absolute;
    display: inline-block;
    top: 10px;
    left: -11px;
    -ms-transform: translateX(-50%) translateX(25px);
    background-color: #5b8578;
    font-size: 10px;
    font-weight: 700;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 18px;
    min-height: 18px;
    line-height: 15px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    /* border: 4px solid #5b8578; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.html-home-page .custom-header .header-menu .header-links ul li a .wishlist-qty,
.html-home-page .custom-header .header-menu .header-links ul li a .OwnedList-qty{
    position: absolute;
    display: inline-block !important;
    top: 11px;
    left: -12px;
    -ms-transform: translateX(-50%) translateX(25px);
    background-color: #fff;
    font-size: 10px;
    font-weight: 700 !important;
    height: auto;
    padding: 0 3px;
    width: auto;
    min-width: 22px;
    min-height: 22px;
    line-height: 15px !important;
    border-radius: 20px;
    color: #2E3333;
    text-align: center;
    border: 4px solid #5b8578 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .wishlist-qty,
.html-home-page .custom-header.sticky .header-menu .header-links ul li a .OwnedList-qty{
    min-width: 18px;
    min-height: 18px;
    line-height: 11px !important;
    background: #5b8578 !important;
    color: #fff !important;
}




span.remaing-count{font-size: 12px;color: #899191;position: absolute;height: min-content;right: 27px;transform: translate(-50px, -50px);bottom: -40px;z-index: 9999;}
.conversation-block {background : #F9FBFC;padding: 10px;display: flex;flex-direction: column;justify-content: end;}
.ChatBotMessage{display: flex;flex-direction: column;}
.chat-input-field{padding: 0 20px;}

.conversation-block .ChatBotMessage{font-size: 14px;color: #2E3333;margin-bottom: 20px;}
.conversation-block .FromUser .MessageContent{background-color: #93A77D ;color: #fff;font-size: 14px;padding: 10px 14px !important;width: fit-content;border-radius: 6px;text-align: left;}
.conversation-block .FromUser .MessageSender{margin-bottom: 9px;}
.conversation-block .FromUser .MessageContent{word-break: break-all;}

.conversation-block .ChatBotMessage{font-size: 14px;color: #2E3333;}
.conversation-block .FromBot .MessageContent{background-color: #fff;color: #899191;font-size: 14px;padding:10px 14px;width: fit-content;border-radius: 6px;}
.conversation-block .FromBot .MessageSender{margin-bottom: 9px;display: flex;align-items: center;column-gap: 6px;}
.conversation-block .FromBot .MessageSender:before{content:"P"; background: #568278;color: #fff;font-weight: 600;width: 19px;height: 19px;display: flex;align-items: center;justify-content: center;border-radius: 50px;}
#SendMessageButton{float: right;position: absolute;right: -30px; display: flex; justify-content: center; align-items: center;}
#SendMessageButton:disabled{pointer-events: none; opacity: 0.5;}
.chat-input-field{background-color: #fff;position: relative;margin-top: 20px;}
.chat-input-field input{width: 75% !important;border: none;padding: 20px;font-size: 14px;background: none;}
.chatbot-topic-wrapper .chat-input-field input{width: 96% !important;}
.chat-input-field input::placeholder{color: #899191;font-size: 14px;}
.chat-input-field input:focus{outline: none;border: none;}
.chat-input-field button{position: absolute; background: #568278;transform: translateX(-50px);bottom: 0;top: 0;;border: none;font-weight: 0px;font-size: 0;width: 50px;border-radius: 6px;z-index: 9999;}

.conversation-block .FromUser{text-align: left;}
.conversation-block .FromBot{text-align: left;}

.conversation-block .FromBot{align-items: flex-start !important;}
.conversation-block .FromUser{align-items: flex-end !important;text-align: right !important;}


.chat-date{text-align: center;background: #ffffff;width: fit-content;margin: auto;padding: 2px 20px;border-radius: 50px;font-size: 13px;color: #333333;font-weight: 600;}
.chatbot-page{background: #F9FBFC;}
.chatbot-page .page-title{display: noen;}

.chat-person-name{background: #fff;padding: 5px 10px;margin-bottom: 15px;border-radius: 6px 6px 0px 0px;}
.chat-person-name .row{align-items: center;width: 100%;margin: 0 auto;}

.chat-person-name .row .col-md-8, .chat-person-name .row .col-md-4{padding: 0;}



.person-online-div{display: flex;align-items: center;}
.person-online-div img{max-width: 100%;width: 69px;height: 65px;object-fit: cover;}
.close-chat-ico{height: 100%;text-align: right;cursor: pointer;width: fit-content;float: right;}
.person-online-div .pers-name{margin-left: 11px;text-align: left;}
.person-online-div .pers-name h4{color: #2E3333;font-size: 16px;margin: 0;font-weight: bold;} 
.person-online-div .pers-name span{font-size: 14px;color: #899191;}

/* .tabs-content li:nth-child(3) .acc-id .accordion-item button.accordion-button{
    padding: 30px 10px !important;
} */

.plantbeeb-custom-topic{/*background:#F9FBFC;*/padding: 30px 0;}
/* .topic-box-inner img{background-color: #fff;} */
.content-topic .row{row-gap: 15px;}



.banner-custom{background: radial-gradient(#93A77D, #568278);/*height: 327px;*/display: flex;flex-direction: column;justify-content: flex-end;}
.banner-custom .topic-banner{margin: auto !important;padding: 0 15px !important;max-width: 1366px !important;width: 100% !important;margin-bottom: 40px !important;margin-top: 180px !important;}
.banner-custom .topic-banner h2{font-size: 70px;color: #fff;font-weight: bold;}
.banner-custom .topic-banner p{font-size: 15px;color: #fff;margin: 0;line-height: 25px;}
.topic-box-inner{text-align: center;}
/* .topic-box-inner .image{background-color: #fff;} */
.topic-box-inner .image img{width: 100%;height: 100%;object-fit: scale-down;}
.topic-box-inner h5{margin-top: 15px;color: #2E3333;font-size: 22px;font-weight: bold;}

.content-topic{margin-top: 27px;}
.content-topic .col-md-4{
    margin-bottom: 15px;
    width: 50%;
    flex: 0 0 auto;
}


.typing-content{
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    background: #899191;
    padding: 1rem !important;
}
.dot {
    border-radius: 9999px;
    height: 0.5rem;
    width: 0.5rem;

    background: rgba(148 163 184 / 1);
    animation: wave 1s infinite;
}

.dot:nth-child(1) {
    animation-delay: 0.1111s;
}
.dot:nth-child(2) {
    animation-delay: 0.2222s;
}
.dot:nth-child(3) {
    animation-delay: 0.3333s;
}

@keyframes wave {
    0% {
        transform: translateY(0px);
        background: rgba(148 163 184 / 0);
    }
    50% {
        transform: translateY(-0.5rem);
        background: rgba(148 163 184 / 0.8);
    }
    100% {
        transform: translateY(0px);
        background: rgba(148 163 184 / 0);
    }
}

.custom-header{min-width: 100% !important;}

.shopping-cart-page,
.wishlist-page{
   
}
.order-summary-content{
    margin: 0 0 20px;
}
.order-summary-content .custom-cart-wrapper,
.custom-wishlist-wrapper{
    padding-top: 40px !important;
}
.custom-wishlist-wrapper .wishlist-box a:hover{text-decoration: none !important;}
.custom-wishlist-wrapper .wishlist-box a .wishlist-info .product-name{text-decoration: none;color: #2E3333;font-size: 16px;font-weight: bold;}
.order-summary-content .custom-cart-wrapper .cart-box a:hover {text-decoration: none !important;}
.order-summary-content .custom-cart-wrapper .cart-box a .cart-info .product-name{text-decoration: none;color: #2E3333;font-size: 16px;font-weight: bold;}
.no-data .empty-beeb-image{display: flex;flex-direction: column;align-items: center;row-gap: 20px;justify-content: center;}
.no-data .empty-beeb-image img{height: 192px;width: 146px;object-fit: cover;}
.no-data .empty-beeb-image p{color: #899191;font-size: 14px;font-weight: 600;}


.master-wrapper-page{position: relative;}
.chatbot-wrapper{
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index:9999;

}
.chatbot-wrapper .chatbot-image{cursor: pointer;max-width: 100%;height: 60px;width: max-content;}
.chatbot-wrapper .chatbot-image img{max-width: 100%;height: inherit;}
.admin-panel-icon{
    border-left: 1px solid #99999949 !important;
    margin-left: 5px;
    padding-left: 15px !important;
    padding-right: 8px;
}
.admin-panel-icon img{
    width: 24px;
    height: 24px;
}
html body .top-menu .admin-panel-icon .admin-list-dropdown{
    display: none;
}
html body .admin-panel-icon .admin-list-dropdown{
    position: absolute;
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
    width: 230px;
    right: 0;
    top: 40px;
    row-gap: 15px;
    box-shadow: 0px 32px 22px -24px #00000047;
    border-radius: 6px;
}
.html-home-page .custom-header .header-menu .admin-panel-icon svg *{fill: #fff !important;}
.html-home-page .custom-header.sticky .header-menu .admin-panel-icon svg *{fill: #2E3333 !important;}

.custom-header .header-menu .admin-panel-icon svg{width: 30px;height: 26px;}
.custom-header .header-menu .admin-panel-icon ul.admin-list-dropdown li a{
    width: 100%;
    display: block;
    padding: 5px 0;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #00000008;
}
.custom-header .header-menu .admin-panel-icon ul.admin-list-dropdown li:last-child a{
    border-bottom: 0px !important;
}

/* .chatbot-page{width: 100%;min-width: 400px;}
.chatbot-chat-info{display: none;position: absolute;right: 50%;bottom: 0;transform: translateX(-50px);}


.chat-show + .chatbot-chat-info{display: block !important;}
.conversation-block{height: 600px;overflow: auto;overflow-x: hidden;}
.chatbot-block-wrapper{padding: 15px 0px;}

.chat-input-field button img{height: 21px;width: 21px; object-fit: contain;} */

.chat-input-field{
    display: flex;
}
span.remaing-count{
    right: 30px;
}
.chat-input-field{padding: 0 !important;}
#SendMessageButton{right: -40px;}


.chatbot-page{width: 100%;max-width: 100%;}
.chatbot-chat-info{min-width: 400px;display: none;position: absolute;right: 00%;bottom: 0;transform: translateY(0px);height: 100%;min-height: 675px;box-shadow: 0 0 7px 1px #0000000f;margin-right: 15px;}


.chat-show + .chatbot-chat-info{display: block !important;}
.conversation-block{
    height: 470px;
}
.chatbot-block-wrapper{
    padding: 15px 0px;
}
.chatbot-block-box{
    padding: 20px;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}

.chat-input-field button img{height: 21px;width: 21px; object-fit: contain;}




.chatbot-topic-wrapper .chatbot-topic{background: #F9FBFC;padding-top: 40px;}
.chatbot-topic-wrapper .chatbot-topic .chat-person-name .row > .col-md-8{width: 100%; flex: 0 0 auto;}
.chatbot-topic-wrapper .chatbot-topic .chat-person-name .row > .col-md-4{display: none;}

.chatbot-topic-wrapper .chatbot-topic .chatbot-block-wrapper .conversation-block{
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
}


.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button svg{}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button svg *{fill: #f5f7f7;}

.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-beeb svg *{stroke: #fff !important;}


.detail-inner-buttons .add-to-cart .add-to-cart-panel .qty-input{display: none;}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button{
    width: 252px;
    height: 51px;
    background: #568278;
    color: #f5f7f7;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    cursor: pointer !important;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check{
    background: transparent;
    color: #568278;
    border: 2px solid #568278;
}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button.check svg *{
    fill: #568278;
}
.detail-inner-buttons .add-to-cart .add-to-cart-panel .add-to-cart-button img{
    width: 10px;
    object-fit: cover;
}
.detail-inner-buttons .product-detailed-button .add-to-cart{margin: 0px;line-height: 10px;}
.detail-inner-buttons .add-to-wishlist{
    position: relative;
    height: 51px;
    border: 1px solid #93A77D;
    background: transparent;
    width: 66px;
    border-radius: 6px;
    cursor: pointer !important;

} 
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button::before{
    content: "";
    background-image: url(../images/white-detailed-wishlist-plus.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 22%;
    transform: translate(-50%, -50%);
    height: 24px;
    width: 24px;
    background-position: center;
}
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button.active{
    background-color: transparent !important;
    border: 1px solid #93a77d !important;
    background-image: url(../images/detailed-wishlist-heart.png) !important;
    border-radius: 3px;
}
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button::before{
    background-image: url(../images/add-wishlish.png) !important;
    height: 10px;
    width: 10px;
    object-fit: contain;
}
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button.active::before{
    background-image: url(../images/green-sub-beeb.png) !important;
    height: 10px;
    width: 10px;
    object-fit: contain;
}
.detail-inner-buttons .add-to-wishlist .add-to-wishlist-button{
    font-size: 0;
    background-image: url(../images/white-detailed-wishlist-heart.png);
    background-repeat: no-repeat;
    background-color:#93a77d !important;
    height: 100%;
    background-position: 65%;
    padding: 0 10px;
} 

/* ---------shopping-cart-page--------- */

.cart-box-content{
    padding: 20px 10px;
}
/* .cart-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAEBEC;
} */
.cart-box-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAEBEC;
}
.cart-box a{
    display: block;
    width: 100%;
}
.cart-box .cart-arrow .beeb-trash-ico{
    background: transparent;
    border: none;
}
.cart-box .cart-arrow img{
    width: 23px;
    height: 26px;
    object-fit: contain;

}
.cart-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.cart-info a{
    color: #2E3333;
    font-size: 16px;
    font-weight: bold;
}
.cart-info a:hover{
    color: #2E3333 !important;
    text-decoration: none;
}
.cart-info span{
    color: #2E3333;
    font-size: 16px;
    font-weight: 500;
}

span.cart-date{
    display: flex;
    align-items: center;
    column-gap: 5px;
}
span.cart-date p{
    margin: 0;
    color:#568278;
    font-size: 14px;

}




.search-input-filters{
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.cart-input-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #EAEBEC;
    border-radius: 6px;
    height: 44px;
}
button.search-icon{
    background: transparent;
    border: none;
    height: 100%;
    padding: 7px 14px;
}
input.search-field{
    border: none;
    width: 100%;
    padding: 0;
    background: #fff;
    height: 100%;
    border-radius: 0 6px 6px 0;
    outline: none;
}
.filter-wrap{
    background: #fff;
    border: 1px solid #EAEBEC;
    border-radius: 6px;
    height: 44px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.cart-searh-info{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.custom-search-product{
    color: #fff;
    border: none;
    background: transparent;
    background: #568278;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 51px;
    border-radius: 6px;
    cursor: pointer;
}
.custom-search-product:hover{
    color: #fff;
    text-decoration: none;
}














/* ---------Wishlist-page--------- */


.wishlist-box-content{
    padding: 20px 0;
}
/* .wishlist-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAEBEC;
} */
.wishlist-box .wishlist-box-link{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EAEBEC;
}
.wishlist-box a{
    display: block;
    width: 100%;
}
.wishlist-box .wishlist-arrow .wishlist-trash-ico{
    background: transparent;
    border: none;
}
.wishlist-box .wishlist-arrow .wishlist-trash-ico img{
    width: 23px;
    height: 26px;
    object-fit: contain;
}
.wishlist-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.wishlist-info a{
    color: #2E3333;
    font-size: 16px;
    font-weight: bold;
}
.wishlist-info a:hover{
    color: #2E3333 !important;
    text-decoration: none;
}
.wishlist-info span{
    color: #2E3333;
    font-size: 16px;
    font-weight: 500;
}

span.wishlist-date{
    display: flex;
    align-items: center;
    column-gap: 5px;
}
span.wishlist-date p{
    margin: 0;
    color:#568278;
    font-size: 14px;

}



.wishlist-search-input-filters{
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.wishlist-input-wrap{
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #EAEBEC;
    border-radius: 6px;
    height: 44px;
}
button.wishlist-search-icon{
    background: transparent;
    border: none;
    height: 100%;
    padding: 7px 14px;
}
input.wishlist-search-field{
    border: none;
    width: 100%;
    padding: 0;
    background: #fff;
    height: 100%;
    border-radius: 0 6px 6px 0;
    outline: none;
}
.wishlist-filter-wrap{
    background: #fff;
    border: 1px solid #EAEBEC;
    border-radius: 6px;
    height: 44px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.wishlist-searh-info{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}
.custom-search-wishlist-product{
    color: #fff;
    border: none;
    background: transparent;
    background: #568278;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
}
.custom-search-wishlist-product:hover{
    color: #fff;
    text-decoration: none;
}
















.qr-code-screen{
    min-height: 350px;
    height: 100%;
    background: #efefef;
}
.qr-code-text{
    padding: 20px;
}
.qr-code-text h3{
    color: #2E3333;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    margin-bottom: 14px;
}
.qr-code-text p{
    margin: 0;
    color: #899191;
    font-size: 14px;
    line-height: 23px;
}



.custom-redirect-modal-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate(0, 0px) scale(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.custom-redirect-modal-wrapper.show-pop{
    transform: translate(0, 0px) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 9999;
}
.custom-redirect-modal-wrapper.show-pop .custom-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}

.custom-modal-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate(0, 0px) scale(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.custom-modal-wrapper.show-pop{
    transform: translate(0, 0px) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 9999;
}
.custom-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #252525ad;
}
.custom-modal-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #fff;
    width: 326px;
    transform: translate(-50%, -50%) scale(1, 0);
    transform-origin: bottom;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.3s;
    padding: 14px 16px
}
.custom-modal-wrapper.show-pop .custom-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}
.custom-modal-box .custom-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0;
}
.custom-modal-box .custom-header .custom-close{
    border: none;
    background: none;
    max-width: 100%;
}
.custom-modal-box .custom-header .custom-close img{
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.custom-modal-box .custom-header .custom-redirect-close{
    border: none;
    background: none;
    max-width: 100%;
}
.custom-modal-box .custom-header .custom-redirect-close img{
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.custom-modal-box .custom-body{
    max-height: 700px;
    overflow: auto;
    text-align: center;
}
.custom-modal-box .custom-body .get-popup-alert .pop-up-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
}
.custom-modal-box .custom-body .get-popup-alert .pop-up-content img{
    width: 146px;
    height: 192px;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 14px;
}
.custom-modal-box .custom-body .get-popup-alert .pop-up-content h3{
    color: #2E3333;
    font-size: 18px;
    font-weight: bold;
}
.custom-modal-box .custom-body .get-popup-alert .pop-up-content p{
    color: #899191;
    font-size: 14px;
    margin: 0;
}
.custom-modal-box .pop-up-custom-footer .pop-up-login{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 8px;
}
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-login{
    background: #568278;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 100%;
    border-radius: 6px;
    display: block;
}
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-register{
    border: 1px solid #93A77D;
    height: 51px;
    line-height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    display: block;
    color: #93A77D;
    font-weight: bold;
}
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-login:hover,
.custom-modal-box .pop-up-custom-footer .pop-up-login a.pop-up-register:hover{text-decoration: none;}

.custom-redirect-modal-wrapper .custom-modal-box .custom-body .get-popup-alert .pop-up-content img{ width: 100%; height: 300px;}




.another-beeb-model-wrap{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate(0, 0px) scale(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.another-beeb-model-wrap.show-pop{
    transform: translate(0, 0px) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 9999;
}
.another-beeb-model-wrap.show-pop .beeb-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}
.beeb-modal-box .beeb-custom-header .another-beeb-close{
    border: none;
    background: none;
    max-width: 100%;
}
.beeb-modal-box .beeb-custom-header .another-beeb-close img{
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content img{
    height: 150px;
    width: 150px;
    margin-bottom: 20px;
}

.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content ul{padding:0;list-style:inherit;text-align: left;padding-left: 20px;}

.beeb-model-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translate(0, 0px) scale(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.beeb-model-wrapper.show-pop{
    transform: translate(0, 0px) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 9999;
}

.beeb-custom-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #252525ad;
}
.beeb-modal-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #fff;
    width: 326px;
    transform: translate(-50%, -50%) scale(1, 0);
    transform-origin: bottom;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.3s;
    padding: 14px 16px
}
.beeb-model-wrapper.show-pop .beeb-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}
.beeb-modal-box .beeb-custom-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0;
}
.beeb-modal-box .beeb-custom-header .beeb-custom-close{
    border: none;
    background: none;
    max-width: 100%;
}
.beeb-modal-box .beeb-custom-header .beeb-custom-close img{
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.beeb-modal-box .beeb-custom-body{
    max-height: 700px;
    overflow: auto;
    text-align: center;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content svg{
    height: 150px;
    width: 150px;
    margin-bottom: 20px;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content svg *{
    fill: #76AF3C;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content img{
    width: 146px;
    height: 192px;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 14px;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content h3{
    color: #2E3333;
    font-size: 18px;
    font-weight: bold;
}
.beeb-modal-box .beeb-custom-body .beeb-get-popup-alert .beeb-pop-up-content p{
    color: #899191;
    font-size: 14px;
    margin: 0;
}
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 8px;
}
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.pop-up-login{
    background: #568278;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 100%;
    border-radius: 6px;
    display: block;
}
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.pop-up-register{
    border: 1px solid #93A77D;
    height: 51px;
    line-height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    display: block;
    color: #93A77D;
    font-weight: bold;
}
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.beeb-pop-up-login:hover,
.beeb-modal-box .beeb-pop-up-custom-footer .beeb-pop-up-login a.pop-up-register:hover{text-decoration: none;}











.scan-model-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* transform: translate(0, 0px) scale(0);
    opacity: 0;
    pointer-events: none;
    visibility: hidden; */
}
.scan-model-wrapper.show-pop{
    transform: translate(0, 0px) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    z-index: 9999;
}
.scan-custom-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #252525ad;
}
.scan-modal-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #fff;
    width: 370px;
    max-width: 100%;
    /* transform: translate(-50%, -50%) scale(1, 0); */
    /* transform-origin: bottom; */
    /* opacity: 0; */
    /*pointer-events: none; */
    /* visibility: hidden; */
    /* transition: 0.3s; */
    padding: 14px 16px;
    /* margin-top: 30px; */
}
.reg-scan-modal-box{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50% , -50%);
    background: #fff;
    width: 370px;
    max-width: 100%;
    /* transform: translate(-50%, -50%) scale(1, 0); */
    /* transform-origin: bottom; */
    /* opacity: 0; */
    /*pointer-events: none; */
    /* visibility: hidden; */
    /* transition: 0.3s; */
    padding: 14px 16px;
}
.scan-model-wrapper.show-pop .scan-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}
.scan-model-wrapper.show-pop .reg-scan-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}
.scan-model-wrapper.show-pop .reg-scan-modal-box{
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    pointer-events: all;
    visibility: visible;
    transition: 0.3s;
}

.scan-custom-header{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 0;
}
.scan-custom-header .scan-custom-close{
    border: none;
    background: none;
    max-width: 100%;
    display: block;
}
.scan-custom-header .scan-custom-close img{
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.scan-custom-body{
    max-height: 700px;
    overflow: auto;
    text-align: center;
}
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
}
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content svg{
    height: 150px;
    width: 150px;
    margin-bottom: 20px;
}
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content svg *{
    fill: #76AF3C;
}
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content img{
    width: 100%;
    height: 300px;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 14px;
}
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content h3{
    color: #2E3333;
    font-size: 18px;
    font-weight: bold;
}
.scan-custom-body .scan-get-popup-alert .scan-pop-up-content p{
    color: #899191;
    font-size: 14px;
    margin: 0;
}
.scan-pop-up-custom-footer .scan-pop-up-login{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 8px;
}
.scan-pop-up-custom-footer .scan-pop-up-login a.redire-home{
    background: #568278;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 100%;
    border-radius: 6px;
    display: block;
}
.scan-pop-up-custom-footer .scan-pop-up-login a.redire-home:hover{
    text-decoration: none;
}
.scan-pop-up-custom-footer .scan-pop-up-login a.pop-up-register{
    border: 1px solid #93A77D;
    height: 51px;
    line-height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    display: block;
    color: #93A77D;
    font-weight: bold;
}
.scan-pop-up-custom-footer .scan-pop-up-login a.scan-pop-up-login:hover,
.scan-pop-up-custom-footer .scan-pop-up-login a.pop-up-register:hover{text-decoration: none;}









.scan-custom-header .login-scan-custom-close{
    border: none;
    background: none;
    max-width: 100%;
    display: block;
}
.scan-custom-header .login-scan-custom-close img{
    width: 16px;
    height: 16px;
    object-fit: cover;
}
.scan-pop-up-custom-footer .login-scan-pop-up-login{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 8px;
}
.scan-pop-up-custom-footer .login-scan-pop-up-login a.login-redire-home{
    background: #568278;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 100%;
    border-radius: 6px;
    display: block;
}
button.login-redire-home{
    background: #568278;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    height: 51px;
    line-height: 51px;
    text-align: center;
    width: 100%;
    border-radius: 6px;
    display: block;
    border: none;
}
.scan-pop-up-custom-footer .login-scan-pop-up-login a.login-redire-home:hover{
    text-decoration: none;
}
.scan-pop-up-custom-footer .login-scan-pop-up-login a.pop-up-register{
    border: 1px solid #93A77D;
    height: 51px;
    line-height: 51px;
    width: 100%;
    text-align: center;
    border-radius: 6px;
    display: block;
    color: #93A77D;
    font-weight: bold;
}
.scan-pop-up-custom-footer .login-scan-pop-up-login a.scan-pop-up-login:hover,
.scan-pop-up-custom-footer .login-scan-pop-up-login a.pop-up-register:hover{text-decoration: none;}




.login-popup-close + .scan-model-wrapper{display: none;}



.chatbot-without-login{
    height: 100%;
    text-align: center;
}
.without-login-box{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.without-login-box img{
    width: 146px;
    height: 192px;
    object-fit: cover;
    transform: scale(.9);
}
.without-login-box h3{
    font-size: 20px;
    font-weight: bold;
    color: #2E3333;
}
.without-login-box p{
    margin: 0;
    font-size: 14px;
    color: #899191;
}
.without-login-box a{
    margin-top: 10px;
    display: block;
    background-color: #568278;
    color: #fff !important;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 600;
    width: 60%;
    height: 45px;
    line-height: 45px;
}
.without-login-box a{
    text-decoration: none !important;
}



.topic-page .page-title{
    background: radial-gradient(#93A77D, #568278);
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0px !important;
    padding: 0 10px;
    min-height: 150px;
}
.page-title h1{
    font-size: 50px;
    color: #fff;
    font-weight: bold;
    margin: 0 auto !important;
    padding: 0 15px !important;
    max-width: 1366px !important;
    width: 100% !important;
    text-align: left;
}
.page-title p{
    font-size: 15px;
    color: #fff;
    margin: 0;
    line-height: 25px;
    max-width: 1366px !important;
    width: 100% !important;
    margin:0 auto !important;
    padding: 0 15px !important;
}

.html-account-page .account-page .fieldset .title strong, 
.html-account-page .block .title strong{
    color: #444 !important;
}
.html-account-page .side-2 .block-account-navigation .list .active>a{
    color: #fff !important;
}
.block .list a:before{visibility: hidden;}
.account-page .page-title{display: none !important;}
.account-page .page-title h1{margin-top: 0px !important;}
.account-page .form-fields{background: none;}

.html-account-page .master-wrapper-content{background: #F9FBFC;}
.html-account-page .side-2,
.html-account-page .center-2{
    margin-top: 40px;
}
.html-account-page .side-2 .block-account-navigation .listbox .list{
    padding: 0;
}
.html-account-page .side-2 .block-account-navigation .list a:hover, 
.html-account-page .side-2 .block-account-navigation .list a:focus{
    color: #fff;
    text-decoration: none;
}
.html-account-page .account-page .fieldset .title{
    margin: 0;
    padding: 12px 30px 12px 10px;
    font-size: 20px;
    color: #444;
}
.html-account-page .block .title strong,
.html-account-page .account-page .fieldset .title strong, 
.html-account-page .account-page .section .title strong{
    color: #fff;
    font-weight: 600;
}
.account-page .form-fields .inputs{}
.account-page .form-fields .inputs label{
    width: 100%;
    text-align: left;
    color: #444;
    float: right;
    padding: 5px 15px;
}
.customer-info-page .vat-status{
    width: 100%;
    float: left;
    clear: both;
    color: #fff;
    margin-top: 5px;
}
.customer-info-page .vat-note {
    color: #fff !important;
}
.html-account-page .account-page .form-fields .inputs input{
    width: 100%;
    float: left;
    clear: both;
    border-radius: 6px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #EAEBEC !important;
}
.html-account-page .account-page .form-fields .inputs input:focus-visible{outline: none;}
.html-account-page .account-page .form-fields .inputs label.newsletter-label{
    width: auto;
    float: none;
    margin: 0;
}
.html-account-page .account-page .form-fields .inputs input.account-page-newsletter{
    height: fit-content;
    float: none;
    width: auto;
}
.save-customer-info-button,
.change-password-button{
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    background: #568278 !important;
    padding: 14px 54px !important;
    border-radius: 6px;
    line-height: normal;
    text-decoration: none;
}
.html-account-page .block-account-navigation .listbox .list li.active,
.html-scan-list-page .block-account-navigation .listbox .list li.active{
    background: #568278;
    /* width: fit-content; */
    padding: 4px 40px 4px 10px;
    border-radius: 0 50px 50px 0;
}



.no-date-tabs{
    padding: 40px 0;
    text-align: center;
    background: transparent !important;
    margin-top: 30px;
    background: #f9fbfc !important;
    color: #568278;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
}



.content-text{
    padding-bottom: 40px;
}
.text-box{
    background: #fff;
}
.content-text-info{
    padding: 16px !important;
}
.content-text-info h3{
    font-size: 18px;
    font-weight: bold;
    color: #2E3333;
}
.content-text-info p{
    font-size: 14px;
    color: #899191;
}
.html-home-page .custom-header{background: none;}
.custom-header{
    background:#fff;
}
.html-home-page .custom-header .header-menu ul.admin-list-dropdown li a{
    color: #2E3333 !important;
}

.html-home-page .top-menu li.admin-list a{
    /* color: #ffff !important;
    border: 1px solid; */
}
.html-home-page .custom-header.sticky .top-menu li.admin-list a{
    /* color: #2E3333 !important;
    border: 1px solid !important; */
}

li.admin-list a{
    /* color: #568278 !important;
    font-weight: 600 !important;
    border: 1px solid;
    border-radius: 6px;
    font-size: 13px !important;
    padding: 3px 7px !important; */
}


.question-ask-wrap{
    display: flex;
    align-items: center;
    background: #fff;
    padding: 8px 20px;
    column-gap: 15px;
    border-radius: 6px 0 0 6px;
    cursor:pointer;
    box-shadow: 0 0 5px 5px #12121203;
}
.question-ask-wrap .question-text{}
.question-ask-wrap .question-text p{
    margin: 0px;
    font-size: 14px;
    color: #2E3333;
    font-weight: bold;
}


.section-comments{}

.comments-wrapper{}
.comments-box{}
.comments-title{}

.html-password-recovery-page .center-1{margin: 0px;}
.html-password-recovery-page .master-wrapper-content{background: radial-gradient(#93A77D, #568278);}
/* .password-recovery-page{background: radial-gradient(#93A77D, #568278);} */
.password-recovery-page .form-fields{background-color: transparent;padding: 0px;border-top: 0px;}
.custom-pass-recovery{padding: 125px 0;}
.custom-pass-recovery form{background: #F9FBFC !important;border-radius: 6px;width: 550px;margin: 0 auto;padding: 30px;}
.password-recovery-page .form-fields .inputs{line-height: normal;}
.password-recovery-page .form-fields .inputs label{width: 100%;text-align: left;margin: 0;font-size: 14px;color: #568278;}
.password-recovery-page .form-fields .inputs input{float: left;height: 40px;font-size: 14px;border: 1px solid #EAEBEC !important;border-radius: 6px;width: 100%;}
.password-recovery-page .form-fields .inputs input:focus-visible{outline: none;border:none;}
.password-recovery-page .form-fields .inputs span.required{position: relative;top: 27px;}
.password-recovery-page .fieldset{margin: 0 !important;}
.custom-pass-recovery form .buttons{margin: 0px !important;}





.product-back-wrap{
    margin-bottom: 16px;
}
.product-back-wrap .back-button{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-back-wrap .custom-back-btn{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 6px 9px;
    column-gap: 9px;
    border-radius: 6px;
    color: #93A77D;
    border: 1px solid #93A77D !important;
    background: transparent;
    font-size: 14px;
}
.product-back-wrap .custom-back-btn img{
    width: 5px;
    height: 10px;
    object-fit: contain;
}

.video-box-inner{position: relative;}
a.popup-video{
    position: absolute;
    left: 45%;
    right: 0;
    top: 55%;
    transform: translate(-50px, -50px);
    width: 256px;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #fff;
    padding: 18px 50px;
    border-radius: 6px;
    text-decoration: none;
}
a.popup-video:hover{
    text-decoration: none;
    color: #fff;
}

.center-1{
    margin: 0;
}



/* ------Search-Page------ */

.html-search-page .master-wrapper-content{background: #F9FBFC;}
.html-search-page .search-page{background: #F9FBFC;padding: 24px 0;/*height: 100vh;*/}
.html-search-page .page-title{margin: 0px !important;text-align: left;border: none;padding: 0;}
.html-search-page .page-title h1{margin: 0px !important;font-size: 24px;font-weight: bold; color: #2E3333;padding:0px !important;padding-bottom: 20px !important;}
.html-search-page .page-title p{font-size: 14px;color: #899191;margin: 0 !important;padding:0px !important; padding-bottom: 20px !important;}

.html-search-page .search-input .fieldset{margin: 0px !important;}
.html-search-page .search-input .form-fields{background: none;border:none;padding: 0;}
.html-search-page .search-input .form-fields .basic-search .inputs{margin: 0px;width: 100%;display: flex;align-items: center;background: #fff;border: 1px solid #EAEBEC;border-radius: 6px;height: 44px;}
.html-search-page .search-input .form-fields .basic-search .inputs .buttons{margin: 0px;}
.html-search-page .search-input .form-fields .basic-search .inputs .mySearchbtn{font-size: 0;min-width: inherit;padding: 0;background: transparent;border: none;height: 100%;padding: 7px 14px;}
.html-search-page .search-input .form-fields .basic-search .inputs .search-text{border: none;width: 100%;padding: 0;background: #fff;color:#2E3333;font-size: 14px; height: 100%;border-radius: 0 6px 6px 0;outline: none;}
.html-search-page .search-input .form-fields .basic-search .inputs .search-text::placeholder{color:#899191;font-size: 14px;}
.html-search-page .no-result{text-align: center;font-size: 14px;padding-top: 15px;}

.html-search-page .search-results{margin: 0px !important;padding: 20px 0;}
.html-search-page .search-results .item-box{width: 100% !important;margin: 0 !important;}
.html-search-page .search-results .search-item{text-shadow: 0;}
.html-search-page .search-results .search-item .search-item-info{display: flex;flex-direction: column;align-items: flex-start;padding: 20px 0;border-bottom: 1px solid #EAEBEC;}
.html-search-page .search-results .search-item a{text-decoration: none;}
.html-search-page .search-results .search-item a .search-item-name{color: #2E3333;font-size: 16px;font-weight: bold;}
.html-search-page .search-results .search-item a span{color: #899191;font-size: 14px;font-weight: 500;}




.master-wrapper-content{}
.html-login-page .master-wrapper-content{min-height: auto;}

.html-login-page{}

.register-custom-modal-wrapper{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
/* .register-custom-overlay{
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #c7c7c778;
} */
.register-custom-modal-box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: #fff;
    width: 380px;
    z-index: 9999;
}

.register-custom-header{
    padding: 20px 30px;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.register-c-title{
    font-size: 24px;
    margin: 0;
}

.register-custom-body{
    padding: 20px 30px;
    max-height: 700px;
    overflow: auto;
}
.register-custom-body .get-popup-form{}
.register-custom-body .get-popup-form p{
    margin: 0;
    line-height: 31px;
    font-size: 15px;
}

.register-custom-footer{
    padding: 20px 30px;
    background: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.register-custom-footer button{
    background: transparent;
    border: none;
    background: #568278;
    color: #fff;
    padding: 6px 20px;
    border-radius: 6px;
}


.html-scan-list-page .master-wrapper-content{background: #F9FBFC !important;}
.html-scan-list-page .block .title strong{color: #444 !important;}
.html-scan-list-page .side-2 .block-account-navigation .list .active>a{color: #fff !important;}
.html-account-page .side-2 .block-account-navigation .list a:hover{color: #444 !important;}



.scan-history-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scan-history-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 0;
    border-bottom: 1px solid #EAEBEC;
}
.scan-product-name{
    text-decoration: none;
    color: #2E3333;
    font-size: 16px;
    font-weight: bold;
}
span.scan-history-cart-date{
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.scan-history-cart-date p{
    margin: 0;
    color: #568278;
    font-size: 14px;
}
.scan-history-list a.scan-prod-link{
    text-decoration: none;
}

.html-scan-list-page .master-wrapper-content{}

/* ***---*** Pagination-Style ***---*** */

.pager li span{
    background-color: #568278;
    border-radius: 4px;
}
.pager li a{
    color: #568278;
    background: transparent;
    border-radius: 4px;
    font-weight: 600;
}
.pager li a:hover, .pager li a:focus{
    background-color: #f9fbfc !important;
    border: 1px solid #ddd !important;
}



.tab-custom-modal{
    top: 20% !important;
}
.tab-custom-modal .modal-header{
    background: #f9f9f9;
}



/* This makes "#popup-with-something" scale down proportionally */
#popup-with-something {
    width: 100%;
    height: 0;
    overflow: hidden;
    /* This is scale ratio */
    padding-top: 56.25%;
  }
  /* This shifts close button outside of the container */
  #popup-with-something .mfp-close {
    top: -44px;
    color: #FFF;
    text-align: right;
    right: 1px;
  }
  /* This is an element itself */
  .some-element {
    background: #EBE8E8;
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  }
  /* .html-registration-page .custom-footer{z-index: -1;}
  .html-registration-page .chatbot-wrapper{z-index: -1;} */
  
  .html-registration-page .scan-model-wrapper{position: static;}
  .main-login-page + .popup-lgn +.scan-model-wrapper{position: static;}
  .main-login-page + .popup-lgn +.scan-model-wrapper .scan-modal-box{margin-top: 0px;}

.main-login-page{background: radial-gradient(#93A77D, #568278);}




.custom-countdown-timer{
    padding: 40px 0;
}
.custom-countdown-timer h1{
    text-align: center;
    font-size: 46px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #2E3333;
}
ul#counter {
  list-style: none;
  padding: 0;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 18px;
}

ul#counter li { 
    display: inline-block; 
}

ul#counter li span {
    font-size: 25px;
    line-height: 40px;
    font-weight: 600;
}

ul#counter li p {
    color: #2e3333;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}

.eu-cookie-bar-notification{
    height: 220px;
}
a.learn-more:hover{
    color: #568278;
}
.eu-cookie-bar-notification .buttons-more{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.eu-cookie-bar-notification .content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}


div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
    background-color: #568278 !important;
}
div:where(.swal2-icon).swal2-error{
    border-color: #568278;
    color: #568278;
}
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{
    background-color: #568278 !important;
}


#html5-qrcode-anchor-scan-type-change{display: none !important;}
.chat-disclaimer{padding: 10px 25px;font-size: 14px;color: #568278;background: #fffee5;color: #806f0b;}


.search-input .search-btn-wrap .button-1{
    color: #fff;
    border: none;
    background: transparent;
    background: #568278;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 51px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 15px;

}
.search-input .search-btn-wrap .button-1:hover{background-color: #93A77D;}

.mobile-description{display: none;}
.custom-tabs .tabs li.only-mob-tab{display: none;}
.mobile-description > h3{text-align: left;font-size: 18px;font-weight: 600;}




.custom-search-page{}
.custom-search-page .cust-form-search{}
.custom-search-page .cust-form-search .basic-search{}
.custom-search-page .cust-form-search .basic-search .inputs{
    margin: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #EAEBEC;
    border-radius: 6px;
    height: 44px;
}
.custom-search-page .cust-form-search .basic-search .inputs .buttons{margin: 0px;}
.custom-search-page .cust-form-search .basic-search .inputs .mySearchbtn{
    font-size: 0;
    min-width: inherit;
    padding: 0;
    background: transparent;
    border: none;
    height: 100%;
    padding: 7px 14px;
}
.custom-search-page .cust-form-search .basic-search .inputs .search-text{
    border: none;
    width: 100%;
    padding: 0;
    background: #fff;
    color: #2E3333;
    font-size: 14px;
    height: 100%;
    border-radius: 0 6px 6px 0;
    outline: none;
}
.custom-search-page .cust-form-search .basic-search .search-btn-wrap .button-1{
    color: #fff;
    border: none;
    background: transparent;
    background: #568278;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 51px;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s;
    margin-top: 15px;
}
.custom-search-page .cust-form-search .form-fields{
    background-color: transparent;
    border-top: 0px;
    padding: 0;
}
.html-search-page .ui-autocomplete{width: 500px !important;}
.html-search-page .search-results{padding:0px;}
.mob-search-icon{display: none;}

.custom-pass-recovery{}
.custom-pass-recovery .title{text-align: left;padding: 0;}
.custom-pass-recovery .title strong{    color: #2E3333;font-size: 24px;font-weight: 600;}







.affiliated-garden-centers{background: #F9FBFC;}
.affiliated-garden-inner{
    text-align: left;
    border: 0px !important;
    padding: 20px 0 !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 40px;
}
.affiliated-garden-inner .garden-left-column{
    text-align: left;
    width: 100%;
    margin: 0px;
    z-index: 99999;
    padding-top: 40px;
    width: 49% !important;
    flex: 0 0 auto;
}
.affiliated-garden-inner .garden-left-column .product-name{
    margin: 0;
    padding: 0;
    border-bottom: 0px !important;
}
.affiliated-garden-inner .garden-left-column .product-name h1{
    color: #2E3333;
    font-size: 18px;
    font-weight: bold;
}
.affiliated-garden-inner .garden-left-column .decription-text{
    width: 470px;
    margin-top: 15px;
}
.affiliated-garden-inner .garden-left-column .decription-text .full-description{
    clear: both;
    line-height: 24px;
}

.affiliated-garden-inner .garden-right-column{
    position: relative;
    width: 49% !important;
    flex: 0 0 auto;
}
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset{
    margin: 0px !important;
}
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields{
    border-top: 0 !important;
    background-color: none !important;
    padding: 30px 0px
}
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs{
    margin: 0px;
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid #EAEBEC;
    border-radius: 6px;
    height: 44px;
}
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs .buttons{
    margin: 0px;
}
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs .buttons .mySearchbtn{
    font-size: 0;
    min-width: inherit;
    padding: 0;
    background: transparent;
    border: none;
    height: 100%;
    padding: 7px 14px;
}
.affiliated-garden-inner .garden-right-column .garden-right-box .fieldset .form-fields .basic-search .inputs .search-garden-center{
    border: none;
    width: 100%;
    padding: 0;
    background: #fff;
    color: #2E3333;
    font-size: 14px;
    height: 100%;
    border-radius: 0 6px 6px 0;
    outline: none;
}
.affiliate-garden-accordian{}
.affiliate-garden-accordian .card{
    border: none;
    border-bottom: 1px solid #EAEBEC !important;
}
.affiliate-garden-accordian .card .card-header{
    padding: 0;
    background-color: transparent;
    border: 0;
}
.affiliate-garden-accordian .card .card-header .btn.btn-link {
    padding: 28px 10px;
    background: #F9FBFC !important;
    border-bottom: 1px solid #EAEBEC;
    color: #2E3333 !important;
    font-size: 16px !important;
    line-height: normal;
    text-decoration: none;
    position: relative;
    font-weight: bold;
}
.affiliate-garden-accordian .card .garden-accord-collapse{}
.affiliate-garden-accordian .card .garden-accord-collapse .card-body{
    background: #F9FBFC !important;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
} 
.affiliate-garden-accordian .card .garden-accord-collapse .card-body p{
    color: #899191 !important;
    font-size: 14px;
    margin: 0;
} 
.affiliate-garden-accordian .card .card-header .btn.btn-link span{
    width: 100% !important;
    display: block;
    font-size: 14px;
    color: #899191;
    margin-top: 4px;
    font-weight: 500;
}
.affiliate-garden-accordian .card .card-header .btn.btn-link:after{
    content: "";
    background-image: url(../images/feather-arrow-right.png) !important;
    background-size: 1rem !important;
    position: absolute;
    height: 24px;
    width: 24px;
    right: 0;
    background-repeat: no-repeat;
    top: 30px;
}
.affiliate-garden-accordian .card .card-header .collapsed::after{transform: rotate(270deg);}
.affiliate-garden-accordian .card .card-header .btn.btn-link:not(.collapsed)::after{
    transform: rotate(-180deg);
}


.affiliate-garden-accordian .garden-accord-collapse .card-body .location-icon{}
.affiliate-garden-accordian .garden-accord-collapse .card-body .location-icon svg{
    height: 18px;
    width: 18px;
}
.affiliate-garden-accordian .garden-accord-collapse .card-body .location-icon svg *{
    fill: #899191 !important;
}

.hide-pop-up{display: none;}

.app-row{
    align-items: baseline !important;
}


.page.news-list-page{margin-bottom: 70px;}
.app-top-banner{}
.app-top-banner .banner-wrapper{background: radial-gradient(#93A77D, #568278);margin: 0px !important;padding: 0 10px;min-height: 292px;display: flex;align-items: center;justify-content: left;}
.app-top-banner .banner-wrapper .app-page-title{display: flex;flex-direction: column;justify-content: center;margin: 0px !important;padding: 0;min-height: 150px;}
.app-top-banner .banner-wrapper .app-page-title h1{ font-size: 50px; color: #fff; font-weight: bold; margin: 0 auto !important; padding: 0; max-width: 1366px !important; width: 100% !important; text-align: left; }
.app-top-banner .banner-wrapper .app-page-title p{ font-size: 15px; color: #fff; margin: 0; line-height: 25px; max-width: 1366px !important; width: 100% !important; margin: 0 auto !important; padding: 0; }

.app-buttons{ display: flex; align-items: center; column-gap: 6px; margin: 0 auto !important; padding: 0 !important; max-width: 1366px !important; width: 100% !important; text-align: left; padding-bottom: 30px !important; padding: 0; }
.app-buttons .custom-app-btn{ border: none; border-radius: 11px; }
.app-buttons .custom-app-btn img{}
.app-ban-in{width: 100%;}

.custom-app-btn-wrapper{ background-color: #fff; border-radius: 12px; }
.custom-app-btn-wrapper .custom-app-btn{ display: flex; align-items: center; justify-content: center; column-gap: 9px; width: 165px; height: 52px; text-decoration: none; }
.app-buttons .custom-app-btn img{ width: 28px; height: 28px; object-fit: contain; }
span.btn-text{ display: flex; flex-direction: column; }
span.btn-text p{ margin: 0; line-height: normal; color: #000; font-size: 13px; font-weight: 600; }
span.btn-text strong{ color: #000; font-size: 20px; font-weight: 600; line-height: normal; margin-top: -5px; }
.header-menu .top-menu.notmobile{ padding-left: 0px !important; } 
.app-info-wrapper{ padding: 20px 0; }
.app-info{}
.app-info p{color: #899191;}
.app-info ul{display: flex;justify-content: left;padding: 0;gap: 20px;}
.app-info ul li{ }
.app-info ul li img{ max-width: 100%; height: 100px; object-fit: contain; }



.download-app{position: fixed;bottom: 0;left: 0;right: 0;z-index: 99999999;background: #ffffff;display: block;/* border-top: 2px solid #fff; */box-shadow: 0 0 16px rgb(0 0 0 / 12%);}
.dp-box{ display: flex; align-items: center; justify-content: space-between; padding: 10px 30px; }
.dp-left{ flex: 1; padding-right: 15px; }
.dp-close{color: #fff;font-size: 15px;background: transparent;border: none;position: absolute;right: 0;top: -30px;background: #ff6a6a;width: 30px;height: 30px;border-bottom: 1px solid #fff;}
.dp-left h3{margin: 0;color: #2E3333;margin-bottom: 5px;font-size: 16px;}
.dp-left p{line-height: 15px;margin: 0;color: #2E3333;font-size: 12px;}
.dp-right{flex: 0 0 150px;}
.dp-right a{display: block;padding: 10px 15px;background: #007aff;color: #fff;font-size: 16px;text-align: center;font-size: 14px;font-weight: 600;/* padding: 12px 10px; */line-height: normal;border-radius: 6px;}


.cus-accordion{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}
.cus-accordion .accordion-item {
    width: 48%;
    border-radius: 9px;
    background: transparent;
    border: none;
}
.faq-page-title{padding: 12px;}
.cus-accordion .accordion-item .accordion-button:focus{
    border: 1px solid #ddd !important;
    border-radius: 9px;
    background-color: #fff !important;
}
.cus-accordion .accordion-item .accordion-header{
    
}
#FaqAccordion .accordion-collapse .accordion-body p{
    font-size: 16px;
}
.cus-accordion .accordion-item .accordion-header .accordion-button{
    box-shadow: none;
    border-radius: 9px;
    background: #fff !important;
    border-width: 1px 1px 0px 1px !important;
    border-style: solid;
    border-color: #ddd;
    border-radius: 9px 9px 0px 0px;
}
.cus-accordion .accordion-item .accordion-header .accordion-button.collapsed{
    background-color: transparent !important;
    border: 1px solid #ddd !important;
    border-radius: 9px;
}
.cus-accordion .accordion-item .accordion-header .accordion-button::after{
    background-position: center;
}
.cus-accordion .accordion-item .accordion-header .accordion-button span{}
.cus-accordion .accordion-collapse{}

.cus-accordion .accordion-collapse .accordion-body{
    padding-top: 0;
    background: #fff;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    border-color: #ddd;
    margin-top: -1px;
    border-radius: 0px 0px 9px 9px;
}
.faq-page-title .title h3{
    font-weight: 700;
}
.faq-page-title .page-info{
    color: hsl(180deg 4.2% 76.67%);
    font-size: 20px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}
.faq-page-title .page-info p {
    max-width: 800px;
}
.html-contact-page body {
    background-color: rgb(249 251 252);
}
.faq-wrapper{
    margin: 30px 0px;
}



.bar-notification-container {
    position: fixed;
    bottom: 20px;
    right: 0;
    z-index: 99999999;
    width: 100%;
    line-height: 16px;
    color: #fff;
    opacity: .95;
    width: 400px;
    top: auto;
    right: 0;
    left: auto;
}

.bar-notification.success {
    background-color: #73d29b;
    bottom: 0;
    right: 0;
    padding-right: 40px;
}

.bar-notification.error {
    background-color: #f74750
}

.bar-notification.warning {
    background-color: #f39c12
}

.bar-notification {
    position: relative;
    display: none;
    padding: 15px 25px 15px 10px
}

.bar-notification .content {
    margin: 0 10px 0 0;
    font-size: 16px;
    line-height: 22px
}

.bar-notification .content a {
    color: #fff;
    text-decoration: underline;
    font-weight: 600
}

.bar-notification .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    margin: 17px;
    background: #fff url('../images/close.png') center no-repeat;
    cursor: pointer;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    opacity: 1;
}

.popup-notification {
    border-radius: 5px;
    padding: 3px;
    margin: 5px 0
}

.popup-notification.success {
    border: 2px rgba(75,176,122,.5) solid
}

.popup-notification.error {
    border: 2px rgba(228,68,76,.5) solid
}

.popup-notification.warning {
    border: 2px rgba(243,156,18,.5) solid
}

#mostplantscans-grid_wrapper{
    
}

#mostplantscans-grid_wrapper thead{ display: none !important; }



/*download store buttons*/
.store-button { display: flex; align-items: center; gap: 5px; border: 2px solid black; border-radius: 8px; padding: 5px 10px; text-decoration: none !important; width: 140px; transition: all 0.3s ease; font-family: Arial, sans-serif; }
.store-button:hover { background-color: #f0f0f0; } 
.logo img { width: 30x; height: auto; }
.text { display: flex; flex-direction: column; line-height: 1.2; }
.small-text { font-size: 14px; color: #666; text-transform: uppercase; font-weight: bold; }
.large-text { font-size: 18px; font-weight: bold; color: black; margin: 0;}



.maintenance-note{
    position: fixed;
    right: 25px;
    bottom: 16px;
}
.maintenance-box{}
.maintenance-info{
    position: absolute;
    width: 284px;
    right: 87%;
    background: #F2F5F7;
    border-radius: 16px 16px 4px 16px;
    padding: 16px;
    bottom: 86%;
    border: 1px solid #EAEBEC;
    box-shadow: 0 0 3px #0000003b;
}
.maintenance-info h3{}
.maintenance-info p{
    margin: 0;
    font-size: 15px;
    color: #2E3333;
}
.maintenance-cartoon{}
.maintenance-cartoon img.open-img{
    width: 107px;
}
.maintenance-cartoon img.close-img{
    width: 66px;
    display: none;
}
.maintenance-close{
    position: absolute;
    right: 0;
    top: 7px;
    right: 15px;
    border: none;
    background: #568278;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
}
.maintenance-close svg{
    width: 8px;
    height: 8px;
}

.closed-maintenance .open-img{display: none;}
.closed-maintenance .maintenance-info{display:none}
.closed-maintenance .maintenance-close{display:none}
.closed-maintenance .maintenance-cartoon img.close-img{display: block;}

.maintenance-open{display:none}
.closed-maintenance .maintenance-open{display: flex;}

.maintenance-open{
    position: absolute;
    right: 0;
    top: -3px;
    right: -25px;
    border: none;
    background: #568278;
    width: auto;
    height: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    padding: 10px 9px;
    gap: 10px;
    display: none;
}
.maintenance-open svg{
    width: 8px;
    height: 8px;
}