/* input(386,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(629,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(695,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(761,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(827,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(901,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(907,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(913,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1182,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1335,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1376,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1435,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1445,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1458,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1477,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1536,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1561,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1693,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1766,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1814,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(1947,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2017,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2027,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2037,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2077,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2164,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2170,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2180,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2264,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2314,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2342,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(2442,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3145,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3153,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3202,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3224,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3238,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3257,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3315,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(3325,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3450,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3456,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3715,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3729,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3826,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(3840,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4498,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4519,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4531,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4642,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4658,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4868,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4874,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(4884,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5015,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5025,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5086,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5197,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5448,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5658,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5827,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5833,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5870,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5880,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5941,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(5970,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5976,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(5998,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6005,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6048,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6101,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6115,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6121,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6127,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6145,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6151,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6157,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6164,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6239,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(6258,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6375,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(6400,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(6406,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6419,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(6467,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6478,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6484,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6490,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6511,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6517,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6523,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(6537,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(6562,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6568,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6575,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6582,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6626,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6667,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6677,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6724,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6746,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6788,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6801,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6813,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6830,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6873,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6881,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6944,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6958,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6964,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6970,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6988,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(6994,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7000,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7007,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7138,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7152,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7165,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7184,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7196,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7210,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7223,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7240,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7252,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7266,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7279,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7296,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7316,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7326,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7337,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7355,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7518,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7614,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7689,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7699,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7716,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7796,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(7924,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8007,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8088,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8202,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8220,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8231,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8277,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8343,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8375,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8388,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8401,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8445,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8459,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8470,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8557,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8569,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8584,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8591,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8603,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8609,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8623,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8682,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8714,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8727,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8737,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8750,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8818,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8850,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8863,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8876,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8920,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(8926,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(8959,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9067,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9079,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9094,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9101,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9113,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9126,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9253,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9269,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9284,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9297,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9324,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9351,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9357,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9364,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9371,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9378,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9392,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9412,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9418,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9425,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9440,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9454,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9461,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9477,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9483,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9490,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9497,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9516,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9522,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9532,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(9542,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10130,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10183,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10242,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10260,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10271,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10346,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10412,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10444,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10457,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10470,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10527,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10598,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10610,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10625,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10631,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10643,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10649,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(10663,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11176,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11208,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11221,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11242,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11294,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11306,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11321,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11327,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11339,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11345,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11369,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11382,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11388,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11401,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11418,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11425,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11497,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11503,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11513,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11525,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11548,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11562,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11585,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11778,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11785,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11791,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11899,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11907,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11983,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(11996,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12020,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12106,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12119,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12136,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12184,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12201,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12211,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12221,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12244,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12251,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12257,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12263,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12269,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12275,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12282,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12288,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12367,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12399,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12412,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12425,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12476,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12528,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12540,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12555,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12561,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12573,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12579,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12593,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12630,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12673,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12683,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12696,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12713,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12720,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12792,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12798,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12808,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12820,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12844,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12858,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(12881,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13021,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13028,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13034,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13142,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13150,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13274,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13281,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13287,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13399,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13412,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13436,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13522,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13535,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13552,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13600,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13617,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13627,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13637,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13660,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13667,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13673,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13679,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13685,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13691,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13698,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13704,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13772,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13804,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13817,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13830,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13881,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13933,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13945,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13959,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13965,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13977,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13983,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(13997,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14033,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14077,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14087,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14100,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14117,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14124,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14200,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14206,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14216,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14226,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14249,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14259,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14282,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14474,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14481,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14487,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14595,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14603,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14679,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14692,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14792,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14805,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14822,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14870,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14891,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14901,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14943,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(14968,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15025,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15057,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15070,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15087,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15106,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15221,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15228,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15234,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15342,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15348,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(15360,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(15376,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15390,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15401,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15407,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15427,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15469,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15501,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15514,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15529,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15541,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15556,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15562,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15574,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15580,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15593,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15675,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15707,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15720,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15733,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15784,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15836,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15848,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15863,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15869,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15881,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15887,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15901,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(15983,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16015,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16028,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16041,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16092,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16144,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16156,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16171,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16177,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16189,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16195,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16209,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16222,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(16229,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(16235,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(16241,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16248,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(16260,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(16276,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16282,25): run-time error CSS1034: Expected closing parenthesis, found '>'
input(16296,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16307,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16313,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16334,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16377,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16409,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16422,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16437,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16449,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16464,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16470,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16482,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16488,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16501,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16537,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16580,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16586,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16599,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16616,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16623,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16695,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16701,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16711,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16723,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16746,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16760,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16783,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16976,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16983,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(16989,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17099,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17125,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17133,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17209,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17222,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17246,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17332,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17345,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17362,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17410,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17427,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17437,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17447,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17505,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17578,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17623,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17734,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17826,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17836,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17926,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17932,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17944,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17950,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(17960,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(18017,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(18120,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(18246,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(18366,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(18672,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(18683,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(21039,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(21045,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(21051,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(21065,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(21072,25): run-time error CSS1034: Expected closing parenthesis, found '<'
input(21079,25): run-time error CSS1034: Expected closing parenthesis, found '<' */


input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

::-webkit-input-placeholder {
    color: #cacaca
}

:-ms-input-placeholder {
    color: #cacaca
}

::-ms-input-placeholder {
    color: #cacaca
}

::placeholder {
    color: #cacaca
}

[type="file"], [type="checkbox"], [type="radio"] {
    margin: 0 0 1.25rem
}

    [type="checkbox"] + label, [type="radio"] + label {
        display: inline-block;
        vertical-align: baseline;
        margin-right: .625rem;
        margin-left: 1.25rem;
        margin-bottom: 0
    }

        [type="checkbox"] + label[for], [type="radio"] + label[for] {
            cursor: pointer
        }

label > [type="checkbox"], label > [type="radio"] {
    margin-left: .625rem
}

[type="file"] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: 1.01563rem;
    font-weight: normal;
    line-height: 1;
    color: #36434f
}

    label.middle {
        margin: 0 0 1.25rem;
        padding: .70313rem 0
    }

.help-text {
    margin-top: -.625rem;
    font-size: 1.01563rem;
    font-style: italic;
    color: #36434f
}

.input-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 1.25rem;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

    .input-group > :first-child, .input-group > :first-child.input-group-button > * {
        border-radius: 0 1rem 1rem 0
    }

    .input-group > :last-child, .input-group > :last-child.input-group-button > * {
        border-radius: 1rem 0 0 1rem
    }

.input-group-label, .input-group-field, .input-group-button, .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    margin: 0;
    white-space: nowrap
}

.input-group-label {
    padding: 0 1rem;
    border: 1px solid #cacaca;
    background: #e6e6e6;
    color: #36434f;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .input-group-label:first-child {
        border-left: 0
    }

    .input-group-label:last-child {
        border-right: 0
    }

.input-group-field {
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    min-width: 0
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

    .input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.01563rem
    }

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

legend {
    max-width: 100%;
    margin-bottom: .625rem
}

.fieldset {
    margin: 1.40625rem 0;
    padding: 1.5625rem;
    border: 1px solid #cacaca
}

    .fieldset legend {
        margin: 0;
        margin-right: -.23438rem;
        padding: 0 .27344rem
    }

select {
    height: 2.69531rem;
    margin: 0 0 1.25rem;
    padding: .625rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #e6e6e6;
    border-radius: 1rem;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1.01563rem;
    font-weight: normal;
    line-height: 1.5;
    color: #36434f;
    background-image: url(data:image/svg+xml;utf8,<svg\ xmlns=\'http://www.w3.org/2000/svg\'\ version=\'1.1\'\ width=\'32\'\ height=\'24\'\ viewBox=\'0\ 0\ 32\ 24\'><polygon\ points=\'0,0\ 32,0\ 16,24\'\ style=\'fill:\ rgb%28138,\ 138,\ 138%29\'></polygon></svg>);
    background-origin: content-box;
    background-position: left -1.25rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-left: 1.875rem;
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s
}

@media screen and (min-width: 0\0 ) {
}

@font-face{font-family:hypertire;src:url(../home/desktop/main/index/assets/icons/fonts/hypertire.eot?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);src:url(../home/desktop/main/index/assets/icons/fonts/hypertired41d.eot?v=cuYVl0C0esgJf7S7S3DnG6jIc4I&#iefix)format("embedded-opentype"),url(../home/desktop/main/index/assets/icons/fonts/hypertire.woff?v=cuYVl0C0esgJf7S7S3DnG6jIc4I)format("woff"),url(../home/desktop/main/index/assets/icons/fonts/hypertire.ttf?v=cuYVl0C0esgJf7S7S3DnG6jIc4I)format("truetype"),url(../home/desktop/main/index/assets/icons/fonts/hypertire.svg#hypertire)format("svg");font-weight:400;font-style:normal}[data-icon]:before{content:attr(data-icon);speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;font-variant:normal!important;text-transform:none!important;font-family:hypertire!important;font-style:normal!important;font-weight:400!important}[class^=icon-]:before,[class*=\ icon-]:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;font-variant:normal!important;text-transform:none!important;font-family:hypertire!important;font-style:normal!important;font-weight:400!important}.icon-add:before{content:"a"}.icon-add-to-cart:before{content:"b"}.icon-arrow-right-solid:before{content:"c"}.icon-banners:before{content:"d"}.icon-bell-regular:before{content:"e"}.icon-cafe-sign:before{content:"f"}.icon-car:before{content:"g"}.icon-car-1:before{content:"h"}.icon-car1:before{content:"i"}.icon-check-solid:before{content:"j"}.icon-city:before{content:"k"}.icon-city-1:before{content:"l"}.icon-coffee:before{content:"m"}.icon-coffee-1:before{content:"n"}.icon-coffee-machine:before{content:"o"}.icon-delivery:before{content:"p"}.icon-ecology-and-environment:before{content:"q"}.icon-edit-regular:before{content:"r"}.icon-gas-station:before{content:"s"}.icon-global:before{content:"t"}.icon-iran:before{content:"v"}.icon-kg:before{content:"w"}.icon-mailbox:before{content:"x"}.icon-map-marked-alt-solid:before{content:"y"}.icon-map-marker-alt-solid:before{content:"z"}.icon-menu:before{content:"A"}.icon-motorcycle:before{content:"B"}.icon-newspaper:before{content:"C"}.icon-phone-alt-solid:before{content:"D"}.icon-pickup-truck:before{content:"E"}.icon-pos-terminal:before{content:"F"}.icon-remove-from-cart-button:before{content:"G"}.icon-search:before{content:"H"}.icon-search-1:before{content:"I"}.icon-shop:before{content:"J"}.icon-speed:before{content:"K"}.icon-speedometers:before{content:"L"}.icon-supermarket-cart:before{content:"M"}.icon-tire:before{content:"N"}.icon-tire1:before{content:"O"}.icon-tire2:before{content:"P"}.icon-tires:before{content:"Q"}.icon-tires-1:before{content:"R"}.icon-tractor:before{content:"S"}.icon-truck:before{content:"T"}.icon-truck-1:before{content:"U"}.icon-truck1:before{content:"V"}.icon-user:before{content:"W"}.icon-user-check-solid:before{content:"X"}.icon-user-plus-solid:before{content:"Y"}.icon-whatsapp:before{content:"0"}.icon-wheel:before{content:"1"}.icon-down:before{content:"u"}.icon-flat-tire:before{content:"2"}.icon-rubbish-can:before{content:"3"}.icon-sliders-h-solid:before{content:"4"}.icon-close:before{content:"5"}.icon-comment-alt-regular:before{content:"6"}.icon-list-solid:before{content:"7"}.icon-multimedia:before{content:"8"}.icon-user-solid:before{content:"Z"}.icon-install:before{content:"9"}.icon-install-center:before{content:"!"}.icon-arrow-left-solid:before{content:"\""}.icon-payment:before{content:"#"}.icon-car-model:before{content:"$"}.icon-speed1:before{content:"%"}.icon-color-palette:before{content:"&"}.icon-calendar:before{content:"'"}.icon-comment:before{content:"("}
@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{z-index:1;margin-left:auto;margin-right:auto;display:block;position:relative}.swiper{z-index:1;margin-left:auto;margin-right:auto;padding:0;list-style:none;display:block;position:relative;overflow:hidden}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{z-index:1;width:100%;height:100%;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box;display:flex;position:relative}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate(0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;transition-property:transform;display:block;position:relative}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(#0000,#00000080)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(#00000080,#0000)}.swiper-lazy-preloader{z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top-color:#0000;border-radius:50%;width:42px;height:42px;margin-top:-21px;margin-left:-21px;position:absolute;top:50%;left:50%}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:1s linear infinite swiper-preloader-spin}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";pointer-events:none;position:absolute;top:0;left:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/2));z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{object-fit:contain;transform-origin:50%;width:100%;height:100%}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);letter-spacing:0;font-variant:initial;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);width:100%;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);display:inline-block}button.swiper-pagination-bullet{box-shadow:none;-webkit-appearance:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translateY(-50%)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);top:0;left:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;top:0;left:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);touch-action:none;background:var(--swiper-scrollbar-bg-color,#0000001a);position:relative}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset,1%));position:absolute}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);width:100%;height:100%;position:relative;top:0;left:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{object-fit:contain;max-width:100%;max-height:100%}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{pointer-events:none;opacity:0;z-index:-1000;position:absolute;top:0;left:0}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-flow:column wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{opacity:.6;z-index:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.swiper-cube .swiper-cube-shadow:before{content:"";filter:blur(50px);background:#000;position:absolute;inset:0}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform,opacity,height;overflow:hidden}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner {
    -ms-animation: spinner 2s linear infinite;
    -webkit-animation: 2s linear infinite spinner;
    -moz-animation: 2s linear infinite spinner;
    -o-animation: 2s linear infinite spinner;
    animation: 2s linear infinite spinner
}

div.neo-styles, div.neo-styles p, div.neo-styles ul {
    margin: 0;
    padding: 0
}

    div.neo-styles i {
        justify-content: center;
        align-items: center;
        display: flex;
        width: 1em !important;
        height: 1.2em !important
    }

    div.neo-styles a {
        text-decoration: none
    }

    div.neo-styles .hidden {
        display: none
    }


    div.neo-styles .rtl {
        direction: rtl
    }

    div.neo-styles .ltr {
        direction: ltr
    }

div.neo-styles .light-shadow {
    -webkit-box-shadow: 0 2px 5px #0000001f;
    -moz-box-shadow: 0 2px 5px #0000001f;
    box-shadow: 0 2px 5px #0000001f
}

    div.neo-styles .flex {
        display: flex
    }

    div.neo-styles .align-center {
        align-items: center
    }

    div.neo-styles .align-start {
        align-items: flex-start
    }

    div.neo-styles .align-end {
        align-items: flex-end
    }

    div.neo-styles .align-stretch {
        align-items: stretch
    }

    div.neo-styles .justify-center {
        justify-content: center
    }

    div.neo-styles .justify-start {
        justify-content: flex-start
    }

    div.neo-styles .justify-end {
        justify-content: flex-end
    }

    div.neo-styles .justify-space-around {
        justify-content: space-around
    }

    div.neo-styles .justify-space-between {
        justify-content: space-between
    }

    div.neo-styles .flex-wrap {
        flex-wrap: wrap
    }

    div.neo-styles .align-content-center {
        align-content: center
    }

    div.neo-styles .align-content-stretch {
        align-content: stretch
    }

    div.neo-styles .align-content-end {
        align-content: flex-end
    }

    div.neo-styles .align-content-start {
        align-content: flex-start
    }

    div.neo-styles .relative {
        position: relative
    }

    div.neo-styles .absolute {
        position: absolute
    }

    div.neo-styles .fixed {
        position: fixed
    }

    div.neo-styles .cursor-pointer {
        cursor: pointer
    }

    div.neo-styles .text-center {
        text-align: center
    }

    div.neo-styles .text-right {
        text-align: right
    }

    div.neo-styles .text-left {
        text-align: left
    }

    div.neo-styles .line {
        border-bottom: 1px solid #d3d3d3;
        width: 100%;
        margin: 10px 0
    }

        div.neo-styles .line.dashed {
            border-bottom: 1px dashed #d3d3d3
        }

@media screen and (width>=1025px) {
    div.neo-styles .hide-normal {
        display: none
    }
}

div.neo-styles .neo-progress-infinite {
    z-index: 100;
    width: 100%;
    height: 10px;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0
}

    div.neo-styles .neo-progress-infinite.active {
        display: block
    }

    div.neo-styles .neo-progress-infinite .progress {
        background-color: #b385ff;
        background-clip: padding-box;
        border-radius: 2px;
        width: 100%;
        height: 4px;
        display: block;
        position: relative;
        overflow: hidden
    }

        div.neo-styles .neo-progress-infinite .progress .determinate {
            background-color: #5408d1;
            transition: width .3s linear;
            position: absolute;
            top: 0;
            bottom: 0
        }

        div.neo-styles .neo-progress-infinite .progress .indeterminate {
            background-color: #5408d1
        }

            div.neo-styles .neo-progress-infinite .progress .indeterminate:before {
                content: "";
                background-color: inherit;
                will-change: left,right;
                -webkit-animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
                animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0
            }

            div.neo-styles .neo-progress-infinite .progress .indeterminate:after {
                content: "";
                background-color: inherit;
                will-change: left,right;
                -webkit-animation: 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite indeterminate-short;
                animation: 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite indeterminate-short;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0
            }

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%
    }

    60% {
        left: 100%;
        right: -90%
    }

    to {
        left: 100%;
        right: -90%
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%
    }

    60% {
        left: 107%;
        right: -8%
    }

    to {
        left: 107%;
        right: -8%
    }
}

div.neo-styles .tool-tip {
    clear: both;
    float: left;
    z-index: 104;
    color: #fff;
    text-align: center;
    background-color: #00008b;
    border-radius: 5px;
    padding: 8px;
    font-size: 11px;
    font-weight: 700;
    display: inline-block;
    position: absolute;
    top: 200px
}

    div.neo-styles .tool-tip .holder {
        width: 100%;
        position: relative
    }

        div.neo-styles .tool-tip .holder span {
            border-bottom: 12px solid #00008b;
            border-left: 8px solid #0000;
            border-right: 8px solid #0000;
            width: 0;
            height: 0;
            position: absolute;
            top: -15px;
            left: calc(50% - 8px)
        }

div.neo-styles .row {
    width: 100%
}

div.neo-styles .normal-hide {
    display: none
}

div.neo-styles .col {
    box-sizing: border-box
}

    div.neo-styles .col.padding {
        padding: 10px
    }

    div.neo-styles .col.col-1 {
        width: 8.33333%;
        max-width: 8.33333%
    }

    div.neo-styles .col.col-2 {
        width: 16.6667%;
        max-width: 16.6667%
    }

    div.neo-styles .col.col-3 {
        width: 25%;
        max-width: 25%
    }

    div.neo-styles .col.col-4 {
        width: 33.3333%;
        max-width: 33.3333%
    }

    div.neo-styles .col.col-5 {
        width: 41.6667%;
        max-width: 41.6667%
    }

    div.neo-styles .col.col-6 {
        width: 50%;
        max-width: 50%
    }

    div.neo-styles .col.col-7 {
        width: 58.3333%;
        max-width: 58.3333%
    }

    div.neo-styles .col.col-8 {
        width: 66.6667%;
        max-width: 66.6667%
    }

    div.neo-styles .col.col-9 {
        width: 75%;
        max-width: 75%
    }

    div.neo-styles .col.col-10 {
        width: 83.3333%;
        max-width: 83.3333%
    }

    div.neo-styles .col.col-11 {
        width: 91.6667%;
        max-width: 91.6667%
    }

    div.neo-styles .col.col-12 {
        width: 100%;
        max-width: 100%
    }

@media screen and (width<=1366px) {
    div.neo-styles .large-hide {
        display: none
    }

    div.neo-styles .col.col-l-1 {
        width: 8.33333%;
        max-width: 8.33333%
    }

    div.neo-styles .col.col-l-2 {
        width: 16.6667%;
        max-width: 16.6667%
    }

    div.neo-styles .col.col-l-3 {
        width: 25%;
        max-width: 25%
    }

    div.neo-styles .col.col-l-4 {
        width: 33.3333%;
        max-width: 33.3333%
    }

    div.neo-styles .col.col-l-5 {
        width: 41.6667%;
        max-width: 41.6667%
    }

    div.neo-styles .col.col-l-6 {
        width: 50%;
        max-width: 50%
    }

    div.neo-styles .col.col-l-7 {
        width: 58.3333%;
        max-width: 58.3333%
    }

    div.neo-styles .col.col-l-8 {
        width: 66.6667%;
        max-width: 66.6667%
    }

    div.neo-styles .col.col-l-9 {
        width: 75%;
        max-width: 75%
    }

    div.neo-styles .col.col-l-10 {
        width: 83.3333%;
        max-width: 83.3333%
    }

    div.neo-styles .col.col-l-11 {
        width: 91.6667%;
        max-width: 91.6667%
    }

    div.neo-styles .col.col-l-12 {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (width<=1024px) {
    div.neo-styles .medium-hide {
        display: none
    }

    div.neo-styles .col.col-m-1 {
        width: 8.33333%;
        max-width: 8.33333%
    }

    div.neo-styles .col.col-m-2 {
        width: 16.6667%;
        max-width: 16.6667%
    }

    div.neo-styles .col.col-m-3 {
        width: 25%;
        max-width: 25%
    }

    div.neo-styles .col.col-m-4 {
        width: 33.3333%;
        max-width: 33.3333%
    }

    div.neo-styles .col.col-m-5 {
        width: 41.6667%;
        max-width: 41.6667%
    }

    div.neo-styles .col.col-m-6 {
        width: 50%;
        max-width: 50%
    }

    div.neo-styles .col.col-m-7 {
        width: 58.3333%;
        max-width: 58.3333%
    }

    div.neo-styles .col.col-m-8 {
        width: 66.6667%;
        max-width: 66.6667%
    }

    div.neo-styles .col.col-m-9 {
        width: 75%;
        max-width: 75%
    }

    div.neo-styles .col.col-m-10 {
        width: 83.3333%;
        max-width: 83.3333%
    }

    div.neo-styles .col.col-m-11 {
        width: 91.6667%;
        max-width: 91.6667%
    }

    div.neo-styles .col.col-m-12 {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (width<=768px) {
    div.neo-styles .tablet-hide {
        display: none
    }

    div.neo-styles .col.col-t-1 {
        width: 8.33333%;
        max-width: 8.33333%
    }

    div.neo-styles .col.col-t-2 {
        width: 16.6667%;
        max-width: 16.6667%
    }

    div.neo-styles .col.col-t-3 {
        width: 25%;
        max-width: 25%
    }

    div.neo-styles .col.col-t-4 {
        width: 33.3333%;
        max-width: 33.3333%
    }

    div.neo-styles .col.col-t-5 {
        width: 41.6667%;
        max-width: 41.6667%
    }

    div.neo-styles .col.col-t-6 {
        width: 50%;
        max-width: 50%
    }

    div.neo-styles .col.col-t-7 {
        width: 58.3333%;
        max-width: 58.3333%
    }

    div.neo-styles .col.col-t-8 {
        width: 66.6667%;
        max-width: 66.6667%
    }

    div.neo-styles .col.col-t-9 {
        width: 75%;
        max-width: 75%
    }

    div.neo-styles .col.col-t-10 {
        width: 83.3333%;
        max-width: 83.3333%
    }

    div.neo-styles .col.col-t-11 {
        width: 91.6667%;
        max-width: 91.6667%
    }

    div.neo-styles .col.col-t-12 {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (width<=560px) {
    div.neo-styles .small-hide {
        display: none
    }

    div.neo-styles .col.col-s-1 {
        width: 8.33333%;
        max-width: 8.33333%
    }

    div.neo-styles .col.col-s-2 {
        width: 16.6667%;
        max-width: 16.6667%
    }

    div.neo-styles .col.col-s-3 {
        width: 25%;
        max-width: 25%
    }

    div.neo-styles .col.col-s-4 {
        width: 33.3333%;
        max-width: 33.3333%
    }

    div.neo-styles .col.col-s-5 {
        width: 41.6667%;
        max-width: 41.6667%
    }

    div.neo-styles .col.col-s-6 {
        width: 50%;
        max-width: 50%
    }

    div.neo-styles .col.col-s-7 {
        width: 58.3333%;
        max-width: 58.3333%
    }

    div.neo-styles .col.col-s-8 {
        width: 66.6667%;
        max-width: 66.6667%
    }

    div.neo-styles .col.col-s-9 {
        width: 75%;
        max-width: 75%
    }

    div.neo-styles .col.col-s-10 {
        width: 83.3333%;
        max-width: 83.3333%
    }

    div.neo-styles .col.col-s-11 {
        width: 91.6667%;
        max-width: 91.6667%
    }

    div.neo-styles .col.col-s-12 {
        width: 100%;
        max-width: 100%
    }
}

neo-component-alerts {
    z-index: 10001;
    font-size: 12px;
    position: fixed;
    top: 60px;
    width: 20vw !important
}

@media screen and (width<=1024px) {
    neo-component-alerts {
        width: 30vw !important
    }
}

@media screen and (width<=560px) {
    neo-component-alerts {
        width: 75vw !important
    }
}

@media screen and (width<=375px) {
    neo-component-alerts {
        left: 2.5vw;
        width: 95vw !important
    }
}

neo-component-alerts *, neo-component-alerts :after, neo-component-alerts :before {
    box-sizing: border-box
}

neo-component-alerts .glyphicon-alert:before {
    content: ""
}

neo-component-alerts .alert {
    border: 1px solid #0000;
    border-radius: 18px;
    place-content: center;
    align-items: center;
    min-height: 60px;
    margin-bottom: 20px;
    padding: 15px;
    line-height: 2;
    display: flex
}

    neo-component-alerts .alert:first-child {
        margin-top: 10px
    }

    neo-component-alerts .alert h4 {
        color: inherit;
        margin-top: 0
    }

    neo-component-alerts .alert .alert-link {
        font-weight: 700
    }

    neo-component-alerts .alert > p, neo-component-alerts .alert > ul {
        margin-bottom: 0
    }

        neo-component-alerts .alert > p + p {
            margin-top: 5px
        }

neo-component-alerts .alert-dismissable, neo-component-alerts .alert-dismissible {
    padding-right: 35px
}

    neo-component-alerts .alert-dismissable .close, neo-component-alerts .alert-dismissible .close {
        color: inherit;
        position: relative;
        top: -2px;
        right: -21px
    }

neo-component-alerts .alert-success {
    color: #fff;
    background-color: #00b0ac;
    border-color: #3fb0be
}

    neo-component-alerts .alert-success hr {
        border-top-color: #c9e2b3
    }

    neo-component-alerts .alert-success .alert-link {
        color: #2b542c
    }

neo-component-alerts .alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

    neo-component-alerts .alert-info hr {
        border-top-color: #a6e1ec
    }

    neo-component-alerts .alert-info .alert-link {
        color: #245269
    }

neo-component-alerts .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

    neo-component-alerts .alert-warning hr {
        border-top-color: #f7e1b5
    }

    neo-component-alerts .alert-warning .alert-link {
        color: #66512c
    }

neo-component-alerts .alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

    neo-component-alerts .alert-danger .alert-link {
        color: #843534
    }

neo-component-alerts .close:not(:disabled):not(.disabled) {
    cursor: pointer
}

neo-component-alerts button.close {
    -webkit-appearance: none;
    background-color: #0000;
    border: 0;
    padding: 0
}

neo-component-alerts .close {
    float: right;
    color: #000;
    text-shadow: 0 1px #fff;
    opacity: .5;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1
}

neo-component-alerts button, neo-component-alerts select {
    text-transform: none
}

neo-component-alerts button, neo-component-alerts input {
    overflow: visible
}

neo-component-alerts button, neo-component-alerts input, neo-component-alerts optgroup, neo-component-alerts select, neo-component-alerts textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin: 0
}

neo-component-alerts button {
    border-radius: 0
}

neo-component-alerts .h1, neo-component-alerts .h2, neo-component-alerts .h3, neo-component-alerts .h4, neo-component-alerts .h5, neo-component-alerts .h6, neo-component-alerts h1, neo-component-alerts h2, neo-component-alerts h3, neo-component-alerts h4, neo-component-alerts h5, neo-component-alerts h6 {
    color: inherit;
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.2
}

neo-component-alerts .alert-heading {
    color: inherit
}

neo-component-alerts .h6, neo-component-alerts h6 {
    font-size: 1rem
}

neo-component-alerts .alert-danger hr {
    border-top-color: #f1b0b7
}

neo-component-alerts hr {
    box-sizing: content-box;
    border: 0;
    border-top: 1px solid #0000001a;
    height: 0;
    margin-top: 1rem;
    margin-bottom: 1rem;
    overflow: visible
}

neo-component-articles-list {
    padding-left: 1.17188rem;
    padding-right: 1.17188rem
}

.lds-ellipsis {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative
}

    .lds-ellipsis.hidden {
        display: none
    }

    .lds-ellipsis div {
        background: #fd0;
        border-radius: 50%;
        width: 13px;
        height: 13px;
        animation-timing-function: cubic-bezier(0,1,1,0);
        position: absolute;
        top: 33px
    }

        .lds-ellipsis div:first-child {
            animation: .6s infinite lds-ellipsis1;
            left: 8px
        }

        .lds-ellipsis div:nth-child(2) {
            animation: .6s infinite lds-ellipsis2;
            left: 8px
        }

        .lds-ellipsis div:nth-child(3) {
            animation: .6s infinite lds-ellipsis2;
            left: 32px
        }

        .lds-ellipsis div:nth-child(4) {
            animation: .6s infinite lds-ellipsis3;
            left: 56px
        }

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(24px)
    }
}

neo-component-basket {
    z-index: 99;
    background-color: #fff;
    border-radius: 18px;
    width: 325px;
    display: none;
    position: absolute;
    top: 80px;
    left: -5px
}

@media screen and (width<=560px) {
    neo-component-basket {
        width: 90vw
    }
}

neo-component-basket .triangle-up {
    border-bottom: 15px solid #fff;
    border-left: 20px solid #0000;
    border-right: 20px solid #0000;
    width: 0;
    height: 0;
    position: absolute;
    top: -14px;
    left: 20px
}

neo-component-basket .empty {
    width: 100%;
    min-height: inherit;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    display: none
}

    neo-component-basket .empty.active {
        display: flex !important
    }

    neo-component-basket .empty > i {
        color: #bcbcbc;
        font-size: 60px;
        height: .8em !important
    }

    neo-component-basket .empty > p {
        text-align: center;
        color: #005c7c;
        width: 100%;
        margin: 5px 0;
        font-size: 13px;
        font-weight: 700
    }

    neo-component-basket .empty > .button-holder {
        width: 50%;
        margin: 5px 0
    }

neo-component-basket .has {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 5px;
    display: flex
}

    neo-component-basket .has > .button-holder {
        width: 50%;
        margin: 5px 0
    }

    neo-component-basket .has .row {
        border-bottom: 1px solid #eee;
        place-content: center;
        align-items: center;
        width: 100%;
        display: flex
    }

        neo-component-basket .has .row:last-child {
            border: none
        }

        neo-component-basket .has .row.active {
            display: flex
        }

        neo-component-basket .has .row .basket-cell {
            flex-wrap: wrap;
            justify-content: center;
            margin: 5px;
            display: flex
        }

            neo-component-basket .has .row .basket-cell > i {
                color: #bcbcbc;
                cursor: pointer;
                margin: 0 10px;
                font-size: 16px
            }

                neo-component-basket .has .row .basket-cell > i:hover {
                    color: #d12727
                }

            neo-component-basket .has .row .basket-cell .cover {
                background-position: 50%;
                background-size: cover;
                width: 50px;
                height: 50px
            }

            neo-component-basket .has .row .basket-cell .title {
                color: #000;
                width: 100%;
                font-size: 12px;
                font-weight: 700
            }

            neo-component-basket .has .row .basket-cell .pattern {
                color: #bcbcbc;
                width: 100%;
                font-size: 11px;
                font-weight: 700
            }

            neo-component-basket .has .row .basket-cell .size {
                color: #000;
                width: 100%;
                font-size: 12px;
                font-weight: 700
            }

neo-component-basketitems-addressitems {
    width: 100%;
    display: inline-block
}

    neo-component-basketitems-addressitems .box {
        padding: 0 !important
    }

    neo-component-basketitems-addressitems .address-item {
        background-color: #dedede;
        justify-content: flex-end;
        height: 200px;
        display: flex
    }

        neo-component-basketitems-addressitems .address-item .margin {
            margin: 5px
        }

        neo-component-basketitems-addressitems .address-item .in-holder {
            width: calc(100% - 100px);
            height: inherit;
            background-color: #fff;
            border-radius: 18px;
            padding: 22px
        }

@media screen and (width<=560px) {
    neo-component-basketitems-addressitems .address-item .in-holder {
        width: calc(100% - 70px)
    }
}

neo-component-basketitems-addressitems .address-item .in-holder .title {
    color: #005c7c;
    font-weight: 700
}

neo-component-basketitems-addressitems .address-item .in-holder .cover {
    height: 100%
}

neo-component-basketitems-addressitems .address-item .fa-map-marker-alt, neo-component-basketitems-addressitems .address-item .fas, neo-component-basketitems-addressitems .address-item .icon {
    color: #bcbcbc;
    font-size: 24px
}

neo-component-basketitems-addressitems .address-item .title-value {
    color: #005c7c;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 700
}

neo-component-basketitems-addressitems .address-item .top-bottom {
    height: 40px;
    margin: 10px 0
}

neo-component-basketitems-addressitems .address-item .in-holder-button {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-basketitems-addressitems .address-item .in-holder-button {
        width: 70px
    }
}

neo-component-basketitems-addressitems .address-item .in-holder-button .radio {
    background-color: #fff;
    border: 4px solid #bcbcbc;
    border-radius: 20px;
    width: 20px;
    height: 20px
}

neo-component-basketitems-addressitems .address-item .in-holder-button i {
    display: none
}

neo-component-basketitems-addressitems .address-item .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px
}

neo-component-basketitems-addressitems .address-item:hover, neo-component-basketitems-addressitems .address-item.active {
    background-color: #fd0
}

    neo-component-basketitems-addressitems .address-item.active .in-holder-button .radio {
        display: none
    }

    neo-component-basketitems-addressitems .address-item.active .in-holder-button i {
        color: #fff;
        font-size: 24px;
        display: block
    }

neo-component-basketitems-items {
    width: 100%;
    display: inline-block
}

    neo-component-basketitems-items .states {
        z-index: 10;
        background-color: #404040d1;
        border-radius: 22px;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        position: absolute;
        top: 0;
        left: 0
    }

@media screen and (width<=560px) {
    neo-component-basketitems-items .states {
        align-items: flex-start !important
    }
}

neo-component-basketitems-items .states .holder {
    width: 600px
}

@media screen and (width<=560px) {
    neo-component-basketitems-items .states .holder {
        margin-top: 100px !important
    }
}

neo-component-basketitems-items .states .selectors {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-basketitems-items .mobile-line {
        height: 60px
    }
}

neo-component-basketitems-items .basket-items i.icon-close {
    cursor: pointer;
    color: #d12727;
    font-size: 14px;
    position: absolute;
    top: 20px;
    left: 20px
}

    neo-component-basketitems-items .basket-items i.icon-close:hover {
        color: #005c7c
    }

@media screen and (width<=1024px) {
    neo-component-basketitems-items .basket-items .item {
        flex-wrap: wrap
    }
}

neo-component-basketitems-items .basket-items .item .cover {
    background-position: 50%;
    background-size: cover;
    width: 110px;
    height: 110px
}

neo-component-basketitems-items .basket-items .item img {
    height: 40px
}

neo-component-basketitems-items .basket-items .item .pattern {
    font-size: 16px;
    font-weight: 700
}

neo-component-basketitems-items .basket-items .item .value {
    font-size: 18px;
    font-weight: 700
}

neo-component-basketitems-items .basket-items .item .title {
    font-size: 12px
}

neo-component-basketitems-items .basket-items .item .price {
    color: #005c7c;
    font-family: IRANYekan Bold;
    font-size: 20px
}

neo-component-basketitems-items .basket-items .item .v-line {
    background-color: #bcbcbc;
    width: 1px;
    height: 60px
}

neo-component-basketitems-items .basket-items .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 2px;
    margin-top: 20px
}

neo-component-basketitems-items .basket-items .services {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    min-height: 200px;
    display: flex;
    position: relative
}

@media screen and (width<=1024px) {
    neo-component-basketitems-items .basket-items .services {
        height: auto
    }
}

neo-component-basketitems-items .basket-items .services .title {
    text-align: center;
    color: #005c7c;
    background-color: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-weight: 700;
    position: absolute;
    top: -15px
}

neo-component-basketitems-items .basket-items .services .items {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    display: flex
}

@media screen and (width<=1024px) {
    neo-component-basketitems-items .basket-items .services .items {
        flex-wrap: wrap
    }
}

neo-component-basketitems-items .basket-items .services .items .no-service-message {
    color: #d12727;
    text-align: center;
    width: 100%;
    padding: 10px;
    font-size: 18px;
    font-weight: 700
}

neo-component-basketitems-items .basket-items .services .items .item {
    cursor: not-allowed;
    border: 1px solid #bcbcbc;
    border-radius: 22px;
    width: 150px;
    height: 150px;
    margin: 10px;
    position: relative;
    overflow: hidden
}

    neo-component-basketitems-items .basket-items .services .items .item img {
        max-width: 80%;
        margin-bottom: 15px
    }

    neo-component-basketitems-items .basket-items .services .items .item .ribbon {
        display: none
    }

    neo-component-basketitems-items .basket-items .services .items .item i {
        color: #bcbcbc;
        font-size: 75px;
        height: 1em !important
    }

    neo-component-basketitems-items .basket-items .services .items .item p {
        color: #bcbcbc;
        text-align: center;
        width: 100%;
        margin-top: 5px;
        font-size: 12px
    }

    neo-component-basketitems-items .basket-items .services .items .item.disable {
        cursor: pointer
    }

        neo-component-basketitems-items .basket-items .services .items .item.disable i, neo-component-basketitems-items .basket-items .services .items .item.disable p {
            color: #bcbcbc
        }

    neo-component-basketitems-items .basket-items .services .items .item.active {
        cursor: pointer
    }

        neo-component-basketitems-items .basket-items .services .items .item.active i {
            color: #00b0ac
        }

        neo-component-basketitems-items .basket-items .services .items .item.active p {
            color: #005c7c
        }

        neo-component-basketitems-items .basket-items .services .items .item.active:hover, neo-component-basketitems-items .basket-items .services .items .item.selected {
            cursor: pointer;
            border: 2px solid #fd0
        }

            neo-component-basketitems-items .basket-items .services .items .item.selected i {
                color: #00b0ac
            }

            neo-component-basketitems-items .basket-items .services .items .item.selected p {
                color: #005c7c
            }

    neo-component-basketitems-items .basket-items .services .items .item.full {
        cursor: not-allowed
    }

        neo-component-basketitems-items .basket-items .services .items .item.full .ribbon {
            color: #fff;
            text-align: center;
            background-color: #f04e23;
            width: 100%;
            height: 30px;
            font-size: 11px;
            font-weight: 700;
            line-height: 30px;
            display: block;
            position: absolute;
            top: 18px;
            left: -40px;
            transform: rotate(-45deg)
        }

        neo-component-basketitems-items .basket-items .services .items .item.full i, neo-component-basketitems-items .basket-items .services .items .item.full p {
            color: #bcbcbc
        }

    neo-component-basketitems-items .basket-items .services .items .item.hidden {
        display: none
    }

neo-component-basketitems-items .basket-items .services .buy-alert {
    background-color: #e1dd001a;
    border: 1px solid #fd0;
    border-radius: 18px;
    width: 100%;
    min-height: 50px;
    padding: 5px 18px
}

    neo-component-basketitems-items .basket-items .services .buy-alert .h1 {
        color: #404040
    }

neo-component-basketitems-mycars {
    overflow: visible !important
}

    neo-component-basketitems-mycars > .row .car-box {
        border-radius: 22px;
        position: relative
    }

@media screen and (width<=650px) {
    neo-component-basketitems-mycars > .row .car-box {
        min-height: 250px
    }
}

neo-component-basketitems-mycars .margin-bottom {
    margin-bottom: 20px
}

neo-component-basketitems-mycars .pelak {
    background-image: url(../public/home/desktop/components/basketitems/mycars/assets/img/Pelak.svg);
    background-position: 50%;
    background-size: 100%;
    width: 250px;
    height: 55px
}

    neo-component-basketitems-mycars .pelak p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

        neo-component-basketitems-mycars .pelak p.bold {
            font-family: IRANYekan Bold;
            font-size: 20px
        }

neo-component-basketitems-mycars .states {
    z-index: 10;
    background-color: #404040d1;
    border-radius: 22px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

    neo-component-basketitems-mycars .states .holder {
        width: 600px
    }

    neo-component-basketitems-mycars .states .selectors {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        display: flex
    }

neo-component-basketitems-mycars .hero-head {
    background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
    background-position: 50%;
    background-size: 65%;
    width: 100%;
    height: 150px
}

neo-component-basketitems-mycars .address-item {
    background-color: #dedede;
    justify-content: flex-end;
    height: 200px;
    display: flex
}

    neo-component-basketitems-mycars .address-item .margin {
        margin: 5px
    }

@media screen and (width<=620px) {
    neo-component-basketitems-mycars .address-item .info {
        flex-direction: column;
        align-items: flex-start
    }
}

neo-component-basketitems-mycars .address-item .in-holder {
    background-color: #fff;
    border-radius: 18px;
    width: calc(100% - 100px)
}

    neo-component-basketitems-mycars .address-item .in-holder .title {
        color: #005c7c;
        font-weight: 700
    }

    neo-component-basketitems-mycars .address-item .in-holder .cover {
        height: 100%
    }

neo-component-basketitems-mycars .address-item .fa-map-marker-alt, neo-component-basketitems-mycars .address-item .fas, neo-component-basketitems-mycars .address-item .icon {
    color: #bcbcbc;
    font-size: 24px
}

neo-component-basketitems-mycars .address-item .title-value {
    color: #005c7c;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 700
}

neo-component-basketitems-mycars .address-item .top-bottom {
    height: 40px;
    margin: 10px 0
}

neo-component-basketitems-mycars .address-item .in-holder-button {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-basketitems-mycars .address-item .in-holder-button {
        width: 50px !important
    }
}

neo-component-basketitems-mycars .address-item .in-holder-button .radio {
    background-color: #fff;
    border: 4px solid #bcbcbc;
    border-radius: 20px;
    width: 20px;
    height: 20px
}

neo-component-basketitems-mycars .address-item .in-holder-button i {
    display: none
}

neo-component-basketitems-mycars .address-item .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px
}

neo-component-basketitems-mycars .address-item:hover, neo-component-basketitems-mycars .address-item.active {
    background-color: #fd0
}

    neo-component-basketitems-mycars .address-item.active .in-holder-button .radio {
        display: none
    }

    neo-component-basketitems-mycars .address-item.active .in-holder-button i {
        color: #fff;
        font-size: 24px;
        display: block
    }

neo-component-basketitems-mycars .basket-info {
    padding: 0 !important
}

    neo-component-basketitems-mycars .basket-info .main {
        background-color: #fff;
        border-radius: 22px;
        width: 100%;
        padding: 20px 20px 50px
    }

        neo-component-basketitems-mycars .basket-info .main .full-item {
            border-bottom: 1px solid #bcbcbc;
            padding-top: 5px;
            padding-bottom: 5px
        }

            neo-component-basketitems-mycars .basket-info .main .full-item > .row {
                height: 30px
            }

                neo-component-basketitems-mycars .basket-info .main .full-item > .row > .col {
                    justify-content: flex-end;
                    align-items: center;
                    display: flex
                }

                neo-component-basketitems-mycars .basket-info .main .full-item > .row .price {
                    font-family: IRANYekan Bold;
                    font-size: 16px
                }

    neo-component-basketitems-mycars .basket-info.disabled {
        background-color: #bcbcbc
    }

neo-component-basketitems-mycars .buy-alert {
    background-color: #e1dd001a;
    border: 1px solid #fd0;
    border-radius: 18px;
    width: 100%;
    min-height: 50px;
    margin-bottom: 10px;
    padding: 5px 18px
}

    neo-component-basketitems-mycars .buy-alert .h1 {
        color: #404040
    }

neo-component-basketitems-payment {
    width: 100%;
    display: inline-block
}

    neo-component-basketitems-payment .box {
        min-height: 0 !important
    }

    neo-component-basketitems-payment .title-header {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        display: flex
    }

        neo-component-basketitems-payment .title-header > i {
            color: #00b0ac;
            margin-right: 40px;
            font-size: 40px
        }

        neo-component-basketitems-payment .title-header .title {
            color: #005c7c;
            margin-right: 20px;
            font-size: 16px;
            font-weight: 700
        }

    neo-component-basketitems-payment .basket-item i.icon-close {
        cursor: pointer;
        color: #d12727;
        font-size: 14px;
        position: absolute;
        top: 20px;
        left: 20px
    }

        neo-component-basketitems-payment .basket-item i.icon-close:hover {
            color: #005c7c
        }

@media screen and (width<=1024px) {
    neo-component-basketitems-payment .basket-item .item {
        flex-wrap: wrap
    }
}

neo-component-basketitems-payment .basket-item .item .cover {
    background-position: 50%;
    background-size: cover;
    width: 110px;
    height: 110px
}

neo-component-basketitems-payment .basket-item .item img {
    height: 40px
}

neo-component-basketitems-payment .basket-item .item .pattern {
    font-size: 16px;
    font-weight: 700
}

neo-component-basketitems-payment .basket-item .item .value {
    font-size: 18px;
    font-weight: 700
}

neo-component-basketitems-payment .basket-item .item .title {
    font-size: 12px
}

neo-component-basketitems-payment .basket-item .item .price {
    color: #005c7c;
    font-family: IRANYekan Bold;
    font-size: 20px
}

neo-component-basketitems-payment .basket-item .item .v-line {
    background-color: #bcbcbc;
    width: 1px;
    height: 60px
}

neo-component-basketitems-payment .basket-item .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 2px;
    margin-top: 20px
}

neo-component-basketitems-payment .discount {
    padding: 0 !important
}

    neo-component-basketitems-payment .discount.hidden {
        display: none
    }

    neo-component-basketitems-payment .discount input {
        text-align: right;
        background-color: #fff;
        border: none;
        border-radius: 22px;
        width: 100%;
        height: 100%;
        padding-right: 20px;
        font-size: 16px;
        font-weight: 700
    }

@media screen and (width<=560px) {
    neo-component-basketitems-payment .addresses {
        flex-wrap: wrap
    }
}

neo-component-basketitems-payment .addresses > .box {
    height: 140px
}

@media screen and (width<=560px) {
    neo-component-basketitems-payment .addresses > .box {
        margin-bottom: 10px
    }
}

neo-component-basketitems-payment .addresses > .box:first-child {
    margin-left: 20px
}

@media screen and (width<=560px) {
    neo-component-basketitems-payment .addresses > .box:first-child {
        margin-left: 0
    }
}

neo-component-basketitems-payment .addresses > .box i {
    color: #bcbcbc;
    font-size: 18px
}

neo-component-basketitems-payment .addresses > .box .title-value {
    color: #005c7c;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 700
}

    neo-component-basketitems-payment .addresses > .box .title-value.next {
        font-size: 14px
    }

neo-component-basketitems-payment .timesheet {
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex
}

    neo-component-basketitems-payment .timesheet .row > i {
        color: #00b0ac;
        font-size: 40px
    }

    neo-component-basketitems-payment .timesheet .high-title {
        color: #005c7c;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 700
    }

@media screen and (width<=560px) {
    neo-component-basketitems-payment .payments {
        flex-wrap: wrap
    }
}

neo-component-basketitems-payment .payments .margin-bottom {
    margin-bottom: 10px !important
}

neo-component-basketitems-payment .payments .title-value {
    color: #005c7c;
    font-size: 16px;
    font-weight: 700
}

neo-component-basketitems-payment .payments .payment {
    background-color: #dedede;
    padding: 0
}

    neo-component-basketitems-payment .payments .payment .button-box i {
        color: #fff;
        font-size: 24px;
        display: none
    }

    neo-component-basketitems-payment .payments .payment .button-box .radio {
        background-color: #fff;
        border: 3px solid #bcbcbc;
        border-radius: 20px;
        width: 20px;
        height: 20px
    }

    neo-component-basketitems-payment .payments .payment:hover {
        background-color: #fd0
    }

    neo-component-basketitems-payment .payments .payment .mini-box > i {
        color: #00b0ac;
        margin: 0 40px 0 20px;
        font-size: 50px
    }

    neo-component-basketitems-payment .payments .payment.active {
        background-color: #fd0
    }

        neo-component-basketitems-payment .payments .payment.active .radio {
            display: none
        }

        neo-component-basketitems-payment .payments .payment.active i {
            display: block
        }

neo-component-basketitems-payment .payments .mini-box {
    border-radius: 22px;
    height: 100%
}

    neo-component-basketitems-payment .payments .mini-box img {
        height: 80px;
        margin-right: 20px
    }

    neo-component-basketitems-payment .payments .mini-box .radio {
        background-color: #fff;
        border: 3px solid #bcbcbc;
        border-radius: 20px;
        width: 20px;
        height: 20px
    }

neo-component-basketitems-payment .payments .button-box {
    cursor: pointer
}

neo-component-basketitems-payment .payments > .box {
    height: 140px
}

    neo-component-basketitems-payment .payments > .box:first-child {
        margin-left: 20px
    }

@media screen and (width<=560px) {
    neo-component-basketitems-payment .payments > .box:first-child {
        margin-left: 0
    }
}

@media screen and (width<=500px) {
    neo-component-basketitems-payment .payments .snappay .desktop {
        display: none !important
    }
}

neo-component-basketitems-payment .payments .snappay .mobile {
    display: none !important
}

@media screen and (width<=500px) {
    neo-component-basketitems-payment .payments .snappay .mobile {
        display: block !important
    }

    neo-component-basketitems-payment .payments .snappay .title-value {
        font-size: 12px !important
    }
}

neo-component-basketitems-payment .items-holder {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex
}

    neo-component-basketitems-payment .items-holder .item {
        background-color: #e9e9e9;
        border-radius: 22px;
        justify-content: flex-start;
        width: 100%;
        min-height: 100px;
        margin-bottom: 20px;
        display: flex
    }

        neo-component-basketitems-payment .items-holder .item > div {
            flex-direction: column
        }

        neo-component-basketitems-payment .items-holder .item .b-title {
            color: #005c7c;
            font-size: 13px;
            font-weight: 700
        }

        neo-component-basketitems-payment .items-holder .item .time-box {
            color: #005c7c;
            text-align: center;
            cursor: pointer;
            background-color: #fff;
            border-radius: 22px;
            justify-content: center;
            align-items: center;
            width: calc(25% - 20px);
            height: 70px;
            margin: 10px;
            font-size: 14px;
            font-weight: 700;
            display: flex
        }

            neo-component-basketitems-payment .items-holder .item .time-box:hover, neo-component-basketitems-payment .items-holder .item .time-box.active {
                border: 2px solid #fd0
            }

neo-component-basketitems-timesheet {
    width: 100%;
    display: inline-block
}

    neo-component-basketitems-timesheet .title-header {
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
        display: flex
    }

        neo-component-basketitems-timesheet .title-header > i {
            color: #00b0ac;
            margin-right: 40px;
            font-size: 40px
        }

        neo-component-basketitems-timesheet .title-header .title {
            color: #005c7c;
            margin-right: 20px;
            font-size: 16px;
            font-weight: 700
        }

@media screen and (width<=1024px) {
    neo-component-basketitems-timesheet .title-header .title {
        font-size: 14px
    }
}

neo-component-basketitems-timesheet .items-holder {
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex
}

    neo-component-basketitems-timesheet .items-holder .item {
        background-color: #e9e9e9;
        border-radius: 22px;
        justify-content: flex-start;
        width: 100%;
        min-height: 100px;
        margin-bottom: 20px;
        display: flex
    }

        neo-component-basketitems-timesheet .items-holder .item > div {
            flex-direction: column
        }

        neo-component-basketitems-timesheet .items-holder .item .b-title {
            color: #005c7c;
            font-size: 13px;
            font-weight: 700
        }

        neo-component-basketitems-timesheet .items-holder .item .time-box {
            color: #005c7c;
            text-align: center;
            cursor: pointer;
            background-color: #fff;
            border-radius: 22px;
            justify-content: center;
            align-items: center;
            width: calc(25% - 20px);
            height: 70px;
            margin: 10px;
            font-size: 14px;
            font-weight: 700;
            display: flex
        }

@media screen and (width<=1024px) {
    neo-component-basketitems-timesheet .items-holder .item .time-box {
        width: calc(50% - 20px)
    }
}

neo-component-basketitems-timesheet .items-holder .item .time-box:hover, neo-component-basketitems-timesheet .items-holder .item .time-box.active {
    border: 2px solid #fd0
}

neo-component-basketitems-timesheet .items-holder .item .time-box.full {
    color: #fff;
    cursor: not-allowed;
    background-color: #eee
}

    neo-component-basketitems-timesheet .items-holder .item .time-box.full:hover {
        border: none
    }

neo-component-breadcrumbs {
    align-items: center;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    display: flex
}

@media screen and (width<=768px) {
    neo-component-breadcrumbs {
        display: none
    }
}

neo-component-breadcrumbs ul.breadcrumbs {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

    neo-component-breadcrumbs ul.breadcrumbs li {
        color: #656565;
        padding-left: 5px;
        font-size: 13px
    }

        neo-component-breadcrumbs ul.breadcrumbs li a {
            color: #656565;
            transition: all .15s ease-in
        }

            neo-component-breadcrumbs ul.breadcrumbs li a:hover {
                color: #7218d8
            }

        neo-component-breadcrumbs ul.breadcrumbs li:first-child {
            padding-left: 0
        }

neo-component-cars-card {
    width: 100%;
    min-width: 100%
}

    neo-component-cars-card .car-card {
        background-color: #fff;
        border-radius: 22px;
        flex-direction: column;
        align-items: center;
        width: 100%;
        min-width: 100%;
        height: 482px;
        padding: 6px 15px 12px;
        display: flex;
        position: relative;
        box-shadow: 0 2px 5px #0006
    }

        neo-component-cars-card .car-card .card-header {
            flex-direction: column;
            align-items: center;
            width: 100%;
            margin-bottom: auto;
            display: flex
        }

            neo-component-cars-card .car-card .card-header .car-card-cover {
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: contain;
                width: 100%;
                height: 180px
            }

            neo-component-cars-card .car-card .card-header .car-card-title {
                color: #005c7c;
                margin-bottom: auto;
                font-family: IRANYekan Black;
                font-size: 17px
            }

        neo-component-cars-card .car-card .car-card-description {
            color: #005c7c;
            margin-bottom: auto;
            font-size: 13px;
            font-weight: 400
        }

        neo-component-cars-card .car-card .car-card-link {
            text-align: center;
            background-color: #3fb0ac;
            border-radius: 22px;
            width: 100%;
            padding: 12px 0;
            font-size: 14px;
            display: block
        }

neo-component-cars-list {
    grid-gap: 20px;
    grid-template-columns: repeat(auto-fit,minmax(305px,320px));
    grid-auto-flow: row;
    place-content: center;
    justify-items: center;
    margin-top: 50px;
    display: grid
}

@media screen and (width<=320px) {
    neo-component-cars-list {
        padding: 0 10px
    }
}

neo-component-elements-breadcrumb {
    width: 100%
}

    neo-component-elements-breadcrumb .breadcrumb {
        display: flex;
        padding: 10px 5px !important
    }

        neo-component-elements-breadcrumb .breadcrumb li a {
            color: #3fb0be
        }

        neo-component-elements-breadcrumb .breadcrumb li + li:before {
            color: #3fb0be;
            content: ">";
            padding: 8px
        }

neo-component-elements-button {
    width: 100%;
    height: 45px;
    display: inline-block
}

    neo-component-elements-button button, neo-component-elements-button a {
        width: 100%;
        height: inherit;
        text-align: center;
        cursor: pointer;
        border-radius: 10px;
        place-content: center;
        align-items: center;
        font-size: 20px;
        font-weight: 700;
        transition: all .1s ease-in;
        display: flex
    }

        neo-component-elements-button button > i, neo-component-elements-button a > i {
            margin-left: 10px;
            font-size: 26px;
            font-weight: 300
        }

   neo-component-elements-button.blue button, neo-component-elements-button.blue a {
        color: #fff;
        /*background-color: #00b0ac*/
        background-color: #ffa600
    }
    neo-component-elements-button.blue button, neo-component-elements-button.blue:hover a {
        background-color: #feb62f
    }

        neo-component-elements-button.blue button p, neo-component-elements-button.blue a p {
            color: #fff
        }

    neo-component-elements-button.blue:hover button, neo-component-elements-button.blue:hover a {
        /*background-color: #3fb0be*/
        background-color: #feb62f
    }

    neo-component-elements-button.primary button, neo-component-elements-button.primary a {
        color: #fff;
        background-color: #fd0
    }

        neo-component-elements-button.primary button p, neo-component-elements-button.primary a p {
            color: #fff
        }

    neo-component-elements-button.primary:hover button, neo-component-elements-button.primary:hover a {
        background-color: #ffc711
    }

    neo-component-elements-button.orange button, neo-component-elements-button.orange a {
        color: #fff;
        background-color: #f04e23
    }

        neo-component-elements-button.orange button p, neo-component-elements-button.orange a p {
            color: #fff
        }

    neo-component-elements-button.orange:hover button, neo-component-elements-button.orange:hover a {
        background-color: #f03427
    }

    neo-component-elements-button.transparent button, neo-component-elements-button.transparent a {
        color: #fff;
        background-color: #0000
    }

        neo-component-elements-button.transparent button p, neo-component-elements-button.transparent a p {
            color: #fff
        }

    neo-component-elements-button.transparent:hover {
        color: #fff;
        background-color: #0000
    }

    neo-component-elements-button.medium-font button > i, neo-component-elements-button.medium-font a > i {
        font-size: 26px
    }

    neo-component-elements-button.medium {
        height: 35px
    }

        neo-component-elements-button.medium button, neo-component-elements-button.medium a {
            width: 100%;
            font-size: 14px
        }

            neo-component-elements-button.medium button > i, neo-component-elements-button.medium a > i {
                margin-left: 8px;
                font-size: 20px;
                font-weight: 300
            }

    neo-component-elements-button.small {
        height: 25px
    }

        neo-component-elements-button.small button, neo-component-elements-button.small a {
            width: 100%;
            font-size: 11px
        }

            neo-component-elements-button.small button > i, neo-component-elements-button.small a > i {
                margin-left: 5px;
                font-size: 16px;
                font-weight: 300
            }

    neo-component-elements-button.tiny {
        height: 20px
    }

        neo-component-elements-button.tiny button, neo-component-elements-button.tiny a {
            width: 100%;
            font-size: 9px
        }

            neo-component-elements-button.tiny button > i, neo-component-elements-button.tiny a > i {
                margin-left: 3px;
                font-size: 12px;
                font-weight: 300
            }

    neo-component-elements-button.medium-font button, neo-component-elements-button.medium-font a {
        font-size: 12px
    }

        neo-component-elements-button.medium-font button > i, neo-component-elements-button.medium-font a > i {
            margin-left: 8px;
            font-size: 20px;
            font-weight: 300
        }

    neo-component-elements-button.icon-big button > i, neo-component-elements-button.icon-big a > i {
        margin-left: 8px;
        font-size: 26px;
        font-weight: 300
    }

    neo-component-elements-button.icon-biger button > i, neo-component-elements-button.icon-biger a > i {
        margin-left: 8px;
        font-size: 34px;
        font-weight: 300
    }

    neo-component-elements-button.padding {
        padding: 5px
    }

    neo-component-elements-button.margin {
        margin: 5px
    }

    neo-component-elements-button.curve button {
        border-radius: 22px
    }

    neo-component-elements-button button[disabled], neo-component-elements-button a[disabled] {
        color: #fff;
        cursor: not-allowed;
        background-color: #bcbcbc
    }

        neo-component-elements-button button[disabled]:hover, neo-component-elements-button a[disabled]:hover {
            color: #fff;
            background-color: #bcbcbc
        }

neo-component-elements-checkbox {
    justify-content: flex-start;
    display: flex
}

    neo-component-elements-checkbox .checker {
        cursor: pointer;
        background-color: #0000;
        border: 1px solid #eee;
        border-radius: 4px;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        position: relative
    }

        neo-component-elements-checkbox .checker .circle {
            background-color: #0000;
            border-radius: 2px;
            width: 10px;
            height: 10px;
            transition: all .2s ease-in;
            position: absolute;
            top: 5px;
            left: 5px
        }

        neo-component-elements-checkbox .checker.active {
            margin: 0 5px
        }

            neo-component-elements-checkbox .checker.active .circle {
                background-color: #00b0ac;
                left: 4px
            }

    neo-component-elements-checkbox > input {
        display: none
    }

    neo-component-elements-checkbox p {
        color: #005c7c;
        font-size: 12px;
        font-weight: 700
    }

neo-component-elements-filters, neo-component-elements-filters form {
    width: 100%
}

    neo-component-elements-filters form > .title {
        justify-content: flex-start;
        align-items: center;
        width: calc(100% - 20px);
        height: 20px;
        margin-top: 20px;
        margin-right: 10px;
        display: flex
    }

        neo-component-elements-filters form > .title span {
            background-color: #fd0;
            width: 25px;
            height: 2px
        }

        neo-component-elements-filters form > .title .header-title-h2 {
            color: #005c7c;
            margin-right: 5px;
            font-size: 15px;
            font-weight: 700
        }

    neo-component-elements-filters form .value {
        width: 100%;
        margin-top: 20px;
        padding: 10px;
        position: relative
    }

        neo-component-elements-filters form .value .row {
            margin-top: 10px
        }

            neo-component-elements-filters form .value .row > p {
                color: #005c7c;
                margin: 0 5px;
                font-weight: 700
            }

neo-component-elements-installmentfilters, neo-component-elements-installmentfilters form {
    width: 100%
}

    neo-component-elements-installmentfilters form > .title {
        justify-content: flex-start;
        align-items: center;
        width: calc(100% - 20px);
        height: 20px;
        margin-top: 20px;
        margin-right: 10px;
        display: flex
    }

        neo-component-elements-installmentfilters form > .title span {
            background-color: #fd0;
            width: 25px;
            height: 2px
        }

        neo-component-elements-installmentfilters form > .title .header-title-h2 {
            color: #005c7c;
            margin-right: 5px;
            font-size: 15px;
            font-weight: 700
        }

    neo-component-elements-installmentfilters form .value {
        width: 100%;
        margin-top: 20px;
        padding: 10px;
        position: relative
    }

        neo-component-elements-installmentfilters form .value .row {
            margin-top: 10px
        }

            neo-component-elements-installmentfilters form .value .row > p {
                color: #005c7c;
                margin: 0 5px;
                font-weight: 700
            }

neo-component-elements-productfilters, neo-component-elements-productfilters form {
    width: 100%
}

    neo-component-elements-productfilters form > .title {
        justify-content: flex-start;
        align-items: center;
        width: calc(100% - 20px);
        height: 20px;
        margin-top: 20px;
        margin-right: 10px;
        display: flex
    }

        neo-component-elements-productfilters form > .title span {
            background-color: #fd0;
            width: 25px;
            height: 2px
        }

        neo-component-elements-productfilters form > .title .header-title-h2 {
            color: #005c7c;
            margin-right: 5px;
            font-size: 15px;
            font-weight: 700
        }

    neo-component-elements-productfilters form .value {
        width: 100%;
        margin-top: 20px;
        padding: 10px;
        position: relative
    }

        neo-component-elements-productfilters form .value .row {
            margin-top: 10px
        }

            neo-component-elements-productfilters form .value .row > p {
                color: #005c7c;
                margin: 0 5px;
                font-weight: 700
            }

neo-component-elements-range {
    direction: ltr;
    justify-content: center;
    width: 100%;
    height: 60px;
    display: flex
}

    neo-component-elements-range .range-holder {
        width: 90%;
        height: 60px
    }

        neo-component-elements-range .range-holder .irs-single {
            background-color: #00b0ac;
            font-family: IRANYekan;
            font-size: 10px
        }

            neo-component-elements-range .range-holder .irs-single:before {
                border-top-color: #00b0ac
            }

        neo-component-elements-range .range-holder .irs--flat .irs-bar {
            background-color: #00b0ac
        }

        neo-component-elements-range .range-holder .irs-to {
            background-color: #00b0ac;
            font-family: IRANYekan;
            font-size: 10px
        }

            neo-component-elements-range .range-holder .irs-to:before {
                border-top-color: #00b0ac
            }

        neo-component-elements-range .range-holder .irs-from {
            background-color: #00b0ac;
            font-family: IRANYekan;
            font-size: 10px
        }

            neo-component-elements-range .range-holder .irs-from:before {
                border-top-color: #00b0ac
            }

        neo-component-elements-range .range-holder span.irs-handle i:first-child {
            background-color: #bcbcbc;
            border-radius: 20px;
            width: 16px !important;
            height: 100% !important
        }

        neo-component-elements-range .range-holder span.irs-handle.state_hover i:first-child, neo-component-elements-range .range-holder span.irs-handle:hover i:first-child {
            background-color: #005c7c
        }

neo-component-elements-rate {
    background-color: #eee;
    border-radius: 8px;
    width: 100%;
    height: 8px;
    display: inline-block;
    position: relative
}

    neo-component-elements-rate .circle {
        z-index: 2;
        cursor: pointer;
        background-color: #00b0ac;
        border-radius: 20px;
        width: 15px;
        height: 15px;
        position: absolute;
        top: -3px;
        right: 20%
    }

    neo-component-elements-rate .linear {
        z-index: 1;
        background-color: #00b0ac;
        border-radius: 8px;
        width: 23%;
        height: 8px;
        position: absolute;
        right: 0
    }

neo-component-elements-ringfilters, neo-component-elements-ringfilters form {
    width: 100%
}

    neo-component-elements-ringfilters form > .title {
        justify-content: flex-start;
        align-items: center;
        width: calc(100% - 20px);
        height: 20px;
        margin-top: 20px;
        margin-right: 10px;
        display: flex
    }

        neo-component-elements-ringfilters form > .title span {
            background-color: #fd0;
            width: 25px;
            height: 2px
        }

        neo-component-elements-ringfilters form > .title .header-title-h2 {
            color: #005c7c;
            margin-right: 5px;
            font-size: 15px;
            font-weight: 700
        }

    neo-component-elements-ringfilters form .value {
        width: 100%;
        margin-top: 20px;
        padding: 10px;
        position: relative
    }

        neo-component-elements-ringfilters form .value .row {
            margin-top: 10px
        }

            neo-component-elements-ringfilters form .value .row > p {
                color: #005c7c;
                margin: 0 5px;
                font-weight: 700
            }

neo-component-elements-select {
    color: #959595;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    width: 100%;
    height: 45px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

    neo-component-elements-select > i {
        color: #005c7c;
        font-size: 16px;
        position: absolute;
        top: 12px;
        left: 10px
    }

    neo-component-elements-select > select {
        /*color: #959595;*/
        background-color: #0000;
        border: none;
        outline: none;
        width: calc(100% + 10px);
        height: 50px;
        padding: 10px;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        top: -2px;
        right: -2px
    }

        neo-component-elements-select > select:focus, neo-component-elements-select > select option {
            background-color: #0000
        }

        neo-component-elements-select > select:after {
            content: "";
            z-index: 98;
            border-top: 6px solid red;
            border-left: 6px solid #0000;
            border-right: 6px solid #0000;
            width: 0;
            height: 0;
            position: absolute;
            top: 40%;
            right: 5px
        }

    neo-component-elements-select.medium {
        height: 35px
    }

        neo-component-elements-select.medium > i {
            color: #005c7c;
            font-size: 12px;
            position: absolute;
            top: 12px;
            left: 7px
        }

        neo-component-elements-select.medium > select {
            height: 38px;
            padding: 5px 10px 5px 5px;
            font-size: 14px
        }

    neo-component-elements-select.pre-medium {
        height: 40px
    }

        neo-component-elements-select.pre-medium > i {
            color: #005c7c;
            font-size: 16px;
            position: absolute;
            top: 11px;
            left: 12px
        }

        neo-component-elements-select.pre-medium > select {
            height: 44px;
            padding: 5px 10px 5px 5px;
            font-size: 14px
        }

    neo-component-elements-select.small {
        height: 25px
    }

        neo-component-elements-select.small > i {
            position: absolute;
            top: 8px;
            left: 5px;
            color: #005c7c !important;
            font-size: 12px !important
        }

        neo-component-elements-select.small > select {
            height: 38px;
            padding: 0 10px 5px;
            font-size: 12px
        }

    neo-component-elements-select.curve {
        border-radius: 14px
    }

    neo-component-elements-select.no-border {
        border: none
    }

    neo-component-elements-select.border-grey {
        border: 1px solid #bcbcbc
    }

    neo-component-elements-select.bg-grey {
        background-color: #eee
    }

    neo-component-elements-select.bg-white {
        background-color: #fff
    }

    neo-component-elements-select.margin {
        margin: 5px 0
    }

neo-component-elements-switcher {
    justify-content: center;
    display: flex
}

    neo-component-elements-switcher .checker {
        cursor: pointer;
        background-color: #bcbcbc;
        border-radius: 18px;
        width: 50px;
        height: 20px;
        margin: 0 5px;
        position: relative
    }

        neo-component-elements-switcher .checker .circle {
            background-color: #fff;
            border-radius: 12px;
            width: 12px;
            height: 12px;
            transition: all .2s ease-in;
            position: absolute;
            top: 4px;
            left: 32px
        }

        neo-component-elements-switcher .checker.active {
            background-color: #00b0ac;
            margin: 0 5px
        }

            neo-component-elements-switcher .checker.active .circle {
                left: 4px
            }

    neo-component-elements-switcher > input {
        display: none
    }

    neo-component-elements-switcher p {
        color: #005c7c;
        font-size: 12px;
        font-weight: 700
    }

neo-component-footer small {
    font-size: 11px;
    line-height: inherit
}

neo-component-footer a {
    font-weight: 700
}

neo-component-footer .links-container .links-item {
    flex-direction: column;
    align-items: center;
    display: flex
}

@media screen and (width<=768px) {
    neo-component-footer .footer-icon-container .grid-container {
        width: 98% !important;
        max-width: 98% !important;
        margin-right: 1% !important
    }
}

@media screen and (width<=559px) {
    neo-component-footer .footer-icon-container, neo-component-footer .links-container {
        display: none
    }

    neo-component-footer .responsive-mobile {
        grid-gap: 10px !important;
        grid-template-columns: repeat(auto-fit,minmax(60px,120px)) !important;
        grid-auto-flow: row !important;
        justify-content: center !important;
        justify-items: center !important;
        display: grid !important
    }
}

neo-component-footer .footer-images img {
    width: 5.5rem !important
}

neo-component-header {
    box-sizing: border-box;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #fd0;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65px;
    -webkit-transition: all .7s;
    transition: all .7s;
    display: flex;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 5px #0009
}

    neo-component-header > a:hover {
        color: #fff !important
    }

    neo-component-header > .container {
        justify-content: space-between;
        display: flex;
        position: relative;
        align-content: center !important;
        align-items: center !important;
        overflow: visible !important
    }

@media screen and (width<=768px) {
    neo-component-header > .container {
        display: none !important
    }
}

neo-component-header > .container > ul {
    justify-content: flex-start;
    display: flex
}

    neo-component-header > .container > ul li {
        justify-content: center;
        align-items: center;
        display: flex
    }

    neo-component-header > .container > ul img {
        height: 50px;
        margin-left: 50px
    }

@media screen and (width<=768px) {
    neo-component-header > .container > ul img {
        margin-left: 10px
    }
}

neo-component-header > .container > ul a {
    color: #959595;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 700;
    transition: all .15s ease-in
}

@media screen and (width<=768px) {
    neo-component-header > .container > ul a {
        padding: 0 5px;
        font-size: 11px
    }
}

neo-component-header > .container > ul a:hover {
    color: #005c7c
}

neo-component-header > .container > ul.right > li#tire-link {
    flex-direction: column
}

neo-component-header > .container > ul.left li {
    position: relative
}

@media screen and (width<=1360px) {
    neo-component-header > .container > ul.left li.cars {
        display: none
    }
}

neo-component-header > .container > ul.left li a i {
    color: #005c7c;
    font-size: 28px
}

    neo-component-header > .container > ul.left li a i.neo-shopping-cart {
        cursor: pointer;
        margin: 0 20px 0 0
    }

neo-component-header > .container > ul.left li a span {
    text-align: center;
    color: #fff;
    background-color: #d12727;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    display: none;
    position: absolute;
    top: -2px;
    left: 5px
}

neo-component-header > .container > ul.left a {
    color: #005c7c
}

neo-component-header > .container > ul.left > li.cars i {
    font-size: 42px
}

neo-component-header > .container > ul.left > li.cars > a {
    padding: 0 0 0 10px
}

    neo-component-header > .container > ul.left > li.cars > a.text {
        padding: 0 0 0 20px
    }

neo-component-header .norooz {
    text-align: center;
    cursor: pointer;
    background-color: #fc4a1a;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 65px;
    display: flex
}

@media screen and (width>=1000px) {
    neo-component-header .norooz {
        font-size: 16px
    }
}

neo-component-header > .mobile {
    display: none
}

@media screen and (width<=768px) {
    neo-component-header > .container {
        display: none
    }

    neo-component-header > .mobile {
        flex-wrap: wrap;
        width: 90%;
        display: flex;
        position: relative
    }

        neo-component-header > .mobile .row {
            justify-content: space-between;
            align-items: center;
            width: 100%;
            display: flex;
            position: relative
        }

            neo-component-header > .mobile .row > li {
                position: relative
            }

                neo-component-header > .mobile .row > li > .menu {
                    cursor: pointer;
                    width: 40px;
                    height: 40px;
                    margin: 0 auto;
                    padding-left: 1.25em;
                    position: relative;
                    top: 2px
                }

                    neo-component-header > .mobile .row > li > .menu .menu-global {
                        backface-visibility: hidden;
                        border-top: 5px solid #005c7c;
                        width: 100%;
                        transition: all .55s;
                        position: absolute;
                        left: 0
                    }

                    neo-component-header > .mobile .row > li > .menu .menu-top {
                        top: 0
                    }

                    neo-component-header > .mobile .row > li > .menu .menu-middle {
                        top: 15px
                    }

                    neo-component-header > .mobile .row > li > .menu .menu-bottom {
                        top: 30px
                    }

                    neo-component-header > .mobile .row > li > .menu .menu-top-click {
                        backface-visibility: hidden;
                        transition: all .55s .5s;
                        top: 15px;
                        transform: rotate(50deg)
                    }

                    neo-component-header > .mobile .row > li > .menu .menu-middle-click {
                        opacity: 0
                    }

                    neo-component-header > .mobile .row > li > .menu .menu-bottom-click {
                        backface-visibility: hidden;
                        transition: all .55s .5s;
                        top: 15px;
                        transform: rotate(-410deg)
                    }

                neo-component-header > .mobile .row > li img {
                    height: 50px
                }

                neo-component-header > .mobile .row > li i {
                    color: #005c7c;
                    font-size: 38px
                }

                    neo-component-header > .mobile .row > li i.neo-shopping-cart {
                        cursor: pointer;
                        margin: 0 20px 0 0
                    }

                neo-component-header > .mobile .row > li span.circle {
                    text-align: center;
                    color: #fff;
                    background-color: #d12727;
                    border-radius: 20px;
                    width: 20px;
                    height: 20px;
                    font-size: 10px;
                    line-height: 20px;
                    display: inline-block;
                    position: absolute;
                    top: -5px;
                    left: 25px
                }

                neo-component-header > .mobile .row > li a {
                    color: #005c7c
                }

            neo-component-header > .mobile .row > .menu {
                z-index: 100;
                background-color: #000000bf;
                justify-content: flex-start;
                width: 100vw;
                height: calc(100vh - 60px);
                display: flex;
                position: fixed;
                top: 65px;
                right: -100%
            }

                neo-component-header > .mobile .row > .menu .mobile-menu {
                    width: 50%;
                    height: 100%;
                    position: relative
                }
}

@media screen and (width<=768px) and (width<=560px) {
    neo-component-header > .mobile .row > .menu .mobile-menu {
        width: 80%
    }
}

@media screen and (width<=768px) {
    neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder {
        background-color: #005c7c;
        align-items: center;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: -100%;
        overflow-y: auto
    }

        neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > button {
            color: #fff;
            cursor: pointer;
            background-color: #00b0ac;
            border-radius: 18px;
            justify-content: center;
            align-items: center;
            width: 90%;
            height: 60px;
            margin: 5%;
            font-size: 22px;
            display: flex
        }

            neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > button.hidden {
                display: none
            }

            neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > button i {
                margin-top: 0;
                margin-left: 10px;
                font-size: 26px
            }

        neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > li {
            width: 100%
        }

            neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > li button {
                color: #fff;
                cursor: pointer;
                background-color: #0000;
                border-radius: 18px;
                place-content: center flex-start;
                align-items: center;
                width: 90%;
                height: 50px;
                margin: 0 5%;
                font-size: 22px;
                display: flex
            }

                neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > li button:hover {
                    background-color: #0006
                }

                neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > li button a, neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > li button a:hover {
                    color: #fff
                }

                neo-component-header > .mobile .row > .menu .mobile-menu .mobile-menu-holder > li button span {
                    background-color: #fd0;
                    width: 2px;
                    height: 25px;
                    margin: 10px
                }
}

neo-component-header-cardropdown {
    z-index: 90;
    width: 100%;
    max-width: 1500px;
    margin: auto;
    display: none;
    position: fixed;
    top: 60px !important
}

    neo-component-header-cardropdown > .car-dropdown-menu {
        justify-content: center;
        width: 100%;
        display: flex
    }

        neo-component-header-cardropdown > .car-dropdown-menu > .right-car-dropdown {
            visibility: visible;
            opacity: 1;
            z-index: 101;
            background-color: #fd0;
            border-radius: 0 0 22px 22px;
            grid-template-columns: repeat(auto-fit,minmax(160px,200px));
            grid-auto-flow: row;
            place-content: start center;
            column-gap: 40px;
            width: 1500px;
            transition: all .3s;
            top: -5px;
            box-shadow: 0 2px 5px #0009;
            padding: 20px 30px 5px !important;
            display: grid !important
        }

            neo-component-header-cardropdown > .car-dropdown-menu > .right-car-dropdown > .car-dropdown-item {
                z-index: 102;
                border-bottom: 1px solid #005c7c36;
                width: 100%;
                padding: 5px 0;
                position: relative
            }

                neo-component-header-cardropdown > .car-dropdown-menu > .right-car-dropdown > .car-dropdown-item > a {
                    color: #005c7c;
                    border-radius: 20px;
                    justify-content: space-between;
                    padding: 10px;
                    font-family: IRANYekan Black;
                    display: flex;
                    width: 100% !important
                }

                    neo-component-header-cardropdown > .car-dropdown-menu > .right-car-dropdown > .car-dropdown-item > a:hover {
                        background-color: #eccd00
                    }

neo-component-header-dropdown {
    z-index: 90;
    background-color: #fd0;
    width: 100%;
    margin: auto;
    padding: 1rem 0;
    display: none;
    position: fixed;
    box-shadow: 0 2px 5px #0009;
    top: 60px !important
}

    neo-component-header-dropdown > .dropdown-menu {
        justify-content: center;
        width: 100%;
        display: flex
    }

        neo-component-header-dropdown > .dropdown-menu > .right-tire-dropdown {
            visibility: visible;
            opacity: 1;
            z-index: 101;
            grid-template-columns: repeat(auto-fit,minmax(160px,200px));
            grid-auto-flow: row;
            place-content: start center;
            column-gap: 40px;
            width: 100%;
            max-width: 1500px;
            transition: all .3s;
            padding: 20px 30px 5px !important;
            display: grid !important
        }

            neo-component-header-dropdown > .dropdown-menu > .right-tire-dropdown > .tire-dropdown-item {
                border-bottom: 1px solid #005c7c36;
                width: 100%;
                padding: 5px 0
            }

                neo-component-header-dropdown > .dropdown-menu > .right-tire-dropdown > .tire-dropdown-item > a {
                    color: #005c7c;
                    border-radius: 20px;
                    justify-content: space-between;
                    padding: 10px;
                    font-family: IRANYekan Black;
                    display: flex;
                    width: 100% !important
                }

                    neo-component-header-dropdown > .dropdown-menu > .right-tire-dropdown > .tire-dropdown-item > a:hover {
                        background-color: #eccd00
                    }

.border-none {
    border-bottom: none !important
}

neo-component-headline {
    width: 100%
}

    neo-component-headline .select-line {
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65px;
        display: flex
    }

        neo-component-headline .select-line .title-line {
            width: 100%;
            height: 30px
        }

            neo-component-headline .select-line .title-line p {
                color: #959595;
                position: absolute
            }

                neo-component-headline .select-line .title-line p.right {
                    right: -15px
                }

                neo-component-headline .select-line .title-line p.left {
                    left: -15px
                }

        neo-component-headline .select-line .master-line {
            background-color: #fff;
            width: calc(100% - 15px);
            height: 6px;
            margin-right: 15px
        }

            neo-component-headline .select-line .master-line .circle {
                background-color: #fff;
                border-radius: 20px;
                width: 20px;
                height: 20px;
                position: absolute;
                top: -8px
            }

                neo-component-headline .select-line .master-line .circle.active {
                    background-color: #fd0
                }

                neo-component-headline .select-line .master-line .circle.left {
                    left: 0
                }

            neo-component-headline .select-line .master-line .inline {
                width: 100%;
                height: 6px
            }

                neo-component-headline .select-line .master-line .inline.active {
                    background-color: #fd0
                }

neo-component-modals-address {
    z-index: 110;
    background-color: #404040d1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

@media screen and (width<=375px) {
    neo-component-modals-address {
        height: 100vh;
        overflow-x: hidden
    }
}

neo-component-modals-address .modal-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    width: 850px;
    min-height: 150px
}

@media screen and (width<=375px) {
    neo-component-modals-address .modal-holder {
        margin-top: 160px;
        margin-bottom: 20px
    }
}

neo-component-modals-address .modal-holder .header {
    border-bottom: 4px solid #eee;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative
}

    neo-component-modals-address .modal-holder .header i {
        color: #005c7c;
        font-size: 30px
    }

    neo-component-modals-address .modal-holder .header p {
        color: #005c7c;
        padding-right: 10px;
        font-size: 16px;
        font-weight: 700
    }

    neo-component-modals-address .modal-holder .header i.icon-close {
        cursor: pointer;
        color: #bcbcbc;
        font-size: 14px;
        position: absolute;
        top: 10px;
        left: 10px
    }

        neo-component-modals-address .modal-holder .header i.icon-close:hover {
            color: #f04e23
        }

neo-component-modals-address .modal-holder .final-holder {
    background-color: #fff;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    padding: 30px 20px 20px;
    position: relative
}

    neo-component-modals-address .modal-holder .final-holder input {
        text-align: right;
        border: 1px solid #eee;
        border-radius: 18px;
        width: 100%;
        height: 45px;
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 45px
    }

    neo-component-modals-address .modal-holder .final-holder textarea {
        text-align: right;
        border: 1px solid #eee;
        border-radius: 18px;
        width: 100%;
        height: 100px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 45px
    }

neo-component-modals-address .modal-holder .bottom-button {
    width: 100%;
    height: 50px
}

neo-component-modals-address.hidden {
    display: none
}

neo-component-modals-car {
    z-index: 110;
    background-color: #404040d1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

@media screen and (width<=375px) {
    neo-component-modals-car {
        height: 100vh;
        overflow-x: hidden
    }
}

neo-component-modals-car .modal-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    width: 850px;
    min-height: 150px
}

@media screen and (width<=375px) {
    neo-component-modals-car .modal-holder {
        margin-top: 160px;
        margin-bottom: 20px
    }
}

neo-component-modals-car .modal-holder .header {
    border-bottom: 4px solid #eee;
    width: 100%;
    height: 50px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative
}

    neo-component-modals-car .modal-holder .header i {
        color: #005c7c;
        font-size: 30px
    }

    neo-component-modals-car .modal-holder .header p {
        color: #005c7c;
        padding-right: 10px;
        font-size: 16px;
        font-weight: 700
    }

    neo-component-modals-car .modal-holder .header i.icon-close {
        cursor: pointer;
        color: #bcbcbc;
        font-size: 14px;
        position: absolute;
        top: 10px;
        left: 10px
    }

        neo-component-modals-car .modal-holder .header i.icon-close:hover {
            color: #f04e23
        }

neo-component-modals-car .modal-holder .final-holder {
    background-color: #fff;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    padding: 30px 20px 20px;
    position: relative
}

    neo-component-modals-car .modal-holder .final-holder input {
        text-align: right;
        border: 1px solid #eee;
        border-radius: 18px;
        width: 100%;
        height: 45px;
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 45px
    }

    neo-component-modals-car .modal-holder .final-holder textarea {
        text-align: right;
        border: 1px solid #eee;
        border-radius: 18px;
        width: 100%;
        height: 100px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 0 10px;
        font-size: 14px;
        line-height: 45px
    }

neo-component-modals-car .modal-holder .bottom-button {
    width: 100%;
    height: 50px
}

neo-component-modals-car.hidden {
    display: none
}

neo-component-modals-car .select2-selection__rendered {
    padding: 0 10px !important
}

neo-component-modals-car .select2.select2-container.select2-container--default {
    width: 100% !important
}

neo-component-modals-car .select2-selection.select2-selection--single {
    border: 1px solid #eee;
    border-radius: 18px;
    padding: 0 10px !important
}

neo-component-modals-comment {
    z-index: 110;
    background-color: #404040d1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

    neo-component-modals-comment .header {
        border-bottom: 4px solid #eee;
        width: 100%;
        height: 50px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative
    }

        neo-component-modals-comment .header i {
            color: #005c7c;
            font-size: 30px
        }

        neo-component-modals-comment .header p {
            color: #005c7c;
            padding-right: 10px;
            font-size: 16px;
            font-weight: 700
        }

        neo-component-modals-comment .header i.icon-close {
            cursor: pointer;
            color: #bcbcbc;
            font-size: 14px;
            position: absolute;
            top: 10px;
            left: 10px
        }

            neo-component-modals-comment .header i.icon-close:hover {
                color: #f04e23
            }

    neo-component-modals-comment .modal-holder {
        background-color: #00b0ac;
        border-radius: 22px;
        width: 850px;
        min-height: 150px
    }

        neo-component-modals-comment .modal-holder .final-holder {
            background-color: #fff;
            border-radius: 22px;
            width: 100%;
            min-height: 150px;
            padding: 30px 20px 20px;
            position: relative
        }

            neo-component-modals-comment .modal-holder .final-holder input {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 45px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

            neo-component-modals-comment .modal-holder .final-holder textarea.comment {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 100px;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

        neo-component-modals-comment .modal-holder .bottom-button {
            width: 100%;
            height: 50px
        }

    neo-component-modals-comment .rates {
        height: 150px
    }

        neo-component-modals-comment .rates p.title {
            text-align: center;
            color: #005c7c;
            width: 100%;
            font-size: 16px;
            font-weight: 700
        }

        neo-component-modals-comment .rates .box-rate .title {
            color: #005c7c;
            font-size: 14px;
            font-weight: 700
        }

    neo-component-modals-comment .top-box {
        background-color: #eee;
        border-radius: 22px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 20px);
        height: 200px;
        margin: 10px;
        display: flex
    }

        neo-component-modals-comment .top-box h2 {
            color: #005c7c;
            text-align: center;
            width: 100%
        }

        neo-component-modals-comment .top-box .min-box {
            background-color: #fff;
            border-radius: 22px;
            width: calc(100% - 2px);
            height: 155px
        }

            neo-component-modals-comment .top-box .min-box textarea {
                border-radius: 22px;
                width: 100%;
                height: 100%
            }

    neo-component-modals-comment.hidden {
        display: none
    }

neo-component-modals-delete {
    z-index: 110;
    background-color: #404040d1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

    neo-component-modals-delete .modal-holder {
        background-color: #f04e23;
        border-radius: 22px;
        width: 850px;
        min-height: 150px
    }

        neo-component-modals-delete .modal-holder .message-text {
            padding: 5px 0;
            font-size: 22px
        }

        neo-component-modals-delete .modal-holder .header {
            border-bottom: 4px solid #eee;
            width: 100%;
            height: 50px;
            margin-bottom: 20px;
            padding-bottom: 10px;
            position: relative
        }

            neo-component-modals-delete .modal-holder .header i {
                color: #005c7c;
                font-size: 30px
            }

            neo-component-modals-delete .modal-holder .header p {
                color: #005c7c;
                padding-right: 10px;
                font-size: 16px;
                font-weight: 700
            }

            neo-component-modals-delete .modal-holder .header i.icon-close {
                cursor: pointer;
                color: #bcbcbc;
                font-size: 14px;
                position: absolute;
                top: 10px;
                left: 10px
            }

                neo-component-modals-delete .modal-holder .header i.icon-close:hover {
                    color: #f04e23
                }

        neo-component-modals-delete .modal-holder .final-holder {
            background-color: #fff;
            border-radius: 22px;
            width: 100%;
            min-height: 150px;
            padding: 30px 20px 20px;
            position: relative
        }

            neo-component-modals-delete .modal-holder .final-holder input {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 45px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

            neo-component-modals-delete .modal-holder .final-holder textarea {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 100px;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

        neo-component-modals-delete .modal-holder .bottom-button {
            width: 100%;
            height: 50px
        }

    neo-component-modals-delete.hidden {
        display: none
    }

neo-component-modals-replycomment {
    z-index: 110;
    background-color: #404040d1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

    neo-component-modals-replycomment .header {
        border-bottom: 4px solid #eee;
        width: 100%;
        height: 50px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative
    }

        neo-component-modals-replycomment .header i {
            color: #005c7c;
            font-size: 30px
        }

        neo-component-modals-replycomment .header p {
            color: #005c7c;
            padding-right: 10px;
            font-size: 16px;
            font-weight: 700
        }

        neo-component-modals-replycomment .header i.icon-close {
            cursor: pointer;
            color: #bcbcbc;
            font-size: 14px;
            position: absolute;
            top: 10px;
            left: 10px
        }

            neo-component-modals-replycomment .header i.icon-close:hover {
                color: #f04e23
            }

    neo-component-modals-replycomment .modal-holder {
        background-color: #00b0ac;
        border-radius: 22px;
        width: 850px;
        min-height: 150px
    }

        neo-component-modals-replycomment .modal-holder .final-holder {
            background-color: #fff;
            border-radius: 22px;
            width: 100%;
            min-height: 150px;
            padding: 30px 20px 20px;
            position: relative
        }

            neo-component-modals-replycomment .modal-holder .final-holder input {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 45px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

            neo-component-modals-replycomment .modal-holder .final-holder textarea.comment {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 100px;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

        neo-component-modals-replycomment .modal-holder .bottom-button {
            width: 100%;
            height: 50px
        }

    neo-component-modals-replycomment .rates {
        height: 150px
    }

        neo-component-modals-replycomment .rates p.title {
            text-align: center;
            color: #005c7c;
            width: 100%;
            font-size: 16px;
            font-weight: 700
        }

        neo-component-modals-replycomment .rates .box-rate .title {
            color: #005c7c;
            font-size: 14px;
            font-weight: 700
        }

    neo-component-modals-replycomment .top-box {
        background-color: #eee;
        border-radius: 22px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 20px);
        height: 200px;
        margin: 10px;
        display: flex
    }

        neo-component-modals-replycomment .top-box h2 {
            color: #005c7c;
            text-align: center;
            width: 100%
        }

        neo-component-modals-replycomment .top-box .min-box {
            background-color: #fff;
            border-radius: 22px;
            width: calc(100% - 2px);
            height: 155px
        }

            neo-component-modals-replycomment .top-box .min-box textarea {
                border-radius: 22px;
                width: 100%;
                height: 100%
            }

    neo-component-modals-replycomment.hidden {
        display: none
    }

neo-component-modals-tirecomment {
    z-index: 110;
    background-color: #404040d1;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

    neo-component-modals-tirecomment .header {
        border-bottom: 4px solid #eee;
        width: 100%;
        height: 50px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative
    }

        neo-component-modals-tirecomment .header i {
            color: #005c7c;
            font-size: 30px
        }

        neo-component-modals-tirecomment .header p {
            color: #005c7c;
            padding-right: 10px;
            font-size: 16px;
            font-weight: 700
        }

        neo-component-modals-tirecomment .header i.icon-close {
            cursor: pointer;
            color: #bcbcbc;
            font-size: 14px;
            position: absolute;
            top: 10px;
            left: 10px
        }

            neo-component-modals-tirecomment .header i.icon-close:hover {
                color: #f04e23
            }

    neo-component-modals-tirecomment .modal-holder {
        background-color: #00b0ac;
        border-radius: 22px;
        width: 850px;
        min-height: 150px
    }

        neo-component-modals-tirecomment .modal-holder .final-holder {
            background-color: #fff;
            border-radius: 22px;
            width: 100%;
            min-height: 150px;
            padding: 30px 20px 20px;
            position: relative
        }

            neo-component-modals-tirecomment .modal-holder .final-holder input {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 45px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

            neo-component-modals-tirecomment .modal-holder .final-holder textarea.comment {
                text-align: right;
                border: 1px solid #eee;
                border-radius: 18px;
                width: 100%;
                height: 100px;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 0 10px;
                font-size: 14px;
                line-height: 45px
            }

        neo-component-modals-tirecomment .modal-holder .bottom-button {
            width: 100%;
            height: 50px
        }

    neo-component-modals-tirecomment .rates {
        height: 150px
    }

        neo-component-modals-tirecomment .rates p.title {
            text-align: center;
            color: #005c7c;
            width: 100%;
            font-size: 16px;
            font-weight: 700
        }

        neo-component-modals-tirecomment .rates .box-rate .title {
            color: #005c7c;
            font-size: 14px;
            font-weight: 700
        }

    neo-component-modals-tirecomment .top-box {
        background-color: #eee;
        border-radius: 22px;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        width: calc(100% - 20px);
        height: 200px;
        margin: 10px;
        display: flex
    }

        neo-component-modals-tirecomment .top-box h2 {
            color: #005c7c;
            text-align: center;
            width: 100%
        }

        neo-component-modals-tirecomment .top-box .min-box {
            background-color: #fff;
            border-radius: 22px;
            width: calc(100% - 2px);
            height: 155px
        }

            neo-component-modals-tirecomment .top-box .min-box textarea {
                border-radius: 22px;
                width: 100%;
                height: 100%
            }

    neo-component-modals-tirecomment.hidden {
        display: none
    }

neo-component-news-home {
    text-align: right;
    background-color: #fff;
    border-radius: 22px;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    display: flex;
    position: relative
}

    neo-component-news-home > .cover {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex
    }

@media screen and (width<=390px) {
    neo-component-news-home > .cover {
        flex-direction: column;
        justify-content: center;
        gap: 10px
    }
}

neo-component-news-home > .cover a {
    color: #00b0ac;
    margin-bottom: 20px
}

neo-component-news-home > .cover .picture {
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    width: 200px;
    height: 240px
}

@media screen and (width<=390px) {
    neo-component-news-home > .cover .picture {
        width: 100%
    }
}

neo-component-news-home > .cover .description {
    color: #bcbcbc;
    width: calc(100% - 230px);
    font-size: 12px
}

@media screen and (width<=390px) {
    neo-component-news-home > .cover .description {
        width: auto
    }
}

neo-component-news-home > ul {
    width: 100%;
    margin-top: 20px !important
}

    neo-component-news-home > ul li {
        border-bottom: 1px solid #eee;
        place-content: center space-between;
        align-items: center;
        width: 100%;
        display: flex
    }

        neo-component-news-home > ul li:last-child {
            border-bottom: none
        }

        neo-component-news-home > ul li a {
            color: #bcbcbc;
            height: 20px;
            margin-top: 10px;
            margin-bottom: 10px;
            margin-left: 20px;
            font-size: 12px;
            overflow: hidden
        }

            neo-component-news-home > ul li a:hover {
                color: #005c7c
            }

        neo-component-news-home > ul li p {
            color: #959595
        }

neo-component-news-list {
    padding-left: 1.17188rem;
    padding-right: 1.17188rem
}

neo-component-products-card {
    border-radius: 22px;
    width: 100%;
    height: calc(100% - 10px);
    display: inline-block;
    position: relative
}

    neo-component-products-card.min {
        height: calc(100% - 59px)
    }

    neo-component-products-card.full {
        height: 100%
    }

    neo-component-products-card form {
        background-color: #fff;
        border-radius: 22px;
        flex-flow: column wrap;
        align-content: flex-start;
        place-items: center flex-start;
        width: 100%;
        height: 100%;
        padding: 10px;
        display: flex;
        position: relative
    }

        neo-component-products-card form .compare {
            color: #787878;
            justify-content: end;
            font-size: 11px;
            display: none;
            position: absolute;
            top: 10px;
            left: 10px
        }

            neo-component-products-card form .compare.active {
                display: flex
            }

        neo-component-products-card form > a > img {
            height: 35px
        }

        neo-component-products-card form > .cover {
            direction: ltr;
            justify-content: center;
            width: 100%;
            height: 200px;
            margin-top: 5px;
            display: flex
        }

            neo-component-products-card form > .cover > .picture {
                cursor: pointer;
                background-position: 50%;
                background-size: cover;
                width: 200px;
                height: 200px;
                position: relative
            }

@media screen and (width<=560px) {
    neo-component-products-card form > .cover > .picture {
        width: 150px;
        height: 150px
    }
}

neo-component-products-card form > .cover > .picture img {
    object-fit: contain;
    object-position: center;
    width: 200px;
    height: 200px;
    position: absolute;
    left: 0
}

@media screen and (width<=560px) {
    neo-component-products-card form > .cover > .picture img {
        width: 150px;
        height: 150px
    }
}

neo-component-products-card form > .cover > .picture .labels {
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: flex-start;
    width: 100%;
    height: 200px;
    display: flex
}

    neo-component-products-card form > .cover > .picture .labels .label {
        color: #fff;
        text-align: center;
        direction: rtl;
        border-radius: 5px;
        justify-content: center;
        place-items: center;
        height: 30px;
        margin-top: 3px;
        font-size: 8px;
        font-weight: 700;
        line-height: 22px
    }

        neo-component-products-card form > .cover > .picture .labels .label.primary {
            background-color: #fd0
        }

        neo-component-products-card form > .cover > .picture .labels .label.basic {
            background-color: #005c7c
        }

        neo-component-products-card form > .cover > .picture .labels .label.red {
            background-color: #d12727
        }

        neo-component-products-card form > .cover > .picture .labels .label.blue {
            background-color: #00b0ac
        }

neo-component-products-card form > .cover > .icons {
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    width: calc(100% - 200px);
    height: 100%;
    display: flex
}

    neo-component-products-card form > .cover > .icons li {
        border: 1px solid #bcbcbc;
        border-radius: 50%;
        justify-content: center;
        width: 45px;
        height: 45px;
        margin-top: 14px;
        display: flex;
        position: relative
    }

        neo-component-products-card form > .cover > .icons li > .icon {
            background-color: #fff;
            justify-content: center;
            width: 24px;
            height: 24px;
            display: flex;
            position: absolute;
            top: -10px;
            right: 9px
        }

            neo-component-products-card form > .cover > .icons li > .icon i {
                color: #959595;
                font-size: 20px
            }

        neo-component-products-card form > .cover > .icons li > p {
            font-size: 14px;
            font-weight: 700;
            position: absolute;
            top: 14px
        }

neo-component-products-card form h1, neo-component-products-card form h2, neo-component-products-card form h3, neo-component-products-card form h4, neo-component-products-card form h5, neo-component-products-card form h6 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 700
}

neo-component-products-card form a h4 {
    margin: 0 !important
}

neo-component-products-card form .sizes {
    place-content: center;
    align-items: center;
    width: 100%;
    margin-top: 7px;
    display: flex
}

    neo-component-products-card form .sizes > * {
        margin-left: 10px
    }

    neo-component-products-card form .sizes span {
        font-size: 11px
    }

    neo-component-products-card form .sizes > .price {
        padding: 5px 0;
        font-size: 22px;
        font-weight: 700
    }

    neo-component-products-card form .sizes .select {
        background-color: #eee;
        border-radius: 10px;
        width: 60px;
        height: 34px
    }

neo-component-products-card form > .snapp {
    z-index: 1;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px
}

    neo-component-products-card form > .snapp > img {
        object-fit: cover
    }

neo-component-products-card form > .discount {
    z-index: 1;
    color: #fff;
    text-align: center;
    background-color: #f04e23;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 50px;
    height: 65px;
    display: flex;
    position: absolute;
    top: 0;
    right: 20px
}

    neo-component-products-card form > .discount span {
        width: 100%
    }

neo-component-products-card form > .install {
    right: auto;
    left: 20px !important
}

neo-component-products-card.small form > img {
    height: 40px
}

neo-component-products-card.small form > .cover {
    direction: ltr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin-top: 5px;
    display: flex
}

    neo-component-products-card.small form > .cover .picture {
        width: 150px;
        height: 150px
    }

    neo-component-products-card.small form > .cover .labels {
        width: 80%
    }

    neo-component-products-card.small form > .cover .icons {
        width: calc(100% - 130px)
    }

neo-component-products-card.small form > h2 {
    height: 25px;
    font-size: 13px;
    overflow: hidden
}

neo-component-products-list {
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    grid-auto-flow: row;
    align-content: start;
    gap: 10px;
    width: 100%;
    display: grid !important
}

@media screen and (width<=850px) {
    neo-component-products-list {
        justify-content: center
    }
}

@media screen and (width<=560px) {
    neo-component-products-list neo-component-products-card {
        display: none
    }
}

neo-component-products-list neo-component-products-mobilecard {
    display: none
}

@media screen and (width<=560px) {
    neo-component-products-list neo-component-products-mobilecard {
        display: block
    }
}

neo-component-products-mobilecard {
    background-color: #fff;
    border-radius: 22px;
    height: 272px;
    position: relative;
    overflow: hidden
}

    neo-component-products-mobilecard > * {
        box-sizing: border-box
    }

    neo-component-products-mobilecard > form {
        height: 100%;
        position: relative
    }

        neo-component-products-mobilecard > form > .mobile-tire-card {
            display: flex
        }

            neo-component-products-mobilecard > form > .mobile-tire-card > .right-box {
                flex-direction: column;
                flex: 0 0 45%;
                align-items: center;
                gap: 20px;
                padding-top: 10px;
                display: flex
            }

                neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .brand-logo {
                    justify-content: center;
                    width: 100%;
                    display: flex
                }

                    neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .brand-logo > div {
                        background-position: 50%;
                        background-repeat: no-repeat;
                        background-size: contain;
                        width: 113px;
                        height: 33px
                    }

                neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .snapp {
                    z-index: 1;
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    top: 40px;
                    right: 10px
                }

                    neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .snapp > img {
                        object-fit: cover
                    }

                neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .tire-cover {
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 100%;
                    display: flex;
                    position: relative
                }

                    neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .tire-cover > img {
                        object-fit: cover;
                        object-position: center;
                        width: 141px;
                        height: 141px;
                        position: relative
                    }

                    neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .tire-cover > .labels {
                        position: absolute;
                        right: 0
                    }

                        neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .tire-cover > .labels .label {
                            text-align: center;
                            direction: rtl;
                            border-radius: 5px;
                            justify-content: center;
                            place-items: center;
                            height: 30px;
                            margin-top: 3px;
                            font-size: 8px;
                            font-weight: 700;
                            line-height: 22px;
                            color: #fff !important
                        }

                        neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .tire-cover > .labels .color-basic {
                            background-color: #3fb0ac
                        }

                        neo-component-products-mobilecard > form > .mobile-tire-card > .right-box > .tire-cover > .labels .red {
                            background-color: red
                        }

            neo-component-products-mobilecard > form > .mobile-tire-card > .left-box {
                flex-direction: column;
                flex: 0 0 55%;
                gap: 5px;
                display: flex;
                position: relative
            }

                neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .discount {
                    background-color: red;
                    border-radius: 0 10px 10px 0;
                    flex-wrap: wrap;
                    justify-content: center;
                    align-items: center;
                    width: 80px;
                    min-height: 40px;
                    padding: 0 5px;
                    display: flex;
                    position: absolute;
                    bottom: 40%;
                    left: 0;
                    transform: translateY(80%)
                }

@media screen and (width<=370px) {
    neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .discount {
        padding: 0 2px
    }
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .discount span {
    color: #fff
}

@media screen and (width<=480px) {
    neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .discount span {
        font-size: 11px
    }
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .install {
    bottom: 60%
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-1 {
    justify-content: flex-end;
    padding-left: 20px;
    display: flex
}

    neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-1 .icons {
        align-items: center;
        gap: 10px;
        display: flex
    }

        neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-1 .icons li {
            border: 1px solid #bcbcbc;
            border-radius: 50%;
            justify-content: center;
            width: 45px;
            height: 45px;
            margin-top: 14px;
            display: flex;
            position: relative
        }

            neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-1 .icons li > .icon {
                background-color: #fff;
                justify-content: center;
                width: 24px;
                height: 24px;
                display: flex;
                position: absolute;
                top: -10px;
                right: 9px
            }

                neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-1 .icons li > .icon i {
                    color: #959595;
                    font-size: 20px
                }

            neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-1 .icons li > p {
                font-size: 14px;
                font-weight: 700;
                position: absolute;
                top: 14px
            }

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-2 h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

@media screen and (width<=560px) {
    neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-2 h3 {
        white-space: nowrap;
        text-overflow: ellipsis;
        direction: ltr;
        max-width: 160px;
        overflow: hidden
    }
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-3 h4 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-5 neo-component-elements-select select {
    background-color: #eee;
    width: 60px
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-5 neo-component-elements-select i {
    z-index: 1
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-5 .select {
    height: 30px
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .item-6 p {
    font-size: 22px;
    font-weight: 700
}

neo-component-products-mobilecard > form > .mobile-tire-card > .left-box > .flex-item {
    align-items: center;
    gap: 5px;
    display: flex
}

neo-component-products-mobilecard > form neo-component-elements-button {
    position: absolute;
    bottom: 0;
    border-radius: 0 !important
}

    neo-component-products-mobilecard > form neo-component-elements-button > button {
        border-radius: 0 !important
    }

neo-component-products-productcard {
    border-radius: 22px;
    width: 100%;
    position: relative
}

    neo-component-products-productcard.min {
        height: calc(100% - 59px)
    }

    neo-component-products-productcard.full {
        height: 100%
    }

    neo-component-products-productcard form {
        background-color: #fff;
        border-radius: 22px;
        flex-direction: column;
        align-content: flex-start;
        place-items: center flex-start;
        width: 100%;
        height: 100%;
        padding: 10px;
        display: flex;
        position: relative
    }

        neo-component-products-productcard form .compare {
            color: #787878;
            justify-content: end;
            font-size: 11px;
            display: none;
            position: absolute;
            top: 10px;
            left: 10px
        }

            neo-component-products-productcard form .compare.active {
                display: flex
            }

        neo-component-products-productcard form > a > img {
            height: 35px
        }

        neo-component-products-productcard form > .cover {
            direction: ltr;
            justify-content: center;
            width: 100%;
            height: 200px;
            margin-top: 5px;
            display: flex
        }

            neo-component-products-productcard form > .cover > .picture {
                cursor: pointer;
                background-position: 50%;
                background-size: cover;
                width: 200px;
                height: 200px
            }

@media screen and (width<=560px) {
    neo-component-products-productcard form > .cover > .picture {
        width: 150px;
        height: 150px
    }
}

neo-component-products-productcard form > .cover > .picture .labels {
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: center;
    width: 100%;
    height: 200px;
    display: flex
}

    neo-component-products-productcard form > .cover > .picture .labels .label {
        color: #fff;
        text-align: center;
        direction: rtl;
        border-radius: 5px;
        justify-content: center;
        place-items: center;
        height: 30px;
        margin-top: 3px;
        font-size: 8px;
        font-weight: 700;
        line-height: 22px
    }

        neo-component-products-productcard form > .cover > .picture .labels .label.primary {
            background-color: #fd0
        }

        neo-component-products-productcard form > .cover > .picture .labels .label.basic {
            background-color: #005c7c
        }

        neo-component-products-productcard form > .cover > .picture .labels .label.red {
            background-color: #d12727
        }

        neo-component-products-productcard form > .cover > .picture .labels .label.blue {
            background-color: #00b0ac
        }

neo-component-products-productcard form > .cover > .icons {
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    width: calc(100% - 200px);
    height: 100%;
    display: flex
}

    neo-component-products-productcard form > .cover > .icons li {
        border: 1px solid #bcbcbc;
        border-radius: 50%;
        justify-content: center;
        width: 45px;
        height: 45px;
        margin-top: 14px;
        display: flex;
        position: relative
    }

        neo-component-products-productcard form > .cover > .icons li > .icon {
            background-color: #fff;
            justify-content: center;
            width: 24px;
            height: 24px;
            display: flex;
            position: absolute;
            top: -10px;
            right: 9px
        }

            neo-component-products-productcard form > .cover > .icons li > .icon i {
                color: #959595;
                font-size: 20px
            }

        neo-component-products-productcard form > .cover > .icons li > p {
            font-size: 14px;
            font-weight: 700;
            position: absolute;
            top: 14px
        }

neo-component-products-productcard form h1, neo-component-products-productcard form h2, neo-component-products-productcard form h3, neo-component-products-productcard form h4, neo-component-products-productcard form h5, neo-component-products-productcard form h6 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 700
}

neo-component-products-productcard form a h4 {
    margin: 0 !important
}

neo-component-products-productcard form .sizes {
    place-content: center;
    align-items: center;
    width: 100%;
    margin-top: 7px;
    display: flex
}

    neo-component-products-productcard form .sizes > * {
        margin-left: 10px
    }

    neo-component-products-productcard form .sizes span {
        font-size: 11px
    }

    neo-component-products-productcard form .sizes > .price {
        padding: 5px 0;
        font-size: 22px;
        font-weight: 700
    }

    neo-component-products-productcard form .sizes .select {
        background-color: #eee;
        border-radius: 10px;
        width: 60px;
        height: 34px
    }

neo-component-products-productcard form > .discount {
    color: #fff;
    text-align: center;
    background-color: #f04e23;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 50px;
    height: 65px;
    display: flex;
    position: absolute;
    top: 0;
    right: 20px
}

    neo-component-products-productcard form > .discount span {
        width: 100%
    }

neo-component-products-productcard form > .install {
    right: auto;
    left: 20px !important
}

neo-component-products-productcard.small form > img {
    height: 40px
}

neo-component-products-productcard.small form > .cover {
    direction: ltr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin-top: 5px;
    display: flex
}

    neo-component-products-productcard.small form > .cover .picture {
        width: 150px;
        height: 150px
    }

    neo-component-products-productcard.small form > .cover .labels {
        width: 80%
    }

    neo-component-products-productcard.small form > .cover .icons {
        width: calc(100% - 130px)
    }

neo-component-products-productcard.small form > h2 {
    height: 25px;
    font-size: 13px;
    overflow: hidden
}

neo-component-products-ringcard {
    border-radius: 22px;
    width: 100%;
    height: calc(100% - 10px);
    display: inline-block;
    position: relative
}

    neo-component-products-ringcard.min {
        height: calc(100% - 59px)
    }

    neo-component-products-ringcard.full {
        height: 100%
    }

    neo-component-products-ringcard form {
        background-color: #fff;
        border-radius: 22px;
        flex-flow: column wrap;
        align-content: flex-start;
        place-items: center flex-start;
        width: 100%;
        height: 100%;
        padding: 10px;
        display: flex;
        position: relative
    }

        neo-component-products-ringcard form .compare {
            color: #787878;
            justify-content: end;
            font-size: 11px;
            display: none;
            position: absolute;
            top: 10px;
            left: 10px
        }

            neo-component-products-ringcard form .compare.active {
                display: flex
            }

        neo-component-products-ringcard form > a > img {
            height: 35px
        }

        neo-component-products-ringcard form > .cover {
            direction: ltr;
            justify-content: center;
            width: 100%;
            height: 200px;
            margin-top: 5px;
            display: flex
        }

            neo-component-products-ringcard form > .cover > .picture {
                cursor: pointer;
                background-position: 50%;
                background-size: cover;
                width: 200px;
                height: 200px
            }

@media screen and (width<=560px) {
    neo-component-products-ringcard form > .cover > .picture {
        width: 150px;
        height: 150px
    }
}

neo-component-products-ringcard form > .cover > .picture .labels {
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: center;
    width: 100%;
    height: 200px;
    display: flex
}

    neo-component-products-ringcard form > .cover > .picture .labels .label {
        color: #fff;
        text-align: center;
        direction: rtl;
        border-radius: 5px;
        justify-content: center;
        place-items: center;
        height: 30px;
        margin-top: 3px;
        font-size: 8px;
        font-weight: 700;
        line-height: 22px
    }

        neo-component-products-ringcard form > .cover > .picture .labels .label.primary {
            background-color: #fd0
        }

        neo-component-products-ringcard form > .cover > .picture .labels .label.basic {
            background-color: #005c7c
        }

        neo-component-products-ringcard form > .cover > .picture .labels .label.red {
            background-color: #d12727
        }

        neo-component-products-ringcard form > .cover > .picture .labels .label.blue {
            background-color: #00b0ac
        }

neo-component-products-ringcard form > .cover > .icons {
    flex-flow: column wrap;
    place-content: center;
    align-items: center;
    width: calc(100% - 200px);
    height: 100%;
    display: flex
}

    neo-component-products-ringcard form > .cover > .icons li {
        border: 1px solid #bcbcbc;
        border-radius: 50%;
        justify-content: center;
        width: 45px;
        height: 45px;
        margin-top: 14px;
        display: flex;
        position: relative
    }

        neo-component-products-ringcard form > .cover > .icons li > .icon {
            background-color: #fff;
            justify-content: center;
            width: 24px;
            height: 24px;
            display: flex;
            position: absolute;
            top: -10px;
            right: 9px
        }

            neo-component-products-ringcard form > .cover > .icons li > .icon i {
                color: #959595;
                font-size: 20px
            }

        neo-component-products-ringcard form > .cover > .icons li > p {
            font-size: 14px;
            font-weight: 700;
            position: absolute;
            top: 14px
        }

neo-component-products-ringcard form h1, neo-component-products-ringcard form h2, neo-component-products-ringcard form h3, neo-component-products-ringcard form h4, neo-component-products-ringcard form h5, neo-component-products-ringcard form h6 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 700
}

neo-component-products-ringcard form a h4 {
    margin: 0 !important
}

neo-component-products-ringcard form .sizes {
    place-content: center;
    align-items: center;
    width: 100%;
    margin-top: 7px;
    display: flex
}

    neo-component-products-ringcard form .sizes > * {
        margin-left: 10px
    }

    neo-component-products-ringcard form .sizes span {
        font-size: 11px
    }

    neo-component-products-ringcard form .sizes > .price {
        padding: 5px 0;
        font-size: 22px;
        font-weight: 700
    }

    neo-component-products-ringcard form .sizes .select {
        background-color: #eee;
        border-radius: 10px;
        width: 60px;
        height: 34px
    }

neo-component-products-ringcard form > .discount {
    color: #fff;
    text-align: center;
    background-color: #f04e23;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    flex-wrap: wrap;
    place-content: center;
    align-items: center;
    width: 50px;
    height: 65px;
    display: flex;
    position: absolute;
    top: 0;
    right: 20px
}

    neo-component-products-ringcard form > .discount span {
        width: 100%
    }

neo-component-products-ringcard.small form > img {
    height: 40px
}

neo-component-products-ringcard.small form > .cover {
    direction: ltr;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    margin-top: 5px;
    display: flex
}

    neo-component-products-ringcard.small form > .cover .picture {
        width: 150px;
        height: 150px
    }

    neo-component-products-ringcard.small form > .cover .labels {
        width: 80%
    }

    neo-component-products-ringcard.small form > .cover .icons {
        width: calc(100% - 130px)
    }

neo-component-products-ringcard.small form > h2 {
    height: 25px;
    font-size: 13px;
    overflow: hidden
}

neo-component-rings-list {
    min-height: 100%
}

    neo-component-rings-list .not-found-holder {
        height: 100%
    }

    neo-component-rings-list #not-found-tire {
        fill: #00b0ac;
        width: 150px;
        margin-top: 230px
    }

neo-component-search {
    background-color: #485760;
    /*background-color: #fd0;*/
    border-radius: 22px;
    justify-content: flex-start;
    /*height: 660px;*/
    margin: 10px;
    padding: 5px;
    display: flex;
    -webkit-box-shadow: 0 2px 5px #0009;
    -moz-box-shadow: 0 2px 5px #0009;
    box-shadow: 0 2px 5px #0009
}

@media screen and (width<=700px) {
    neo-component-search {
        margin: 10px 0 0
    }
}

neo-component-search > .icons {
    flex-wrap: wrap;
    place-content: start center;
    width: 25%;
    height: 100%;
    display: flex
}

    neo-component-search > .icons li {
        text-align: center;
        /*color: #005c7c;*/
        color: #ffffff;
        cursor: pointer;
        border: none;
        border-radius: 18px;
        flex-wrap: wrap;
        place-content: center;
        align-items: center;
        width: calc(100% - 20px);
        height: 90px;
        margin: 10px;
        display: flex
    }

        neo-component-search > .icons li:hover {
            background-color: #ffa600
            /*background-color: #eccd00*/
        }

        neo-component-search > .icons li.active {
            background-color: #ffa600;
            /*background-color: #eccd00;*/
            transition: all .1s ease-in
        }

        neo-component-search > .icons li i {
            font-size: 65px;
            height: .5em !important
        }

            neo-component-search > .icons li i.icon-truck-1 {
                font-size: 60px
            }

            neo-component-search > .icons li i.icon-tractor, neo-component-search > .icons li i.icon-motorcycle {
                font-size: 50px;
                height: .9em !important
            }

            neo-component-search > .icons li i.icon-ecology-and-environment {
                font-size: 55px;
                height: .6em !important
            }

            neo-component-search > .icons li i.icon-wheel {
                font-size: 45px;
                height: 1em !important
            }

        neo-component-search > .icons li p, neo-component-search > .icons li a {
            text-align: center;
            color: #ffffff;
            /*color: #005c7c;*/
            width: 100%;
            margin-top: 8px;
            font-size: 13px;
            font-weight: 700
        }

neo-component-search > .selectors {
    background-color: #fff;
    border-radius: 22px;
    width: 75%;
    padding: 20px;
    -webkit-box-shadow: 0 2px 5px #00000021;
    -moz-box-shadow: 0 2px 5px #00000021;
    box-shadow: 0 2px 5px #00000021
}

    neo-component-search > .selectors > .titles {
        justify-content: flex-start;
        width: 100%;
        height: 60px;
        display: flex
    }

        neo-component-search > .selectors > .titles > .item {
            cursor: pointer;
            color: #bcbcbc;
            place-content: center;
            align-items: center;
            width: 50%;
            height: 100%
        }

            neo-component-search > .selectors > .titles > .item:hover, neo-component-search > .selectors > .titles > .item.active {
                color: #005c7c
            }

    neo-component-search > .selectors > .line {
        background-color: #bcbcbc;
        justify-content: flex-start;
        width: 100%;
        height: 3px;
        margin: 0 0 20px;
        display: flex
    }

        neo-component-search > .selectors > .line > .item {
            /*background-color: #fd0;*/
            background-color: #485760;
            width: 50%;
            height: 3px
        }

    neo-component-search > .selectors .selects {
        width: 100%;
        display: none
    }

        neo-component-search > .selectors .selects li {
            margin-top: 10px
        }

            neo-component-search > .selectors .selects li:last-child {
                margin-top: 30px
            }

        neo-component-search > .selectors .selects.active {
            display: block
        }

neo-component-search .size-guide {
    position: relative;
    background: url(/images/size.svg?v=CSz7zHAP_OvaieqnqicJX6kxysc) center/contain no-repeat;
    width: 100%;
    height: 260px;
}

.size-guide .tire-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}




neo-component-sliders-articles {
    background-color: #fff;
    border-radius: 22px;
    place-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 458px;
    padding: 20px;
    display: flex;
    position: relative
}

@media screen and (width<=768px) {
    neo-component-sliders-articles {
        height: 500px
    }
}

@media screen and (width<=560px) {
    neo-component-sliders-articles {
        justify-content: center;
        padding: 5px
    }
}

neo-component-sliders-articles > .bg {
    width: 100%;
    height: 95%
}

    neo-component-sliders-articles > .bg > ul {
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        display: flex
    }

        neo-component-sliders-articles > .bg > ul > li {
            place-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            display: flex
        }

            neo-component-sliders-articles > .bg > ul > li .section {
                width: 50%;
                height: 100%
            }

                neo-component-sliders-articles > .bg > ul > li .section:first-child {
                    border-left: 1px solid #eee;
                    padding-left: 20px
                }

@media screen and (width<=560px) {
    neo-component-sliders-articles > .bg > ul > li .section:first-child {
        padding-left: 10px
    }
}

neo-component-sliders-articles > .bg > ul > li .section:last-child {
    padding-right: 20px
}

@media screen and (width<=560px) {
    neo-component-sliders-articles > .bg > ul > li .section:last-child {
        padding-right: 10px
    }
}

neo-component-sliders-articles > .bg > ul > li .section > .cover {
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    width: 100%;
    height: 200px
}

neo-component-sliders-articles > .bg > ul > li .section .link {
    place-content: center flex-start;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    display: flex
}

    neo-component-sliders-articles > .bg > ul > li .section .link span {
        background-color: #fd0;
        width: 20px;
        height: 3px;
        margin-left: 10px
    }

    neo-component-sliders-articles > .bg > ul > li .section .link a {
        color: #005c7c;
        font-size: 12px
    }

neo-component-sliders-articles > .bg > ul > li .section > p {
    color: #959595;
    text-align: right;
    margin-top: 20px;
    font-size: 11px
}

neo-component-sliders-articles > .dots {
    z-index: 3;
    place-content: center;
    align-items: center;
    width: calc(100% - 40px);
    height: 25px;
    display: flex;
    position: absolute;
    bottom: 5px
}

    neo-component-sliders-articles > .dots li {
        cursor: pointer;
        background-color: #eee;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        margin-left: 5px
    }

@media screen and (width>=760px) {
    neo-component-sliders-articles > .dots li:hover {
        background-color: #bcbcbc
    }
}

neo-component-sliders-articles > .dots li.active {
    background-color: #bcbcbc
}

neo-component-sliders-brands {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 200px;
    display: flex;
    position: relative
}

    neo-component-sliders-brands .bg {
        flex-direction: row;
        justify-content: start;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex;
        overflow: hidden
    }

@media screen and (width<=768px) {
    neo-component-sliders-brands .bg {
        width: calc(100% - 60px)
    }
}

@media screen and (width<=346px) {
    neo-component-sliders-brands .bg {
        width: 100% !important
    }
}

neo-component-sliders-brands .bg li {
    backface-visibility: visible;
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    flex-shrink: 0;
    place-content: center;
    align-items: center;
    width: auto;
    min-width: 260px;
    height: 100%;
    margin: 10px;
    display: flex;
    overflow: hidden
}

@media screen and (width<=346px) {
    neo-component-sliders-brands .bg li {
        margin-left: 8px !important;
        margin-right: 35px !important
    }
}

@media screen and (width<=320px) {
    neo-component-sliders-brands .bg li {
        margin-left: 8px !important;
        margin-right: 25px !important
    }
}

neo-component-sliders-brands .bg li img {
    height: 50px
}

neo-component-sliders-brands .arrow {
    color: #005c7c;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 20px)
}

    neo-component-sliders-brands .arrow:hover {
        color: #00b0ac
    }

    neo-component-sliders-brands .arrow.left {
        display: inline-block;
        left: 5px;
        transform: rotate(90deg)
    }

    neo-component-sliders-brands .arrow.right {
        right: 5px;
        transform: rotate(-90deg)
    }

neo-component-sliders-homebig {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 450px;
    display: flex;
    position: relative
}

@media screen and (width<=560px) {
    neo-component-sliders-homebig {
        height: 800px
    }
}

neo-component-sliders-homebig .bg {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-component-sliders-homebig .bg li {
        background-color: #fd0;
        border-radius: 22px;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        position: relative
    }

        neo-component-sliders-homebig .bg li:before {
            content: "";
            z-index: 0;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: absolute
        }

        neo-component-sliders-homebig .bg li > .slide-holder {
            z-index: 1;
            direction: ltr;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 20px;
            display: flex;
            position: absolute;
            top: 0;
            left: 0
        }

@media screen and (width<=560px) {
    neo-component-sliders-homebig .bg li > .slide-holder {
        flex-wrap: wrap
    }
}

neo-component-sliders-homebig .bg li > .slide-holder > .cover {
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    width: 40%;
    height: calc(100% - 50px)
}

@media screen and (width<=1024px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .cover {
        width: 50%
    }
}

@media screen and (width<=768px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .cover {
        width: 50%
    }
}

@media screen and (width<=560px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .cover {
        width: 100%;
        height: 50%
    }
}

neo-component-sliders-homebig .bg li > .slide-holder > .titles {
    direction: rtl;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: calc(100% - 50px);
    margin-left: 20px;
    display: flex
}

@media screen and (width<=1024px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .titles {
        width: 50%
    }
}

@media screen and (width<=768px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .titles {
        width: 50%
    }
}

@media screen and (width<=560px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .titles {
        width: 100%;
        height: 50%
    }
}

@media screen and (width<=401px) {
    neo-component-sliders-homebig .bg li > .slide-holder > .titles {
        margin-left: 0
    }
}

neo-component-sliders-homebig .bg li > .slide-holder > .titles > img {
    height: 60px
}

neo-component-sliders-homebig .bg li > .slide-holder > .titles > .pattern {
    text-align: center;
    color: #404040;
    width: 100%;
    font-family: IRANYekan Bold;
    font-size: 24px;
    font-weight: 700
}

neo-component-sliders-homebig .bg li > .slide-holder > .titles > .title {
    color: #00b0ac;
    margin: 20px 0 10px;
    font-family: IRANYekan Bold;
    font-size: 32px;
    font-weight: 700
}

neo-component-sliders-homebig .bg li > .slide-holder > .titles > .size {
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

    neo-component-sliders-homebig .bg li > .slide-holder > .titles > .size.margin {
        margin-top: 30px
    }

    neo-component-sliders-homebig .bg li > .slide-holder > .titles > .size > * {
        margin-left: 20px
    }

neo-component-sliders-homebig .bg li > .slide-holder > .titles .mini-title {
    color: #404040;
    font-size: 16px;
    line-height: 100%;
    display: flex
}

neo-component-sliders-homebig .bg li > .slide-holder > .titles .bold-title {
    color: #404040;
    font-family: IRANYekan Bold;
    font-size: 30px
}

neo-component-sliders-homebig > .dots {
    z-index: 3;
    place-content: center;
    align-items: center;
    width: 100%;
    height: 25px;
    display: flex;
    position: absolute;
    bottom: 5px
}

    neo-component-sliders-homebig > .dots li {
        cursor: pointer;
        background-color: #eee;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        margin-left: 5px
    }

@media screen and (width>=760px) {
    neo-component-sliders-homebig > .dots li:hover {
        background-color: #bcbcbc
    }
}

neo-component-sliders-homebig > .dots li.active {
    background-color: #bcbcbc
}

neo-component-sliders-homesmall {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 450px;
    display: flex;
    position: relative
}

@media screen and (width<=560px) {
    neo-component-sliders-homesmall {
        height: 350px;
        margin-top: 10px
    }
}

neo-component-sliders-homesmall .bg {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-component-sliders-homesmall .bg li {
        background-position: 50%;
        background-size: cover;
        border-radius: 22px;
        flex-shrink: 0;
        width: 100%;
        height: 100%
    }

neo-component-sliders-homesmall .arrow {
    color: #eee;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 20px)
}

    neo-component-sliders-homesmall .arrow:hover {
        color: #bcbcbc
    }

    neo-component-sliders-homesmall .arrow.left {
        display: inline-block;
        left: 5px;
        transform: rotate(90deg)
    }

    neo-component-sliders-homesmall .arrow.right {
        right: 5px;
        transform: rotate(-90deg)
    }

neo-component-sliders-news {
    place-content: center flex-start;
    align-items: center;
    width: 100%;
    height: 200px;
    display: flex;
    position: relative
}

    neo-component-sliders-news > ul {
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        display: flex
    }

        neo-component-sliders-news > ul li {
            justify-content: flex-start;
            width: 100%;
            display: flex
        }

    neo-component-sliders-news .cover {
        background-position: 50%;
        background-size: cover;
        border-radius: 18px;
        width: 280px;
        height: 180px;
        margin: 10px 30px
    }

    neo-component-sliders-news .details {
        width: 100%;
        height: inherit
    }

        neo-component-sliders-news .details span {
            background-color: #fd0;
            width: 30px;
            height: 2px;
            margin-left: 10px
        }

        neo-component-sliders-news .details .description {
            text-align: right;
            color: #005c7c;
            font-size: 12px
        }

    neo-component-sliders-news > .dots {
        z-index: 3;
        place-content: center flex-end;
        align-items: center;
        width: calc(100% - 40px);
        height: 25px;
        display: flex;
        position: absolute;
        bottom: 5px
    }

        neo-component-sliders-news > .dots li {
            cursor: pointer;
            background-color: #eee;
            border-radius: 50%;
            width: 10px;
            height: 10px;
            margin-left: 5px
        }

@media screen and (width>=760px) {
    neo-component-sliders-news > .dots li:hover {
        background-color: #bcbcbc
    }
}

neo-component-sliders-news > .dots li.active {
    background-color: #bcbcbc
}

neo-component-sliders-products {
    justify-content: center;
    width: 100%;
    display: flex
}

    neo-component-sliders-products .products {
        place-content: center;
        align-items: center;
        width: 100%;
        display: flex;
        position: relative;
        margin-top: 20px !important
    }

@media screen and (width>=561px) and (width<=1367px) {
    neo-component-sliders-products .products {
        overflow: initial !important
    }
}

@media screen and (width<=560px) {
    neo-component-sliders-products .products {
        justify-content: flex-end
    }
}

neo-component-sliders-products .products .fade {
    width: 300px;
    height: 94%;
    display: none;
    position: absolute
}

@media screen and (width>=561px) and (width<=1367px) {
    neo-component-sliders-products .products .fade {
        display: block
    }
}

neo-component-sliders-products .products .right {
    background-image: linear-gradient(270deg,#eee 0% 10%,#eee0);
    left: 90%
}

neo-component-sliders-products .products .left {
    background-image: linear-gradient(90deg,#eee 0% 10%,#eee0);
    right: 90%
}

neo-component-sliders-products .products > li {
    background-color: #fd0;
    border-radius: 22px;
    width: 300px;
    height: 540px;
    margin: 20px;
    display: inline-block;
    position: relative
}

    neo-component-sliders-products .products > li > * {
        color: #005c7c
    }

neo-component-sliders-products .arrow {
    color: #005c7c;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 20px)
}

    neo-component-sliders-products .arrow:hover {
        color: #00b0ac
    }

    neo-component-sliders-products .arrow.left {
        display: inline-block;
        left: 5px;
        transform: rotate(90deg)
    }

@media screen and (width<=560px) {
    neo-component-sliders-products .arrow.left {
        left: -2px
    }
}

neo-component-sliders-products .arrow.right {
    right: 5px;
    transform: rotate(-90deg)
}

@media screen and (width<=560px) {
    neo-component-sliders-products .arrow.right {
        right: 1px
    }
}

@media screen and (width<=340px) {
    neo-component-sliders-products .arrow.right {
        right: -1px
    }
}

@media screen and (width<=330px) {
    neo-component-sliders-products .arrow.right {
        right: -2px
    }
}

neo-component-sliders-relatedtires {
    justify-content: center;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden
}

    neo-component-sliders-relatedtires .products {
        place-content: center;
        align-items: center;
        width: 100%;
        display: flex
    }

@media screen and (width<=560px) {
    neo-component-sliders-relatedtires .products {
        justify-content: flex-end
    }
}

@media screen and (width<=346px) {
    neo-component-sliders-relatedtires .products {
        width: 100% !important
    }
}

@media screen and (width>=561px) and (width<=1367px) {
    neo-component-sliders-relatedtires .products {
        overflow: initial !important
    }
}

neo-component-sliders-relatedtires .products .fade {
    z-index: 1;
    width: 300px;
    height: 94%;
    display: none;
    position: absolute
}

@media screen and (width>=561px) and (width<=1367px) {
    neo-component-sliders-relatedtires .products .fade {
        display: block
    }
}

neo-component-sliders-relatedtires .products .right {
    background-image: linear-gradient(270deg,#eee 0% 30%,#eee0);
    left: 90%
}

neo-component-sliders-relatedtires .products .left {
    background-image: linear-gradient(90deg,#eee 0% 30%,#eee0);
    right: 90%
}

neo-component-sliders-relatedtires .products > li {
    border-radius: 22px;
    width: 300px;
    height: 480px;
    margin: 20px;
    display: inline-block;
    position: relative
}

@media screen and (width<=560px) {
    neo-component-sliders-relatedtires .products > li {
        margin-bottom: 10px !important
    }
}

@media screen and (width<=340px) {
    neo-component-sliders-relatedtires .products > li {
        margin-left: 16px !important;
        margin-right: 18px !important
    }
}

@media screen and (width<=330px) {
    neo-component-sliders-relatedtires .products > li {
        margin-left: 13px !important;
        margin-right: 15px !important
    }
}

@media screen and (width<=320px) {
    neo-component-sliders-relatedtires .products > li {
        margin-left: 7px !important;
        margin-right: 8px !important
    }
}

neo-component-sliders-relatedtires .products > li > * {
    color: #005c7c
}

neo-component-sliders-relatedtires .arrow {
    color: #005c7c;
    cursor: pointer;
    z-index: 2;
    font-size: 24px;
    position: absolute;
    top: calc(50% - 20px)
}

    neo-component-sliders-relatedtires .arrow:hover {
        color: #00b0ac
    }

    neo-component-sliders-relatedtires .arrow.left {
        display: inline-block;
        left: 5px;
        transform: rotate(90deg)
    }

    neo-component-sliders-relatedtires .arrow.right {
        right: 5px;
        transform: rotate(-90deg)
    }

neo-component-swiper-articles {
    background-color: #fff;
    border-radius: 22px;
    justify-content: center;
    width: 100%;
    height: 458px;
    display: flex
}

@media screen and (width<=768px) {
    neo-component-swiper-articles {
        height: 500px
    }
}

neo-component-swiper-articles .outer-swiper-container {
    width: 100%;
    max-width: 1500px;
    position: relative
}

neo-component-swiper-articles .swiper-container-articles {
    border-radius: 22px;
    width: 100%;
    height: 100%;
    overflow: hidden
}

neo-component-swiper-articles .swiper-slide {
    border-radius: 22px
}

    neo-component-swiper-articles .swiper-slide > li {
        place-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        display: flex
    }

        neo-component-swiper-articles .swiper-slide > li .section {
            width: 50%;
            height: 100%
        }

            neo-component-swiper-articles .swiper-slide > li .section:first-child {
                border-left: 1px solid #eee;
                padding: 20px
            }

@media screen and (width<=560px) {
    neo-component-swiper-articles .swiper-slide > li .section:first-child {
        padding: 10px
    }
}

neo-component-swiper-articles .swiper-slide > li .section:last-child {
    padding: 20px
}

@media screen and (width<=560px) {
    neo-component-swiper-articles .swiper-slide > li .section:last-child {
        padding: 10px
    }
}

neo-component-swiper-articles .swiper-slide > li .section > .cover {
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    width: 100%;
    height: 200px
}

neo-component-swiper-articles .swiper-slide > li .section .link {
    place-content: center flex-start;
    align-items: center;
    width: 100%;
    margin-top: 40px;
    display: flex
}

    neo-component-swiper-articles .swiper-slide > li .section .link span {
        background-color: #fd0;
        width: 20px;
        height: 3px;
        margin-left: 10px
    }

    neo-component-swiper-articles .swiper-slide > li .section .link a {
        color: #005c7c;
        font-size: 12px
    }

neo-component-swiper-articles .swiper-slide > li .section > p {
    color: #959595;
    text-align: right;
    margin-top: 20px;
    font-size: 11px
}

neo-component-swiper-brands {
    justify-content: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-swiper-brands {
        margin-top: 20px !important;
        margin-bottom: 10px !important
    }
}

neo-component-swiper-brands .outer-swiper-container {
    width: 100%;
    max-width: 1500px;
    height: 200px;
    padding: 0 40px;
    position: relative
}

neo-component-swiper-brands .swiper-container-brands {
    width: 100%;
    height: 100%;
    padding: 5px 40px;
    overflow: hidden
}

@media screen and (width<=560px) {
    neo-component-swiper-brands .swiper-container-brands {
        padding: 0 !important
    }
}

neo-component-swiper-brands .swiper-slide {
    position: relative
}

    neo-component-swiper-brands .swiper-slide li {
        backface-visibility: visible;
        background-position: 50%;
        background-size: cover;
        border-radius: 22px;
        flex-shrink: 0;
        place-content: center;
        align-items: center;
        width: 100%;
        min-width: 230px;
        height: 100%;
        display: flex;
        overflow: hidden
    }

neo-component-swiper-brands .swiper-button-next, neo-component-swiper-brands .swiper-button-prev {
    color: #00b0ac !important
}

neo-component-swiper-homebig {
    /*background-color: #fd0;*/
    background-color: #485760;
    /*background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);*/
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    width: 100%;
    /*height: 500px;*/
    display: flex;
    overflow: hidden;
}

@media screen and (width<=700px) {
    neo-component-swiper-homebig {
        flex-direction: column
    }
}

neo-component-swiper-homebig > .right {
    justify-content: center;
    align-items: center;
    width: 30%;
    display: flex
}

@media screen and (width<=700px) {
    neo-component-swiper-homebig > .right {
        width: 100%;
        padding-top: 50px
    }
}

neo-component-swiper-homebig > .right > .ring {
    flex-direction: column;
    display: flex
}

@media screen and (width<=700px) {
    neo-component-swiper-homebig > .right > .ring {
        flex-direction: row;
        width: 100%
    }
}

neo-component-swiper-homebig > .right > .ring .ring-logo {
    background-image: url(/images/purchase_9760134.png?v=wXSECbfvNFGK3fuahnN6449WSpM);
    /*background-image: url(/images/RIM.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);*/
    background-position: 50% 39%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 270px;
    height: 200px
}

@media screen and (width<=700px) {
    neo-component-swiper-homebig > .right > .ring .ring-logo {
        width: 40%;
        height: auto
    }

    neo-component-swiper-homebig > .right > .ring .title-container {
        flex-direction: column;
        flex: 1;
        justify-content: center;
        align-items: center;
        display: flex
    }
}

neo-component-swiper-homebig > .right > .ring .title-container .ring-title {
    color: #ffffff;
    justify-content: center;
    margin-bottom: 15px;
    font-size: 35px;
    font-weight: 700;
    display: flex
}

neo-component-swiper-homebig > .right > .ring .title-container .ring-link {
    justify-content: center;
    display: flex
}

    neo-component-swiper-homebig > .right > .ring .title-container .ring-link a {
        color: #fff;
        background-color: #ffa600;
        border-radius: 22px;
        padding: 15px 20px
    }

neo-component-swiper-homebig > .left {
    flex: 1;
    align-items: center;
    width: 70%;
    display: flex
}

@media screen and (width<=700px) {
    neo-component-swiper-homebig > .left {
        width: 100%;
        padding-top: 50px;
        display: block
    }
}

@media screen and (width<=560px) {
    neo-component-swiper-homebig {
        height: 700px
    }
}

neo-component-swiper-homebig .outer-swiper-container {
    width: 100%;
    max-width: 1500px;
    position: relative
}

neo-component-swiper-homebig .swiper-container-homebig {
    border-radius: 22px;
    width: 100%;
    height: 100%;
    padding: 0 38px;
    overflow: hidden
}

neo-component-swiper-homebig .swiper-slide {
    border-radius: 22px;
    margin: 10px 0 15px 0;
}

    neo-component-swiper-homebig .swiper-slide li {
        background-color: #fd0;
        border-radius: 22px;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: flex;
        position: relative
    }

        neo-component-swiper-homebig .swiper-slide li:before {
            content: "";
            z-index: 0;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: cover;
            width: 100%;
            height: 100%;
            position: absolute
        }

        neo-component-swiper-homebig .swiper-slide li > .slide-holder {
            z-index: 1;
            direction: ltr;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            padding: 20px;
            display: flex;
            position: absolute;
            top: 0;
            left: 0
        }

@media screen and (width<=560px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder {
        flex-wrap: wrap
    }
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .cover {
    background-position: 50%;
    background-size: cover;
    border-radius: 22px;
    width: 40%;
    height: calc(100% - 50px)
}

@media screen and (width<=1024px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .cover {
        width: 50%
    }
}

@media screen and (width<=768px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .cover {
        width: 50%
    }
}

@media screen and (width<=560px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .cover {
        width: 100%;
        height: 50%
    }
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles {
    direction: rtl;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    width: 60%;
    height: calc(100% - 50px);
    margin-left: 20px;
    display: flex
}

@media screen and (width<=1024px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles {
        width: 50%
    }
}

@media screen and (width<=768px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles {
        width: 50%
    }
}

@media screen and (width<=560px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles {
        width: 100%;
        height: 50%
    }
}

@media screen and (width<=401px) {
    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles {
        margin-left: 0
    }
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles > img {
    height: 60px
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles > .pattern {
    text-align: center;
    color: #404040;
    width: 100%;
    font-family: IRANYekan Bold;
    font-size: 24px;
    font-weight: 700
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles > .title {
    color: #00b0ac;
    margin: 20px 0 10px;
    font-family: IRANYekan Bold;
    font-size: 32px;
    font-weight: 700
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles > .size {
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles > .size.margin {
        margin-top: 30px
    }

    neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles > .size > * {
        margin-left: 20px
    }

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles .mini-title {
    color: #404040;
    font-size: 16px;
    line-height: 100%;
    display: flex
}

neo-component-swiper-homebig .swiper-slide li > .slide-holder > .titles .bold-title {
    color: #404040;
    font-family: IRANYekan Bold;
    font-size: 30px
}

neo-component-swiper-homesmall {
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-component-swiper-homesmall .outer-swiper-container {
        width: 100%;
        max-width: 1500px;
        position: relative
    }

    neo-component-swiper-homesmall .swiper-container-homesmall {
        border-radius: 22px;
        width: 100%;
        height: 100%;
        overflow-x: hidden
    }

    neo-component-swiper-homesmall .swiper-slide {
        border-radius: 22px
    }

        neo-component-swiper-homesmall .swiper-slide a,
        neo-component-swiper-homesmall .swiper-slide img {
            border-radius: 22px;
            width: 100%;
            height: 100%;
            display: block
        }

        neo-component-swiper-homesmall .swiper-slide img {
            object-fit: cover
        }

neo-component-swiper-homesmallmobile {
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-component-swiper-homesmallmobile .outer-swiper-container {
        width: 100%;
        max-width: 1500px;
        position: relative
    }

    neo-component-swiper-homesmallmobile .swiper-container-homesmall-mobile {
        border-radius: 22px;
        width: 100%;
        height: 100%;
        overflow-x: hidden
    }

    neo-component-swiper-homesmallmobile .swiper-slide {
        aspect-ratio: 1604/1144;
        width: 100%;
        position: relative;
        overflow: hidden
    }

        neo-component-swiper-homesmallmobile .swiper-slide img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            display: block
        }

neo-component-swiper-product {
    justify-content: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-swiper-product {
        margin-top: 20px !important;
        margin-bottom: 10px !important
    }
}

neo-component-swiper-product .outer-swiper-container {
    width: 100%;
    max-width: 1500px;
    padding: 0 40px;
    position: relative
}

@media screen and (width<=560px) {
    neo-component-swiper-product .outer-swiper-container {
        padding: 0 !important
    }
}

neo-component-swiper-product .swiper-container {
    width: 100%;
    height: 100%;
    padding: 5px 40px;
    overflow-x: hidden
}

@media screen and (width<=560px) {
    neo-component-swiper-product .swiper-container {
        padding: 5px 32px !important
    }
}

neo-component-swiper-product .swiper-slide {
    background: #485760;
    /*background: #fd0;*/
    border-radius: 22px;
    width: 300px;
    height: 540px;
    position: relative
}

neo-component-swiper-product .swiper-button-next, neo-component-swiper-product .swiper-button-prev {
    color: #00b0ac !important
}

@media screen and (width<=560px) {
    neo-component-swiper-product .swiper-button-next, neo-component-swiper-product .swiper-button-prev {
        display: none !important
    }
}

neo-component-swiper-relatedproducts {
    justify-content: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedproducts {
        margin-top: 20px !important;
        margin-bottom: 10px !important
    }
}

neo-component-swiper-relatedproducts .outer-swiper-container {
    width: 100%;
    max-width: 1500px;
    padding: 0 40px;
    position: relative
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedproducts .outer-swiper-container {
        padding: 0 !important
    }
}

neo-component-swiper-relatedproducts .swiper-container {
    width: 100%;
    height: 100%;
    padding: 5px 40px;
    overflow-x: hidden
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedproducts .swiper-container {
        padding: 5px 32px !important
    }
}

neo-component-swiper-relatedproducts .swiper-slide {
    border-radius: 22px;
    width: 300px;
    height: 480px;
    position: relative
}

neo-component-swiper-relatedproducts .swiper-button-next, neo-component-swiper-relatedproducts .swiper-button-prev {
    color: #00b0ac !important
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedproducts .swiper-button-next, neo-component-swiper-relatedproducts .swiper-button-prev {
        display: none !important
    }
}

neo-component-swiper-relatedtires {
    justify-content: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedtires {
        margin-top: 20px !important;
        margin-bottom: 10px !important
    }
}

neo-component-swiper-relatedtires .outer-swiper-container {
    width: 100%;
    max-width: 1500px;
    padding: 0 40px;
    position: relative
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedtires .outer-swiper-container {
        padding: 0 !important
    }
}

neo-component-swiper-relatedtires .swiper-container {
    width: 100%;
    height: 100%;
    padding: 5px 40px;
    overflow-x: hidden
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedtires .swiper-container {
        padding: 5px 32px !important
    }
}

neo-component-swiper-relatedtires .swiper-slide {
    border-radius: 22px;
    width: 300px;
    height: 480px;
    position: relative
}

neo-component-swiper-relatedtires .swiper-button-next, neo-component-swiper-relatedtires .swiper-button-prev {
    color: #00b0ac !important
}

@media screen and (width<=560px) {
    neo-component-swiper-relatedtires .swiper-button-next, neo-component-swiper-relatedtires .swiper-button-prev {
        display: none !important
    }
}

neo-component-tires-list {
    min-height: 100%
}

    neo-component-tires-list .not-found-holder {
        height: 100%
    }

    neo-component-tires-list #not-found-tire {
        fill: #00b0ac;
        width: 150px;
        margin-top: 230px
    }

@media screen and (width<=560px) {
    neo-component-tires-list neo-component-products-card {
        display: none
    }
}

neo-component-tires-list neo-component-products-mobilecard {
    display: none
}

@media screen and (width<=560px) {
    neo-component-tires-list neo-component-products-mobilecard {
        display: block
    }
}

neo-basket-address {
    justify-content: center;
    display: flex
}

@media screen and (width<=560px) {
    neo-basket-address {
        min-height: 150vh
    }
}

neo-basket-address > .container {
    overflow: visible !important
}

    neo-basket-address > .container .hero-head {
        background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
        background-position: 50%;
        background-size: 65%;
        width: 100%;
        height: 150px
    }

@media screen and (width<=1024px) {
    neo-basket-address > .container .hero-head {
        display: none
    }

    neo-basket-address > .container .basketer {
        flex-wrap: wrap;
        margin-top: 40px
    }

    neo-basket-address > .container #basket-items-holder {
        margin-left: 0
    }
}

neo-basket-address > .container > .row .right {
    margin-left: 20px
}

neo-basket-address > .container > .row .box {
    border-radius: 22px;
    min-height: 200px;
    position: relative
}

neo-basket-address > .container .margin-bottom {
    margin-bottom: 20px
}

neo-basket-address > .container .states {
    z-index: 10;
    background-color: #404040d1;
    border-radius: 22px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

    neo-basket-address > .container .states .holder {
        width: 600px
    }

    neo-basket-address > .container .states .selectors {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        display: flex
    }

neo-basket-address > .container .basket-info {
    padding: 0 !important
}

    neo-basket-address > .container .basket-info .main {
        background-color: #fff;
        border-radius: 22px;
        width: 100%;
        padding: 20px 20px 50px
    }

        neo-basket-address > .container .basket-info .main .full-item {
            border-bottom: 1px solid #bcbcbc;
            padding-top: 5px;
            padding-bottom: 5px
        }

            neo-basket-address > .container .basket-info .main .full-item > .row {
                height: 30px
            }

                neo-basket-address > .container .basket-info .main .full-item > .row > .col {
                    justify-content: flex-end;
                    align-items: center;
                    display: flex
                }

                neo-basket-address > .container .basket-info .main .full-item > .row .price {
                    font-family: IRANYekan Bold;
                    font-size: 16px
                }

    neo-basket-address > .container .basket-info.disabled {
        background-color: #bcbcbc
    }

neo-basket-done {
    justify-content: center;
    display: flex
}

    neo-basket-done > .container {
        overflow: visible !important
    }

        neo-basket-done > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-basket-done > .container > .row .right {
            margin-left: 20px
        }

        neo-basket-done > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-basket-done > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-basket-done > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-basket-done > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-basket-done > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-basket-done > .container .done-message.error i, neo-basket-done > .container .done-message.error p {
                color: #d12727
            }

            neo-basket-done > .container .done-message.warning i, neo-basket-done > .container .done-message.warning p {
                color: #f04e23
            }

            neo-basket-done > .container .done-message.success i, neo-basket-done > .container .done-message.success p {
                color: #00b0ac
            }

neo-basket-gateways {
    justify-content: center;
    display: flex
}

@media screen and (width<=760px) {
    neo-basket-gateways .gateways {
        flex-direction: column !important
    }
}

neo-basket-gateways > .container {
    overflow: visible !important
}

    neo-basket-gateways > .container .hero-head {
        background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
        background-position: 50%;
        background-size: 65%;
        width: 100%;
        height: 150px
    }

    neo-basket-gateways > .container > .row .right {
        margin-left: 20px
    }

    neo-basket-gateways > .container > .row .box {
        border-radius: 22px;
        min-height: 200px;
        position: relative
    }

    neo-basket-gateways > .container .margin-bottom {
        margin-bottom: 20px
    }

    neo-basket-gateways > .container .done-message {
        width: 100%;
        min-height: 300px;
        box-shadow: none;
        border-radius: 18px;
        flex-wrap: wrap;
        margin-bottom: 30px;
        padding: 50px;
        display: flex
    }

        neo-basket-gateways > .container .done-message .item {
            cursor: pointer;
            border-radius: 15px;
            padding: 10px
        }

            neo-basket-gateways > .container .done-message .item:hover {
                background-color: #efefef
            }

        neo-basket-gateways > .container .done-message i {
            color: #fff;
            margin-top: 20px;
            margin-bottom: 20px;
            font-size: 50px
        }

        neo-basket-gateways > .container .done-message p {
            text-align: center;
            color: #fff;
            width: 100%;
            font-size: 16px
        }

        neo-basket-gateways > .container .done-message.error i, neo-basket-gateways > .container .done-message.error p {
            color: #d12727
        }

        neo-basket-gateways > .container .done-message.warning i, neo-basket-gateways > .container .done-message.warning p {
            color: #f04e23
        }

        neo-basket-gateways > .container .done-message.success i, neo-basket-gateways > .container .done-message.success p {
            color: #00b0ac
        }

neo-basket-index {
    justify-content: center;
    display: flex
}

    neo-basket-index > .container {
        overflow: visible !important
    }

        neo-basket-index > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

@media screen and (width<=1024px) {
    neo-basket-index > .container .hero-head {
        display: none
    }

    neo-basket-index > .container .basketer {
        flex-wrap: wrap;
        margin-top: 40px
    }

    neo-basket-index > .container #basket-items-holder {
        margin-left: 0
    }
}

neo-basket-index > .container > .row .right {
    margin-left: 20px
}

neo-basket-index > .container > .row .box {
    border-radius: 22px;
    min-height: 200px;
    padding: 20px;
    position: relative
}

neo-basket-index > .container .margin-bottom {
    margin-bottom: 20px
}

neo-basket-index > .container .basket-info {
    padding: 0 !important
}

    neo-basket-index > .container .basket-info .main {
        background-color: #fff;
        border-radius: 22px;
        width: 100%;
        padding: 20px 20px 50px
    }

        neo-basket-index > .container .basket-info .main .full-item {
            border-bottom: 1px solid #bcbcbc;
            padding-top: 5px;
            padding-bottom: 5px
        }

            neo-basket-index > .container .basket-info .main .full-item > .row {
                height: 30px
            }

                neo-basket-index > .container .basket-info .main .full-item > .row > .col {
                    justify-content: flex-end;
                    align-items: center;
                    display: flex
                }

                neo-basket-index > .container .basket-info .main .full-item > .row .price {
                    font-family: IRANYekan Bold;
                    font-size: 16px
                }

    neo-basket-index > .container .basket-info.disabled {
        background-color: #bcbcbc
    }

neo-basket-mycars {
    justify-content: center;
    display: flex
}

    neo-basket-mycars > .container {
        overflow: visible !important
    }

@media screen and (width<=1024px) {
    neo-basket-mycars > .container .hero-head {
        display: none
    }
}

neo-basket-mycars > .container .basketer {
    gap: 20px
}

@media screen and (width<=1024px) {
    neo-basket-mycars > .container .basketer {
        flex-wrap: wrap;
        margin-top: 40px
    }
}

neo-basket-mycars > .container > .row .right {
    margin-left: 20px
}

neo-basket-mycars > .container > .row .box {
    border-radius: 22px;
    min-height: 200px;
    position: relative
}

@media screen and (width<=650px) {
    neo-basket-mycars > .container > .row .box {
        min-height: 260px
    }
}

neo-basket-mycars > .container .margin-bottom {
    margin-bottom: 20px
}

neo-basket-mycars > .container .pelak {
    background-image: url(../public/home/desktop/controllers/basket/mycars/assets/img/Pelak.svg);
    background-position: 50%;
    background-size: 100%;
    width: 250px;
    height: 55px
}

    neo-basket-mycars > .container .pelak p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

        neo-basket-mycars > .container .pelak p.bold {
            font-family: IRANYekan Bold;
            font-size: 20px
        }

neo-basket-mycars > .container .states {
    z-index: 10;
    background-color: #404040d1;
    border-radius: 22px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0
}

    neo-basket-mycars > .container .states .holder {
        width: 600px
    }

    neo-basket-mycars > .container .states .selectors {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        display: flex
    }

neo-basket-mycars > .container .hero-head {
    background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
    background-position: 50%;
    background-size: 65%;
    width: 100%;
    height: 150px
}

neo-basket-mycars > .container .address-item {
    background-color: #dedede;
    justify-content: flex-end;
    height: 200px;
    display: flex
}

    neo-basket-mycars > .container .address-item .margin {
        margin: 5px
    }

    neo-basket-mycars > .container .address-item .in-holder {
        width: calc(100% - 100px);
        height: inherit;
        background-color: #fff;
        border-radius: 18px
    }

@media screen and (width<=650px) {
    neo-basket-mycars > .container .address-item .in-holder {
        min-height: 250px
    }
}

neo-basket-mycars > .container .address-item .in-holder .title {
    color: #005c7c;
    font-weight: 700
}

neo-basket-mycars > .container .address-item .in-holder .cover {
    height: 100%
}

neo-basket-mycars > .container .address-item .fa-map-marker-alt, neo-basket-mycars > .container .address-item .fas, neo-basket-mycars > .container .address-item .icon {
    color: #bcbcbc;
    font-size: 24px
}

neo-basket-mycars > .container .address-item .title-value {
    color: #005c7c;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 700
}

neo-basket-mycars > .container .address-item .top-bottom {
    height: 40px;
    margin: 10px 0
}

neo-basket-mycars > .container .address-item .in-holder-button {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
    display: flex
}

    neo-basket-mycars > .container .address-item .in-holder-button .radio {
        background-color: #fff;
        border: 4px solid #bcbcbc;
        border-radius: 20px;
        width: 20px;
        height: 20px
    }

    neo-basket-mycars > .container .address-item .in-holder-button i {
        display: none
    }

neo-basket-mycars > .container .address-item .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    margin-bottom: 10px
}

neo-basket-mycars > .container .address-item:hover, neo-basket-mycars > .container .address-item.active {
    background-color: #fd0
}

    neo-basket-mycars > .container .address-item.active .in-holder-button .radio {
        display: none
    }

    neo-basket-mycars > .container .address-item.active .in-holder-button i {
        color: #fff;
        font-size: 24px;
        display: block
    }

neo-basket-mycars > .container .basket-info {
    padding: 0 !important
}

    neo-basket-mycars > .container .basket-info .main {
        background-color: #fff;
        border-radius: 22px;
        width: 100%;
        padding: 20px 20px 50px
    }

        neo-basket-mycars > .container .basket-info .main .full-item {
            border-bottom: 1px solid #bcbcbc;
            padding-top: 5px;
            padding-bottom: 5px
        }

            neo-basket-mycars > .container .basket-info .main .full-item > .row {
                height: 30px
            }

                neo-basket-mycars > .container .basket-info .main .full-item > .row > .col {
                    justify-content: flex-end;
                    align-items: center;
                    display: flex
                }

                neo-basket-mycars > .container .basket-info .main .full-item > .row .price {
                    font-family: IRANYekan Bold;
                    font-size: 16px
                }

    neo-basket-mycars > .container .basket-info.disabled {
        background-color: #bcbcbc
    }

neo-basket-payment {
    justify-content: center;
    display: flex
}

    neo-basket-payment > .container {
        overflow: visible !important
    }

        neo-basket-payment > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

@media screen and (width<=1024px) {
    neo-basket-payment > .container .hero-head {
        display: none
    }

    neo-basket-payment > .container .basketer {
        flex-wrap: wrap;
        margin-top: 40px
    }

    neo-basket-payment > .container #basket-items-holder {
        margin-left: 0
    }
}

neo-basket-payment > .container > .row .right {
    margin-left: 20px
}

neo-basket-payment > .container > .row .box {
    border-radius: 22px;
    min-height: 70px;
    padding: 20px;
    position: relative
}

neo-basket-payment > .container .margin-bottom {
    margin-bottom: 20px
}

neo-basket-payment > .container .basket-info {
    padding: 0 !important
}

    neo-basket-payment > .container .basket-info .main {
        background-color: #fff;
        border-radius: 22px;
        width: 100%;
        padding: 20px 20px 50px
    }

        neo-basket-payment > .container .basket-info .main .full-item {
            border-bottom: 1px solid #bcbcbc;
            padding-top: 5px;
            padding-bottom: 5px
        }

            neo-basket-payment > .container .basket-info .main .full-item > .row {
                height: 30px
            }

                neo-basket-payment > .container .basket-info .main .full-item > .row > .col {
                    justify-content: flex-end;
                    align-items: center;
                    display: flex
                }

                neo-basket-payment > .container .basket-info .main .full-item > .row .price {
                    font-family: IRANYekan Bold;
                    font-size: 16px
                }

    neo-basket-payment > .container .basket-info.disabled {
        background-color: #bcbcbc
    }

neo-basket-timesheet {
    justify-content: center;
    display: flex
}

    neo-basket-timesheet > .container {
        overflow: visible !important
    }

        neo-basket-timesheet > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

@media screen and (width<=1024px) {
    neo-basket-timesheet > .container .hero-head {
        display: none
    }

    neo-basket-timesheet > .container .basketer {
        flex-wrap: wrap;
        margin-top: 40px
    }

    neo-basket-timesheet > .container #basket-items-holder {
        margin-left: 0
    }
}

neo-basket-timesheet > .container > .row .right {
    margin-left: 20px
}

neo-basket-timesheet > .container > .row .box {
    border-radius: 22px;
    min-height: 200px;
    padding: 20px;
    position: relative
}

neo-basket-timesheet > .container .margin-bottom {
    margin-bottom: 20px
}

neo-basket-timesheet > .container .basket-info {
    padding: 0 !important
}

    neo-basket-timesheet > .container .basket-info .main {
        background-color: #fff;
        border-radius: 22px;
        width: 100%;
        padding: 20px 20px 50px
    }

        neo-basket-timesheet > .container .basket-info .main .full-item {
            border-bottom: 1px solid #bcbcbc;
            padding-top: 5px;
            padding-bottom: 5px
        }

            neo-basket-timesheet > .container .basket-info .main .full-item > .row {
                height: 30px
            }

                neo-basket-timesheet > .container .basket-info .main .full-item > .row > .col {
                    justify-content: flex-end;
                    align-items: center;
                    display: flex
                }

                neo-basket-timesheet > .container .basket-info .main .full-item > .row .price {
                    font-family: IRANYekan Bold;
                    font-size: 16px
                }

    neo-basket-timesheet > .container .basket-info.disabled {
        background-color: #bcbcbc
    }

neo-blog-index {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-blog-index a {
        color: #000
    }

    neo-blog-index .card-actions a {
        height: auto
    }

@media screen and (width<=750px) {
    neo-blog-index .container .grid-x.grid-padding-x {
        width: 100%
    }

    neo-blog-index #articlesHolder {
        margin: 0
    }

    neo-blog-index neo-component-articles-list {
        margin: 0 !important;
        padding: 0 !important
    }

        neo-blog-index neo-component-articles-list > div {
            padding: 0 !important
        }

    neo-blog-index .search-holder {
        margin-left: 0;
        padding-left: 0 !important
    }

    neo-blog-index .sort-holder {
        padding-left: 0 !important
    }

    neo-blog-index #pagination-holder {
        display: none
    }
}

neo-blog-router {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-blog-router hr, neo-blog-router img {
        max-width: 100%
    }

    neo-blog-router h1, neo-blog-router h2, neo-blog-router h3, neo-blog-router h4, neo-blog-router h5, neo-blog-router h6 {
        line-height: 2
    }

    neo-blog-router a {
        color: #00b0ac
    }

    neo-blog-router p, neo-blog-router span {
        font-family: IRANYekan !important;
        font-size: 15px !important;
        line-height: 2.5 !important
    }

    neo-blog-router .callout {
        padding: 40px
    }

    neo-blog-router .information {
        background-color: #fff;
        border-radius: 22px;
        min-height: 200px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 20px 50px
    }

        neo-blog-router .information .info {
            width: 100%;
            padding: 40px 0 0
        }

            neo-blog-router .information .info .row {
                justify-content: center;
                margin-top: 10px;
                display: flex
            }

            neo-blog-router .information .info .title {
                text-align: right;
                color: #005c7c;
                background-color: #eee;
                border-top-right-radius: 18px;
                border-bottom-right-radius: 18px;
                width: 200px;
                height: 40px;
                margin-left: 10px;
                padding: 5px 10px;
                line-height: 30px
            }

            neo-blog-router .information .info .desc {
                text-align: right;
                color: #000;
                background-color: #f8f8f8;
                border-top-left-radius: 18px;
                border-bottom-left-radius: 18px;
                width: 100%;
                height: 40px;
                padding: 5px 10px;
                line-height: 30px
            }

                neo-blog-router .information .info .desc a {
                    color: #000
                }

                    neo-blog-router .information .info .desc a:hover {
                        color: #00b0ac
                    }

@media screen and (width<=560px) {
    neo-blog-router .information .info .desc {
        overflow: hidden
    }
}

neo-blog-router .information .comment {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0
}

    neo-blog-router .information .comment .icon-comment {
        color: #005c7c;
        font-size: 120px;
        height: .8em !important
    }

@media screen and (width<=560px) {
    neo-blog-router .information .comment > .flex {
        flex-direction: column;
        align-items: center
    }
}

neo-blog-router .information .comment .margin-left {
    margin-right: 50px
}

@media screen and (width<=560px) {
    neo-blog-router .information .comment .margin-remove {
        margin-right: 0
    }
}

neo-blog-router .information .comment .justify-remove {
    justify-content: center
}

neo-blog-router .information .comment .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

neo-blog-router .information .comment .title {
    color: #005c7c;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

neo-blog-router .information .reply {
    background-color: #eee;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    padding: 20px
}

neo-blog-router .flexible-article-content ul {
    margin: auto 40px auto auto;
    list-style: outside
}

    neo-blog-router .flexible-article-content ul li {
        margin: auto;
        line-height: 2.5;
        list-style: outside
    }

@media screen and (width<=560px) {
    neo-blog-router .flexible-article-content ul li {
        margin-right: auto !important
    }
}

neo-brands-router {
    justify-content: center;
    display: flex
}

    neo-brands-router > .container {
        overflow: visible !important
    }

        neo-brands-router > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-brands-router > .container .mobile-filters > i {
                color: #005c7c;
                font-size: 20px;
                position: absolute;
                top: 10px;
                left: 10px
            }

        neo-brands-router > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 75%;
            width: 100%;
            height: 200px;
            position: absolute;
            top: 0
        }

        neo-brands-router > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-brands-router > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-brands-router > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-brands-router > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-brands-router > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-brands-router > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-brands-router > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-brands-router > .container .search-holder > .select {
        display: none
    }
}

neo-brands-router > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-brands-router > .container .search-holder > .inventory {
        display: none
    }
}

neo-brands-router > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-brands-router > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-brands-router > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-brands-router > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-brands-router > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-brands-router > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-brands-router > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-brands-router > .container .list-holder {
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    display: flex
}

@media screen and (width<=560px) {
    neo-brands-router > .container .list-holder {
        flex-wrap: wrap
    }
}

neo-brands-router > .container .list-holder .filters {
    background-color: #fff;
    border-radius: 22px;
    width: 350px;
    min-height: 200px;
    padding: 20px
}

@media screen and (width<=560px) {
    neo-brands-router > .container .list-holder .filters {
        width: 100%
    }
}

neo-brands-router > .container .list-holder .filters > img {
    width: 100%;
    margin-bottom: 40px
}

@media screen and (width<=560px) {
    neo-brands-router > .container .list-holder .filters {
        display: block
    }
}

neo-brands-router > .container .list-holder .filters > .row {
    margin-bottom: 15px
}

neo-brands-router > .container .list-holder .filters .text {
    color: #005c7c;
    font-size: 13px;
    font-weight: 700
}

neo-brands-router > .container .list-holder .filters > .description {
    text-align: right;
    height: 100px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 2;
    overflow: hidden;
    font-family: IRANSans !important
}

    neo-brands-router > .container .list-holder .filters > .description span, neo-brands-router > .container .list-holder .filters > .description p {
        font-family: IRANSans !important;
        font-size: 14px !important
    }

    neo-brands-router > .container .list-holder .filters > .description a {
        color: #204558 !important;
        font-family: IRANSans !important
    }

    neo-brands-router > .container .list-holder .filters > .description.more {
        height: auto
    }

neo-brands-router > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-brands-router > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-brands-router > .container .list-holder .filters > .title h2, neo-brands-router > .container .list-holder .filters > .title h1 {
        color: #005c7c;
        margin-right: 5px;
        font-size: 14px
    }

neo-brands-router > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-brands-router > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-brands-router > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-brands-router > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-brands-router > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-brands-router > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 500px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-brands-router > .container .list-holder neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-brands-router > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-brands-router > .container .list-holder .list {
        width: 100%;
        margin-top: 20px
    }
}

@media screen and (width<=768px) {
    neo-brands-router > .container .list-holder .list {
        justify-content: center
    }
}

neo-brands-router > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-brands-router > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-brands-router > .container .list-holder .list > li {
        width: 190px
    }
}

neo-brands-router > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: calc(100% - 370px);
    margin-right: 370px;
    display: flex
}

@media screen and (width<=560px) {
    neo-brands-router > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-cars-index {
    justify-content: center;
    display: flex
}

    neo-cars-index neo-component-cars-list {
        grid-gap: 20px;
        grid-template-columns: repeat(auto-fit,minmax(305px,320px));
        grid-auto-flow: row;
        place-content: center;
        justify-items: center;
        width: 100%;
        margin-top: 50px;
        display: grid
    }

    neo-cars-index > .container {
        overflow: visible !important
    }

        neo-cars-index > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 75%;
            width: 100%;
            height: 200px;
            position: absolute;
            top: 0
        }

        neo-cars-index > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-cars-index > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: 100%;
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-cars-index > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-cars-index > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-cars-index > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-cars-index > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-cars-index > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-cars-index > .container .search-holder > .select {
        display: none
    }
}

neo-cars-index > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-cars-index > .container .search-holder > .inventory {
        display: none
    }
}

neo-cars-index > .container .list-holder {
    width: 100%
}

@media screen and (width<=674px) {
    neo-cars-index > .container .list-holder {
        margin-top: 20px
    }
}

neo-cars-index > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-cars-index > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-cars-router {
    justify-content: center;
    display: flex
}

    neo-cars-router > .container {
        overflow: visible !important
    }

        neo-cars-router > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-cars-router > .container .mobile-filters > i {
                color: #005c7c;
                font-size: 20px;
                position: absolute;
                top: 10px;
                left: 10px
            }

        neo-cars-router > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 75%;
            width: 100%;
            height: 200px;
            position: absolute;
            top: 0
        }

        neo-cars-router > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-cars-router > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-cars-router > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-cars-router > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-cars-router > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-cars-router > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-cars-router > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-cars-router > .container .search-holder > .select {
        display: none
    }
}

neo-cars-router > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-cars-router > .container .search-holder > .inventory {
        display: none
    }
}

neo-cars-router > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-cars-router > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-cars-router > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-cars-router > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-cars-router > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-cars-router > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-cars-router > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-cars-router > .container .list-holder {
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    display: flex
}

@media screen and (width>=560px) {
    neo-cars-router > .container .list-holder {
        flex-direction: column-reverse
    }
}

@media screen and (width<=560px) {
    neo-cars-router > .container .list-holder {
        flex-wrap: wrap
    }
}

neo-cars-router > .container .list-holder .filters {
    background-color: #fff;
    border-radius: 22px;
    width: 100%;
    min-height: 200px;
    padding: 20px
}

    neo-cars-router > .container .list-holder .filters > .car-cover {
        border-radius: 22px;
        justify-content: center;
        width: 100%;
        display: flex;
        overflow: hidden
    }

        neo-cars-router > .container .list-holder .filters > .car-cover > div {
            aspect-ratio: 1.6;
            max-width: 800px
        }

            neo-cars-router > .container .list-holder .filters > .car-cover > div > img {
                object-fit: cover;
                width: 100%;
                display: block
            }

@media screen and (width<=560px) {
    neo-cars-router > .container .list-holder .filters {
        display: block
    }
}

neo-cars-router > .container .list-holder .filters > .row {
    margin-bottom: 15px
}

neo-cars-router > .container .list-holder .filters .text {
    color: #005c7c;
    font-size: 13px;
    font-weight: 700
}

neo-cars-router > .container .list-holder .filters > .description * {
    font-family: IRANYekan !important
}

neo-cars-router > .container .list-holder .filters > .description {
    text-align: justify;
    margin-top: 15px;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    color: #959595 !important
}

    neo-cars-router > .container .list-holder .filters > .description h2 {
        color: #005c7c;
        font-size: 20px !important;
        font-weight: 700 !important
    }

    neo-cars-router > .container .list-holder .filters > .description h3 {
        color: #007aa0;
        font-size: 16px !important;
        font-weight: 700 !important
    }

        neo-cars-router > .container .list-holder .filters > .description h1 *, neo-cars-router > .container .list-holder .filters > .description h2 *, neo-cars-router > .container .list-holder .filters > .description h3 * {
            font-size: inherit !important;
            font-weight: inherit !important;
            color: inherit !important;
            font-family: inherit !important
        }

    neo-cars-router > .container .list-holder .filters > .description p * {
        color: #0a0a0a;
        font-weight: 400;
        font-size: 16px !important
    }

    neo-cars-router > .container .list-holder .filters > .description a * {
        text-decoration: none;
        color: #00f !important;
        font-weight: 700 !important
    }

neo-cars-router > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-cars-router > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-cars-router > .container .list-holder .filters > .title h1 {
        color: #005c7c !important;
        margin-right: 5px !important;
        font-size: 22px !important;
        font-weight: 700 !important
    }

neo-cars-router > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-cars-router > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-cars-router > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-cars-router > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start center;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-cars-router > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-cars-router > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 500px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-cars-router > .container .list-holder neo-component-tires-list > li {
        width: 100% !important;
        height: 285px !important
    }
}

neo-cars-router > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: center;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-cars-router > .container .list-holder .list {
        width: 100%;
        margin-top: 20px
    }
}

@media screen and (width<=768px) {
    neo-cars-router > .container .list-holder .list {
        justify-content: center
    }
}

neo-cars-router > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-cars-router > .container .list-holder .list > li {
        width: 100% !important
    }
}

neo-cars-router > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-cars-router > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-contact-index {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-contact-index a {
        color: #000
    }

    neo-contact-index .contact-description {
        line-height: 2
    }

neo-cuttly-index {
    justify-content: center;
    display: flex
}

    neo-cuttly-index > .container {
        overflow: visible !important
    }

        neo-cuttly-index > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-cuttly-index > .container > .row .right {
            margin-left: 20px
        }

        neo-cuttly-index > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-cuttly-index > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-cuttly-index > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-cuttly-index > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-cuttly-index > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-cuttly-index > .container .done-message.error i, neo-cuttly-index > .container .done-message.error p {
                color: #d12727
            }

            neo-cuttly-index > .container .done-message.warning i, neo-cuttly-index > .container .done-message.warning p {
                color: #f04e23
            }

            neo-cuttly-index > .container .done-message.success i, neo-cuttly-index > .container .done-message.success p {
                color: #00b0ac
            }

neo-faq-index {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-faq-index .faq-container ul.accordion li.accordion-item.is-active a.accordion-title {
        background-color: #005c7c
    }

    neo-faq-index .tabs-title a {
        justify-content: start;
        align-items: center;
        display: flex
    }

        neo-faq-index .tabs-title a i {
            margin-left: 10px;
            font-size: 24px
        }

    neo-faq-index a {
        color: #000
    }

neo-index-index {
    flex-wrap: wrap;
    justify-content: center;
    display: flex
}

    neo-index-index .top-mobile {
        display: none !important
    }

@media screen and (width<=560px) {
    neo-index-index .top-mobile {
        display: flex !important
    }
}

neo-index-index > .hero {
    flex-wrap: wrap;
    place-content: flex-start center;
    align-items: flex-start;
    width: 100%;
    height: 780px;
    display: flex;
    position: relative
}

@media screen and (width<=560px) {
    neo-index-index > .hero {
        height: 661px
    }
}

neo-index-index > .hero > .holder {
    z-index: 1;
    justify-content: center;
    width: 100%;
    height: 780px;
    display: flex;
    position: relative
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .holder {
        height: 0
    }
}

neo-index-index > .hero > .holder div.layers {
    width: 100%;
    height: inherit;
    position: relative;
    margin-top: 0 !important
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .holder div.layers {
        display: none
    }
}

neo-index-index > .hero > .holder div.layers img {
    width: 100%;
    height: inherit;
    z-index: 1;
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    position: absolute
}

neo-index-index > .hero > .holder .header-title {
    z-index: 2;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 90%;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 570px
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .holder .header-title {
        background-size: 150%;
        height: 350px;
        top: 750px
    }

    neo-index-index > .hero > .holder .container.hero-mobile {
        height: 700px
    }
}

neo-index-index > .hero > .holder .container.hero-mobile > .helper {
    cursor: pointer;
    flex: 1
}

neo-index-index > .hero > .holder .middle-layer {
    z-index: 3;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    width: 100%;
    height: 760px;
    position: absolute
}

@media screen and (width<=1366px) {
    neo-index-index > .hero > .holder .middle-layer {
        background-size: 100%
    }
}

@media screen and (width<=1024px) {
    neo-index-index > .hero > .holder .middle-layer {
        background-position: 35%;
        background-size: 140%
    }
}

@media screen and (width<=865px) {
    neo-index-index > .hero > .holder .middle-layer {
        background-position: 40%;
        background-size: 140%
    }
}

@media screen and (width<=768px) {
    neo-index-index > .hero > .holder .middle-layer {
        background-position: 100% 60%;
        background-size: 110%
    }
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .holder .middle-layer {
        background-position: 15% 60%;
        background-size: 250%;
        display: none
    }
}

neo-index-index > .hero > .holder > .container {
    z-index: 4;
    position: absolute;
    top: 4.5rem;
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .holder > .container {
        top: 0
    }
}

neo-index-index > .hero > .holder > .container ul.stocks {
    place-content: flex-end space-between;
    align-items: flex-end;
    min-height: 200px;
    display: flex;
    margin-top: 0 !important
}

    neo-index-index > .hero > .holder > .container ul.stocks > li:first-child {
        /*width: 520px;*/
        width: 460px;
        height: 680px
    }

@media screen and (width<=1024px) {
    neo-index-index > .hero > .holder > .container ul.stocks > li:first-child {
        width: 460px
    }
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .holder > .container ul.stocks > li:first-child {
        /* width: 100%;*/
        width: 440px;
        top: 600px
    }
}
@media screen and (width<=460px) {
    neo-index-index > .hero > .holder > .container ul.stocks > li:first-child {
        /* width: 100%;*/
        width: 360px;
        top: 600px
    }
}
neo-index-index > .hero > .ribbon {
    background-color: #fd0;
    width: 100%;
    height: 70px;
    position: absolute;
    top: 500px
}

@media screen and (width<=560px) {
    neo-index-index > .hero > .ribbon {
        display: none
    }
}

neo-index-index .products {
    place-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    margin-top: 20px !important
}

@media screen and (width<=560px) {
    neo-index-index .products {
        justify-content: flex-end;
        margin-top: 0 !important
    }
}

@media screen and (width<=346px) {
    neo-index-index .products {
        width: 100% !important
    }
}

neo-index-index .products > li {
    background-color: #fd0;
    border-radius: 22px;
    width: 300px;
    height: 540px;
    margin: 20px;
    display: inline-block;
    position: relative
}

@media screen and (width<=560px) {
    neo-index-index .products > li {
        margin-bottom: 10px !important
    }
}

@media screen and (width<=340px) {
    neo-index-index .products > li {
        margin-left: 16px !important;
        margin-right: 18px !important
    }
}

@media screen and (width<=330px) {
    neo-index-index .products > li {
        margin-left: 13px !important;
        margin-right: 15px !important
    }
}

@media screen and (width<=320px) {
    neo-index-index .products > li {
        margin-left: 7px !important;
        margin-right: 8px !important
    }
}

neo-index-index .products > li > * {
    color: #005c7c
}

neo-index-index .sliders {
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    display: flex
}

@media screen and (width<=560px) {
    neo-index-index .sliders {
        margin-top: 0
    }
}

@media screen and (width<=768px) {
    neo-index-index .sliders {
        flex-wrap: wrap
    }
}

neo-index-index .sliders > .slide {
    box-sizing: border-box
}

@media screen and (width<=768px) {
    neo-index-index .sliders > .slide {
        margin-bottom: 20px
    }
}

neo-index-index .sliders > .slide:first-child {
    margin-left: 20px
}

@media screen and (width<=768px) {
    neo-index-index .sliders > .slide:first-child {
        margin-left: 0
    }
}

neo-index-index .sliders > .slide > .bg {
    text-align: center;
    background-color: #fd0;
    border-radius: 22px
}

    neo-index-index .sliders > .slide > .bg.bottom-padding {
        padding-bottom: 10px
    }

    neo-index-index .sliders > .slide > .bg > .link {
        place-content: center;
        align-items: center;
        width: 100%;
        height: 40px;
        display: flex
    }

        neo-index-index .sliders > .slide > .bg > .link > a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            font-size: 14px
        }

@media print {
    neo-component-header, neo-component-footer, ._hj_feedback_container, #raychat_main, #najva-bell {
        display: none
    }

    .print-container {
        padding: 0 30px 40px
    }

    .date-print {
        display: none
    }
}

neo-invoices-get .print-container {
    background-color: #fff;
    width: 98%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 30px
}

    neo-invoices-get .print-container .date {
        justify-content: flex-end;
        display: flex
    }

        neo-invoices-get .print-container .date .item-1 {
            flex-direction: column;
            gap: 10px;
            display: flex
        }

    neo-invoices-get .print-container .header {
        justify-content: space-between;
        padding-top: 70px;
        display: flex
    }

        neo-invoices-get .print-container .header .right {
            flex-direction: column;
            gap: 10px;
            display: flex
        }

            neo-invoices-get .print-container .header .right > * {
                font-weight: 700
            }

            neo-invoices-get .print-container .header .right .item-1 {
                font-size: 13px
            }

        neo-invoices-get .print-container .header .left {
            flex-direction: column;
            align-self: flex-end;
            gap: 10px;
            display: flex
        }

            neo-invoices-get .print-container .header .left > * {
                font-weight: 700
            }

    neo-invoices-get .print-container .seller {
        border: 1px solid #afafaf;
        border-radius: 14px;
        margin-top: 30px;
        display: flex;
        overflow: hidden
    }

        neo-invoices-get .print-container .seller .title {
            align-self: stretch;
            width: 30px;
            position: relative;
            background-color: #cbcbcb !important
        }

            neo-invoices-get .print-container .seller .title > span {
                height: 30px;
                font-weight: 700;
                display: block;
                position: absolute;
                transform: rotate(90deg)
            }

            neo-invoices-get .print-container .seller .title .seller-title {
                width: 102px;
                bottom: 37%;
                right: -28px
            }

            neo-invoices-get .print-container .seller .title .purchaser-title {
                width: 122px;
                bottom: 50%;
                right: -38px
            }

        neo-invoices-get .print-container .seller .properties {
            flex-direction: column;
            flex-grow: 1;
            justify-content: center;
            gap: 15px;
            padding: 25px 10px;
            display: flex
        }

            neo-invoices-get .print-container .seller .properties > * {
                justify-content: space-between;
                display: flex
            }

    neo-invoices-get .print-container .product-table {
        border: 1px solid #afafaf;
        border-radius: 14px;
        margin-top: 5px;
        overflow: hidden
    }

        neo-invoices-get .print-container .product-table .head {
            align-items: stretch;
            min-height: 40px;
            font-weight: 700;
            display: flex;
            background-color: #cbcbcb !important
        }

            neo-invoices-get .print-container .product-table .head > div {
                border-left: 1px solid #afafaf;
                justify-content: center;
                align-items: center;
                display: flex
            }

        neo-invoices-get .print-container .product-table .body {
            align-items: stretch;
            min-height: 40px;
            display: flex
        }

            neo-invoices-get .print-container .product-table .body > div {
                border-left: 1px solid #afafaf;
                justify-content: center;
                align-items: center;
                display: flex
            }

        neo-invoices-get .print-container .product-table .tire div:first-child {
            width: 5%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(2) {
            width: 7%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(3) {
            width: 32%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(4) {
            width: 10%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(5) {
            width: 7%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(6) {
            width: 8%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(7) {
            width: 5%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(8), neo-invoices-get .print-container .product-table .tire div:nth-child(9) {
            width: 13%
        }

        neo-invoices-get .print-container .product-table .tire div:nth-child(10) {
            border-left: none;
            width: 13%
        }

        neo-invoices-get .print-container .product-table .product div:first-child {
            width: 5%
        }

        neo-invoices-get .print-container .product-table .product div:nth-child(2) {
            width: 7%
        }

        neo-invoices-get .print-container .product-table .product div:nth-child(3) {
            width: 32%
        }

        neo-invoices-get .print-container .product-table .product div:nth-child(4) {
            width: 10%
        }

        neo-invoices-get .print-container .product-table .product div:nth-child(5) {
            width: 18%
        }

        neo-invoices-get .print-container .product-table .product div:nth-child(6) {
            width: 8%
        }

        neo-invoices-get .print-container .product-table .product div:nth-child(7) {
            border-left: none;
            width: 20%
        }

        neo-invoices-get .print-container .product-table .car-props div:first-child {
            width: 5%
        }

        neo-invoices-get .print-container .product-table .car-props div:nth-child(2) {
            width: 7%
        }

        neo-invoices-get .print-container .product-table .car-props div:nth-child(3) {
            width: 20%
        }

        neo-invoices-get .print-container .product-table .car-props div:nth-child(4) {
            width: 32%
        }

        neo-invoices-get .print-container .product-table .car-props div:nth-child(5) {
            border-left: none;
            width: 36%
        }

    neo-invoices-get .print-container .total {
        justify-content: space-between;
        gap: 10px;
        margin-top: 5px;
        display: flex
    }

        neo-invoices-get .print-container .total .car-properties {
            flex-direction: column;
            display: flex
        }

            neo-invoices-get .print-container .total .car-properties > .car-head, neo-invoices-get .print-container .total .car-properties .car-body {
                display: flex
            }

                neo-invoices-get .print-container .total .car-properties > .car-head > div, neo-invoices-get .print-container .total .car-properties .car-body > div {
                    text-align: center;
                    flex-grow: 1
                }

        neo-invoices-get .print-container .total > .wrapper-box {
            border: 1px solid #afafaf;
            border-radius: 14px;
            flex-direction: column;
            gap: 10px;
            width: 300px;
            padding: 10px 0;
            display: flex
        }

            neo-invoices-get .print-container .total > .wrapper-box > .item {
                gap: 5px;
                display: flex
            }

                neo-invoices-get .print-container .total > .wrapper-box > .item .right {
                    justify-content: flex-end;
                    align-items: center;
                    width: 34%;
                    display: flex
                }

                neo-invoices-get .print-container .total > .wrapper-box > .item .left {
                    flex-grow: 1;
                    justify-content: flex-start;
                    align-items: center;
                    padding-right: 65px;
                    display: flex
                }

    neo-invoices-get .print-container .pay {
        justify-content: flex-end;
        margin-top: 5px;
        display: flex
    }

        neo-invoices-get .print-container .pay .pay-button {
            border-radius: 7px;
            justify-content: center;
            align-items: center;
            width: 300px;
            height: 50px;
            display: flex;
            position: relative;
            background-color: #0a0a0a !important
        }

            neo-invoices-get .print-container .pay .pay-button > span {
                z-index: 100;
                position: absolute;
                color: #fff !important
            }

            neo-invoices-get .print-container .pay .pay-button .pay-button-bg {
                width: 100%;
                height: 100%
            }

    neo-invoices-get .print-container .car {
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
        display: flex
    }

        neo-invoices-get .print-container .car .plaque-container {
            align-items: center;
            gap: 5px;
            display: flex
        }

            neo-invoices-get .print-container .car .plaque-container .plaque {
                border: 1px solid #000;
                border-radius: 7px;
                width: 310px;
                height: 60px;
                font-size: 18px;
                font-weight: 700;
                display: flex
            }

                neo-invoices-get .print-container .car .plaque-container .plaque .code {
                    border-left: 1px solid #000;
                    flex-direction: column;
                    align-items: center;
                    gap: 7px;
                    min-width: 60px;
                    padding: 5px 0;
                    display: flex
                }

                neo-invoices-get .print-container .car .plaque-container .plaque .full-code {
                    flex-grow: 1;
                    justify-content: center;
                    align-items: center;
                    font-weight: 700;
                    display: flex
                }

    neo-invoices-get .print-container .sign {
        justify-content: space-between;
        margin-top: 20px;
        display: flex
    }

        neo-invoices-get .print-container .sign > div:last-child {
            position: relative;
            left: 80px
        }

        neo-invoices-get .print-container .sign .signiture {
            flex-direction: column;
            gap: 10px;
            display: flex
        }

    neo-invoices-get .print-container .bijak {
        border: 1px solid #afafaf;
        border-radius: 14px;
        flex-direction: column;
        gap: 20px;
        padding: 0 20px 40px;
        display: flex;
        overflow: hidden
    }

        neo-invoices-get .print-container .bijak .bijak-title {
            justify-content: center;
            display: flex
        }

        neo-invoices-get .print-container .bijak .bijak-header {
            justify-content: space-between;
            font-weight: 700;
            display: flex
        }

        neo-invoices-get .print-container .bijak .product-table {
            border: 1px solid #afafaf;
            border-radius: 14px;
            margin-top: 5px;
            overflow: hidden
        }

            neo-invoices-get .print-container .bijak .product-table .head {
                border-bottom: 1px solid #afafaf;
                align-items: stretch;
                min-height: 40px;
                font-weight: 700;
                display: flex;
                background-color: #cbcbcb !important
            }

                neo-invoices-get .print-container .bijak .product-table .head > div {
                    border-left: 1px solid #afafaf;
                    justify-content: center;
                    align-items: center;
                    display: flex
                }

                neo-invoices-get .print-container .bijak .product-table .head div:first-child {
                    width: 5%
                }

                neo-invoices-get .print-container .bijak .product-table .head div:nth-child(2) {
                    width: 7%
                }

                neo-invoices-get .print-container .bijak .product-table .head div:nth-child(3) {
                    width: 71%
                }

                neo-invoices-get .print-container .bijak .product-table .head div:nth-child(4) {
                    width: 10%
                }

                neo-invoices-get .print-container .bijak .product-table .head div:nth-child(5) {
                    border-left: none;
                    width: 7%
                }

            neo-invoices-get .print-container .bijak .product-table .body {
                align-items: stretch;
                min-height: 40px;
                display: flex
            }

                neo-invoices-get .print-container .bijak .product-table .body > div {
                    border-left: 1px solid #afafaf;
                    justify-content: center;
                    align-items: center;
                    display: flex
                }

                neo-invoices-get .print-container .bijak .product-table .body div:first-child {
                    width: 5%
                }

                neo-invoices-get .print-container .bijak .product-table .body div:nth-child(2) {
                    width: 7%
                }

                neo-invoices-get .print-container .bijak .product-table .body div:nth-child(3) {
                    width: 71%
                }

                neo-invoices-get .print-container .bijak .product-table .body div:nth-child(4) {
                    width: 10%
                }

                neo-invoices-get .print-container .bijak .product-table .body div:nth-child(5) {
                    border-left: none;
                    width: 7%
                }

        neo-invoices-get .print-container .bijak .item-2 {
            justify-content: space-between;
            display: flex
        }

    neo-invoices-get .print-container .post {
        flex-direction: column;
        gap: 35px;
        display: flex
    }

    neo-invoices-get .print-container .postbarcode {
        flex-direction: column;
        align-items: center;
        gap: 35px;
        display: flex
    }

        neo-invoices-get .print-container .postbarcode .border {
            white-space: nowrap;
            border: 1px solid #000;
            border-radius: 5px;
            padding: 3px 5px;
            overflow: hidden
        }

        neo-invoices-get .print-container .postbarcode .postbarcode__item {
            width: 300px;
            height: 290px;
            padding: 10px
        }

            neo-invoices-get .print-container .postbarcode .postbarcode__item .postbarcode__item-header {
                display: flex
            }

            neo-invoices-get .print-container .postbarcode .postbarcode__item .postbarcode__item-body {
                flex-direction: column;
                gap: 5px;
                display: flex
            }

                neo-invoices-get .print-container .postbarcode .postbarcode__item .postbarcode__item-body .postbarcode__item-body-top {
                    gap: 5px;
                    display: flex
                }

                neo-invoices-get .print-container .postbarcode .postbarcode__item .postbarcode__item-body .postbarcode__item-body-bottom {
                    flex-direction: column;
                    gap: 5px;
                    display: flex
                }

            neo-invoices-get .print-container .postbarcode .postbarcode__item .postbarcode__item-barcode .barcode {
                height: 100px;
                width: 100% !important
            }

        neo-invoices-get .print-container .postbarcode #barcode {
            width: 360px !important;
            height: 110px !important
        }

neo-news-index {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-news-index a {
        color: #000
    }

    neo-news-index .orbit-container {
        height: 180px
    }

    neo-news-index .card-actions a {
        height: auto
    }

    neo-news-index #newHolderList {
        margin-right: 0
    }

@media screen and (width<=750px) {
    neo-news-index .container .grid-x.grid-padding-x {
        width: 100%
    }

    neo-news-index #newHolderList {
        margin: 0
    }

    neo-news-index neo-component-news-list {
        margin: 0 !important;
        padding: 0 !important
    }

        neo-news-index neo-component-news-list > div {
            padding: 0 !important
        }

    neo-news-index .search-holder {
        margin-left: 0;
        padding-left: 0 !important
    }

    neo-news-index .sort-holder {
        padding-left: 0 !important
    }

    neo-news-index #pagination-holder {
        display: none
    }
}

neo-news-router {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-news-router hr, neo-news-router img {
        max-width: 100%
    }

    neo-news-router a {
        color: #00b0ac
    }

    neo-news-router p, neo-news-router span {
        font-family: IRANYekan !important;
        font-size: 15px !important;
        line-height: 2.5 !important
    }

@media screen and (width<=560px) {
    neo-news-router .search-bar-container {
        display: block !important
    }
}

neo-news-router .information {
    background-color: #fff;
    border-radius: 22px;
    min-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 50px
}

    neo-news-router .information .info {
        width: 100%;
        padding: 40px 0 0
    }

        neo-news-router .information .info .row {
            justify-content: center;
            margin-top: 10px;
            display: flex
        }

        neo-news-router .information .info .title {
            text-align: right;
            color: #005c7c;
            background-color: #eee;
            border-top-right-radius: 18px;
            border-bottom-right-radius: 18px;
            width: 200px;
            height: 40px;
            margin-left: 10px;
            padding: 5px 10px;
            line-height: 30px
        }

        neo-news-router .information .info .desc {
            text-align: right;
            color: #000;
            background-color: #f8f8f8;
            border-top-left-radius: 18px;
            border-bottom-left-radius: 18px;
            width: 100%;
            height: 40px;
            padding: 5px 10px;
            line-height: 30px
        }

            neo-news-router .information .info .desc a {
                color: #000
            }

                neo-news-router .information .info .desc a:hover {
                    color: #00b0ac
                }

@media screen and (width<=560px) {
    neo-news-router .information .info .desc {
        overflow: hidden
    }
}

neo-news-router .information .comment {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0
}

    neo-news-router .information .comment .icon-comment {
        color: #005c7c;
        font-size: 120px;
        height: .8em !important
    }

@media screen and (width<=560px) {
    neo-news-router .information .comment > .flex {
        flex-direction: column;
        align-items: center
    }
}

neo-news-router .information .comment .margin-left {
    margin-right: 50px
}

@media screen and (width<=560px) {
    neo-news-router .information .comment .margin-remove {
        margin-right: 0
    }
}

neo-news-router .information .comment .justify-remove {
    justify-content: center
}

neo-news-router .information .comment .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

neo-news-router .information .comment .title {
    color: #005c7c;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

neo-news-router .information .reply {
    background-color: #eee;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    padding: 20px
}

neo-pages-router {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-pages-router hr {
        max-width: 100%
    }

    neo-pages-router p, neo-pages-router span {
        font-family: IRANYekan !important;
        font-size: 15px !important;
        line-height: 2.5 !important
    }

    neo-pages-router img {
        max-width: 100%
    }

    neo-pages-router a {
        color: #00b0ac
    }

    neo-pages-router .flexible-article-content {
        line-height: 2
    }

        neo-pages-router .flexible-article-content ul {
            margin: auto 40px auto auto;
            list-style: outside
        }

            neo-pages-router .flexible-article-content ul li {
                margin: auto;
                line-height: 2.5;
                list-style: outside
            }

@media screen and (width<=560px) {
    neo-pages-router .flexible-article-content ul li {
        margin-right: auto !important
    }
}

neo-patterns-router {
    justify-content: center;
    display: flex
}

    neo-patterns-router > .container {
        overflow: visible !important
    }

        neo-patterns-router > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-patterns-router > .container .mobile-filters > i {
                color: #005c7c;
                font-size: 20px;
                position: absolute;
                top: 10px;
                left: 10px
            }

        neo-patterns-router > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 75%;
            width: 100%;
            height: 200px;
            position: absolute;
            top: 0
        }

        neo-patterns-router > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-patterns-router > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-patterns-router > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-patterns-router > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-patterns-router > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-patterns-router > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-patterns-router > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .search-holder > .select {
        display: none
    }
}

neo-patterns-router > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .search-holder > .inventory {
        display: none
    }
}

neo-patterns-router > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-patterns-router > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-patterns-router > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-patterns-router > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-patterns-router > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-patterns-router > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-patterns-router > .container .list-holder {
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    display: flex
}

    neo-patterns-router > .container .list-holder .filters {
        background-color: #fff;
        border-radius: 22px;
        width: 350px;
        min-height: 200px;
        padding: 20px
    }

        neo-patterns-router > .container .list-holder .filters > img {
            width: 100%;
            margin-bottom: 40px
        }

@media screen and (width<=560px) {
    neo-patterns-router > .container .list-holder .filters {
        display: none
    }
}

neo-patterns-router > .container .list-holder .filters > .row {
    margin-bottom: 15px
}

neo-patterns-router > .container .list-holder .filters .text {
    color: #005c7c;
    font-size: 13px;
    font-weight: 700
}

neo-patterns-router > .container .list-holder .filters > .description {
    text-align: right;
    color: #959595;
    margin-top: 15px;
    font-size: 12px;
    font-weight: 700;
    line-height: 2
}

neo-patterns-router > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-patterns-router > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-patterns-router > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-patterns-router > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-patterns-router > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-patterns-router > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-patterns-router > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-patterns-router > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-patterns-router > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .list-holder neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-patterns-router > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-patterns-router > .container .list-holder .list {
        justify-content: center
    }
}

neo-patterns-router > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-patterns-router > .container .list-holder .list > li {
        width: 190px
    }
}

neo-patterns-router > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: calc(100% - 370px);
    margin-right: 370px;
    display: flex
}

@media screen and (width<=560px) {
    neo-patterns-router > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-payment-behpardakht {
    justify-content: center;
    display: flex
}

    neo-payment-behpardakht > .container {
        overflow: visible !important
    }

        neo-payment-behpardakht > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-behpardakht > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-behpardakht > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-behpardakht > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-behpardakht > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-behpardakht > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-behpardakht > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-behpardakht > .container .done-message.error i, neo-payment-behpardakht > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-behpardakht > .container .done-message.warning i, neo-payment-behpardakht > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-behpardakht > .container .done-message.success i, neo-payment-behpardakht > .container .done-message.success p {
                color: #00b0ac
            }

neo-payment-irankish {
    justify-content: center;
    display: flex
}

    neo-payment-irankish > .container {
        overflow: visible !important
    }

        neo-payment-irankish > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-irankish > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-irankish > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-irankish > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-irankish > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-irankish > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-irankish > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-irankish > .container .done-message.error i, neo-payment-irankish > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-irankish > .container .done-message.warning i, neo-payment-irankish > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-irankish > .container .done-message.success i, neo-payment-irankish > .container .done-message.success p {
                color: #00b0ac
            }

neo-payment-mellat {
    justify-content: center;
    display: flex
}

    neo-payment-mellat > .container {
        overflow: visible !important
    }

        neo-payment-mellat > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-mellat > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-mellat > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-mellat > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-mellat > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-mellat > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-mellat > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-mellat > .container .done-message.error i, neo-payment-mellat > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-mellat > .container .done-message.warning i, neo-payment-mellat > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-mellat > .container .done-message.success i, neo-payment-mellat > .container .done-message.success p {
                color: #00b0ac
            }

neo-payment-ozone {
    justify-content: center;
    display: flex
}

    neo-payment-ozone > .container {
        overflow: visible !important
    }

        neo-payment-ozone > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-ozone > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-ozone > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-ozone > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-ozone > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-ozone > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-ozone > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-ozone > .container .done-message.error i, neo-payment-ozone > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-ozone > .container .done-message.warning i, neo-payment-ozone > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-ozone > .container .done-message.success i, neo-payment-ozone > .container .done-message.success p {
                color: #00b0ac
            }

neo-payment-pasargad {
    justify-content: center;
    display: flex
}

    neo-payment-pasargad > .container {
        overflow: visible !important
    }

        neo-payment-pasargad > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-pasargad > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-pasargad > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-pasargad > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-pasargad > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-pasargad > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-pasargad > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-pasargad > .container .done-message.error i, neo-payment-pasargad > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-pasargad > .container .done-message.warning i, neo-payment-pasargad > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-pasargad > .container .done-message.success i, neo-payment-pasargad > .container .done-message.success p {
                color: #00b0ac
            }

neo-payment-samankish {
    justify-content: center;
    display: flex
}

    neo-payment-samankish > .container {
        overflow: visible !important
    }

        neo-payment-samankish > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-samankish > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-samankish > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-samankish > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-samankish > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-samankish > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-samankish > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-samankish > .container .done-message.error i, neo-payment-samankish > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-samankish > .container .done-message.warning i, neo-payment-samankish > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-samankish > .container .done-message.success i, neo-payment-samankish > .container .done-message.success p {
                color: #00b0ac
            }

neo-payment-snappay {
    justify-content: center;
    display: flex
}

    neo-payment-snappay > .container {
        overflow: visible !important
    }

        neo-payment-snappay > .container .hero-head {
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-size: 65%;
            width: 100%;
            height: 150px
        }

        neo-payment-snappay > .container > .row .right {
            margin-left: 20px
        }

        neo-payment-snappay > .container > .row .box {
            border-radius: 22px;
            min-height: 200px;
            position: relative
        }

        neo-payment-snappay > .container .margin-bottom {
            margin-bottom: 20px
        }

        neo-payment-snappay > .container .done-message {
            background-color: #fff;
            border-radius: 18px;
            flex-wrap: wrap;
            justify-content: center;
            width: 100%;
            min-height: 300px;
            margin-bottom: 30px;
            display: flex
        }

            neo-payment-snappay > .container .done-message i {
                color: #fff;
                margin-top: 20px;
                margin-bottom: 20px;
                font-size: 50px
            }

            neo-payment-snappay > .container .done-message p {
                text-align: center;
                color: #fff;
                width: 100%;
                font-size: 16px
            }

            neo-payment-snappay > .container .done-message.error i, neo-payment-snappay > .container .done-message.error p {
                color: #d12727
            }

            neo-payment-snappay > .container .done-message.warning i, neo-payment-snappay > .container .done-message.warning p {
                color: #f04e23
            }

            neo-payment-snappay > .container .done-message.success i, neo-payment-snappay > .container .done-message.success p {
                color: #00b0ac
            }

neo-products-category {
    justify-content: center;
    display: flex
}

    neo-products-category > .container {
        overflow: visible !important
    }

        neo-products-category > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-products-category > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-products-category > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-products-category > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-products-category > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-products-category > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-products-category > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-products-category > .container .search-holder > .select {
        display: none
    }
}

neo-products-category > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-category > .container .search-holder > .inventory {
        display: none
    }
}

neo-products-category > .container .list-holder {
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-top: 20px;
    display: flex
}

    neo-products-category > .container .list-holder .filters {
        background-color: #fff;
        border-radius: 22px;
        width: 350px;
        min-height: 200px
    }

@media screen and (width<=560px) {
    neo-products-category > .container .list-holder .filters {
        display: none
    }
}

neo-products-category > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-products-category > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-products-category > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-products-category > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-products-category > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-products-category > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-products-category > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-products-category > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-products-category > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-products-category > .container .list-holder neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-products-category > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-category > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-products-category > .container .list-holder .list {
        justify-content: center
    }
}

neo-products-category > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-products-category > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-products-category > .container .list-holder .list > li {
        width: 190px
    }
}

neo-products-category > .container .background-holder {
    z-index: -1;
    background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
    background-position: 50%;
    background-size: 75%;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0
}

neo-products-category > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-category > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-products-category > .container > .details {
    justify-content: space-between;
    display: flex
}

@media screen and (width<=1024px) {
    neo-products-category > .container > .details {
        flex-wrap: wrap
    }
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details .basic-details {
        margin-top: 30px
    }
}

neo-products-category > .container > .details > .item {
    background-color: #fff;
    border-radius: 18px;
    height: 600px;
    position: relative
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item {
        height: auto
    }
}

neo-products-category > .container > .details > .item .options {
    direction: ltr;
    justify-content: center;
    width: 200px;
    height: 40px;
    display: flex;
    position: absolute;
    top: 70px;
    left: 40px
}

@media screen and (width<=1024px) {
    neo-products-category > .container > .details > .item .options {
        top: 40px;
        left: 50%
    }
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item .options {
        top: 20px;
        left: 0
    }
}

neo-products-category > .container > .details > .item .options > li {
    width: 40px;
    height: 40px;
    position: relative
}

    neo-products-category > .container > .details > .item .options > li .list {
        background-color: #005c7c;
        width: 150px;
        height: 100px;
        position: absolute
    }

    neo-products-category > .container > .details > .item .options > li i {
        color: #bcbcbc;
        cursor: pointer;
        font-size: 20px
    }

        neo-products-category > .container > .details > .item .options > li i:hover, neo-products-category > .container > .details > .item .options > li i.active {
            color: #005c7c
        }

neo-products-category > .container > .details > .item .options .list {
    background-color: #005c7c;
    border-radius: 18px;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    display: flex;
    position: absolute;
    top: 30px
}

    neo-products-category > .container > .details > .item .options .list li {
        place-content: center flex-start;
        align-items: center;
        width: 100%;
        height: 35px;
        display: flex
    }

        neo-products-category > .container > .details > .item .options .list li .fa-facebook-square {
            color: #4267b2;
            margin-right: 5px;
            font-size: 25px
        }

        neo-products-category > .container > .details > .item .options .list li .fa-twitter-square {
            color: #1da1f2;
            margin-right: 5px;
            font-size: 25px
        }

    neo-products-category > .container > .details > .item .options .list.hidden {
        display: none
    }

neo-products-category > .container > .details > .item.details-holder {
    margin-left: 10px;
    padding: 50px 30px
}

@media screen and (width<=1024px) {
    neo-products-category > .container > .details > .item.details-holder .compatibility {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.details-holder .compatibility {
        display: block
    }

    neo-products-category > .container > .details > .item.details-holder > .row {
        flex-wrap: wrap
    }
}

@media screen and (width<=1024px) {
    neo-products-category > .container > .details > .item.details-holder {
        margin-left: 0
    }
}

neo-products-category > .container > .details > .item.details-holder .border {
    border-left: 1px solid #bcbcbc;
    margin-left: 30px;
    padding-left: 30px
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.details-holder .border {
        border-bottom: 1px solid #bcbcbc;
        border-left: none;
        margin-left: 0;
        padding-bottom: 30px;
        padding-left: 0
    }
}

neo-products-category > .container > .details > .item.details-holder > div {
    width: 100%;
    height: 100%
}

    neo-products-category > .container > .details > .item.details-holder > div .covers {
        flex-wrap: wrap;
        align-content: space-between;
        width: 350px;
        height: 100%;
        display: flex
    }

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.details-holder > div .covers {
        width: 100%
    }

        neo-products-category > .container > .details > .item.details-holder > div .covers .row {
            justify-content: center
        }
}

neo-products-category > .container > .details > .item.details-holder > div .covers .gap {
    gap: 20px
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.details-holder > div .covers .gap {
        gap: 5px
    }
}

neo-products-category > .container > .details > .item.details-holder > div .covers .cover {
    background-position: 50%;
    background-size: cover;
    width: 350px;
    height: 350px
}

neo-products-category > .container > .details > .item.details-holder > div .covers .cover-item {
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    border: 1px solid #eee;
    border-radius: 22px;
    width: 100px;
    height: 100px
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.details-holder > div .covers .cover-item {
        margin-top: 5px
    }
}

neo-products-category > .container > .details > .item.details-holder .tire-details {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-products-category > .container > .details > .item.details-holder .tire-details > img {
        height: 60px
    }

    neo-products-category > .container > .details > .item.details-holder .tire-details h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: IRANYekan Black;
        line-height: 1.5
    }

        neo-products-category > .container > .details > .item.details-holder .tire-details h1 a {
            color: #000
        }

            neo-products-category > .container > .details > .item.details-holder .tire-details h1 a:hover {
                color: #005c7c
            }

    neo-products-category > .container > .details > .item.details-holder .tire-details .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-products-category > .container > .details > .item.details-holder .tire-details .item .title {
            text-align: right;
            color: #bcbcbc;
            border-left: 1px solid #fd0;
            width: 120px;
            height: 100%;
            font-size: 12px;
            line-height: 35px
        }

        neo-products-category > .container > .details > .item.details-holder .tire-details .item .description {
            text-align: right;
            width: 100%;
            height: 100%;
            padding-right: 10px;
            font-family: IRANYekan Black;
            font-size: 18px;
            font-weight: 700;
            line-height: 35px
        }

            neo-products-category > .container > .details > .item.details-holder .tire-details .item .description a {
                color: #000
            }

                neo-products-category > .container > .details > .item.details-holder .tire-details .item .description a:hover {
                    color: #005c7c
                }

            neo-products-category > .container > .details > .item.details-holder .tire-details .item .description.line-height {
                line-height: 20px
            }

neo-products-category > .container > .details > .item.details-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-products-category > .container > .details > .item.details-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-top: 100px;
        margin-bottom: 10px;
        display: flex
    }

        neo-products-category > .container > .details > .item.details-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-products-category > .container > .details > .item.details-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        place-content: start;
        width: 100%;
        height: calc(100% - 120px);
        margin-top: 10px;
        padding: 10px;
        display: flex;
        overflow-x: hidden
    }

        neo-products-category > .container > .details > .item.details-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-products-category > .container > .details > .item.details-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-products-category > .container > .details > .item.details-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

neo-products-category > .container > .details > .item.point-holder {
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 10px;
    padding: 50px 10px;
    display: flex
}

    neo-products-category > .container > .details > .item.point-holder .euro-label > p {
        text-align: center;
        color: #d12727;
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
        font-size: 15px
    }

    neo-products-category > .container > .details > .item.point-holder .euro-label .l-card {
        background-color: #eee;
        border-radius: 15px;
        width: 100%;
        height: 80px;
        margin: 10px 0
    }

        neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .right {
            text-align: center;
            font-size: 40px;
            font-weight: 700
        }

            neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .right.blue {
                color: #00b0ac
            }

            neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .right.red {
                color: #d12727
            }

            neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .right.primary {
                color: #fd0
            }

            neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .right.basic {
                color: #005c7c
            }

        neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .right, neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .left {
            width: 200px;
            height: 100%
        }

            neo-products-category > .container > .details > .item.point-holder .euro-label .l-card .left img {
                height: 65px;
                margin-left: 20px
            }

@media screen and (width<=1024px) {
    neo-products-category > .container > .details > .item.point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-products-category > .container > .details > .item.point-holder {
        margin-top: 20px
    }
}

neo-products-category > .container > .details > .item.point-holder > .point {
    text-align: center;
    color: #00b0ac;
    width: 100%;
    height: 100px;
    font-family: IRANYekan Black;
    font-size: 50px;
    line-height: 100px
}

neo-products-category > .container > .details > .item.point-holder > .item {
    justify-content: center;
    width: 100%;
    padding: 10px;
    display: flex
}

    neo-products-category > .container > .details > .item.point-holder > .item .title {
        text-align: left;
        color: #005c7c;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700
    }

    neo-products-category > .container > .details > .item.point-holder > .item .progress {
        background-color: #eee;
        border-radius: 7px;
        justify-content: start;
        width: 100%;
        height: 7px;
        margin-top: 3px;
        display: flex
    }

        neo-products-category > .container > .details > .item.point-holder > .item .progress .load {
            width: 80%;
            height: inherit;
            border-radius: 7px
        }

    neo-products-category > .container > .details > .item.point-holder > .item .point {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 700
    }

neo-products-category > .container > .details > .item.point-holder > .dots {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex
}

    neo-products-category > .container > .details > .item.point-holder > .dots > span {
        background-color: #eee;
        width: 100px;
        height: 3px;
        margin: 5px
    }

neo-products-category > .container > .details > .item.point-holder > .price-discount {
    color: #d12727;
    text-align: center;
    width: 100%;
    font-size: 14px
}

    neo-products-category > .container > .details > .item.point-holder > .price-discount span {
        margin: 5px
    }

neo-products-category > .container > .details > .item.point-holder > .price {
    color: #005c7c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

    neo-products-category > .container > .details > .item.point-holder > .price span {
        margin: 5px
    }

        neo-products-category > .container > .details > .item.point-holder > .price span.text {
            color: #bcbcbc;
            font-size: 14px;
            font-weight: lighter
        }

neo-products-category > .container > .details > .item.point-holder > .button-holder {
    margin-top: 10px;
    padding: 0 10px
}

neo-products-category > .container > .details > .item.compatibility-holder {
    padding: 20px;
    display: none
}

@media screen and (width<=1024px) {
    neo-products-category > .container > .details > .item.compatibility-holder {
        width: calc(50% - 10px);
        margin-top: 20px;
        display: block
    }
}

@media screen and (width<=560px) {
    neo-products-category > .container > .details > .item.compatibility-holder {
        display: none
    }
}

neo-products-category > .container > .details > .item.compatibility-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-products-category > .container > .details > .item.compatibility-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-products-category > .container > .details > .item.compatibility-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-products-category > .container > .details > .item.compatibility-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        place-content: start;
        width: 100%;
        height: calc(100% - 120px);
        margin-top: 10px;
        padding: 10px;
        display: flex
    }

        neo-products-category > .container > .details > .item.compatibility-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-products-category > .container > .details > .item.compatibility-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-products-category > .container > .details > .item.compatibility-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

neo-products-category > .container > .information {
    background-color: #fff;
    border-radius: 22px;
    min-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 50px
}

@media screen and (width<=560px) {
    neo-products-category > .container > .information {
        padding: 20px 5px
    }
}

neo-products-category > .container > .information .header .titles {
    justify-content: center;
    width: 100%;
    height: 25px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-category > .container > .information .header .titles {
        padding: 0 15px
    }
}

neo-products-category > .container > .information .header .titles .title {
    width: 170px;
    height: inherit;
    cursor: pointer;
    color: #bcbcbc;
    justify-content: center;
    font-size: 16px;
    display: flex
}

    neo-products-category > .container > .information .header .titles .title i {
        margin-left: 5px
    }

    neo-products-category > .container > .information .header .titles .title > p {
        line-height: 1.3
    }

@media screen and (width<=355px) {
    neo-products-category > .container > .information .header .titles .title > p {
        line-height: 1.3
    }
}

neo-products-category > .container > .information .header .titles .title.active {
    color: #005c7c;
    font-weight: 700
}

neo-products-category > .container > .information .header > .linear {
    background-color: #eee;
    border-radius: 7px;
    justify-content: center;
    width: 100%;
    height: 7px;
    margin-top: 5px;
    display: flex
}

    neo-products-category > .container > .information .header > .linear .holder {
        width: 340px;
        height: 7px;
        position: relative
    }

        neo-products-category > .container > .information .header > .linear .holder span {
            background-color: #fd0;
            border-radius: 7px;
            width: 170px;
            height: 7px;
            position: absolute
        }

neo-products-category > .container > .information .review {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0
}

neo-products-category > .container > .information .info {
    width: 100%;
    padding: 40px 0 0;
    display: none
}

    neo-products-category > .container > .information .info .row {
        justify-content: center;
        margin-top: 10px;
        display: flex
    }

    neo-products-category > .container > .information .info .title {
        text-align: right;
        color: #005c7c;
        background-color: #eee;
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
        width: 200px;
        height: 40px;
        margin-left: 10px;
        padding: 5px 10px;
        line-height: 30px
    }

    neo-products-category > .container > .information .info .desc {
        text-align: right;
        color: #000;
        background-color: #f8f8f8;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        line-height: 30px
    }

        neo-products-category > .container > .information .info .desc a {
            color: #000
        }

            neo-products-category > .container > .information .info .desc a:hover {
                color: #00b0ac
            }

@media screen and (width<=560px) {
    neo-products-category > .container > .information .info .desc {
        overflow: hidden
    }
}

neo-products-category > .container > .information .comment {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0;
    display: none
}

@media screen and (width<=560px) {
    neo-products-category > .container > .information .comment > .flex {
        flex-direction: column;
        align-items: center
    }
}

neo-products-category > .container > .information .comment .icon-comment {
    color: #005c7c;
    font-size: 120px;
    height: .8em !important
}

neo-products-category > .container > .information .comment .margin-left {
    margin-right: 50px
}

@media screen and (width<=560px) {
    neo-products-category > .container > .information .comment .margin-remove {
        margin-right: 0
    }
}

neo-products-category > .container > .information .comment .justify-remove {
    justify-content: center
}

neo-products-category > .container > .information .comment .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

neo-products-category > .container > .information .comment .title {
    color: #005c7c;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

neo-products-category > .container > .information .reply {
    background-color: #eee;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    padding: 20px
}

neo-products-category > .container > .information .review-text a {
    color: #00b0ac
}

    neo-products-category > .container > .information .review-text a:hover {
        color: #1c3b4c
    }

neo-products-category > .container > .information .review-text p {
    margin: 0;
    line-height: 2.5
}

@media screen and (width<=760px) {
    neo-products-category > .container > .information .review-text p img {
        width: 100%
    }
}

neo-products-category > .container > .information .review-text ul {
    margin: auto 40px auto auto;
    list-style: outside
}

    neo-products-category > .container > .information .review-text ul li {
        margin: auto;
        line-height: 2.5;
        list-style: outside
    }

@media screen and (width<=560px) {
    neo-products-category > .container > .information .review-text ul li {
        margin-right: auto !important
    }
}

neo-products-category > .container > .information .review-text img {
    max-width: 100% !important
}

@media screen and (width<=760px) {
    neo-products-category > .container > .information .review-text img {
        width: 100%
    }
}

neo-products-category > .container > .information .review-text span {
    line-height: 2.5
}

@media screen and (width<=560px) {
    neo-products-category > .container > .information .review-text {
        padding: 0 20px
    }
}

neo-products-category > .container > .title {
    text-align: right;
    color: #005c7c;
    border-right: 1px solid #fd0;
    width: 100%;
    height: 25px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

neo-products-category > .container > .related {
    width: 100%;
    margin-top: 20px
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder > .select {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder > .inventory {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires {
        flex-wrap: wrap
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires .tire {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        margin-top: 20px
    }
}

neo-products-index {
    justify-content: center;
    display: flex
}

    neo-products-index > .container {
        overflow: visible !important
    }

        neo-products-index > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-products-index > .container .mobile-filters > i {
                color: #005c7c;
                cursor: pointer;
                font-size: 20px;
                position: fixed;
                top: 70px;
                right: 0
            }

            neo-products-index > .container .mobile-filters > button {
                cursor: pointer;
                color: #fff;
                background-color: #00b0ac;
                border-radius: 22px;
                padding: 10px 15px;
                position: fixed;
                top: 70px;
                left: 10px
            }

        neo-products-index > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            width: 100%;
            height: 400px;
            position: absolute;
            top: 0
        }

        neo-products-index > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-products-index > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-products-index > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-products-index > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-products-index > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-products-index > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-products-index > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-products-index > .container .search-holder > .select {
        display: none
    }
}

neo-products-index > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-index > .container .search-holder > .inventory {
        display: none
    }
}

neo-products-index > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-products-index > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-products-index > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-products-index > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-products-index > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-products-index > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-products-index > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-products-index > .container .list-holder {
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    display: flex
}

    neo-products-index > .container .list-holder .filters {
        background-color: #fff;
        border-radius: 22px;
        width: 350px;
        min-height: 200px
    }

@media screen and (width<=560px) {
    neo-products-index > .container .list-holder .filters {
        display: none
    }
}

neo-products-index > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-products-index > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-products-index > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-products-index > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-products-index > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-products-index > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-products-index > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-products-index > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-products-index > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-products-index > .container .list-holder neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-products-index > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-index > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-products-index > .container .list-holder .list {
        justify-content: center
    }
}

neo-products-index > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-products-index > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-products-index > .container .list-holder .list > li {
        width: 190px
    }
}

neo-products-index > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: calc(100% - 370px);
    margin-right: 370px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-index > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-products-router {
    justify-content: center;
    margin-top: 20px;
    display: flex
}

    neo-products-router > .container {
        overflow: visible !important
    }

        neo-products-router > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-products-router > .container .search-holder .input-holder {
                border-radius: 14px;
                justify-content: flex-start;
                width: 100%;
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-products-router > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-products-router > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-products-router > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-products-router > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-products-router > .container .background-holder {
    z-index: -1;
    background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
    background-position: 50%;
    background-size: 75%;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0
}

neo-products-router > .container > .details {
    justify-content: space-between;
    display: flex
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details {
        flex-wrap: wrap
    }
}

neo-products-router > .container > .details .basic-details {
    position: relative
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details .basic-details {
        margin-top: 30px
    }
}

neo-products-router > .container > .details > .item {
    background-color: #fff;
    border-radius: 18px;
    height: 600px;
    position: relative
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item {
        height: auto
    }
}

neo-products-router > .container > .details > .item .options {
    direction: ltr;
    justify-content: center;
    width: 200px;
    height: 40px;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item .options {
        top: 40px;
        left: 50%
    }
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item .options {
        top: 20px;
        left: 0
    }
}

neo-products-router > .container > .details > .item .options > li {
    width: 40px;
    height: 40px;
    position: relative
}

    neo-products-router > .container > .details > .item .options > li .list {
        background-color: #005c7c;
        width: 150px;
        height: 100px;
        position: absolute
    }

    neo-products-router > .container > .details > .item .options > li i {
        color: #bcbcbc;
        cursor: pointer;
        font-size: 20px
    }

        neo-products-router > .container > .details > .item .options > li i:hover, neo-products-router > .container > .details > .item .options > li i.active {
            color: #005c7c
        }

neo-products-router > .container > .details > .item .options .list {
    background-color: #005c7c;
    border-radius: 18px;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    display: flex;
    position: absolute;
    top: 30px
}

    neo-products-router > .container > .details > .item .options .list li {
        place-content: center flex-start;
        align-items: center;
        width: 100%;
        height: 35px;
        display: flex
    }

        neo-products-router > .container > .details > .item .options .list li .fa-facebook-square {
            color: #4267b2;
            margin-right: 5px;
            font-size: 25px
        }

        neo-products-router > .container > .details > .item .options .list li .fa-twitter-square {
            color: #1da1f2;
            margin-right: 5px;
            font-size: 25px
        }

    neo-products-router > .container > .details > .item .options .list.hidden {
        display: none
    }

neo-products-router > .container > .details > .item.details-holder {
    margin-left: 10px;
    padding: 50px 30px
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.details-holder .compatibility {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.details-holder .compatibility {
        display: block
    }

    neo-products-router > .container > .details > .item.details-holder > .row {
        flex-wrap: wrap
    }
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.details-holder {
        margin-left: 0
    }
}

neo-products-router > .container > .details > .item.details-holder .border {
    border-left: 1px solid #bcbcbc;
    margin-left: 30px;
    padding-left: 30px
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.details-holder .border {
        border-bottom: 1px solid #bcbcbc;
        border-left: none;
        margin-left: 0;
        padding-bottom: 30px;
        padding-left: 0
    }
}

neo-products-router > .container > .details > .item.details-holder > div {
    width: 100%;
    height: 100%
}

    neo-products-router > .container > .details > .item.details-holder > div .covers {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        height: 100%;
        display: flex
    }

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.details-holder > div .covers {
        width: 100%
    }

        neo-products-router > .container > .details > .item.details-holder > div .covers .row {
            justify-content: center
        }
}

neo-products-router > .container > .details > .item.details-holder > div .covers .gap {
    gap: 20px
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.details-holder > div .covers .gap {
        gap: 5px
    }
}

neo-products-router > .container > .details > .item.details-holder > div .covers .cover {
    background-position: 50%;
    background-size: cover;
    width: 350px;
    height: 350px
}

neo-products-router > .container > .details > .item.details-holder > div .covers .cover-item {
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    border: 1px solid #eee;
    border-radius: 22px;
    width: 100px;
    height: 100px
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.details-holder > div .covers .cover-item {
        margin-top: 5px
    }
}

neo-products-router > .container > .details > .item.details-holder .tire-details {
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-products-router > .container > .details > .item.details-holder .tire-details > img {
        width: 40%;
        height: 60px
    }

    neo-products-router > .container > .details > .item.details-holder .tire-details h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: IRANYekan Black;
        line-height: 1.5
    }

        neo-products-router > .container > .details > .item.details-holder .tire-details h1 a {
            color: #000
        }

            neo-products-router > .container > .details > .item.details-holder .tire-details h1 a:hover {
                color: #005c7c
            }

    neo-products-router > .container > .details > .item.details-holder .tire-details .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-products-router > .container > .details > .item.details-holder .tire-details .item .title {
            text-align: right;
            color: #bcbcbc;
            border-left: 1px solid #fd0;
            width: 120px;
            height: 100%;
            font-size: 12px;
            line-height: 35px
        }

        neo-products-router > .container > .details > .item.details-holder .tire-details .item .description {
            text-align: right;
            width: 100%;
            height: 100%;
            padding-right: 10px;
            font-family: IRANYekan Black;
            font-size: 18px;
            font-weight: 700;
            line-height: 35px
        }

            neo-products-router > .container > .details > .item.details-holder .tire-details .item .description a {
                color: #000
            }

                neo-products-router > .container > .details > .item.details-holder .tire-details .item .description a:hover {
                    color: #005c7c
                }

            neo-products-router > .container > .details > .item.details-holder .tire-details .item .description.line-height {
                line-height: 20px
            }

neo-products-router > .container > .details > .item.details-holder .car-tires {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-products-router > .container > .details > .item.details-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        display: flex
    }

        neo-products-router > .container > .details > .item.details-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-products-router > .container > .details > .item.details-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        flex: 1;
        place-content: start;
        width: 100%;
        margin-top: 10px;
        display: flex;
        overflow-x: hidden
    }

        neo-products-router > .container > .details > .item.details-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-products-router > .container > .details > .item.details-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-products-router > .container > .details > .item.details-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder {
        flex-wrap: wrap;
        align-content: space-between;
        margin-right: 10px;
        display: flex
    }

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder {
        margin-top: 20px
    }
}

neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .point {
    text-align: center;
    color: #00b0ac;
    width: 100%;
    height: 100px;
    font-family: IRANYekan Black;
    font-size: 50px;
    line-height: 100px
}

neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .item {
    justify-content: center;
    width: 100%;
    padding: 10px;
    display: flex
}

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .item .title {
        text-align: left;
        color: #005c7c;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700
    }

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .item .progress {
        background-color: #eee;
        border-radius: 7px;
        justify-content: start;
        width: 100%;
        height: 7px;
        margin-top: 3px;
        display: flex
    }

        neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .item .progress .load {
            width: 80%;
            height: inherit;
            border-radius: 7px
        }

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .item .point {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 700
    }

neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .dots {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex
}

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .dots > span {
        background-color: #eee;
        width: 100px;
        height: 3px;
        margin: 5px
    }

neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .price-discount {
    color: #d12727;
    text-align: center;
    width: 100%;
    font-size: 14px
}

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .price-discount span {
        margin: 5px
    }

neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .price {
    color: #005c7c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

    neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .price span {
        margin: 5px
    }

        neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .price span.text {
            color: #bcbcbc;
            font-size: 14px;
            font-weight: lighter
        }

neo-products-router > .container > .details > .item.details-holder .car-tires .point-holder > .button-holder {
    margin-top: 10px;
    padding: 0 10px
}

neo-products-router > .container > .details > .item.compatibility-holder {
    padding: 20px;
    display: none
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.compatibility-holder {
        width: calc(50% - 10px);
        margin-top: 20px;
        display: block
    }
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.compatibility-holder {
        display: none
    }
}

neo-products-router > .container > .details > .item.compatibility-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-products-router > .container > .details > .item.compatibility-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        flex: 1;
        place-content: start;
        width: 100%;
        margin-top: 10px;
        padding: 10px;
        display: flex
    }

        neo-products-router > .container > .details > .item.compatibility-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-products-router > .container > .details > .item.compatibility-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-products-router > .container > .details > .item.compatibility-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder {
        flex-wrap: wrap;
        align-content: space-between;
        margin-right: 10px;
        padding: 50px 10px;
        display: flex
    }

        neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label > p {
            text-align: center;
            color: #d12727;
            width: 100%;
            margin-top: 100px;
            margin-bottom: 100px;
            font-size: 15px
        }

        neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card {
            background-color: #eee;
            border-radius: 15px;
            width: 100%;
            height: 80px;
            margin: 10px 0
        }

            neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .right {
                text-align: center;
                font-size: 40px;
                font-weight: 700
            }

                neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .right.blue {
                    color: #00b0ac
                }

                neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .right.red {
                    color: #d12727
                }

                neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .right.primary {
                    color: #fd0
                }

                neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .right.basic {
                    color: #005c7c
                }

            neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .right, neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .left {
                width: 200px;
                height: 100%
            }

                neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder .euro-label .l-card .left img {
                    height: 65px;
                    margin-left: 20px
                }

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder {
        margin-top: 20px
    }
}

neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .point {
    text-align: center;
    color: #00b0ac;
    width: 100%;
    height: 100px;
    font-family: IRANYekan Black;
    font-size: 50px;
    line-height: 100px
}

neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .item {
    justify-content: center;
    width: 100%;
    padding: 10px;
    display: flex
}

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .item .title {
        text-align: left;
        color: #005c7c;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700
    }

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .item .progress {
        background-color: #eee;
        border-radius: 7px;
        justify-content: start;
        width: 100%;
        height: 7px;
        margin-top: 3px;
        display: flex
    }

        neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .item .progress .load {
            width: 80%;
            height: inherit;
            border-radius: 7px
        }

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .item .point {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 700
    }

neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .dots {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex
}

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .dots > span {
        background-color: #eee;
        width: 100px;
        height: 3px;
        margin: 5px
    }

neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .price-discount {
    color: #d12727;
    text-align: center;
    width: 100%;
    font-size: 14px
}

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .price-discount span {
        margin: 5px
    }

neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .price {
    color: #005c7c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

    neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .price span {
        margin: 5px
    }

        neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .price span.text {
            color: #bcbcbc;
            font-size: 14px;
            font-weight: lighter
        }

neo-products-router > .container > .details > .item.compatibility-holder .car-tires .point-holder > .button-holder {
    margin-top: 10px;
    padding: 0 10px
}

neo-products-router > .container > .information {
    background-color: #fff;
    border-radius: 22px;
    min-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 50px
}

@media screen and (width<=560px) {
    neo-products-router > .container > .information {
        padding: 20px 5px
    }
}

neo-products-router > .container > .information .header .titles {
    justify-content: center;
    width: 100%;
    height: 25px;
    display: flex
}

@media screen and (width<=560px) {
    neo-products-router > .container > .information .header .titles {
        padding: 0 15px
    }
}

neo-products-router > .container > .information .header .titles .title {
    width: 170px;
    height: inherit;
    cursor: pointer;
    color: #bcbcbc;
    justify-content: center;
    font-size: 16px;
    display: flex
}

    neo-products-router > .container > .information .header .titles .title i {
        margin-left: 5px
    }

    neo-products-router > .container > .information .header .titles .title > p {
        line-height: 1.3
    }

@media screen and (width<=355px) {
    neo-products-router > .container > .information .header .titles .title > p {
        line-height: 1.3
    }
}

neo-products-router > .container > .information .header .titles .title.active {
    color: #005c7c;
    font-weight: 700
}

neo-products-router > .container > .information .header > .linear {
    background-color: #eee;
    border-radius: 7px;
    justify-content: center;
    width: 100%;
    height: 7px;
    margin-top: 5px;
    display: flex
}

    neo-products-router > .container > .information .header > .linear .holder {
        width: 340px;
        height: 7px;
        position: relative
    }

        neo-products-router > .container > .information .header > .linear .holder span {
            background-color: #fd0;
            border-radius: 7px;
            width: 170px;
            height: 7px;
            position: absolute
        }

neo-products-router > .container > .information .review {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0
}

neo-products-router > .container > .information .info {
    width: 100%;
    padding: 40px 0 0;
    display: none
}

    neo-products-router > .container > .information .info .row {
        justify-content: center;
        margin-top: 10px;
        display: flex
    }

    neo-products-router > .container > .information .info .title {
        text-align: right;
        color: #005c7c;
        background-color: #eee;
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
        width: 200px;
        height: 40px;
        margin-left: 10px;
        padding: 5px 10px;
        line-height: 30px
    }

    neo-products-router > .container > .information .info .desc {
        text-align: right;
        color: #000;
        background-color: #f8f8f8;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        line-height: 30px
    }

        neo-products-router > .container > .information .info .desc a {
            color: #000
        }

            neo-products-router > .container > .information .info .desc a:hover {
                color: #00b0ac
            }

@media screen and (width<=560px) {
    neo-products-router > .container > .information .info .desc {
        overflow: hidden
    }
}

neo-products-router > .container > .information .comment {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0;
    display: none
}

@media screen and (width<=560px) {
    neo-products-router > .container > .information .comment > .flex {
        flex-direction: column;
        align-items: center
    }
}

neo-products-router > .container > .information .comment .icon-comment {
    color: #005c7c;
    font-size: 120px;
    height: .8em !important
}

neo-products-router > .container > .information .comment .margin-left {
    margin-right: 50px
}

@media screen and (width<=560px) {
    neo-products-router > .container > .information .comment .margin-remove {
        margin-right: 0
    }
}

neo-products-router > .container > .information .comment .justify-remove {
    justify-content: center
}

neo-products-router > .container > .information .comment .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

neo-products-router > .container > .information .comment .title {
    color: #005c7c;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

neo-products-router > .container > .information .reply {
    background-color: #eee;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    padding: 20px
}

neo-products-router > .container > .information .review-text a {
    color: #00b0ac
}

    neo-products-router > .container > .information .review-text a:hover {
        color: #1c3b4c
    }

neo-products-router > .container > .information .review-text p {
    margin: 0;
    line-height: 2.5
}

@media screen and (width<=760px) {
    neo-products-router > .container > .information .review-text p img {
        width: 100%
    }
}

neo-products-router > .container > .information .review-text ul {
    margin: auto 40px auto auto;
    list-style: outside
}

    neo-products-router > .container > .information .review-text ul li {
        margin: auto;
        line-height: 2.5;
        list-style: outside
    }

@media screen and (width<=560px) {
    neo-products-router > .container > .information .review-text ul li {
        margin-right: auto !important
    }
}

neo-products-router > .container > .information .review-text img {
    max-width: 100% !important
}

@media screen and (width<=760px) {
    neo-products-router > .container > .information .review-text img {
        width: 100%
    }
}

neo-products-router > .container > .information .review-text span {
    line-height: 2.5
}

@media screen and (width<=560px) {
    neo-products-router > .container > .information .review-text {
        padding: 0 20px
    }
}

neo-products-router > .container > .title {
    text-align: right;
    color: #005c7c;
    border-right: 1px solid #fd0;
    width: 100%;
    height: 25px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

neo-products-router > .container > .related {
    width: 100%;
    margin-top: 20px
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder > .select {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder > .inventory {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires {
        flex-wrap: wrap
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires .tire {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        margin-top: 20px
    }
}

neo-rings-index {
    justify-content: center;
    display: flex
}

    neo-rings-index > .container {
        overflow: visible !important
    }

        neo-rings-index > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-rings-index > .container .mobile-filters > i {
                color: #005c7c;
                cursor: pointer;
                font-size: 20px;
                position: fixed;
                top: 80px;
                left: 10px
            }

        neo-rings-index > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            width: 100%;
            height: 400px;
            position: absolute;
            top: 0
        }

        neo-rings-index > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-rings-index > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-rings-index > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-rings-index > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-rings-index > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-rings-index > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-rings-index > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-rings-index > .container .search-holder > .select {
        display: none
    }
}

neo-rings-index > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-rings-index > .container .search-holder > .inventory {
        display: none
    }
}

neo-rings-index > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-rings-index > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-rings-index > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-rings-index > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-rings-index > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-rings-index > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-rings-index > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-rings-index > .container .list-holder {
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    display: flex
}

    neo-rings-index > .container .list-holder .filters {
        background-color: #fff;
        border-radius: 22px;
        width: 350px;
        min-height: 200px
    }

@media screen and (width<=560px) {
    neo-rings-index > .container .list-holder .filters {
        display: none
    }
}

neo-rings-index > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-rings-index > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-rings-index > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-rings-index > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-rings-index > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-rings-index > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-rings-index > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-rings-index > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-rings-index > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-rings-index > .container .list-holder neo-component-tires-list > li {
        width: 45%
    }
}

neo-rings-index > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-rings-index > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-rings-index > .container .list-holder .list {
        justify-content: center
    }
}

neo-rings-index > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-rings-index > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-rings-index > .container .list-holder .list > li {
        width: 190px
    }
}

neo-rings-index > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: calc(100% - 370px);
    margin-right: 370px;
    display: flex
}

@media screen and (width<=560px) {
    neo-rings-index > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-rings-router {
    justify-content: center;
    display: flex
}

    neo-rings-router > .container {
        overflow: visible !important
    }

        neo-rings-router > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-rings-router > .container .search-holder .input-holder {
                border-radius: 14px;
                justify-content: flex-start;
                width: 100%;
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-rings-router > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-rings-router > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-rings-router > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-rings-router > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-rings-router > .container .background-holder {
    z-index: -1;
    background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
    background-position: 50%;
    background-size: 75%;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0
}

neo-rings-router > .container > .details {
    justify-content: space-between;
    margin-top: 20px;
    display: flex
}

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details {
        flex-wrap: wrap
    }
}

neo-rings-router > .container > .details .basic-details {
    position: relative
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details .basic-details {
        margin-top: 30px
    }
}

neo-rings-router > .container > .details > .item {
    background-color: #fff;
    border-radius: 18px;
    height: 600px;
    position: relative
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item {
        height: auto
    }
}

neo-rings-router > .container > .details > .item .options {
    direction: ltr;
    justify-content: center;
    width: 200px;
    height: 40px;
    display: flex;
    position: absolute;
    top: 0;
    left: 40px
}

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details > .item .options {
        top: 40px;
        left: 50%
    }
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item .options {
        top: 20px;
        left: 0
    }
}

neo-rings-router > .container > .details > .item .options > li {
    width: 40px;
    height: 40px;
    position: relative
}

    neo-rings-router > .container > .details > .item .options > li .list {
        background-color: #005c7c;
        width: 150px;
        height: 100px;
        position: absolute
    }

    neo-rings-router > .container > .details > .item .options > li i {
        color: #bcbcbc;
        cursor: pointer;
        font-size: 20px
    }

        neo-rings-router > .container > .details > .item .options > li i:hover, neo-rings-router > .container > .details > .item .options > li i.active {
            color: #005c7c
        }

neo-rings-router > .container > .details > .item .options .list {
    background-color: #005c7c;
    border-radius: 18px;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    display: flex;
    position: absolute;
    top: 30px
}

    neo-rings-router > .container > .details > .item .options .list li {
        place-content: center flex-start;
        align-items: center;
        width: 100%;
        height: 35px;
        display: flex
    }

        neo-rings-router > .container > .details > .item .options .list li .fa-facebook-square {
            color: #4267b2;
            margin-right: 5px;
            font-size: 25px
        }

        neo-rings-router > .container > .details > .item .options .list li .fa-twitter-square {
            color: #1da1f2;
            margin-right: 5px;
            font-size: 25px
        }

    neo-rings-router > .container > .details > .item .options .list.hidden {
        display: none
    }

neo-rings-router > .container > .details > .item.details-holder {
    margin-left: 10px;
    padding: 50px 30px
}

    neo-rings-router > .container > .details > .item.details-holder > .gap {
        gap: 20px
    }

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details > .item.details-holder .compatibility {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.details-holder .compatibility {
        display: block
    }

    neo-rings-router > .container > .details > .item.details-holder > .row {
        flex-wrap: wrap
    }
}

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details > .item.details-holder {
        margin-left: 0
    }
}

neo-rings-router > .container > .details > .item.details-holder .border {
    border-left: 1px solid #bcbcbc
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.details-holder .border {
        border-bottom: 1px solid #bcbcbc;
        border-left: none;
        margin-left: 0;
        padding-bottom: 30px;
        padding-left: 0
    }
}

neo-rings-router > .container > .details > .item.details-holder > div {
    width: 100%;
    height: 100%
}

    neo-rings-router > .container > .details > .item.details-holder > div .covers {
        flex-wrap: wrap;
        align-content: space-between;
        width: 350px;
        height: 100%;
        display: flex
    }

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.details-holder > div .covers {
        width: 100%
    }
}

neo-rings-router > .container > .details > .item.details-holder > div .covers > .gap {
    gap: 20px
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.details-holder > div .covers .row {
        justify-content: center
    }
}

neo-rings-router > .container > .details > .item.details-holder > div .covers .cover {
    background-position: 50%;
    background-size: cover;
    width: 350px;
    height: 350px
}

neo-rings-router > .container > .details > .item.details-holder > div .covers .cover-item {
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    border: 1px solid #eee;
    border-radius: 22px;
    width: 100px;
    height: 100px
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.details-holder > div .covers .cover-item {
        margin: 5px
    }
}

neo-rings-router > .container > .details > .item.details-holder .tire-details {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-rings-router > .container > .details > .item.details-holder .tire-details > img {
        height: 60px
    }

    neo-rings-router > .container > .details > .item.details-holder .tire-details h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: IRANYekan Black;
        line-height: 22px
    }

        neo-rings-router > .container > .details > .item.details-holder .tire-details h1 a {
            color: #000
        }

            neo-rings-router > .container > .details > .item.details-holder .tire-details h1 a:hover {
                color: #005c7c
            }

    neo-rings-router > .container > .details > .item.details-holder .tire-details .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-rings-router > .container > .details > .item.details-holder .tire-details .item .title {
            text-align: right;
            color: #bcbcbc;
            border-left: 1px solid #fd0;
            width: 120px;
            height: 100%;
            font-size: 12px;
            line-height: 35px
        }

        neo-rings-router > .container > .details > .item.details-holder .tire-details .item .description {
            text-align: right;
            width: 100%;
            height: 100%;
            padding-right: 10px;
            font-family: IRANYekan Black;
            font-size: 18px;
            font-weight: 700;
            line-height: 35px
        }

            neo-rings-router > .container > .details > .item.details-holder .tire-details .item .description a {
                color: #000
            }

                neo-rings-router > .container > .details > .item.details-holder .tire-details .item .description a:hover {
                    color: #005c7c
                }

            neo-rings-router > .container > .details > .item.details-holder .tire-details .item .description.line-height {
                line-height: 20px
            }

neo-rings-router > .container > .details > .item.details-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-rings-router > .container > .details > .item.details-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-rings-router > .container > .details > .item.details-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-rings-router > .container > .details > .item.details-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        place-content: start;
        width: 100%;
        height: calc(100% - 120px);
        margin-top: 10px;
        padding: 10px;
        display: flex;
        overflow-x: hidden
    }

        neo-rings-router > .container > .details > .item.details-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-rings-router > .container > .details > .item.details-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-rings-router > .container > .details > .item.details-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

neo-rings-router > .container > .details > .item.point-holder {
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 10px;
    padding: 50px 10px;
    display: flex
}

    neo-rings-router > .container > .details > .item.point-holder .euro-label > p {
        text-align: center;
        color: #d12727;
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
        font-size: 15px
    }

    neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card {
        background-color: #eee;
        border-radius: 15px;
        width: 100%;
        height: 80px;
        margin: 10px 0
    }

        neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .right {
            text-align: center;
            font-size: 40px;
            font-weight: 700
        }

            neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .right.blue {
                color: #00b0ac
            }

            neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .right.red {
                color: #d12727
            }

            neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .right.primary {
                color: #fd0
            }

            neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .right.basic {
                color: #005c7c
            }

        neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .right, neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .left {
            width: 200px;
            height: 100%
        }

            neo-rings-router > .container > .details > .item.point-holder .euro-label .l-card .left img {
                height: 65px;
                margin-left: 20px
            }

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details > .item.point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details > .item.point-holder {
        margin-top: 20px
    }
}

neo-rings-router > .container > .details > .item.point-holder > .point {
    text-align: center;
    color: #00b0ac;
    width: 100%;
    height: 100px;
    font-family: IRANYekan Black;
    font-size: 50px;
    line-height: 100px
}

neo-rings-router > .container > .details > .item.point-holder > .item {
    justify-content: center;
    width: 100%;
    padding: 10px;
    display: flex
}

    neo-rings-router > .container > .details > .item.point-holder > .item .title {
        text-align: left;
        color: #005c7c;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700
    }

    neo-rings-router > .container > .details > .item.point-holder > .item .progress {
        background-color: #eee;
        border-radius: 7px;
        justify-content: start;
        width: 100%;
        height: 7px;
        margin-top: 3px;
        display: flex
    }

        neo-rings-router > .container > .details > .item.point-holder > .item .progress .load {
            width: 80%;
            height: inherit;
            border-radius: 7px
        }

    neo-rings-router > .container > .details > .item.point-holder > .item .point {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 700
    }

neo-rings-router > .container > .details > .item.point-holder > .dots {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex
}

    neo-rings-router > .container > .details > .item.point-holder > .dots > span {
        background-color: #eee;
        width: 100px;
        height: 3px;
        margin: 5px
    }

neo-rings-router > .container > .details > .item.point-holder > .price-discount {
    color: #d12727;
    text-align: center;
    width: 100%;
    font-size: 14px
}

    neo-rings-router > .container > .details > .item.point-holder > .price-discount span {
        margin: 5px
    }

neo-rings-router > .container > .details > .item.point-holder > .price {
    color: #005c7c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

    neo-rings-router > .container > .details > .item.point-holder > .price span {
        margin: 5px
    }

        neo-rings-router > .container > .details > .item.point-holder > .price span.text {
            color: #bcbcbc;
            font-size: 14px;
            font-weight: lighter
        }

neo-rings-router > .container > .details > .item.point-holder > .button-holder {
    margin-top: 10px;
    padding: 0 10px
}

neo-rings-router > .container > .details > .item.compatibility-holder {
    padding: 20px;
    display: none
}

@media screen and (width<=1024px) {
    neo-rings-router > .container > .details > .item.compatibility-holder {
        width: calc(50% - 10px);
        margin-top: 20px;
        display: block
    }
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .details > .item.compatibility-holder {
        display: none
    }
}

neo-rings-router > .container > .details > .item.compatibility-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-rings-router > .container > .details > .item.compatibility-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-rings-router > .container > .details > .item.compatibility-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-rings-router > .container > .details > .item.compatibility-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        place-content: start;
        width: 100%;
        height: calc(100% - 120px);
        margin-top: 10px;
        padding: 10px;
        display: flex
    }

        neo-rings-router > .container > .details > .item.compatibility-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-rings-router > .container > .details > .item.compatibility-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-rings-router > .container > .details > .item.compatibility-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

neo-rings-router > .container > .information {
    background-color: #fff;
    border-radius: 22px;
    min-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 50px
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .information {
        padding: 20px 5px
    }
}

neo-rings-router > .container > .information .header .titles {
    justify-content: center;
    width: 100%;
    height: 25px;
    display: flex
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .information .header .titles {
        padding: 0 15px
    }
}

neo-rings-router > .container > .information .header .titles .title {
    width: 170px;
    height: inherit;
    cursor: pointer;
    color: #bcbcbc;
    justify-content: center;
    font-size: 16px;
    display: flex
}

    neo-rings-router > .container > .information .header .titles .title i {
        margin-left: 5px
    }

    neo-rings-router > .container > .information .header .titles .title.active {
        color: #005c7c;
        font-weight: 700
    }

neo-rings-router > .container > .information .header > .linear {
    background-color: #eee;
    border-radius: 7px;
    justify-content: center;
    width: 100%;
    height: 7px;
    margin-top: 5px;
    display: flex
}

    neo-rings-router > .container > .information .header > .linear .holder {
        width: 340px;
        height: 7px;
        position: relative
    }

        neo-rings-router > .container > .information .header > .linear .holder span {
            background-color: #fd0;
            border-radius: 7px;
            width: 170px;
            height: 7px;
            position: absolute
        }

neo-rings-router > .container > .information .review {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0
}

neo-rings-router > .container > .information .info {
    width: 100%;
    padding: 40px 0 0;
    display: none
}

    neo-rings-router > .container > .information .info .row {
        justify-content: center;
        margin-top: 10px;
        display: flex
    }

    neo-rings-router > .container > .information .info .title {
        text-align: right;
        color: #005c7c;
        background-color: #eee;
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
        width: 200px;
        height: 40px;
        margin-left: 10px;
        padding: 5px 10px;
        line-height: 30px
    }

    neo-rings-router > .container > .information .info .desc {
        text-align: right;
        color: #000;
        background-color: #f8f8f8;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        line-height: 30px
    }

        neo-rings-router > .container > .information .info .desc a {
            color: #000
        }

            neo-rings-router > .container > .information .info .desc a:hover {
                color: #00b0ac
            }

@media screen and (width<=560px) {
    neo-rings-router > .container > .information .info .desc {
        overflow: hidden
    }
}

neo-rings-router > .container > .information .comment {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0;
    display: none
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .information .comment > .flex {
        flex-direction: column;
        align-items: center
    }
}

neo-rings-router > .container > .information .comment .icon-comment {
    color: #005c7c;
    font-size: 120px;
    height: .8em !important
}

neo-rings-router > .container > .information .comment .margin-left {
    margin-right: 50px
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .information .comment .margin-remove {
        margin-right: 0
    }
}

neo-rings-router > .container > .information .comment .justify-remove {
    justify-content: center
}

neo-rings-router > .container > .information .comment .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

neo-rings-router > .container > .information .comment .title {
    color: #005c7c;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

neo-rings-router > .container > .information .reply {
    background-color: #eee;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    padding: 20px
}

neo-rings-router > .container > .information .review-text a {
    color: #00b0ac
}

    neo-rings-router > .container > .information .review-text a:hover {
        color: #1c3b4c
    }

neo-rings-router > .container > .information .review-text p {
    margin: 0;
    line-height: 2.5
}

@media screen and (width<=760px) {
    neo-rings-router > .container > .information .review-text p img {
        width: 100%
    }
}

neo-rings-router > .container > .information .review-text ul {
    margin: auto 40px auto auto;
    list-style: outside
}

    neo-rings-router > .container > .information .review-text ul li {
        margin: auto;
        line-height: 2.5;
        list-style: outside
    }

neo-rings-router > .container > .information .review-text img {
    max-width: 100% !important
}

@media screen and (width<=760px) {
    neo-rings-router > .container > .information .review-text img {
        width: 100%
    }
}

neo-rings-router > .container > .information .review-text span {
    line-height: 2.5
}

@media screen and (width<=560px) {
    neo-rings-router > .container > .information .review-text {
        padding: 0 20px
    }
}

neo-rings-router > .container > .title {
    text-align: right;
    color: #005c7c;
    border-right: 1px solid #fd0;
    width: 100%;
    height: 25px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

neo-rings-router > .container > .related {
    width: 100%;
    margin-top: 20px
}

neo-services-complaints {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-services-complaints a {
        color: #000
    }

    neo-services-complaints .contact-description {
        line-height: 2
    }

    neo-services-complaints .field {
        width: 50%
    }

@media screen and (width<=560px) {
    neo-services-complaints .field {
        width: 100%
    }
}

neo-services-poll {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-services-poll a {
        color: #000
    }

    neo-services-poll .contact-description {
        line-height: 2
    }

    neo-services-poll .field {
        width: calc(50% - 5px)
    }

@media screen and (width<=560px) {
    neo-services-poll .field {
        width: 100%
    }
}

neo-services-warranty {
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    display: flex
}

    neo-services-warranty a {
        color: #000
    }

    neo-services-warranty .contact-description {
        line-height: 2
    }

neo-tires-compare {
    justify-content: center;
    display: flex
}

    neo-tires-compare .background-holder {
        z-index: -1;
        background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
        background-position: 50%;
        background-size: 75%;
        width: 100%;
        height: 200px;
        position: absolute;
        top: 0
    }

    neo-tires-compare .search-holder {
        background-color: #fff;
        border-radius: 22px;
        justify-content: space-between;
        width: 100%;
        height: 60px;
        margin-top: 20px;
        padding: 10px 20px;
        display: flex
    }

        neo-tires-compare .search-holder .input-holder {
            border: 1px solid #bcbcbc;
            border-radius: 14px;
            justify-content: flex-start;
            width: 100%;
            height: 40px;
            display: flex
        }

@media screen and (width<=560px) {
    neo-tires-compare .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-tires-compare .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-tires-compare .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-tires-compare .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-tires-compare .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder > .select {
        display: none
    }
}

neo-tires-compare .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-compare .search-holder > .inventory {
        display: none
    }
}

neo-tires-compare .holder {
    width: 100%;
    overflow: hidden
}

    neo-tires-compare .holder .tires {
        min-height: 60vh;
        margin-top: 20px;
        display: flex
    }

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires {
        flex-wrap: wrap
    }
}

neo-tires-compare .holder .tires .tire {
    background-color: #fff;
    border-radius: 22px;
    flex-shrink: 0;
    width: 23%;
    height: 915px;
    min-height: 60vh;
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
    position: relative
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires .tire {
        width: 100%
    }
}

neo-tires-compare .holder .tires .tire .inputs {
    text-align: center;
    background-color: #eee;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px;
    padding: 20px;
    display: flex
}

    neo-tires-compare .holder .tires .tire .inputs > i {
        color: #005c7c;
        margin-bottom: 50px;
        font-size: 80px
    }

neo-tires-compare .holder .tires .tire > i {
    color: #bcbcbc;
    cursor: pointer;
    font-size: 16px;
    position: absolute;
    top: 15px;
    left: 15px
}

    neo-tires-compare .holder .tires .tire > i:hover {
        color: #d12727
    }

neo-tires-compare .holder .tires .tire > .cover {
    background-image: url(../../../../../newhyper.test/files/patterns/TRIANGLE-TR918-1.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    width: 100%;
    height: 200px;
    margin-top: 20px
}

neo-tires-compare .holder .tires .tire .tire-details {
    flex-wrap: wrap;
    place-content: start center;
    width: 100%;
    display: flex
}

    neo-tires-compare .holder .tires .tire .tire-details > img {
        height: 60px
    }

    neo-tires-compare .holder .tires .tire .tire-details h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: IRANYekan Black
    }

        neo-tires-compare .holder .tires .tire .tire-details h1 a {
            color: #000
        }

            neo-tires-compare .holder .tires .tire .tire-details h1 a:hover {
                color: #005c7c
            }

    neo-tires-compare .holder .tires .tire .tire-details .item {
        width: 60%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-tires-compare .holder .tires .tire .tire-details .item .title {
            text-align: right;
            color: #bcbcbc;
            border-left: 1px solid #fd0;
            width: 120px;
            height: 100%;
            font-size: 11px;
            line-height: 35px
        }

        neo-tires-compare .holder .tires .tire .tire-details .item .description {
            text-align: right;
            width: 100%;
            height: 100%;
            padding-right: 10px;
            font-family: IRANYekan Black;
            font-size: 16px;
            font-weight: 700;
            line-height: 35px
        }

            neo-tires-compare .holder .tires .tire .tire-details .item .description a {
                color: #000
            }

                neo-tires-compare .holder .tires .tire .tire-details .item .description a:hover {
                    color: #005c7c
                }

neo-tires-compare .holder .tires .tire .point-holder {
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 10px;
    padding: 50px 10px;
    display: flex
}

@media screen and (width<=1024px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-tires-compare .holder .tires .tire .point-holder {
        margin-top: 20px
    }
}

neo-tires-compare .holder .tires .tire .point-holder > .point {
    text-align: center;
    color: #00b0ac;
    width: 100%;
    height: 100px;
    font-family: IRANYekan Black;
    font-size: 50px;
    line-height: 100px
}

neo-tires-compare .holder .tires .tire .point-holder > .item {
    justify-content: center;
    width: 100%;
    padding: 10px;
    display: flex
}

    neo-tires-compare .holder .tires .tire .point-holder > .item .title {
        text-align: left;
        color: #005c7c;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700
    }

    neo-tires-compare .holder .tires .tire .point-holder > .item .progress {
        background-color: #eee;
        border-radius: 7px;
        justify-content: start;
        width: 100%;
        height: 7px;
        margin-top: 3px;
        display: flex
    }

        neo-tires-compare .holder .tires .tire .point-holder > .item .progress .load {
            width: 80%;
            height: inherit;
            border-radius: 7px
        }

    neo-tires-compare .holder .tires .tire .point-holder > .item .point {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 700
    }

neo-tires-compare .holder .tires .tire .point-holder > .dots {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex
}

    neo-tires-compare .holder .tires .tire .point-holder > .dots > span {
        background-color: #eee;
        width: 8px;
        height: 8px;
        margin: 5px
    }

neo-tires-compare .holder .tires .tire .point-holder > .price-discount {
    color: #d12727;
    text-align: center;
    width: 100%;
    font-size: 14px
}

    neo-tires-compare .holder .tires .tire .point-holder > .price-discount span {
        margin: 5px
    }

neo-tires-compare .holder .tires .tire .point-holder > .price {
    color: #005c7c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

    neo-tires-compare .holder .tires .tire .point-holder > .price span {
        margin: 5px
    }

        neo-tires-compare .holder .tires .tire .point-holder > .price span.text {
            color: #bcbcbc;
            font-size: 14px;
            font-weight: lighter
        }

neo-tires-compare .holder .tires .tire .point-holder > .button-holder {
    margin-top: 10px;
    padding: 0 10px
}

neo-tires-dolati .baner {
    background-color: #fd0;
    padding-top: 15px
}

@media screen and (width<=560px) {
    neo-tires-dolati .baner {
        padding: 0 10px
    }
}

@media screen and (width>=560px) {
    neo-tires-dolati .baner {
        height: 342px
    }
}

neo-tires-dolati .baner .main-header {
    flex-direction: column;
    height: 100%;
    display: flex
}

@media screen and (width>=560px) {
    neo-tires-dolati .baner .main-header {
        flex-direction: row;
        gap: 10px;
        flex-wrap: nowrap !important
    }
}

neo-tires-dolati .baner .main-header .right {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    display: flex;
    position: relative
}

@media screen and (width<=560px) {
    neo-tires-dolati .baner .main-header .right {
        padding-bottom: 25px
    }
}

neo-tires-dolati .baner .main-header .right .more {
    cursor: pointer;
    color: #1e90ff;
    display: none;
    position: absolute;
    bottom: 5px
}

@media screen and (width<=1000px) {
    neo-tires-dolati .baner .main-header .right .more {
        display: block
    }
}

neo-tires-dolati .baner .main-header .right .main-text .inner {
    font-size: 16px;
    line-height: 1.7
}

@media screen and (width<=560px) {
    neo-tires-dolati .baner .main-header .right .main-text .inner {
        text-align: justify
    }
}

@media screen and (width<=1000px) {
    neo-tires-dolati .baner .main-header .right .main-text {
        height: 75px;
        overflow: hidden
    }
}

neo-tires-dolati .baner .main-header .left {
    background-image: url(/public/home/desktop/controllers/tires/dolati/assets/img/lastik_dolati.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    width: 500px;
    height: 100%;
    padding-top: 46px;
    position: relative;
    top: 5px
}

@media screen and (width<=560px) {
    neo-tires-dolati .baner .main-header .left {
        background-size: contain;
        order: -1;
        width: 100%;
        height: 340px;
        padding-top: 0;
        top: 0
    }
}

neo-tires-dolati .container {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 100%;
    max-width: 1500px;
    margin: auto;
    display: flex;
    overflow: visible !important
}

neo-tires-dolati .search-holder {
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    margin-top: 20px;
    padding: 10px 20px;
    display: flex
}

    neo-tires-dolati .search-holder .input-holder {
        border: 1px solid #bcbcbc;
        border-radius: 14px;
        justify-content: flex-start;
        width: 100%;
        height: 40px;
        display: flex
    }

@media screen and (width<=560px) {
    neo-tires-dolati .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-tires-dolati .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-tires-dolati .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-tires-dolati .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-tires-dolati .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-tires-dolati .search-holder > .select {
        display: none
    }
}

neo-tires-dolati .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-dolati .search-holder > .inventory {
        display: none
    }
}

neo-tires-dolati neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start flex-start;
    gap: 25px;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=1500px) {
    neo-tires-dolati neo-component-tires-list {
        justify-content: center
    }
}

neo-tires-dolati neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-dolati neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-tires-dolati .list {
    flex-wrap: wrap;
    place-content: center start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-dolati .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-tires-dolati .list {
        justify-content: center
    }
}

neo-tires-dolati .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-dolati .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-tires-dolati .list > li {
        width: 190px
    }
}

neo-tires-dolati .pagination-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-dolati .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-tires-index {
    justify-content: center;
    display: flex
}

    neo-tires-index > .container {
        overflow: visible !important
    }

        neo-tires-index > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-tires-index > .container .mobile-filters > i {
                color: #005c7c;
                cursor: pointer;
                font-size: 20px;
                position: fixed;
                top: 70px;
                right: 0
            }

            neo-tires-index > .container .mobile-filters > button {
                cursor: pointer;
                color: #fff;
                z-index: 200;
                background-color: #00b0ac;
                border-radius: 22px;
                padding: 10px 15px;
                position: fixed;
                top: 70px;
                left: 10px
            }

        neo-tires-index > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            width: 100%;
            height: 400px;
            position: absolute;
            top: 0
        }

        neo-tires-index > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-tires-index > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-tires-index > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-tires-index > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-tires-index > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-tires-index > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-tires-index > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-tires-index > .container .search-holder > .select {
        display: none
    }
}

neo-tires-index > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-index > .container .search-holder > .inventory {
        display: none
    }
}

neo-tires-index > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-tires-index > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-tires-index > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-tires-index > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-tires-index > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-tires-index > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-tires-index > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-tires-index > .container .list-holder {
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    display: flex
}

    neo-tires-index > .container .list-holder .filters {
        background-color: #fff;
        border-radius: 22px;
        width: 350px;
        min-height: 200px
    }

@media screen and (width<=560px) {
    neo-tires-index > .container .list-holder .filters {
        display: none
    }
}

neo-tires-index > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-tires-index > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-tires-index > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-tires-index > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-tires-index > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-tires-index > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-tires-index > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-tires-index > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-tires-index > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-index > .container .list-holder neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-tires-index > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    /*width: calc(100% - 370px);*/
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-index > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-tires-index > .container .list-holder .list {
        justify-content: center
    }
}

neo-tires-index > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-index > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-tires-index > .container .list-holder .list > li {
        width: 190px
    }
}

neo-tires-index > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: calc(100% - 370px);
    margin-right: 370px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-index > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-tires-installment {
    justify-content: center;
    display: flex
}

    neo-tires-installment > .container {
        overflow: visible !important
    }

        neo-tires-installment > .container .mobile-filters {
            z-index: 10;
            background-color: #fff;
            width: 100vw;
            height: 100vh;
            display: none;
            position: fixed;
            top: 65px;
            left: 0;
            overflow-x: hidden
        }

            neo-tires-installment > .container .mobile-filters > i {
                color: #005c7c;
                cursor: pointer;
                font-size: 20px;
                position: fixed;
                top: 70px;
                right: 0
            }

            neo-tires-installment > .container .mobile-filters > button {
                cursor: pointer;
                color: #fff;
                z-index: 200;
                background-color: #00b0ac;
                border-radius: 22px;
                padding: 10px 15px;
                position: fixed;
                top: 70px;
                left: 10px
            }

        neo-tires-installment > .container .background-holder {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            width: 100%;
            height: 400px;
            position: absolute;
            top: 0
        }

        neo-tires-installment > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-tires-installment > .container .search-holder .input-holder {
                border: 1px solid #bcbcbc;
                border-radius: 14px;
                justify-content: flex-start;
                width: calc(100% - 450px);
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-tires-installment > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-tires-installment > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-tires-installment > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-tires-installment > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-tires-installment > .container .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .search-holder > .select {
        display: none
    }
}

neo-tires-installment > .container .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .search-holder > .inventory {
        display: none
    }
}

neo-tires-installment > .container .mobile-search-holder {
    width: 100%;
    height: 50px;
    margin-top: 10px;
    display: none
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .mobile-search-holder {
        justify-content: space-between;
        align-items: center;
        display: flex
    }
}

neo-tires-installment > .container .mobile-search-holder > div {
    height: inherit;
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    display: flex
}

    neo-tires-installment > .container .mobile-search-holder > div:first-child {
        margin-left: 5px
    }

    neo-tires-installment > .container .mobile-search-holder > div:last-child {
        margin-right: 5px
    }

    neo-tires-installment > .container .mobile-search-holder > div i {
        color: #00b0ac;
        font-size: 24px
    }

    neo-tires-installment > .container .mobile-search-holder > div p {
        color: #005c7c;
        font-size: 14px;
        font-weight: 700
    }

neo-tires-installment > .container .list-holder {
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    display: flex
}

    neo-tires-installment > .container .list-holder .filters {
        background-color: #fff;
        border-radius: 22px;
        width: 350px;
        min-height: 200px
    }

@media screen and (width<=560px) {
    neo-tires-installment > .container .list-holder .filters {
        display: none
    }
}

neo-tires-installment > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-tires-installment > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-tires-installment > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-tires-installment > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-tires-installment > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-tires-installment > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-tires-installment > .container .list-holder neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=768px) {
    neo-tires-installment > .container .list-holder neo-component-tires-list {
        justify-content: center
    }
}

neo-tires-installment > .container .list-holder neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .list-holder neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-tires-installment > .container .list-holder .list {
    flex-wrap: wrap;
    place-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-tires-installment > .container .list-holder .list {
        justify-content: center
    }
}

neo-tires-installment > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-tires-installment > .container .list-holder .list > li {
        width: 190px
    }
}

neo-tires-installment > .container .pagination-holder {
    justify-content: center;
    align-items: center;
    width: calc(100% - 370px);
    margin-right: 370px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-installment > .container .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-tires-offroad .baner {
    background-image: linear-gradient(75deg,#ffde0000 0% 30%,#ffde00 50% 100%),url(/public/home/desktop/controllers/tires/offroad/assets/img/extreme-off-road-hypertire-1920x1279.jpg);
    padding-top: 15px
}

@media screen and (width>=1500px) and (width<=1800px) {
    neo-tires-offroad .baner {
        background-image: linear-gradient(75deg,#ffde0000 0% 30%,#ffde00 40% 100%),url(/public/home/desktop/controllers/tires/offroad/assets/img/extreme-off-road-hypertire-1920x1279.jpg);
        background-position-x: 55%
    }
}

@media screen and (width>=1366px) and (width<=1499px) {
    neo-tires-offroad .baner {
        background-position-x: 40%
    }
}

@media screen and (width>=1000px) and (width<=1365px) {
    neo-tires-offroad .baner {
        background-position-x: 30%
    }
}

@media screen and (width<=560px) {
    neo-tires-offroad .baner {
        background: #ffde00;
        padding: 0 10px
    }
}

@media screen and (width>=560px) {
    neo-tires-offroad .baner {
        height: 342px
    }
}

neo-tires-offroad .baner .main-header {
    flex-direction: column;
    height: 100%;
    display: flex
}

@media screen and (width>=560px) {
    neo-tires-offroad .baner .main-header {
        flex-direction: row;
        justify-content: flex-start;
        gap: 10px;
        flex-wrap: nowrap !important
    }
}

neo-tires-offroad .baner .main-header .right {
    flex-direction: column;
    justify-content: center;
    display: flex;
    position: relative
}

@media screen and (width<=560px) {
    neo-tires-offroad .baner .main-header .right {
        padding-bottom: 25px
    }
}

@media screen and (width>=560px) {
    neo-tires-offroad .baner .main-header .right {
        width: 65%
    }
}

neo-tires-offroad .baner .main-header .right .more {
    cursor: pointer;
    color: #1e90ff;
    display: none;
    position: absolute;
    bottom: 5px
}

@media screen and (width<=1000px) {
    neo-tires-offroad .baner .main-header .right .more {
        display: block
    }
}

neo-tires-offroad .baner .main-header .right .main-text .inner {
    font-size: 16px;
    line-height: 1.7
}

@media screen and (width<=560px) {
    neo-tires-offroad .baner .main-header .right .main-text .inner {
        text-align: justify
    }
}

@media screen and (width<=1000px) {
    neo-tires-offroad .baner .main-header .right .main-text {
        height: 75px;
        overflow: hidden
    }
}

neo-tires-offroad .baner .main-header .left {
    background-image: url(/public/home/desktop/controllers/tires/offroad/assets/img/offroad_mobile_hypertire.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-origin: content-box;
    width: 500px;
    height: 100%;
    padding-top: 46px;
    display: none;
    position: relative;
    top: 5px
}

@media screen and (width<=560px) {
    neo-tires-offroad .baner .main-header .left {
        background-size: contain;
        order: -1;
        width: 100%;
        height: 340px;
        padding-top: 0;
        display: block;
        top: 0
    }
}

neo-tires-offroad .container {
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    width: 100%;
    max-width: 1500px;
    margin: auto;
    display: flex;
    overflow: visible !important
}

neo-tires-offroad .search-holder {
    background-color: #fff;
    border-radius: 22px;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    margin-top: 20px;
    padding: 10px 20px;
    display: flex
}

    neo-tires-offroad .search-holder .input-holder {
        border: 1px solid #bcbcbc;
        border-radius: 14px;
        justify-content: flex-start;
        width: 100%;
        height: 40px;
        display: flex
    }

@media screen and (width<=560px) {
    neo-tires-offroad .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-tires-offroad .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-tires-offroad .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-tires-offroad .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-tires-offroad .search-holder > .select {
    width: 150px;
    height: 40px
}

@media screen and (width<=560px) {
    neo-tires-offroad .search-holder > .select {
        display: none
    }
}

neo-tires-offroad .search-holder > .inventory {
    justify-content: center;
    align-items: center;
    height: 40px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-offroad .search-holder > .inventory {
        display: none
    }
}

neo-tires-offroad neo-component-tires-list {
    flex-wrap: wrap;
    place-content: start flex-start;
    gap: 25px;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=1500px) {
    neo-tires-offroad neo-component-tires-list {
        justify-content: center
    }
}

neo-tires-offroad neo-component-tires-list > li {
    width: 270px;
    height: 495px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-offroad neo-component-tires-list > li {
        width: 100%;
        height: 280px
    }
}

neo-tires-offroad .list {
    flex-wrap: wrap;
    place-content: center start;
    width: 100%;
    min-height: 200px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-offroad .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-tires-offroad .list {
        justify-content: center
    }
}

neo-tires-offroad .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-tires-offroad .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-tires-offroad .list > li {
        width: 190px
    }
}

neo-tires-offroad .pagination-holder {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-offroad .pagination-holder {
        width: 100%;
        margin-right: 0;
        display: none
    }
}

neo-tires-router {
    justify-content: center;
    display: flex
}

    neo-tires-router > .container {
        overflow: visible !important
    }

        neo-tires-router > .container .search-holder {
            background-color: #fff;
            border-radius: 22px;
            justify-content: space-between;
            width: 100%;
            height: 60px;
            margin-top: 20px;
            padding: 10px 20px;
            display: flex
        }

            neo-tires-router > .container .search-holder .input-holder {
                border-radius: 14px;
                justify-content: flex-start;
                width: 100%;
                height: 40px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-tires-router > .container .search-holder .input-holder {
        border: none;
        width: 100%
    }
}

neo-tires-router > .container .search-holder .input-holder input {
    text-align: right;
    direction: rtl;
    border: none;
    width: 100%;
    height: 100%;
    font-size: 13px
}

neo-tires-router > .container .search-holder .input-holder i {
    color: #005c7c;
    cursor: pointer;
    margin: 5px 0 5px 10px;
    font-size: 24px
}

    neo-tires-router > .container .search-holder .input-holder i:hover {
        color: #00b0ac
    }

neo-tires-router > .container .background-holder {
    z-index: -1;
    background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
    background-position: 50%;
    background-size: 75%;
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0
}

neo-tires-router > .container > .details {
    justify-content: space-between;
    display: flex
}

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details {
        flex-wrap: wrap
    }
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details .basic-details {
        margin-top: 30px
    }
}

neo-tires-router > .container > .details > .item {
    background-color: #fff;
    border-radius: 18px;
    height: 600px;
    position: relative
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item {
        height: auto
    }
}

neo-tires-router > .container > .details > .item .options {
    direction: ltr;
    justify-content: center;
    width: 200px;
    height: 40px;
    display: flex;
    position: absolute;
    top: 70px;
    left: 40px
}

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details > .item .options {
        top: 40px;
        left: 50%
    }
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item .options {
        top: 20px;
        left: 0
    }
}

neo-tires-router > .container > .details > .item .options > li {
    width: 40px;
    height: 40px;
    position: relative
}

    neo-tires-router > .container > .details > .item .options > li .list {
        background-color: #005c7c;
        width: 150px;
        height: 100px;
        position: absolute
    }

    neo-tires-router > .container > .details > .item .options > li i {
        color: #bcbcbc;
        cursor: pointer;
        font-size: 20px
    }

        neo-tires-router > .container > .details > .item .options > li i:hover, neo-tires-router > .container > .details > .item .options > li i.active {
            color: #005c7c
        }

neo-tires-router > .container > .details > .item .options .list {
    background-color: #005c7c;
    border-radius: 18px;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 150px;
    padding: 10px;
    font-size: 16px;
    display: flex;
    position: absolute;
    top: 30px
}

    neo-tires-router > .container > .details > .item .options .list li {
        place-content: center flex-start;
        align-items: center;
        width: 100%;
        height: 35px;
        display: flex
    }

        neo-tires-router > .container > .details > .item .options .list li .fa-facebook-square {
            color: #4267b2;
            margin-right: 5px;
            font-size: 25px
        }

        neo-tires-router > .container > .details > .item .options .list li .fa-twitter-square {
            color: #1da1f2;
            margin-right: 5px;
            font-size: 25px
        }

    neo-tires-router > .container > .details > .item .options .list.hidden {
        display: none
    }

neo-tires-router > .container > .details > .item.details-holder {
    margin-left: 10px;
    padding: 50px 30px
}

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details > .item.details-holder .compatibility {
        display: none
    }
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.details-holder .compatibility {
        display: block
    }

    neo-tires-router > .container > .details > .item.details-holder > .row {
        flex-wrap: wrap
    }
}

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details > .item.details-holder {
        margin-left: 0
    }
}

neo-tires-router > .container > .details > .item.details-holder .border {
    border-left: 1px solid #bcbcbc;
    margin-left: 30px;
    padding-left: 30px
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.details-holder .border {
        border-bottom: 1px solid #bcbcbc;
        border-left: none;
        margin-left: 0;
        padding-bottom: 30px;
        padding-left: 0
    }
}

neo-tires-router > .container > .details > .item.details-holder > div {
    width: 100%;
    height: 100%
}

    neo-tires-router > .container > .details > .item.details-holder > div .covers {
        flex-wrap: wrap;
        align-content: space-between;
        width: 350px;
        height: 100%;
        display: flex
    }

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.details-holder > div .covers {
        width: 100%
    }

        neo-tires-router > .container > .details > .item.details-holder > div .covers .row {
            justify-content: center
        }
}

neo-tires-router > .container > .details > .item.details-holder > div .covers .gap {
    gap: 20px
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.details-holder > div .covers .gap {
        gap: 5px
    }
}

neo-tires-router > .container > .details > .item.details-holder > div .covers .cover {
    background-position: 50%;
    background-size: cover;
    width: 350px;
    height: 350px
}

neo-tires-router > .container > .details > .item.details-holder > div .covers .cover-item {
    cursor: pointer;
    background-position: 50%;
    background-size: cover;
    border: 1px solid #eee;
    border-radius: 22px;
    width: 100px;
    height: 100px
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.details-holder > div .covers .cover-item {
        margin-top: 5px
    }
}

neo-tires-router > .container > .details > .item.details-holder .tire-details {
    flex-wrap: wrap;
    place-content: start;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-tires-router > .container > .details > .item.details-holder .tire-details > img {
        height: 60px
    }

    neo-tires-router > .container > .details > .item.details-holder .tire-details h1 {
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: IRANYekan Black;
        line-height: 1.5
    }

        neo-tires-router > .container > .details > .item.details-holder .tire-details h1 a {
            color: #000
        }

            neo-tires-router > .container > .details > .item.details-holder .tire-details h1 a:hover {
                color: #005c7c
            }

    neo-tires-router > .container > .details > .item.details-holder .tire-details .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-tires-router > .container > .details > .item.details-holder .tire-details .item .title {
            text-align: right;
            color: #bcbcbc;
            border-left: 1px solid #fd0;
            width: 120px;
            height: 100%;
            font-size: 12px;
            line-height: 35px
        }

        neo-tires-router > .container > .details > .item.details-holder .tire-details .item .description {
            text-align: right;
            width: 100%;
            height: 100%;
            padding-right: 10px;
            font-family: IRANYekan Black;
            font-size: 18px;
            font-weight: 700;
            line-height: 35px
        }

            neo-tires-router > .container > .details > .item.details-holder .tire-details .item .description a {
                color: #000
            }

                neo-tires-router > .container > .details > .item.details-holder .tire-details .item .description a:hover {
                    color: #005c7c
                }

            neo-tires-router > .container > .details > .item.details-holder .tire-details .item .description.line-height {
                line-height: 20px
            }

neo-tires-router > .container > .details > .item.details-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-tires-router > .container > .details > .item.details-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-top: 100px;
        margin-bottom: 10px;
        display: flex
    }

        neo-tires-router > .container > .details > .item.details-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-tires-router > .container > .details > .item.details-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        place-content: start;
        width: 100%;
        height: calc(100% - 120px);
        margin-top: 10px;
        padding: 10px;
        display: flex;
        overflow-x: hidden
    }

        neo-tires-router > .container > .details > .item.details-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-tires-router > .container > .details > .item.details-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-tires-router > .container > .details > .item.details-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

neo-tires-router > .container > .details > .item.point-holder {
    flex-wrap: wrap;
    align-content: space-between;
    margin-right: 10px;
    padding: 50px 10px 10px;
    display: flex
}

    neo-tires-router > .container > .details > .item.point-holder .euro-label > p {
        text-align: center;
        color: #d12727;
        width: 100%;
        margin-top: 100px;
        margin-bottom: 100px;
        font-size: 15px
    }

    neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card {
        background-color: #eee;
        border-radius: 15px;
        width: 100%;
        height: 80px;
        margin: 10px 0
    }

        neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .right {
            text-align: center;
            font-size: 40px;
            font-weight: 700
        }

            neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .right.blue {
                color: #00b0ac
            }

            neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .right.red {
                color: #d12727
            }

            neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .right.primary {
                color: #fd0
            }

            neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .right.basic {
                color: #005c7c
            }

        neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .right, neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .left {
            width: 200px;
            height: 100%
        }

            neo-tires-router > .container > .details > .item.point-holder .euro-label .l-card .left img {
                height: 65px;
                margin-left: 20px
            }

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details > .item.point-holder {
        width: calc(50% - 10px);
        margin-right: 0
    }
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.point-holder {
        width: 100%
    }
}

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details > .item.point-holder {
        margin-top: 20px
    }
}

neo-tires-router > .container > .details > .item.point-holder > .point {
    text-align: center;
    color: #00b0ac;
    width: 100%;
    height: 100px;
    font-family: IRANYekan Black;
    font-size: 50px;
    line-height: 100px
}

neo-tires-router > .container > .details > .item.point-holder > .item {
    justify-content: center;
    width: 100%;
    padding: 10px;
    display: flex
}

    neo-tires-router > .container > .details > .item.point-holder > .item .title {
        text-align: left;
        color: #005c7c;
        width: 90px;
        padding-left: 10px;
        font-size: 12px;
        font-weight: 700
    }

    neo-tires-router > .container > .details > .item.point-holder > .item .progress {
        background-color: #eee;
        border-radius: 7px;
        justify-content: start;
        width: 100%;
        height: 7px;
        margin-top: 3px;
        display: flex
    }

        neo-tires-router > .container > .details > .item.point-holder > .item .progress .load {
            width: 80%;
            height: inherit;
            border-radius: 7px
        }

    neo-tires-router > .container > .details > .item.point-holder > .item .point {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 700
    }

neo-tires-router > .container > .details > .item.point-holder > .dots {
    place-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    display: flex
}

    neo-tires-router > .container > .details > .item.point-holder > .dots > span {
        background-color: #eee;
        width: 100px;
        height: 3px;
        margin: 5px
    }

neo-tires-router > .container > .details > .item.point-holder > .price-discount {
    color: #d12727;
    text-align: center;
    width: 100%;
    font-size: 14px
}

    neo-tires-router > .container > .details > .item.point-holder > .price-discount span {
        margin: 5px
    }

neo-tires-router > .container > .details > .item.point-holder > .price {
    color: #005c7c;
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 700
}

    neo-tires-router > .container > .details > .item.point-holder > .price span {
        margin: 5px
    }

        neo-tires-router > .container > .details > .item.point-holder > .price span.text {
            color: #bcbcbc;
            font-size: 14px;
            font-weight: lighter
        }

neo-tires-router > .container > .details > .item.point-holder > .button-holder {
    padding: 0 10px
}

neo-tires-router > .container > .details > .item.point-holder > .snappay {
    gap: 10px;
    height: 64px;
    padding-top: 10px;
    padding-right: 10px;
    display: flex
}

@media screen and (width<=500px) {
    neo-tires-router > .container > .details > .item.point-holder > .snappay {
        height: 54px
    }
}

neo-tires-router > .container > .details > .item.point-holder > .snappay > .icon {
    width: 48px;
    height: 48px
}

    neo-tires-router > .container > .details > .item.point-holder > .snappay > .icon > img {
        object-fit: cover;
        width: 100%
    }

neo-tires-router > .container > .details > .item.point-holder > .snappay .title {
    font-size: 16px;
    font-weight: 700
}

neo-tires-router > .container > .details > .item.compatibility-holder {
    padding: 20px;
    display: none
}

@media screen and (width<=1024px) {
    neo-tires-router > .container > .details > .item.compatibility-holder {
        width: calc(50% - 10px);
        margin-top: 20px;
        display: block
    }
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .details > .item.compatibility-holder {
        display: none
    }
}

neo-tires-router > .container > .details > .item.compatibility-holder .car-tires {
    flex-wrap: wrap;
    align-content: center;
    width: 100%;
    height: 100%;
    display: flex
}

    neo-tires-router > .container > .details > .item.compatibility-holder .car-tires > .item {
        width: 100%;
        height: 35px;
        margin-bottom: 10px;
        display: flex
    }

        neo-tires-router > .container > .details > .item.compatibility-holder .car-tires > .item .title {
            text-align: right;
            color: #bcbcbc;
            border-right: 1px solid #fd0;
            width: 200px;
            height: 100%;
            padding-right: 10px;
            font-size: 12px;
            font-weight: 700;
            line-height: 35px
        }

    neo-tires-router > .container > .details > .item.compatibility-holder .car-tires .list {
        background-color: #eee;
        border-top-left-radius: 22px;
        border-bottom-right-radius: 22px;
        border-bottom-left-radius: 22px;
        flex-wrap: wrap;
        place-content: start;
        width: 100%;
        height: calc(100% - 120px);
        margin-top: 10px;
        padding: 10px;
        display: flex
    }

        neo-tires-router > .container > .details > .item.compatibility-holder .car-tires .list .item {
            justify-content: center;
            margin-top: 10px;
            margin-left: 10px;
            display: flex
        }

            neo-tires-router > .container > .details > .item.compatibility-holder .car-tires .list .item span {
                background-color: #fd0;
                width: 5px;
                height: 5px;
                margin-top: 5px;
                margin-left: 5px
            }

            neo-tires-router > .container > .details > .item.compatibility-holder .car-tires .list .item a {
                color: #bcbcbc;
                font-size: 12px
            }

neo-tires-router > .container > .information {
    background-color: #fff;
    border-radius: 22px;
    min-height: 200px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 50px
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .information {
        padding: 20px 5px
    }
}

neo-tires-router > .container > .information .header .titles {
    justify-content: center;
    width: 100%;
    height: 25px;
    display: flex
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .information .header .titles {
        padding: 0 15px
    }
}

neo-tires-router > .container > .information .header .titles .title {
    width: 170px;
    height: inherit;
    cursor: pointer;
    color: #bcbcbc;
    justify-content: center;
    font-size: 16px;
    display: flex
}

    neo-tires-router > .container > .information .header .titles .title i {
        margin-left: 5px
    }

    neo-tires-router > .container > .information .header .titles .title > p {
        line-height: 1.3
    }

@media screen and (width<=355px) {
    neo-tires-router > .container > .information .header .titles .title > p {
        line-height: 1.3
    }
}

neo-tires-router > .container > .information .header .titles .title.active {
    color: #005c7c;
    font-weight: 700
}

neo-tires-router > .container > .information .header > .linear {
    background-color: #eee;
    border-radius: 7px;
    justify-content: center;
    width: 100%;
    height: 7px;
    margin-top: 5px;
    display: flex
}

    neo-tires-router > .container > .information .header > .linear .holder {
        width: 340px;
        height: 7px;
        position: relative
    }

        neo-tires-router > .container > .information .header > .linear .holder span {
            background-color: #fd0;
            border-radius: 7px;
            width: 170px;
            height: 7px;
            position: absolute
        }

neo-tires-router > .container > .information .review {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0
}

neo-tires-router > .container > .information .info {
    width: 100%;
    padding: 40px 0 0;
    display: none
}

    neo-tires-router > .container > .information .info .row {
        justify-content: center;
        margin-top: 10px;
        display: flex
    }

    neo-tires-router > .container > .information .info .title {
        text-align: right;
        color: #005c7c;
        background-color: #eee;
        border-top-right-radius: 18px;
        border-bottom-right-radius: 18px;
        width: 200px;
        height: 40px;
        margin-left: 10px;
        padding: 5px 10px;
        line-height: 30px
    }

    neo-tires-router > .container > .information .info .desc {
        text-align: right;
        color: #000;
        background-color: #f8f8f8;
        border-top-left-radius: 18px;
        border-bottom-left-radius: 18px;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
        line-height: 30px
    }

        neo-tires-router > .container > .information .info .desc a {
            color: #000
        }

            neo-tires-router > .container > .information .info .desc a:hover {
                color: #00b0ac
            }

@media screen and (width<=560px) {
    neo-tires-router > .container > .information .info .desc {
        overflow: hidden
    }
}

neo-tires-router > .container > .information .comment {
    width: 100%;
    min-height: 200px;
    padding: 40px 0 0;
    display: none
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .information .comment > .flex {
        flex-direction: column;
        align-items: center
    }
}

neo-tires-router > .container > .information .comment .icon-comment {
    color: #005c7c;
    font-size: 120px;
    height: .8em !important
}

neo-tires-router > .container > .information .comment .margin-left {
    margin-right: 50px
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .information .comment .margin-remove {
        margin-right: 0
    }
}

neo-tires-router > .container > .information .comment .justify-remove {
    justify-content: center
}

neo-tires-router > .container > .information .comment .horizontal-line {
    background-color: #eee;
    width: 100%;
    height: 1px;
    margin: 15px 0
}

neo-tires-router > .container > .information .comment .title {
    color: #005c7c;
    text-align: right;
    width: 100%;
    padding-bottom: 5px;
    font-size: 14px;
    font-weight: 700
}

neo-tires-router > .container > .information .reply {
    background-color: #eee;
    border-radius: 22px;
    width: 100%;
    min-height: 150px;
    margin-top: 20px;
    padding: 20px
}

neo-tires-router > .container > .information .review-text a {
    color: #00b0ac
}

    neo-tires-router > .container > .information .review-text a:hover {
        color: #1c3b4c
    }

neo-tires-router > .container > .information .review-text p {
    margin: 0;
    line-height: 2.5
}

@media screen and (width<=760px) {
    neo-tires-router > .container > .information .review-text p img {
        width: 100%
    }
}

neo-tires-router > .container > .information .review-text ul {
    margin: auto 40px auto auto;
    list-style: outside
}

    neo-tires-router > .container > .information .review-text ul li {
        margin: auto;
        line-height: 2.5;
        list-style: outside
    }

@media screen and (width<=560px) {
    neo-tires-router > .container > .information .review-text ul li {
        margin-right: auto !important
    }
}

neo-tires-router > .container > .information .review-text img {
    max-width: 100% !important
}

@media screen and (width<=760px) {
    neo-tires-router > .container > .information .review-text img {
        width: 100%
    }
}

neo-tires-router > .container > .information .review-text span {
    line-height: 2.5
}

@media screen and (width<=560px) {
    neo-tires-router > .container > .information .review-text {
        padding: 0 20px
    }
}

neo-tires-router > .container > .title {
    text-align: right;
    color: #005c7c;
    border-right: 1px solid #fd0;
    width: 100%;
    height: 25px;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px
}

neo-tires-router > .container > .related {
    width: 100%;
    margin-top: 20px
}

neo-users-activate {
    justify-content: center;
    display: flex
}

    neo-users-activate > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-activate > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-activate > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-activate > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-activate > .container > .header > .holder img {
    height: 120px
}

neo-users-activate > .container > .header > .holder .inputs-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

    neo-users-activate > .container > .header > .holder .inputs-holder .margin-top {
        margin-top: 20px
    }

    neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 340px;
        padding: 20px;
        display: flex
    }

        neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 30px;
            font-size: 12px
        }

            neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            justify-content: center;
            width: 100%;
            height: 80px;
            display: flex
        }

            neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: center;
                color: #00b0ac;
                direction: ltr;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: calc(25% - 20px);
                height: 35px;
                margin: 30px 10px;
                font-family: IRANYekan Bold
            }

@media screen and (width<=375px) {
    neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
        font-size: 16px
    }
}

neo-users-activate > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
    border-bottom: 2px solid #fd0
}

neo-users-changepassword {
    justify-content: center;
    display: flex
}

    neo-users-changepassword > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-changepassword > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-changepassword > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-changepassword > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-changepassword > .container > .header > .holder img {
    height: 120px
}

neo-users-changepassword > .container > .header > .holder .inputs-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

    neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 340px;
        padding: 20px;
        display: flex
    }

        neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs .privacy {
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 30px;
            display: flex
        }

        neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 10px;
            font-size: 12px
        }

            neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            width: 100%
        }

            neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: right;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: 100%;
                height: 35px;
                margin: 30px 0;
                font-size: 16px
            }

                neo-users-changepassword > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
                    border-bottom: 2px solid #fd0
                }

neo-users-login {
    justify-content: center;
    display: flex
}

    neo-users-login > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-login > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-login > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-login > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-login > .container > .header > .holder img {
    height: 120px
}

neo-users-login > .container > .header > .holder .inputs-holder {
    background-color: #fd0;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

    neo-users-login > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 340px;
        padding: 20px;
        display: flex
    }

        neo-users-login > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 30px;
            font-size: 12px
        }

            neo-users-login > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-login > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            width: 100%
        }

            neo-users-login > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: right;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: 100%;
                height: 35px;
                margin: 30px 0;
                font-size: 16px
            }

                neo-users-login > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
                    border-bottom: 2px solid #fd0
                }

neo-users-profile {
    justify-content: center;
    display: flex
}

    neo-users-profile .wishListDelete {
        cursor: pointer
    }

        neo-users-profile .wishListDelete:hover {
            color: #d12727 !important
        }

    neo-users-profile > .container {
        overflow: visible !important
    }

        neo-users-profile > .container .list-holder {
            justify-content: space-between;
            width: 100%;
            margin-top: 20px;
            display: flex
        }

@media screen and (width<=560px) {
    neo-users-profile > .container .list-holder {
        flex-wrap: wrap
    }
}

neo-users-profile > .container .list-holder .filters {
    width: 350px
}

@media screen and (width<=560px) {
    neo-users-profile > .container .list-holder .filters {
        width: 100%;
        margin-bottom: 20px
    }
}

neo-users-profile > .container .list-holder .filters ul {
    background-color: #fff;
    border-radius: 22px;
    width: 100%;
    position: sticky;
    top: 85px
}

    neo-users-profile > .container .list-holder .filters ul li {
        place-content: center flex-start;
        align-items: center;
        margin: 0 20px;
        padding: 10px 0;
        font-size: 12px;
        display: flex
    }

        neo-users-profile > .container .list-holder .filters ul li i {
            color: #005c7c;
            font-size: 18px
        }

        neo-users-profile > .container .list-holder .filters ul li a {
            color: #005c7c;
            padding-right: 10px
        }

        neo-users-profile > .container .list-holder .filters ul li.active {
            border-bottom: 2px solid #fd0
        }

    neo-users-profile > .container .list-holder .filters ul.shadow {
        padding: 10px 0
    }

neo-users-profile > .container .list-holder .filters > .title {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 20px;
    margin-top: 20px;
    margin-right: 10px;
    display: flex
}

    neo-users-profile > .container .list-holder .filters > .title span {
        background-color: #fd0;
        width: 25px;
        height: 2px
    }

    neo-users-profile > .container .list-holder .filters > .title h2 {
        color: #005c7c;
        margin-right: 5px
    }

neo-users-profile > .container .list-holder .filters .value {
    width: 100%;
    margin-top: 20px;
    padding: 10px;
    position: relative
}

    neo-users-profile > .container .list-holder .filters .value .row {
        margin-top: 10px
    }

        neo-users-profile > .container .list-holder .filters .value .row > p {
            color: #005c7c;
            margin: 0 5px;
            font-weight: 700
        }

neo-users-profile > .container .list-holder .list {
    background-color: #fff;
    border-radius: 22px;
    flex-wrap: wrap;
    align-content: start;
    width: calc(100% - 370px);
    min-height: 200px;
    padding: 20px
}

@media screen and (width<=560px) {
    neo-users-profile > .container .list-holder .list {
        width: 100%
    }
}

@media screen and (width<=768px) {
    neo-users-profile > .container .list-holder .list {
        justify-content: center
    }
}

neo-users-profile > .container .list-holder .list > li {
    width: 270px;
    height: 540px;
    margin: 0 5px
}

@media screen and (width<=560px) {
    neo-users-profile > .container .list-holder .list > li {
        width: 240px
    }
}

@media screen and (width<=425px) {
    neo-users-profile > .container .list-holder .list > li {
        width: 190px
    }
}

neo-users-profile > .container .list-holder .list .basic .col.left {
    margin-right: 20px
}

@media screen and (width<=560px) {
    neo-users-profile > .container .list-holder .list .basic .col.left {
        margin-right: 0
    }
}

neo-users-profile > .container .list-holder .list .basic neo-component-elements-select {
    margin-bottom: 16px
}

neo-users-profile > .container .list-holder .list th, neo-users-profile > .container .list-holder .list td {
    text-align: center
}

    neo-users-profile > .container .list-holder .list th i, neo-users-profile > .container .list-holder .list td i {
        font-size: 20px
    }

neo-users-profile > .container .list-holder .list a {
    color: #005c7c
}

neo-users-recover {
    justify-content: center;
    display: flex
}

    neo-users-recover > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-recover > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-recover > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-recover > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-recover > .container > .header > .holder img {
    height: 120px
}

neo-users-recover > .container > .header > .holder .inputs-holder {
    background-color: #fd0;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

    neo-users-recover > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 340px;
        padding: 20px;
        display: flex
    }

        neo-users-recover > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 30px;
            font-size: 12px
        }

            neo-users-recover > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-recover > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            width: 100%
        }

            neo-users-recover > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: right;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: 100%;
                height: 35px;
                margin: 30px 0;
                font-size: 16px
            }

                neo-users-recover > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
                    border-bottom: 2px solid #fd0
                }

neo-users-register {
    justify-content: center;
    display: flex
}

    neo-users-register > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-register > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-register > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-register > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-register > .container > .header > .holder img {
    height: 120px
}

neo-users-register > .container > .header > .holder .inputs-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 450px;
    margin-top: 20px;
    margin-bottom: 20px;
    transition: all .4s;
    display: flex
}

    neo-users-register > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        width: 100%;
        height: 405px;
        padding: 20px;
        transition: all .4s;
        display: flex
    }

        neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .margin-right {
            margin-right: 10px
        }

        neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .privacy {
            align-items: center;
            width: 100%;
            height: 30px;
            display: flex
        }

        neo-users-register > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 10px;
            font-size: 12px
        }

            neo-users-register > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            width: 100%
        }

            neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: right;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: 100%;
                height: 35px;
                font-size: 16px
            }

                neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
                    border-bottom: 2px solid #fd0
                }

            neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .inputs span {
                color: gray;
                font-size: 14px
            }

            neo-users-register > .container > .header > .holder .inputs-holder .main-inputs .inputs .invitation {
                height: 0;
                margin-top: 5px;
                transition: height 2s
            }

neo-users-successchange {
    justify-content: center;
    display: flex
}

    neo-users-successchange > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-successchange > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-successchange > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-successchange > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-successchange > .container > .header > .holder img {
    height: 120px
}

neo-users-successchange > .container > .header > .holder .inputs-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

    neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-flow: column wrap;
        place-content: center;
        align-items: center;
        width: 100%;
        height: 340px;
        padding: 20px;
        display: flex
    }

        neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs .margin-top {
            margin-top: 20px
        }

        neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs > i {
            color: #00b0ac;
            font-size: 60px
        }

        neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs .privacy {
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 30px;
            display: flex
        }

        neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 10px;
            font-size: 12px
        }

            neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            width: 100%
        }

            neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: right;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: 100%;
                height: 35px;
                margin: 30px 0;
                font-size: 16px
            }

                neo-users-successchange > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
                    border-bottom: 2px solid #fd0
                }

neo-users-successregister {
    justify-content: center;
    display: flex
}

    neo-users-successregister > .container {
        height: calc(100vh - 400px);
        min-height: 680px;
        display: flex;
        position: relative;
        place-content: center !important;
        align-items: center !important
    }

        neo-users-successregister > .container > .header {
            z-index: -1;
            background-image: url(/images/header-title.svg?v=cuYVl0C0esgJf7S7S3DnG6jIc4I);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 75%;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 200px;
            display: flex
        }

            neo-users-successregister > .container > .header > .holder {
                flex-wrap: wrap;
                justify-content: center;
                width: 490px;
                height: 650px;
                display: flex
            }

@media screen and (width<=560px) {
    neo-users-successregister > .container > .header > .holder {
        width: calc(100% - 40px)
    }
}

neo-users-successregister > .container > .header > .holder img {
    height: 120px
}

neo-users-successregister > .container > .header > .holder .inputs-holder {
    background-color: #00b0ac;
    border-radius: 22px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex
}

    neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs {
        background-color: #fff;
        border-radius: 22px;
        flex-flow: column wrap;
        place-content: center;
        align-items: center;
        width: 100%;
        height: 340px;
        padding: 20px;
        display: flex
    }

        neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs .margin-top {
            margin-top: 20px
        }

        neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs > i {
            color: #00b0ac;
            font-size: 60px
        }

        neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs .privacy {
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 30px;
            display: flex
        }

        neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs a {
            text-align: center;
            color: #005c7c;
            width: 100%;
            margin-top: 10px;
            font-size: 12px
        }

            neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs a:hover {
                color: #00b0ac
            }

        neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs .inputs {
            width: 100%
        }

            neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs .inputs input {
                text-align: right;
                background-color: #0000;
                border: none;
                border-bottom: 2px solid #bcbcbc;
                border-radius: 0;
                outline: none;
                width: 100%;
                height: 35px;
                margin: 30px 0;
                font-size: 16px
            }

                neo-users-successregister > .container > .header > .holder .inputs-holder .main-inputs .inputs input:focus {
                    border-bottom: 2px solid #fd0
                }

.color-white {
    color: #fff !important
}

.color-primary {
    color: #fd0 !important
}

.color-basic {
    color: #005c7c !important
}

.color-blue {
    color: #00b0ac !important
}

.color-Dark {
    color: #3fb0be !important
}

.color-grey {
    color: #bcbcbc !important
}

.color-darkGrey {
    color: #959595 !important
}

.color-dark {
    color: #404040 !important
}

.color-red {
    color: #d12727 !important
}

.bg-white {
    background-color: #fff
}

.bg-primary {
    background-color: #fd0
}

.bg-basic {
    background-color: #005c7c
}

.bg-blue {
    background-color: #00b0ac
}

.bg-Dark {
    background-color: #3fb0be
}

.bg-darkGrey {
    background-color: #959595
}

.bg-dark {
    background-color: #404040
}

.bg-red {
    background-color: #d12727
}
@font-face {
    font-family: IRANYekanXFaNum;
    src: url('/fonts/iranyekan/IRANYekanXFaNum-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: IRANYekanXFaNum;
    src: url('/fonts/iranyekan/IRANYekanXFaNum-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: IRANYekanXFaNum;
    src: url('/fonts/iranyekan/IRANYekanXFaNum-DemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: IRANYekanXFaNum;
    src: url('/fonts/iranyekan/IRANYekanXFaNum-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'IRANYekan Bold';
    src: url('/fonts/IRANYekan.ttf?v=imduJDhxt8y_D21HfCplP37v5Es') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'IRANYekan Black';
    src: url('/fonts/IRANYekan.ttf?v=imduJDhxt8y_D21HfCplP37v5Es') format('truetype');
    font-weight: 900;
    font-style: normal;
}
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

/*a {
    color: #fff;
    text-decoration: none
}*/

.hyper {
    background-color: #eee;
    min-width: 100%;
    min-height: 100vh;
    font-family: IRANYekan;
    overflow-x: hidden
}

    .hyper .top-line {
        text-align: center;
        background-color: #fd0;
        background-size: contain;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 65px;
        display: flex
    }

@media print {
    .hyper .top-line {
        display: none
    }
}

.hyper h1 {
    font-size: 16px
}

.hyper h2 {
    font-size: 15px
}

.hyper h3 {
    font-size: 14px
}

.hyper h4 {
    font-size: 13px
}

.hyper h5 {
    font-size: 12px
}

.hyper h6 {
    font-size: 11px
}
.hyper h10 {
    font-size: 12px
}

.hyper * {
    box-sizing: border-box
}

.hyper :hover {
    transition: all .1s ease-in
}

.hyper .shadow {
    -webkit-box-shadow: 0 2px 5px #00000021;
    -moz-box-shadow: 0 2px 5px #00000021;
    box-shadow: 0 2px 5px #00000021
}

.hyper .label-hover {
    justify-content: flex-start;
    height: 30px;
    display: flex;
    position: absolute;
    top: 10%;
    right: calc(100% + 5px)
}

    .hyper .label-hover .triangle-right {
        border-top: 15px solid #0000;
        border-bottom: 15px solid #0000;
        border-left: 20px solid #eee;
        width: 0;
        height: 0
    }

    .hyper .label-hover p {
        text-align: center;
        background-color: #eee;
        width: 200px;
        padding: 0 5px;
        font-size: 11px;
        line-height: 30px;
        display: inline-block
    }

.hyper .container {
    z-index: 2;
    flex-wrap: wrap;
    align-content: space-between;
    width: 1500px;
    display: flex;
    position: relative;
    overflow: hidden
}

@media screen and (width<=1500px) {
    .hyper .container {
        width: 98%
    }
}

.hyper .grid-container {
    width: 1500px !important;
    max-width: 1500px !important
}

@media screen and (width<=1500px) {
    .hyper .grid-container {
        width: 94% !important;
        max-width: 94% !important
    }
}

.hyper .compare-button {
    z-index: 1005;
    color: #fff;
    background-color: #00b0ac;
    border-radius: 10px;
    place-content: center space-around;
    align-items: center;
    width: 150px;
    height: 50px;
    font-size: 16px;
    display: none;
    position: fixed;
    bottom: 40px;
    left: 20px
}

    .hyper .compare-button.active {
        display: flex
    }

    .hyper .compare-button .circle {
        background-color: #3fb0be;
        border: 1px solid #fff;
        border-radius: 20px;
        place-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        display: flex
    }

neo-component-infiniteloader {
    z-index: 100000;
    width: 100%;
    display: none;
    position: fixed;
    top: 0
}

    neo-component-infiniteloader.active {
        display: block
    }

    neo-component-infiniteloader .progress {
        background-color: #9cffff;
        background-clip: padding-box;
        border-radius: 2px;
        width: 100%;
        height: 4px;
        display: block;
        position: relative;
        overflow: hidden
    }

        neo-component-infiniteloader .progress .determinate {
            background-color: #5408d1;
            transition: width .3s linear;
            position: absolute;
            top: 0;
            bottom: 0
        }

        neo-component-infiniteloader .progress .indeterminate {
            background-color: #5408d1
        }

            neo-component-infiniteloader .progress .indeterminate:before {
                content: "";
                background-color: inherit;
                will-change: left,right;
                -webkit-animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
                animation: 2.1s cubic-bezier(.65,.815,.735,.395) infinite indeterminate;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0
            }

            neo-component-infiniteloader .progress .indeterminate:after {
                content: "";
                background-color: inherit;
                will-change: left,right;
                -webkit-animation: 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite indeterminate-short;
                animation: 2.1s cubic-bezier(.165,.84,.44,1) 1.15s infinite indeterminate-short;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0
            }

neo-component-material-text {
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block;
    position: relative
}

    neo-component-material-text > .text-input-holder {
        box-sizing: border-box;
        border: 1px solid #e2e5ec;
        justify-content: flex-end;
        width: 100%;
        height: 50px;
        margin: 10px;
        transition: all .15s ease-in;
        display: flex;
        position: relative;
        min-height: 0 !important
    }

        neo-component-material-text > .text-input-holder > span.prefix, neo-component-material-text > .text-input-holder span.postfix {
            color: #545454;
            text-align: center;
            background-color: #e2e5ec;
            place-content: center;
            align-items: center;
            padding: 0 10px;
            font-size: 12px;
            font-weight: 700;
            display: flex
        }

            neo-component-material-text > .text-input-holder > span.prefix.icon, neo-component-material-text > .text-input-holder span.postfix.icon {
                font-size: 18px
            }

        neo-component-material-text > .text-input-holder * {
            box-sizing: border-box
        }

        neo-component-material-text > .text-input-holder > .title {
            color: #545454;
            z-index: 2;
            cursor: text;
            width: calc(100% - 20px);
            height: 40px;
            font-size: 13px;
            font-weight: 700;
            line-height: 40px;
            transition: all .15s ease-in;
            position: absolute;
            top: 10px;
            right: 15px
        }

        neo-component-material-text > .text-input-holder > span.status-icon {
            color: #545454;
            justify-content: center;
            align-items: center;
            width: 40px;
            display: flex
        }

            neo-component-material-text > .text-input-holder > span.status-icon > i {
                font-size: 22px;
                display: none
            }

                neo-component-material-text > .text-input-holder > span.status-icon > i.success {
                    color: #299781
                }

        neo-component-material-text > .text-input-holder > .inputs {
            width: 100%;
            height: inherit;
            flex-wrap: wrap;
            place-content: center flex-start;
            display: flex;
            position: relative
        }

            neo-component-material-text > .text-input-holder > .inputs > label {
                cursor: text;
                width: 100%;
                padding: 2px 10px;
                font-size: 13px;
                font-weight: 700;
                transition: all .15s ease-in;
                position: absolute;
                top: calc(50% - 1em)
            }

            neo-component-material-text > .text-input-holder > .inputs > input {
                box-sizing: border-box;
                color: #545454;
                background-color: #0000;
                border: none;
                outline: none;
                width: 100%;
                padding: 0 10px;
                font-family: inherit;
                font-size: 13px;
                transition: all .15s ease-in
            }

    neo-component-material-text.medium .text-input-holder {
        width: calc(100% - 10px);
        height: 40px;
        margin: 5px
    }

        neo-component-material-text.medium .text-input-holder > .title {
            z-index: 2;
            width: calc(100% - 20px);
            height: 30px;
            font-size: 11px;
            line-height: 30px
        }

        neo-component-material-text.medium .text-input-holder > span.status-icon {
            width: 40px
        }

            neo-component-material-text.medium .text-input-holder > span.status-icon > i {
                font-size: 18px
            }

        neo-component-material-text.medium .text-input-holder .inputs label, neo-component-material-text.medium .text-input-holder .inputs > input {
            font-size: 11px
        }

    neo-component-material-text.slim .text-input-holder {
        width: calc(100% - 10px);
        height: 40px;
        margin: 5px
    }

        neo-component-material-text.slim .text-input-holder > .title {
            z-index: 2;
            width: calc(100% - 20px);
            height: 30px;
            font-size: 11px;
            line-height: 30px
        }

        neo-component-material-text.slim .text-input-holder > span.status-icon {
            width: 40px
        }

            neo-component-material-text.slim .text-input-holder > span.status-icon > i {
                font-size: 18px
            }

        neo-component-material-text.slim .text-input-holder .inputs label {
            font-size: 11px;
            display: none
        }

        neo-component-material-text.slim .text-input-holder .inputs > input {
            height: inherit;
            font-size: 11px
        }

    neo-component-material-text.slim .text-input-holder {
        height: 40px
    }

    neo-component-material-text.bg-grey .text-input-holder, neo-component-material-text.disabled .text-input-holder {
        background-color: #f8f8f8
    }

        neo-component-material-text.disabled .text-input-holder input {
            cursor: no-drop
        }

    neo-component-material-text.active .text-input-holder > .title {
        height: 20px;
        top: -2px
    }

    neo-component-material-text.active .text-input-holder .inputs input {
        height: 20px;
        position: absolute;
        bottom: 5px
    }

    neo-component-material-text.active.medium .text-input-holder > .title {
        top: 2px
    }

    neo-component-material-text.active.medium .text-input-holder .inputs label {
        top: 0
    }

    neo-component-material-text.active.medium .text-input-holder .inputs input {
        bottom: 2px
    }

    neo-component-material-text.active.slim .text-input-holder .inputs input {
        bottom: 0
    }

    neo-component-material-text.focus .text-input-holder {
        border: 1px solid #7218d8
    }

        neo-component-material-text.focus .text-input-holder > .title {
            color: #7218d8;
            height: 20px;
            top: -2px
        }

        neo-component-material-text.focus .text-input-holder span.prefix, neo-component-material-text.focus .text-input-holder span.postfix {
            color: #fff;
            background-color: #7218d8
        }

        neo-component-material-text.focus .text-input-holder .inputs label {
            color: #7218d8;
            top: 2px
        }

        neo-component-material-text.focus .text-input-holder .inputs input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

    neo-component-material-text.focus.medium .text-input-holder > .title {
        top: 2px
    }

    neo-component-material-text.focus.medium .text-input-holder .inputs label {
        top: 0
    }

    neo-component-material-text.focus.medium .text-input-holder .inputs input {
        bottom: 2px
    }

    neo-component-material-text.focus.slim .text-input-holder .inputs input {
        height: inherit;
        color: #545454;
        font-size: 13px;
        bottom: 0
    }

    neo-component-material-text.error .text-input-holder {
        border: 1px solid #ff2f95
    }

        neo-component-material-text.error .text-input-holder > .title {
            color: #ff2f95;
            height: 20px;
            top: -2px
        }

        neo-component-material-text.error .text-input-holder input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

    neo-component-material-text.circle .text-input-holder {
        border-radius: 25px;
        overflow: hidden
    }

        neo-component-material-text.circle .text-input-holder > .title {
            width: calc(100% - 25px);
            right: 25px
        }

        neo-component-material-text.circle .text-input-holder .inputs label {
            padding-right: 20px
        }

        neo-component-material-text.circle .text-input-holder .inputs input {
            width: calc(100% - 10px);
            height: 20px;
            position: absolute;
            bottom: 5px;
            right: 10px
        }

    neo-component-material-text.circle.slim .text-input-holder .inputs input {
        height: inherit;
        bottom: 0;
        right: 10px
    }

    neo-component-material-text.curve .text-input-holder {
        border-radius: 5px;
        overflow: hidden
    }

        neo-component-material-text.curve .text-input-holder input {
            width: calc(100% - 10px);
            height: 20px;
            position: absolute;
            bottom: 5px;
            right: 0
        }

    neo-component-material-text.curve.slim .text-input-holder .inputs input {
        height: inherit;
        bottom: 0
    }

    neo-component-material-text.curve span.prefix, neo-component-material-text.curve span.postfix {
        color: #fff;
        background-color: #299781
    }

    neo-component-material-text.success .text-input-holder {
        border: 1px solid #299781
    }

        neo-component-material-text.success .text-input-holder > .title {
            color: #299781;
            height: 20px;
            top: -2px
        }

        neo-component-material-text.success .text-input-holder input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

        neo-component-material-text.success .text-input-holder .status-icon i.success {
            display: block
        }

    neo-component-material-text.shadow .text-input-holder {
        -webkit-box-shadow: 0 3px 20px #716aca1c;
        box-shadow: 0 3px 20px #716aca1c
    }

    neo-component-material-text.prefix-transparent span.prefix, neo-component-material-text.prefix-transparent span.postfix, neo-component-material-text.prefix-transparent.focus span.prefix, neo-component-material-text.prefix-transparent.focus span.postfix, neo-component-material-text.prefix-transparent.active span.prefix, neo-component-material-text.prefix-transparent.active span.postfix {
        color: #545454;
        background-color: #0000
    }

neo-component-material-select {
    outline: none;
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block;
    position: relative
}

    neo-component-material-select .list {
        z-index: 9000;
        background-color: #fff;
        width: 100%;
        height: 290px;
        display: none;
        position: absolute;
        top: 50px;
        -webkit-box-shadow: 0 0 15px 1px #45414e33;
        box-shadow: 0 0 15px 1px #45414e33
    }

        neo-component-material-select .list > .search-holder {
            box-sizing: border-box;
            width: 100%;
            padding: 10px
        }

            neo-component-material-select .list > .search-holder input {
                box-sizing: border-box;
                border: 1px solid #e2e5ec;
                width: 100%;
                height: 30px;
                padding-right: 10px;
                font-family: IRANYekan;
                font-size: 11px
            }

                neo-component-material-select .list > .search-holder input:focus {
                    border-color: #7218d8;
                    outline: none
                }

        neo-component-material-select .list ul {
            box-sizing: border-box;
            outline: none;
            width: 100%;
            height: 230px;
            margin-top: 10px;
            overflow-x: hidden
        }

            neo-component-material-select .list ul > p {
                color: #e2e5ec;
                padding-top: 10px;
                font-size: 12px
            }

            neo-component-material-select .list ul li {
                cursor: pointer;
                outline: none;
                place-content: center flex-start;
                align-items: center;
                width: 100%;
                height: 40px;
                padding-right: 5px;
                font-size: 12px;
                display: flex
            }

                neo-component-material-select .list ul li .prefix {
                    color: #545454;
                    place-content: center;
                    align-items: center;
                    font-size: 20px;
                    display: none
                }

                neo-component-material-select .list ul li p {
                    width: 100%
                }

                neo-component-material-select .list ul li .postfix {
                    color: #545454;
                    place-content: center;
                    align-items: center;
                    width: 40px;
                    height: 100%;
                    font-size: 20px;
                    display: none
                }

                neo-component-material-select .list ul li:hover, neo-component-material-select .list ul li:focus, neo-component-material-select .list ul li.focus {
                    background-color: #f8f8f8
                }

                neo-component-material-select .list ul li.active {
                    background-color: #e2e5ec
                }

                    neo-component-material-select .list ul li.active .postfix {
                        display: flex
                    }

    neo-component-material-select .text-input-holder {
        border: 1px solid #e2e5ec;
        justify-content: flex-end;
        width: 100%;
        height: 50px;
        transition: all .15s ease-in;
        display: flex;
        position: relative
    }

        neo-component-material-select .text-input-holder > span.prefix, neo-component-material-select .text-input-holder span.postfix {
            color: #545454;
            text-align: center;
            background-color: #e2e5ec;
            place-content: center;
            align-items: center;
            padding: 0 10px;
            font-size: 12px;
            font-weight: 700;
            display: flex
        }

            neo-component-material-select .text-input-holder > span.prefix.icon, neo-component-material-select .text-input-holder span.postfix.icon {
                font-size: 18px
            }

        neo-component-material-select .text-input-holder * {
            box-sizing: border-box
        }

        neo-component-material-select .text-input-holder > .title {
            color: #545454;
            z-index: 2;
            cursor: text;
            width: calc(100% - 20px);
            height: 40px;
            font-size: 13px;
            font-weight: 700;
            line-height: 40px;
            transition: all .15s ease-in;
            position: absolute;
            top: 10px;
            right: 15px
        }

        neo-component-material-select .text-input-holder > span.status-icon {
            color: #545454;
            justify-content: center;
            align-items: center;
            width: 40px;
            display: none
        }

            neo-component-material-select .text-input-holder > span.status-icon > i {
                font-size: 22px;
                display: none
            }

                neo-component-material-select .text-input-holder > span.status-icon > i.success {
                    color: #299781
                }

            neo-component-material-select .text-input-holder > span.status-icon.active {
                display: flex
            }

        neo-component-material-select .text-input-holder > .inputs {
            width: 100%;
            height: inherit;
            place-content: center flex-end;
            display: flex;
            position: relative
        }

            neo-component-material-select .text-input-holder > .inputs > label {
                width: 100%;
                height: inherit;
                cursor: text;
                align-content: center;
                align-items: center;
                padding: 2px 10px;
                font-size: 13px;
                font-weight: 700;
                transition: all .15s ease-in;
                display: flex;
                position: absolute
            }

            neo-component-material-select .text-input-holder > .inputs > select {
                border: none;
                outline: none;
                width: 1px;
                height: 1px;
                font-size: 0;
                overflow: hidden
            }

            neo-component-material-select .text-input-holder > .inputs > span {
                width: 40px;
                height: inherit;
                color: #545454;
                justify-content: center;
                align-items: center;
                font-size: 18px;
                display: flex
            }

    neo-component-material-select.medium .text-input-holder {
        width: calc(100% - 10px);
        height: 40px;
        margin: 5px
    }

        neo-component-material-select.medium .text-input-holder > .title {
            z-index: 2;
            width: calc(100% - 20px);
            height: 30px;
            font-size: 11px;
            line-height: 30px
        }

        neo-component-material-select.medium .text-input-holder > span.status-icon {
            width: 40px
        }

            neo-component-material-select.medium .text-input-holder > span.status-icon > i {
                font-size: 18px
            }

        neo-component-material-select.medium .text-input-holder .inputs label, neo-component-material-select.medium .text-input-holder .inputs > input {
            font-size: 11px
        }

    neo-component-material-select.slim .text-input-holder {
        width: calc(100% - 10px);
        height: 40px;
        margin: 5px
    }

        neo-component-material-select.slim .text-input-holder > .title {
            z-index: 2;
            width: calc(100% - 20px);
            height: 30px;
            font-size: 11px;
            line-height: 30px
        }

        neo-component-material-select.slim .text-input-holder > span.status-icon {
            width: 40px
        }

            neo-component-material-select.slim .text-input-holder > span.status-icon > i {
                font-size: 18px
            }

        neo-component-material-select.slim .text-input-holder .inputs label {
            font-size: 11px;
            display: none
        }

        neo-component-material-select.slim .text-input-holder .inputs > input {
            height: inherit;
            font-size: 11px
        }

    neo-component-material-select.slim .text-input-holder {
        height: 40px
    }

    neo-component-material-select.bg-grey .text-input-holder, neo-component-material-select.disabled .text-input-holder {
        background-color: #f8f8f8
    }

        neo-component-material-select.disabled .text-input-holder input {
            cursor: no-drop
        }

    neo-component-material-select.active .text-input-holder > .title {
        height: 20px;
        top: -2px
    }

    neo-component-material-select.active .text-input-holder .inputs input {
        height: 20px;
        position: absolute;
        bottom: 5px
    }

    neo-component-material-select.active.medium .text-input-holder > .title {
        top: 2px
    }

    neo-component-material-select.active.medium .text-input-holder .inputs label {
        top: 0
    }

    neo-component-material-select.active.medium .text-input-holder .inputs input {
        bottom: 2px
    }

    neo-component-material-select.active.slim .text-input-holder .inputs input {
        bottom: 0
    }

    neo-component-material-select.focus .text-input-holder {
        border: 1px solid #7218d8
    }

        neo-component-material-select.focus .text-input-holder > .title {
            color: #7218d8;
            height: 20px;
            top: -2px
        }

        neo-component-material-select.focus .text-input-holder span.prefix, neo-component-material-select.focus .text-input-holder span.postfix {
            color: #fff;
            background-color: #7218d8
        }

        neo-component-material-select.focus .text-input-holder .inputs label {
            color: #7218d8;
            top: 2px
        }

        neo-component-material-select.focus .text-input-holder .inputs input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

    neo-component-material-select.focus.medium .text-input-holder > .title {
        top: 2px
    }

    neo-component-material-select.focus.medium .text-input-holder .inputs label {
        top: 0
    }

    neo-component-material-select.focus.medium .text-input-holder .inputs input {
        bottom: 2px
    }

    neo-component-material-select.focus.slim .text-input-holder .inputs input {
        height: inherit;
        color: #545454;
        font-size: 13px;
        bottom: 0
    }

    neo-component-material-select.error .text-input-holder {
        border: 1px solid #ff2f95
    }

        neo-component-material-select.error .text-input-holder > .title {
            color: #ff2f95;
            height: 20px;
            top: -2px
        }

        neo-component-material-select.error .text-input-holder input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

    neo-component-material-select.circle .text-input-holder {
        border-radius: 25px;
        overflow: hidden
    }

        neo-component-material-select.circle .text-input-holder > .title {
            width: calc(100% - 25px);
            right: 25px
        }

        neo-component-material-select.circle .text-input-holder .inputs label {
            padding-right: 20px
        }

        neo-component-material-select.circle .text-input-holder .inputs input {
            width: calc(100% - 10px);
            height: 20px;
            position: absolute;
            bottom: 5px;
            right: 10px
        }

    neo-component-material-select.circle.slim .text-input-holder .inputs input {
        height: inherit;
        bottom: 0;
        right: 10px
    }

    neo-component-material-select.curve .text-input-holder {
        border-radius: 5px;
        overflow: hidden
    }

        neo-component-material-select.curve .text-input-holder input {
            width: calc(100% - 10px);
            height: 20px;
            position: absolute;
            bottom: 5px;
            right: 0
        }

    neo-component-material-select.curve.slim .text-input-holder .inputs input {
        height: inherit;
        bottom: 0
    }

    neo-component-material-select.curve span.prefix, neo-component-material-select.curve span.postfix {
        color: #fff;
        background-color: #299781
    }

    neo-component-material-select.success .text-input-holder {
        border: 1px solid #299781
    }

        neo-component-material-select.success .text-input-holder > .title {
            color: #299781;
            height: 20px;
            top: -2px
        }

        neo-component-material-select.success .text-input-holder input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

        neo-component-material-select.success .text-input-holder .status-icon {
            display: flex
        }

            neo-component-material-select.success .text-input-holder .status-icon i.success {
                display: block
            }

        neo-component-material-select.success .text-input-holder span.prefix, neo-component-material-select.success .text-input-holder span.postfix {
            color: #fff;
            background-color: #299781
        }

    neo-component-material-select.shadow .text-input-holder {
        -webkit-box-shadow: 0 3px 20px #716aca1c;
        box-shadow: 0 3px 20px #716aca1c
    }

    neo-component-material-select.prefix-transparent span.prefix, neo-component-material-select.prefix-transparent span.postfix, neo-component-material-select.prefix-transparent.focus span.prefix, neo-component-material-select.prefix-transparent.focus span.postfix, neo-component-material-select.prefix-transparent.active span.prefix, neo-component-material-select.prefix-transparent.active span.postfix {
        color: #545454;
        background-color: #0000
    }

neo-component-material-checkbox {
    outline: none;
    place-content: center flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 50px;
    margin: 10px;
    display: flex
}

    neo-component-material-checkbox > label {
        cursor: pointer;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding-right: 30px;
        font-size: 12px;
        -webkit-transition: all .3s;
        transition: all .3s;
        display: inline-block;
        position: relative
    }

        neo-component-material-checkbox > label input {
            z-index: -1;
            opacity: 0;
            box-sizing: border-box;
            width: 100%;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            margin: 0;
            padding: 0;
            position: absolute
        }

        neo-component-material-checkbox > label span {
            box-sizing: border-box;
            color: #299781;
            background: 0 0;
            border: 1px solid #e2e5ec;
            place-content: center;
            align-items: center;
            width: 18px;
            height: 18px;
            font-size: 14px;
            display: flex;
            position: absolute;
            top: 1px;
            right: 0;
            -webkit-box-shadow: 0 3px 20px #716aca1c;
            box-shadow: 0 3px 20px #716aca1c
        }

    neo-component-material-checkbox.curve > label span {
        border-radius: 3px
    }

    neo-component-material-checkbox.fill > label span {
        background-color: #e2e5ec
    }

    neo-component-material-checkbox.fill.red > label span {
        color: #fff;
        background-color: #ff2f95;
        border-color: #ff2f95
    }

    neo-component-material-checkbox.fill.green > label span {
        color: #fff;
        background-color: #299781;
        border-color: #299781
    }

    neo-component-material-checkbox.fill.basic > label span {
        color: #fff;
        background-color: #0fabef;
        border-color: #0fabef
    }

    neo-component-material-checkbox.fill.primary > label span {
        color: #fff;
        background-color: #7218d8;
        border-color: #7218d8
    }

    neo-component-material-checkbox.fill.disable > label span {
        color: #fff;
        cursor: no-drop;
        background-color: #e2e5ec;
        border-color: #e2e5ec
    }

    neo-component-material-checkbox.green > label span {
        color: #299781;
        border-color: #299781
    }

    neo-component-material-checkbox.red > label span {
        color: #ff2f95;
        border-color: #ff2f95
    }

    neo-component-material-checkbox.primary > label span {
        color: #7218d8;
        border-color: #7218d8
    }

    neo-component-material-checkbox.basic > label span {
        color: #0fabef;
        border-color: #0fabef
    }

    neo-component-material-checkbox.disable > label span {
        color: #fff;
        cursor: no-drop;
        background-color: #e2e5ec;
        border-color: #e2e5ec
    }

    neo-component-material-checkbox.active > label {
        font-size: 13px
    }

        neo-component-material-checkbox.active > label > span {
            border-width: 2px;
            width: 20px;
            height: 20px
        }

neo-component-material-radio {
    outline: none;
    place-content: center flex-start;
    align-items: center;
    width: calc(100% - 20px);
    height: 50px;
    margin: 10px;
    display: flex
}

    neo-component-material-radio > label {
        cursor: pointer;
        box-sizing: border-box;
        margin-bottom: 10px;
        padding-right: 30px;
        font-size: 12px;
        -webkit-transition: all .3s;
        transition: all .3s;
        display: inline-block;
        position: relative
    }

        neo-component-material-radio > label input {
            z-index: -1;
            opacity: 0;
            box-sizing: border-box;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            margin: 0;
            padding: 0;
            position: absolute
        }

        neo-component-material-radio > label > span {
            box-sizing: border-box;
            color: #299781;
            background: 0 0;
            border: 1px solid #e2e5ec;
            border-radius: 50%;
            place-content: center;
            align-items: center;
            width: 20px;
            height: 20px;
            font-size: 14px;
            display: flex;
            position: absolute;
            top: 1px;
            right: 0;
            -webkit-box-shadow: 0 3px 20px #716aca1c;
            box-shadow: 0 3px 20px #716aca1c
        }

            neo-component-material-radio > label > span > .dot {
                background-color: #545454;
                border-radius: 50%;
                width: 8px;
                height: 8px
            }

    neo-component-material-radio.curve > label span {
        border-radius: 3px
    }

    neo-component-material-radio.fill > label span {
        background-color: #e2e5ec
    }

    neo-component-material-radio.fill.red > label span {
        background-color: #ff2f95;
        border-color: #ff2f95
    }

        neo-component-material-radio.fill.red > label span > .dot {
            background-color: #fff
        }

    neo-component-material-radio.fill.green > label span {
        background-color: #299781;
        border-color: #299781
    }

        neo-component-material-radio.fill.green > label span > .dot {
            background-color: #fff
        }

    neo-component-material-radio.fill.basic > label span {
        background-color: #0fabef;
        border-color: #0fabef
    }

        neo-component-material-radio.fill.basic > label span > .dot {
            background-color: #fff
        }

    neo-component-material-radio.fill.primary > label span {
        background-color: #7218d8;
        border-color: #7218d8
    }

        neo-component-material-radio.fill.primary > label span > .dot {
            background-color: #fff
        }

    neo-component-material-radio.green > label span {
        border-color: #299781
    }

        neo-component-material-radio.green > label span > .dot {
            background-color: #299781
        }

    neo-component-material-radio.red > label span {
        border-color: #ff2f95
    }

        neo-component-material-radio.red > label span > .dot {
            background-color: #ff2f95
        }

    neo-component-material-radio.primary > label span {
        border-color: #7218d8
    }

        neo-component-material-radio.primary > label span > .dot {
            background-color: #7218d8
        }

    neo-component-material-radio.basic > label span {
        border-color: #0fabef
    }

        neo-component-material-radio.basic > label span > .dot {
            background-color: #0fabef
        }

    neo-component-material-radio.disable > label span {
        cursor: no-drop;
        background-color: #e2e5ec;
        border-color: #e2e5ec
    }

        neo-component-material-radio.disable > label span > .dot {
            background-color: #0fabef
        }

    neo-component-material-radio.active > label > span {
        border-width: 2px
    }

neo-component-material-tag {
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block;
    position: relative
}

    neo-component-material-tag > .tag-input-holder {
        box-sizing: border-box;
        border: 1px solid #e2e5ec;
        width: 100%;
        height: auto;
        min-height: 50px;
        transition: all .15s ease-in;
        position: relative
    }

        neo-component-material-tag > .tag-input-holder .tag-list {
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
            list-style: none;
            display: flex
        }

            neo-component-material-tag > .tag-input-holder .tag-list li {
                color: #545454;
                background-color: #e2e5ec;
                border-radius: 15px;
                justify-content: space-between;
                margin: 6px 2px;
                padding: 4px 12px;
                font-size: 12px;
                display: flex
            }

                neo-component-material-tag > .tag-input-holder .tag-list li i {
                    cursor: pointer;
                    margin: 5px;
                    font-size: 10px
                }

                neo-component-material-tag > .tag-input-holder .tag-list li input {
                    border: none;
                    border-inline: none;
                    outline: none;
                    width: 100px;
                    font-family: IRANYekan;
                    font-size: 11px
                }

                neo-component-material-tag > .tag-input-holder .tag-list li:last-child {
                    background-color: #0000
                }

        neo-component-material-tag > .tag-input-holder > span.prefix, neo-component-material-tag > .tag-input-holder span.postfix {
            color: #545454;
            text-align: center;
            background-color: #e2e5ec;
            place-content: center;
            align-items: center;
            padding: 0 10px;
            font-size: 12px;
            font-weight: 700;
            display: flex
        }

            neo-component-material-tag > .tag-input-holder > span.prefix.icon, neo-component-material-tag > .tag-input-holder span.postfix.icon {
                font-size: 18px
            }

        neo-component-material-tag > .tag-input-holder * {
            box-sizing: border-box
        }

        neo-component-material-tag > .tag-input-holder > .title {
            color: #545454;
            z-index: 2;
            cursor: text;
            width: calc(100% - 20px);
            height: 40px;
            font-size: 13px;
            font-weight: 700;
            line-height: 40px;
            transition: all .15s ease-in;
            position: absolute;
            top: 10px;
            right: 15px
        }

        neo-component-material-tag > .tag-input-holder > span.status-icon {
            color: #545454;
            justify-content: center;
            align-items: center;
            width: 40px;
            display: flex
        }

            neo-component-material-tag > .tag-input-holder > span.status-icon > i {
                font-size: 22px;
                display: none
            }

                neo-component-material-tag > .tag-input-holder > span.status-icon > i.success {
                    color: #299781
                }

        neo-component-material-tag > .tag-input-holder > .inputs {
            width: 100%;
            height: inherit;
            flex-wrap: wrap;
            place-content: center flex-start;
            display: flex;
            position: relative
        }

            neo-component-material-tag > .tag-input-holder > .inputs > label {
                cursor: text;
                width: 100%;
                padding: 2px 10px;
                font-size: 13px;
                font-weight: 700;
                transition: all .15s ease-in;
                position: absolute;
                top: calc(50% - 1em)
            }

            neo-component-material-tag > .tag-input-holder > .inputs > input {
                box-sizing: border-box;
                color: #545454;
                background-color: #0000;
                border: none;
                outline: none;
                width: 100%;
                padding: 0 10px;
                font-family: inherit;
                font-size: 13px;
                transition: all .15s ease-in
            }

    neo-component-material-tag.medium .tag-input-holder {
        width: calc(100% - 10px);
        min-height: 40px;
        margin: 5px
    }

        neo-component-material-tag.medium .tag-input-holder > .title {
            z-index: 2;
            width: calc(100% - 20px);
            min-height: 30px;
            font-size: 11px;
            line-height: 30px
        }

        neo-component-material-tag.medium .tag-input-holder > span.status-icon {
            width: 40px
        }

            neo-component-material-tag.medium .tag-input-holder > span.status-icon > i {
                font-size: 18px
            }

        neo-component-material-tag.medium .tag-input-holder .inputs label, neo-component-material-tag.medium .tag-input-holder .inputs > input {
            font-size: 11px
        }

    neo-component-material-tag.slim .tag-input-holder {
        width: calc(100% - 10px);
        height: 40px;
        margin: 5px
    }

        neo-component-material-tag.slim .tag-input-holder > .title {
            z-index: 2;
            width: calc(100% - 20px);
            min-height: 30px;
            font-size: 11px;
            line-height: 30px
        }

        neo-component-material-tag.slim .tag-input-holder > span.status-icon {
            width: 40px
        }

            neo-component-material-tag.slim .tag-input-holder > span.status-icon > i {
                font-size: 18px
            }

        neo-component-material-tag.slim .tag-input-holder .inputs label {
            font-size: 11px;
            display: none
        }

        neo-component-material-tag.slim .tag-input-holder .inputs > input {
            height: inherit;
            font-size: 11px
        }

    neo-component-material-tag.slim .tag-input-holder {
        height: 40px
    }

    neo-component-material-tag.bg-grey .tag-input-holder, neo-component-material-tag.disabled .tag-input-holder {
        background-color: #f8f8f8
    }

        neo-component-material-tag.disabled .tag-input-holder input {
            cursor: no-drop
        }

    neo-component-material-tag.active .tag-input-holder > .title {
        height: 20px;
        top: -2px
    }

    neo-component-material-tag.active .tag-input-holder .inputs input {
        height: 20px;
        position: absolute;
        bottom: 5px
    }

    neo-component-material-tag.active.medium .tag-input-holder > .title {
        top: 2px
    }

    neo-component-material-tag.active.medium .tag-input-holder .inputs label {
        top: 0
    }

    neo-component-material-tag.active.medium .tag-input-holder .inputs input {
        bottom: 2px
    }

    neo-component-material-tag.active.slim .tag-input-holder .inputs input {
        bottom: 0
    }

    neo-component-material-tag.focus .tag-input-holder {
        border: 1px solid #7218d8
    }

        neo-component-material-tag.focus .tag-input-holder > .title {
            color: #7218d8;
            height: 20px;
            top: -2px
        }

        neo-component-material-tag.focus .tag-input-holder span.prefix, neo-component-material-tag.focus .tag-input-holder span.postfix {
            color: #fff;
            background-color: #7218d8
        }

        neo-component-material-tag.focus .tag-input-holder .inputs label {
            color: #7218d8;
            top: 2px
        }

        neo-component-material-tag.focus .tag-input-holder .inputs input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

    neo-component-material-tag.focus.medium .tag-input-holder > .title {
        top: 2px
    }

    neo-component-material-tag.focus.medium .tag-input-holder .inputs label {
        top: 0
    }

    neo-component-material-tag.focus.medium .tag-input-holder .inputs input {
        bottom: 2px
    }

    neo-component-material-tag.focus.slim .tag-input-holder .inputs input {
        height: inherit;
        color: #545454;
        font-size: 13px;
        bottom: 0
    }

    neo-component-material-tag.error .tag-input-holder {
        border: 1px solid #ff2f95
    }

        neo-component-material-tag.error .tag-input-holder > .title {
            color: #ff2f95;
            height: 20px;
            top: -2px
        }

        neo-component-material-tag.error .tag-input-holder input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

    neo-component-material-tag.circle .tag-input-holder {
        border-radius: 25px;
        overflow: hidden
    }

        neo-component-material-tag.circle .tag-input-holder > .title {
            width: calc(100% - 25px);
            right: 25px
        }

        neo-component-material-tag.circle .tag-input-holder .inputs label {
            padding-right: 20px
        }

        neo-component-material-tag.circle .tag-input-holder .inputs input {
            width: calc(100% - 10px);
            height: 20px;
            position: absolute;
            bottom: 5px;
            right: 10px
        }

    neo-component-material-tag.circle.slim .tag-input-holder .inputs input {
        height: inherit;
        bottom: 0;
        right: 10px
    }

    neo-component-material-tag.curve .tag-input-holder {
        border-radius: 5px;
        overflow: hidden
    }

        neo-component-material-tag.curve .tag-input-holder input {
            width: calc(100% - 10px);
            height: 20px;
            position: absolute;
            bottom: 5px;
            right: 0
        }

    neo-component-material-tag.curve.slim .tag-input-holder .inputs input {
        height: inherit;
        bottom: 0
    }

    neo-component-material-tag.curve span.prefix, neo-component-material-tag.curve span.postfix {
        color: #fff;
        background-color: #299781
    }

    neo-component-material-tag.success .tag-input-holder {
        border: 1px solid #299781
    }

        neo-component-material-tag.success .tag-input-holder > .title {
            color: #299781;
            height: 20px;
            top: -2px
        }

        neo-component-material-tag.success .tag-input-holder input {
            height: 20px;
            position: absolute;
            bottom: 5px
        }

        neo-component-material-tag.success .tag-input-holder .status-icon i.success {
            display: block
        }

    neo-component-material-tag.shadow .tag-input-holder {
        -webkit-box-shadow: 0 3px 20px #716aca1c;
        box-shadow: 0 3px 20px #716aca1c
    }

    neo-component-material-tag.prefix-transparent span.prefix, neo-component-material-tag.prefix-transparent span.postfix, neo-component-material-tag.prefix-transparent.focus span.prefix, neo-component-material-tag.prefix-transparent.focus span.postfix, neo-component-material-tag.prefix-transparent.active span.prefix, neo-component-material-tag.prefix-transparent.active span.postfix {
        color: #545454;
        background-color: #0000
    }

neo-component-material-range {
    direction: ltr;
    font-size: 12px
}

    neo-component-material-range > .range-holder {
        width: calc(100% - 30px);
        height: 40px;
        position: relative
    }

        neo-component-material-range > .range-holder > div {
            width: inherit
        }

    neo-component-material-range .noUi-target, neo-component-material-range .noUi-target * {
        -webkit-touch-callout: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -ms-touch-action: none;
        touch-action: none;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    neo-component-material-range .noUi-target {
        position: relative
    }

    neo-component-material-range .noUi-base, neo-component-material-range .noUi-connects {
        z-index: 1;
        width: 100%;
        height: 100%;
        position: relative
    }

    neo-component-material-range .noUi-connects {
        z-index: 0;
        overflow: hidden
    }

    neo-component-material-range .noUi-connect, neo-component-material-range .noUi-origin {
        will-change: transform;
        z-index: 1;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform-style: preserve-3d;
        transform-style: flat;
        position: absolute;
        top: 0;
        right: 0
    }

    neo-component-material-range .noUi-connect {
        width: 100%;
        height: 100%
    }

    neo-component-material-range .noUi-origin {
        width: 10%;
        height: 10%
    }

    neo-component-material-range .noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
        left: 0;
        right: auto
    }

    neo-component-material-range .noUi-vertical .noUi-origin {
        width: 0
    }

    neo-component-material-range .noUi-horizontal .noUi-origin {
        height: 0
    }

    neo-component-material-range .noUi-handle {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute
    }

    neo-component-material-range .noUi-touch-area {
        width: 100%;
        height: 100%
    }

    neo-component-material-range .noUi-state-tap .noUi-connect, neo-component-material-range .noUi-state-tap .noUi-origin {
        -webkit-transition: transform .3s;
        transition: transform .3s
    }

    neo-component-material-range .noUi-state-drag * {
        cursor: inherit !important
    }

    neo-component-material-range .noUi-horizontal {
        height: 12px
    }

        neo-component-material-range .noUi-horizontal .noUi-handle {
            background-color: #fff;
            border: 1px solid #dfe2ea;
            border-radius: 50%;
            outline: none;
            width: 24px;
            height: 24px;
            top: -6px;
            right: -17px;
            -webkit-box-shadow: 0 3px 6px -3px #9ea7c0;
            box-shadow: 0 3px 6px -3px #9ea7c0
        }

    neo-component-material-range .noUi-vertical {
        width: 18px
    }

        neo-component-material-range .noUi-vertical .noUi-handle {
            width: 28px;
            height: 34px;
            top: -17px;
            right: -6px
        }

    neo-component-material-range .noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
        left: -17px;
        right: auto
    }

    neo-component-material-range .noUi-target {
        background: #fafafa;
        border: 1px solid #d3d3d3;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
    }

    neo-component-material-range .noUi-connects {
        border-radius: 3px
    }

    neo-component-material-range .noUi-connect {
        background: #7218d8
    }

    neo-component-material-range .noUi-draggable {
        cursor: ew-resize
    }

    neo-component-material-range .noUi-vertical .noUi-draggable {
        cursor: ns-resize
    }

    neo-component-material-range .noUi-active {
        box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
    }

    neo-component-material-range .noUi-vertical .noUi-handle:after, neo-component-material-range .noUi-vertical .noUi-handle:before {
        width: 14px;
        height: 1px;
        top: 14px;
        left: 6px
    }

    neo-component-material-range .noUi-vertical .noUi-handle:after {
        top: 17px
    }

    neo-component-material-range [disabled] .noUi-connect {
        background: #b8b8b8
    }

    neo-component-material-range [disabled] .noUi-handle, neo-component-material-range [disabled].noUi-handle, neo-component-material-range [disabled].noUi-target {
        cursor: not-allowed
    }

    neo-component-material-range .noUi-pips, neo-component-material-range .noUi-pips * {
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    neo-component-material-range .noUi-pips {
        color: #999;
        position: absolute
    }

    neo-component-material-range .noUi-value {
        white-space: nowrap;
        text-align: center;
        position: absolute
    }

    neo-component-material-range .noUi-value-sub {
        color: #ccc;
        font-size: 10px
    }

    neo-component-material-range .noUi-marker {
        background: #ccc;
        position: absolute
    }

    neo-component-material-range .noUi-marker-sub, neo-component-material-range .noUi-marker-large {
        background: #aaa
    }

    neo-component-material-range .noUi-pips-horizontal {
        width: 100%;
        height: 40px;
        padding: 10px 0;
        top: 100%;
        left: 0
    }

    neo-component-material-range .noUi-value-horizontal {
        -webkit-transform: translate(-50%,50%);
        transform: translate(-50%,50%)
    }

    neo-component-material-range .noUi-rtl .noUi-value-horizontal {
        -webkit-transform: translate(50%,50%);
        transform: translate(50%,50%)
    }

    neo-component-material-range .noUi-marker-horizontal.noUi-marker {
        width: 2px;
        height: 5px;
        margin-left: -1px
    }

    neo-component-material-range .noUi-marker-horizontal.noUi-marker-sub {
        height: 10px
    }

    neo-component-material-range .noUi-marker-horizontal.noUi-marker-large {
        height: 15px
    }

    neo-component-material-range .noUi-pips-vertical {
        height: 100%;
        padding: 0 10px;
        top: 0;
        left: 100%
    }

    neo-component-material-range .noUi-value-vertical {
        padding-left: 25px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    neo-component-material-range .noUi-rtl .noUi-value-vertical {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    neo-component-material-range .noUi-marker-vertical.noUi-marker {
        width: 5px;
        height: 2px;
        margin-top: -1px
    }

    neo-component-material-range .noUi-marker-vertical.noUi-marker-sub {
        width: 10px
    }

    neo-component-material-range .noUi-marker-vertical.noUi-marker-large {
        width: 15px
    }

    neo-component-material-range .noUi-tooltip {
        color: #000;
        text-align: center;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #d9d9d9;
        border-radius: 3px;
        padding: 5px;
        display: block;
        position: absolute
    }

    neo-component-material-range .noUi-horizontal .noUi-tooltip {
        bottom: 120%;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }

    neo-component-material-range .noUi-vertical .noUi-tooltip {
        top: 50%;
        right: 120%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

neo-component-material-upload {
    width: calc(100% - 20px);
    height: 200px;
    margin: 10px;
    display: inline-block;
    position: relative
}

    neo-component-material-upload > .before {
        box-sizing: border-box;
        z-index: 2;
        cursor: pointer;
        border: 2px dashed #7218d8;
        border-radius: 5px;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

        neo-component-material-upload > .before .file-holder {
            width: 100%;
            height: 190px;
            overflow-x: hidden
        }

            neo-component-material-upload > .before .file-holder li {
                direction: ltr;
                place-content: center flex-start;
                align-items: center;
                width: 100%;
                display: flex
            }

                neo-component-material-upload > .before .file-holder li img {
                    height: 40px;
                    margin: 10px
                }

                neo-component-material-upload > .before .file-holder li .progress-holder {
                    border: 1px solid #f8f8f8;
                    border-radius: 10px;
                    width: calc(100% - 100px);
                    height: 20px;
                    overflow: hidden
                }

    neo-component-material-upload .upload-holder {
        cursor: pointer;
        box-sizing: border-box;
        flex-flow: column wrap;
        place-content: center;
        align-items: center;
        height: 200px;
        display: flex
    }

        neo-component-material-upload .upload-holder > i {
            color: #545454;
            font-size: 60px
        }

        neo-component-material-upload .upload-holder h6 {
            color: #545454
        }

    neo-component-material-upload.ondragenter > .before {
        border: 2px solid #7218d8
    }

    neo-component-material-upload.ondragenter .upload-holder > i {
        color: #e2e5ec;
        font-size: 60px
    }

    neo-component-material-upload.ondragenter .upload-holder h6 {
        color: #e2e5ec
    }

neo-component-material-map {
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block;
    position: relative
}

    neo-component-material-map .map-holder {
        box-sizing: border-box;
        border: 1px solid #7218d8;
        border-radius: 5px;
        width: 100%;
        height: 200px
    }

neo-component-material-textarea {
    box-sizing: border-box;
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block;
    position: relative
}

    neo-component-material-textarea .textarea-holder {
        position: relative
    }

        neo-component-material-textarea .textarea-holder > span {
            position: absolute;
            bottom: 10px;
            left: 15px
        }

    neo-component-material-textarea textarea {
        box-sizing: border-box;
        border: 1px solid #e2e5ec;
        border-radius: 5px;
        width: 100%;
        padding: 10px;
        font-family: IRANYekan;
        font-size: 10px
    }

        neo-component-material-textarea textarea:focus {
            border: 1px solid #7218d8
        }

    neo-component-material-textarea.small textarea {
        height: 50px
    }

    neo-component-material-textarea.medium textarea {
        height: 100px
    }

    neo-component-material-textarea.big textarea {
        height: 200px
    }

neo-component-material-button {
    display: inline-block;
    position: relative
}

    neo-component-material-button button {
        text-align: center;
        cursor: pointer;
        color: #545454;
        box-sizing: border-box;
        background-color: #fff;
        border: 1px solid #e2e5ec;
        outline: none;
        padding: 10px 20px;
        font-family: IRANYekan;
        font-size: 12px;
        transition: all .1s ease-in
    }

        neo-component-material-button button:hover {
            background-color: #f8f8f8
        }

    neo-component-material-button.tiny button {
        padding: 3px 5px;
        font-size: 8px
    }

    neo-component-material-button.small button {
        padding: 6px 10px;
        font-size: 10px
    }

    neo-component-material-button.large button {
        padding: 15px 30px;
        font-size: 14px
    }

    neo-component-material-button.x-large button {
        padding: 20px 45px;
        font-size: 16px
    }

    neo-component-material-button.primary button {
        color: #fff;
        background-color: #7218d8;
        border: 1px solid #7218d8
    }

        neo-component-material-button.primary button:hover {
            background-color: #7218a0;
            border: 1px solid #721878
        }

    neo-component-material-button.primary.outline button {
        color: #7218d8;
        background-color: #0000;
        border: 1px solid #7218d8
    }

        neo-component-material-button.primary.outline button:hover {
            color: #fff;
            background-color: #7218d8;
            border: 1px solid #721878
        }

    neo-component-material-button.basic button {
        color: #fff;
        background-color: #0fabef;
        border: 1px solid #0fabef
    }

        neo-component-material-button.basic button:hover {
            background-color: #0a8ad2;
            border: 1px solid #0067b4
        }

    neo-component-material-button.basic.outline button {
        color: #0fabef;
        background-color: #0000;
        border: 1px solid #0fabef
    }

        neo-component-material-button.basic.outline button:hover {
            color: #fff;
            background-color: #0fabef;
            border: 1px solid #0067b4
        }

    neo-component-material-button.green button {
        color: #fff;
        background-color: #299781;
        border: 1px solid #299781
    }

        neo-component-material-button.green button:hover {
            background-color: #009752;
            border: 1px solid #009719
        }

    neo-component-material-button.green.outline button {
        color: #299781;
        background-color: #0000;
        border: 1px solid #299781
    }

        neo-component-material-button.green.outline button:hover {
            color: #fff;
            background-color: #299781;
            border: 1px solid #0067b4
        }

    neo-component-material-button.orange button {
        color: #fff;
        background-color: #ff8624;
        border: 1px solid #ff8624
    }

        neo-component-material-button.orange button:hover {
            background-color: #ff7a00;
            border: 1px solid #ff5d00
        }

    neo-component-material-button.orange.outline button {
        color: #ff8624;
        background-color: #0000;
        border: 1px solid #ff8624
    }

        neo-component-material-button.orange.outline button:hover {
            color: #fff;
            background-color: #ff8624;
            border: 1px solid #ff5d00
        }

    neo-component-material-button.red button {
        color: #fff;
        background-color: #ff2f95;
        border: 1px solid #ff2f95
    }

        neo-component-material-button.red button:hover {
            background-color: #ff1587;
            border: 1px solid #ff0074
        }

    neo-component-material-button.red.outline button {
        color: #545454;
        background-color: #0000;
        border: 1px solid #ff2f95
    }

        neo-component-material-button.red.outline button:hover {
            color: #fff;
            background-color: #ff2f95;
            border: 1px solid #ff0074
        }

    neo-component-material-button.curve button {
        border-radius: 5px
    }

    neo-component-material-button.circle button {
        border-radius: 25px
    }

    neo-component-material-button.margin {
        margin: 5px
    }

    neo-component-material-button.big-margin {
        margin: 10px
    }

    neo-component-material-button.border button {
        border-width: 2px !important
    }

neo-component-material-ckeditor {
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block
}

neo-component-material-image {
    cursor: pointer;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    width: 400px;
    height: 400px;
    display: inline-block
}

    neo-component-material-image .uploader-image {
        background-image: url(/public/base/desktop/components/material/image/assets/img/attach.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 80%;
        width: 100%;
        height: 100%;
        display: inline-block
    }

    neo-component-material-image.medium {
        width: 300px;
        height: 300px
    }

    neo-component-material-image.small {
        width: 200px;
        height: 200px
    }

    neo-component-material-image.tiny {
        width: 100px;
        height: 100px
    }

neo-component-material-tinymce {
    width: calc(100% - 20px);
    margin: 10px;
    display: inline-block
}

neo-component-processloader {
    z-index: 100001;
    width: 100%;
    display: none;
    position: fixed;
    top: 0
}

    neo-component-processloader.active {
        display: block
    }

    neo-component-processloader .process {
        background-color: #e0e0e0;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 100%;
        height: 10px;
        margin-top: 5px;
        display: flex
    }

        neo-component-processloader .process .load {
            text-align: center;
            color: #188787;
            background-color: #9cffff;
            width: 50%;
            height: 10px;
            font-size: 10px;
            font-weight: 700;
            line-height: 10px
        }

            neo-component-processloader .process .load.success {
                color: #fff;
                background-color: #00be8a
            }

            neo-component-processloader .process .load.error {
                color: #fff;
                background-color: #ff0074
            }

        neo-component-processloader .process:first-child {
            margin-top: 0
        }

neo-http-_401, neo-http-_402, neo-http-_403, neo-http-_404, neo-http-_500, neo-http-_502, neo-http-_503 {
    flex-wrap: wrap;
    place-content: space-between center;
    align-items: center;
    height: 100%;
    display: flex
}

    neo-http-_401 h1, neo-http-_401 h2, neo-http-_401 h3, neo-http-_401 h4, neo-http-_401 h5, neo-http-_401 h6, neo-http-_402 h1, neo-http-_402 h2, neo-http-_402 h3, neo-http-_402 h4, neo-http-_402 h5, neo-http-_402 h6, neo-http-_403 h1, neo-http-_403 h2, neo-http-_403 h3, neo-http-_403 h4, neo-http-_403 h5, neo-http-_403 h6, neo-http-_404 h1, neo-http-_404 h2, neo-http-_404 h3, neo-http-_404 h4, neo-http-_404 h5, neo-http-_404 h6, neo-http-_500 h1, neo-http-_500 h2, neo-http-_500 h3, neo-http-_500 h4, neo-http-_500 h5, neo-http-_500 h6, neo-http-_502 h1, neo-http-_502 h2, neo-http-_502 h3, neo-http-_502 h4, neo-http-_502 h5, neo-http-_502 h6, neo-http-_503 h1, neo-http-_503 h2, neo-http-_503 h3, neo-http-_503 h4, neo-http-_503 h5, neo-http-_503 h6 {
        padding: 10px
    }

    neo-http-_401 .center h1, neo-http-_401 .center h2, neo-http-_401 .center h3, neo-http-_401 .center h4, neo-http-_401 .center h5, neo-http-_401 .center h6, neo-http-_402 .center h1, neo-http-_402 .center h2, neo-http-_402 .center h3, neo-http-_402 .center h4, neo-http-_402 .center h5, neo-http-_402 .center h6, neo-http-_403 .center h1, neo-http-_403 .center h2, neo-http-_403 .center h3, neo-http-_403 .center h4, neo-http-_403 .center h5, neo-http-_403 .center h6, neo-http-_404 .center h1, neo-http-_404 .center h2, neo-http-_404 .center h3, neo-http-_404 .center h4, neo-http-_404 .center h5, neo-http-_404 .center h6, neo-http-_500 .center h1, neo-http-_500 .center h2, neo-http-_500 .center h3, neo-http-_500 .center h4, neo-http-_500 .center h5, neo-http-_500 .center h6, neo-http-_502 .center h1, neo-http-_502 .center h2, neo-http-_502 .center h3, neo-http-_502 .center h4, neo-http-_502 .center h5, neo-http-_502 .center h6, neo-http-_503 .center h1, neo-http-_503 .center h2, neo-http-_503 .center h3, neo-http-_503 .center h4, neo-http-_503 .center h5, neo-http-_503 .center h6 {
        padding: 0
    }

    neo-http-_401 .center h1, neo-http-_402 .center h1, neo-http-_403 .center h1, neo-http-_404 .center h1, neo-http-_500 .center h1, neo-http-_502 .center h1, neo-http-_503 .center h1 {
        font-size: 100px
    }

    neo-http-_404 .box {
        text-align: center
    }

    neo-http-_404 h1 {
        margin: 0;
        font-size: 72px;
        font-weight: 900
    }

    neo-http-_404 p {
        margin-top: 10px;
        font-size: 18px
    }

    neo-http-_404 a {
        color: #fff;
        background: #222;
        border-radius: 6px;
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 14px;
        text-decoration: none;
        display: inline-block
    }

@font-face {
    font-family: SegoeUI;
    src: url(/public/base/desktop/main/http/assets/fonts/SegoeUI.eot);
    src: url(/public/base/desktop/main/http/assets/fonts/SegoeUI.woff)format("woff"),url(/public/base/desktop/main/http/assets/fonts/SegoeUI.ttf)format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: SegoeUI-Bold;
    src: url(/public/base/desktop/main/http/assets/fonts/SegoeUI-Bold.eot?#iefix)format("embedded-opentype"),url(/public/base/desktop/main/http/assets/fonts/SegoeUI-Bold.woff)format("woff"),url(/public/base/desktop/main/http/assets/fonts/SegoeUI-Bold.ttf)format("truetype"),url(/public/base/desktop/main/http/assets/fonts/SegoeUI-Bold.svg#SegoeUI-Bold)format("svg");
    font-weight: 400;
    font-style: normal
}

.http {
    background: linear-gradient(335deg,#6d11d7 0% 39%,#09a8ba 100%);
    place-content: center;
    align-items: center;
    min-width: 100vw;
    min-height: 100vh;
    font-family: SegoeUI;
    display: flex
}

    .http h6, .http h5, .http h4, .http h3, .http h2, .http h1 {
        box-sizing: border-box;
        color: #fff;
        text-align: center;
        width: 100%;
        margin: 0;
        font-family: SegoeUI-Bold
    }

    .http:after {
        content: "";
        background-image: url(/public/base/desktop/main/http/assets/img/fully-color.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 90%;
        width: 100vw;
        height: 100vh;
        position: fixed
    }

@media screen and (width<=1024px) {
    .http:after {
        background-size: 120%
    }
}

@media screen and (width<=768px) {
    .http:after {
        background-size: 150%
    }
}

@media screen and (width<=425px) {
    .http:after {
        background-size: 200%
    }
}

.http > .holder {
    background-color: #7218d8cc;
    border: 1px solid #fff;
    width: 50vw;
    height: 50vh;
    position: relative
}

@media screen and (width<=1024px) {
    .http > .holder {
        width: 75vw;
        height: 50vh
    }
}

@media screen and (width<=768px) {
    .http > .holder {
        width: 90vw;
        height: 50vh
    }
}

@media screen and (width<=425px) {
    .http > .holder {
        width: 95vw;
        height: 50vh
    }
}

.http > .holder .content {
    z-index: 2;
    width: 100%;
    height: 100%;
    position: absolute
}