/* Minification failed. Returning unminified contents.
(442,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(546,26): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(547,22): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(548,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6a'
(554,22): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(555,15): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(586,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(588,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(591,27): run-time error CSS1030: Expected identifier, found ','
(591,38): run-time error CSS1031: Expected selector, found ')'
(591,38): run-time error CSS1025: Expected comma or open brace, found ')'
(598,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(600,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(603,25): run-time error CSS1030: Expected identifier, found ','
(603,36): run-time error CSS1031: Expected selector, found ')'
(603,36): run-time error CSS1025: Expected comma or open brace, found ')'
(611,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(612,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(615,37): run-time error CSS1030: Expected identifier, found ','
(615,48): run-time error CSS1031: Expected selector, found ')'
(615,48): run-time error CSS1025: Expected comma or open brace, found ')'
(623,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(624,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(627,33): run-time error CSS1030: Expected identifier, found ','
(627,44): run-time error CSS1031: Expected selector, found ')'
(627,44): run-time error CSS1025: Expected comma or open brace, found ')'
(643,34): run-time error CSS1030: Expected identifier, found ','
(643,45): run-time error CSS1031: Expected selector, found ')'
(643,45): run-time error CSS1025: Expected comma or open brace, found ')'
(670,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(924,26): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1015,33): run-time error CSS1039: Token not allowed after unary operator: '-grayea'
(1070,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1087,20): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1103,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1122,33): run-time error CSS1039: Token not allowed after unary operator: '-graye2'
(1173,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1220,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1238,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1247,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1255,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(1273,33): run-time error CSS1039: Token not allowed after unary operator: '-grayea'
(1293,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(1298,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(1302,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(1303,31): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(1332,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1344,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1349,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1354,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1424,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1452,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1456,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1468,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1519,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1531,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1553,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(1570,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1587,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1590,22): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(1601,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(1602,35): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(1625,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(1662,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(1694,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(1709,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(1727,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1731,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1742,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1746,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1801,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(1820,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(1844,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1848,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1859,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(1863,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(1867,22): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(1871,26): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(1928,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(1934,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(1972,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2001,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(2006,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(2010,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(2011,31): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(2038,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2047,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2054,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2065,30): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2084,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(2093,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(2108,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(2116,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2122,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2144,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(2149,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(2175,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2221,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2296,22): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2300,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2323,22): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2350,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2355,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2371,22): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2372,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2378,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2383,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2384,22): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2388,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2424,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2428,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2459,20): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(2469,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2477,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2483,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2489,26): run-time error CSS1039: Token not allowed after unary operator: '-graye9'
(2495,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2503,22): run-time error CSS1039: Token not allowed after unary operator: '-red'
(2524,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2528,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2539,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2565,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2585,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2600,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2614,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2615,22): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2627,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2629,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(2644,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2650,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2652,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2658,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(2659,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2672,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2676,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2700,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(2709,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2716,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2727,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(2728,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(2760,33): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(2764,31): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(2768,32): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(2772,32): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(2776,31): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(2783,32): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(2832,35): run-time error CSS1039: Token not allowed after unary operator: '-graye7'
(2877,17): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(2919,33): run-time error CSS1039: Token not allowed after unary operator: '-graye7'
(2961,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(2979,28): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(2987,26): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(3004,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(3005,30): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(3014,32): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(3018,31): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(3022,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(3061,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3074,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3098,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3116,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3154,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3226,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3231,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3255,20): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(3264,30): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(3283,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(3290,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(3309,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3392,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3439,30): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(3448,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(3475,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(3508,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(3516,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(3523,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(3538,26): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(3549,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3556,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3568,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(3575,33): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(3579,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3619,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3622,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3633,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(3639,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(3639,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(3640,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(3641,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(3647,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(3647,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(3648,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(3666,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(3667,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(3668,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(3673,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(3674,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(3676,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(3677,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(3682,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(3683,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(3684,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(3688,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(3690,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(3691,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(3699,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(3700,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(3704,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(3705,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(3739,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3775,45): run-time error CSS1030: Expected identifier, found ','
(3775,65): run-time error CSS1031: Expected selector, found ')'
(3775,65): run-time error CSS1025: Expected comma or open brace, found ')'
(3779,50): run-time error CSS1030: Expected identifier, found ','
(3779,59): run-time error CSS1031: Expected selector, found ')'
(3779,59): run-time error CSS1025: Expected comma or open brace, found ')'
(3783,50): run-time error CSS1030: Expected identifier, found ','
(3783,59): run-time error CSS1031: Expected selector, found ')'
(3783,59): run-time error CSS1025: Expected comma or open brace, found ')'
(3788,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3789,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3793,45): run-time error CSS1030: Expected identifier, found '.'
(3793,83): run-time error CSS1031: Expected selector, found ')'
(3793,83): run-time error CSS1025: Expected comma or open brace, found ')'
(3797,48): run-time error CSS1030: Expected identifier, found '.'
(3797,80): run-time error CSS1031: Expected selector, found ')'
(3797,80): run-time error CSS1025: Expected comma or open brace, found ')'
(3803,57): run-time error CSS1030: Expected identifier, found '.'
(3803,89): run-time error CSS1031: Expected selector, found ')'
(3803,89): run-time error CSS1025: Expected comma or open brace, found ')'
(3813,26): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(3822,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3823,22): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(3837,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3847,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3851,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(3855,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3859,26): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(4053,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4069,30): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(4102,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4114,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4180,33): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(4184,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(4274,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6a'
(4285,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4315,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4482,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4508,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(4513,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(4517,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(4518,31): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(4598,33): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(4608,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(4661,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(4708,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4753,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4798,26): run-time error CSS1039: Token not allowed after unary operator: '-green'
(4809,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(4817,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(4821,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4825,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4829,26): run-time error CSS1039: Token not allowed after unary operator: '-gray7b'
(4833,15): run-time error CSS1039: Token not allowed after unary operator: '-gray7b'
(4863,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(4885,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5041,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5054,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(5075,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(5088,29): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5096,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5241,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5254,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(5256,45): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(5257,45): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(5290,20): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5367,33): run-time error CSS1039: Token not allowed after unary operator: '-grayd5'
(5377,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(5388,28): run-time error CSS1039: Token not allowed after unary operator: '-green'
(5415,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(5435,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5470,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5490,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5532,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5640,31): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5646,31): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(5652,28): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(5658,17): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(5696,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5709,35): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(5754,35): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(5772,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(5792,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(5804,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5820,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5844,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(5881,75): run-time error CSS1030: Expected identifier, found ','
(5881,86): run-time error CSS1031: Expected selector, found ')'
(5881,86): run-time error CSS1025: Expected comma or open brace, found ')'
(5888,65): run-time error CSS1030: Expected identifier, found ','
(5888,76): run-time error CSS1031: Expected selector, found ')'
(5888,76): run-time error CSS1025: Expected comma or open brace, found ')'
(5895,5): run-time error CSS1030: Expected identifier, found '.'
(5895,28): run-time error CSS1031: Expected selector, found ')'
(5895,28): run-time error CSS1025: Expected comma or open brace, found ')'
(5899,5): run-time error CSS1030: Expected identifier, found '.'
(5899,28): run-time error CSS1031: Expected selector, found ')'
(5899,28): run-time error CSS1025: Expected comma or open brace, found ')'
(5909,5): run-time error CSS1030: Expected identifier, found '.'
(5909,28): run-time error CSS1031: Expected selector, found ')'
(5909,28): run-time error CSS1025: Expected comma or open brace, found ')'
(5914,5): run-time error CSS1030: Expected identifier, found '.'
(5914,28): run-time error CSS1031: Expected selector, found ')'
(5914,28): run-time error CSS1025: Expected comma or open brace, found ')'
(5920,5): run-time error CSS1030: Expected identifier, found '.'
(5920,28): run-time error CSS1031: Expected selector, found ')'
(5920,28): run-time error CSS1025: Expected comma or open brace, found ')'
(5929,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6006,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(6011,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6015,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6019,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6023,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6051,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(6078,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6135,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(6148,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(6156,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(6176,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6208,20): run-time error CSS1039: Token not allowed after unary operator: '-black'
(6304,26): run-time error CSS1039: Token not allowed after unary operator: '-graye9'
(6311,28): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(6363,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6427,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(6437,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6442,23): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(6446,22): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(6488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6493,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6498,22): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(6515,23): run-time error CSS1039: Token not allowed after unary operator: '-gap'
(6536,15): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(6545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6629,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6633,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6646,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6650,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6651,29): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6660,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(6667,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(6680,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(6716,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6718,33): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6765,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(6770,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(6774,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(6775,31): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(6805,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6906,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6913,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6920,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6927,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6934,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(6941,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7043,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(7067,22): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(7074,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7101,15): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(7117,15): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(7125,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7306,33): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(7313,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(7318,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7333,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7337,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7470,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7556,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7564,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(7598,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7606,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(7614,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(7630,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(7640,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7648,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(7651,30): run-time error CSS1039: Token not allowed after unary operator: '-graye9'
(7690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7737,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(7741,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(7774,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7778,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(7800,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7843,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(7890,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(8088,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(8292,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(8317,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(8344,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(8349,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(8353,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(8354,31): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(8390,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(8415,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(8459,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(8515,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(8603,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(8607,29): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(8614,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(8618,26): run-time error CSS1039: Token not allowed after unary operator: '-red'
(8692,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(8793,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(8951,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9071,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(9230,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9234,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(9238,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(9242,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(9246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9261,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(9267,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(9320,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(9321,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9366,35): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(9403,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(9404,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9480,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(9772,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(9773,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9850,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9867,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9950,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(9952,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(9994,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10022,26): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(10034,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10057,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10064,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(10077,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10087,53): run-time error CSS1030: Expected identifier, found '.'
(10087,54): run-time error CSS1030: Expected identifier, found 'h2'
(10087,65): run-time error CSS1031: Expected selector, found ')'
(10087,65): run-time error CSS1025: Expected comma or open brace, found ')'
(10091,73): run-time error CSS1030: Expected identifier, found '.'
(10091,74): run-time error CSS1030: Expected identifier, found 'h2'
(10091,85): run-time error CSS1031: Expected selector, found ')'
(10091,85): run-time error CSS1025: Expected comma or open brace, found ')'
(10095,53): run-time error CSS1030: Expected identifier, found '.'
(10095,54): run-time error CSS1030: Expected identifier, found 'h2'
(10095,65): run-time error CSS1031: Expected selector, found ')'
(10095,65): run-time error CSS1025: Expected comma or open brace, found ')'
(10161,22): run-time error CSS1030: Expected identifier, found '.'
(10161,50): run-time error CSS1031: Expected selector, found ')'
(10161,50): run-time error CSS1025: Expected comma or open brace, found ')'
(10166,128): run-time error CSS1030: Expected identifier, found '.'
(10166,156): run-time error CSS1031: Expected selector, found ')'
(10166,156): run-time error CSS1025: Expected comma or open brace, found ')'
(10203,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(10210,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10279,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10298,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(10303,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(10308,26): run-time error CSS1039: Token not allowed after unary operator: '-green'
(10325,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(10345,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(10385,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(10405,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10440,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10462,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(10499,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10502,88): run-time error CSS1030: Expected identifier, found 'ul'
(10502,90): run-time error CSS1031: Expected selector, found ')'
(10502,90): run-time error CSS1025: Expected comma or open brace, found ')'
(10507,90): run-time error CSS1030: Expected identifier, found 'ul'
(10507,92): run-time error CSS1031: Expected selector, found ')'
(10507,92): run-time error CSS1025: Expected comma or open brace, found ')'
(10512,88): run-time error CSS1030: Expected identifier, found 'ul'
(10512,90): run-time error CSS1031: Expected selector, found ')'
(10512,90): run-time error CSS1025: Expected comma or open brace, found ')'
(10517,88): run-time error CSS1030: Expected identifier, found 'ul'
(10517,90): run-time error CSS1031: Expected selector, found ')'
(10517,90): run-time error CSS1025: Expected comma or open brace, found ')'
(10521,88): run-time error CSS1030: Expected identifier, found 'ul'
(10521,90): run-time error CSS1031: Expected selector, found ')'
(10521,90): run-time error CSS1025: Expected comma or open brace, found ')'
(10532,100): run-time error CSS1030: Expected identifier, found 'ul'
(10532,102): run-time error CSS1031: Expected selector, found ')'
(10532,102): run-time error CSS1025: Expected comma or open brace, found ')'
(10537,100): run-time error CSS1030: Expected identifier, found 'ul'
(10537,102): run-time error CSS1031: Expected selector, found ')'
(10537,102): run-time error CSS1025: Expected comma or open brace, found ')'
(10542,88): run-time error CSS1030: Expected identifier, found 'ul'
(10542,90): run-time error CSS1031: Expected selector, found ')'
(10542,90): run-time error CSS1025: Expected comma or open brace, found ')'
(10547,88): run-time error CSS1030: Expected identifier, found 'ul'
(10547,90): run-time error CSS1031: Expected selector, found ')'
(10547,90): run-time error CSS1025: Expected comma or open brace, found ')'
(10553,95): run-time error CSS1030: Expected identifier, found 'ul'
(10553,97): run-time error CSS1031: Expected selector, found ')'
(10553,97): run-time error CSS1025: Expected comma or open brace, found ')'
(10560,97): run-time error CSS1030: Expected identifier, found 'ul'
(10560,99): run-time error CSS1031: Expected selector, found ')'
(10560,99): run-time error CSS1025: Expected comma or open brace, found ')'
(10565,95): run-time error CSS1030: Expected identifier, found 'ul'
(10565,97): run-time error CSS1031: Expected selector, found ')'
(10565,97): run-time error CSS1025: Expected comma or open brace, found ')'
(10578,107): run-time error CSS1030: Expected identifier, found 'ul'
(10578,109): run-time error CSS1031: Expected selector, found ')'
(10578,109): run-time error CSS1025: Expected comma or open brace, found ')'
(10583,107): run-time error CSS1030: Expected identifier, found 'ul'
(10583,109): run-time error CSS1031: Expected selector, found ')'
(10583,109): run-time error CSS1025: Expected comma or open brace, found ')'
(10588,96): run-time error CSS1030: Expected identifier, found 'ul'
(10588,98): run-time error CSS1031: Expected selector, found ')'
(10588,98): run-time error CSS1025: Expected comma or open brace, found ')'
(10592,96): run-time error CSS1030: Expected identifier, found 'ul'
(10592,98): run-time error CSS1031: Expected selector, found ')'
(10592,98): run-time error CSS1025: Expected comma or open brace, found ')'
(10600,98): run-time error CSS1030: Expected identifier, found 'ul'
(10600,100): run-time error CSS1031: Expected selector, found ')'
(10600,100): run-time error CSS1025: Expected comma or open brace, found ')'
(10608,96): run-time error CSS1030: Expected identifier, found 'ul'
(10608,98): run-time error CSS1031: Expected selector, found ')'
(10608,98): run-time error CSS1025: Expected comma or open brace, found ')'
(10634,98): run-time error CSS1030: Expected identifier, found 'ul'
(10634,100): run-time error CSS1031: Expected selector, found ')'
(10634,100): run-time error CSS1025: Expected comma or open brace, found ')'
(10641,108): run-time error CSS1030: Expected identifier, found 'ul'
(10641,110): run-time error CSS1031: Expected selector, found ')'
(10641,110): run-time error CSS1025: Expected comma or open brace, found ')'
(10646,108): run-time error CSS1030: Expected identifier, found 'ul'
(10646,110): run-time error CSS1031: Expected selector, found ')'
(10646,110): run-time error CSS1025: Expected comma or open brace, found ')'
(10652,110): run-time error CSS1030: Expected identifier, found 'ul'
(10652,112): run-time error CSS1031: Expected selector, found ')'
(10652,112): run-time error CSS1025: Expected comma or open brace, found ')'
(10658,96): run-time error CSS1030: Expected identifier, found 'ul'
(10658,98): run-time error CSS1031: Expected selector, found ')'
(10658,98): run-time error CSS1025: Expected comma or open brace, found ')'
(10662,96): run-time error CSS1030: Expected identifier, found 'ul'
(10662,98): run-time error CSS1031: Expected selector, found ')'
(10662,98): run-time error CSS1025: Expected comma or open brace, found ')'
(10671,98): run-time error CSS1030: Expected identifier, found 'ul'
(10671,100): run-time error CSS1031: Expected selector, found ')'
(10671,100): run-time error CSS1025: Expected comma or open brace, found ')'
(10678,96): run-time error CSS1030: Expected identifier, found 'ul'
(10678,98): run-time error CSS1031: Expected selector, found ')'
(10678,98): run-time error CSS1025: Expected comma or open brace, found ')'
(10689,108): run-time error CSS1030: Expected identifier, found 'ul'
(10689,110): run-time error CSS1031: Expected selector, found ')'
(10689,110): run-time error CSS1025: Expected comma or open brace, found ')'
(10694,108): run-time error CSS1030: Expected identifier, found 'ul'
(10694,110): run-time error CSS1031: Expected selector, found ')'
(10694,110): run-time error CSS1025: Expected comma or open brace, found ')'
(10744,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(10781,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10790,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10795,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10802,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(10901,26): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10913,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10963,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(10970,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(11012,20): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(11021,30): run-time error CSS1039: Token not allowed after unary operator: '-grayb8'
(11067,32): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(11075,35): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(11091,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11150,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11171,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(11179,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(11228,26): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11240,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11259,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11282,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(11289,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(11291,26): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(11322,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(11332,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(11339,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11351,28): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(11369,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11384,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11396,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(11407,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11431,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(11441,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11454,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11478,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11505,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(11534,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(11535,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(11571,33): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(11576,15): run-time error CSS1039: Token not allowed after unary operator: '-green'
(11610,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11617,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11623,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(11634,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11657,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(11677,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(11693,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(11741,36): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11746,34): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11751,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11755,33): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11764,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11769,34): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11776,36): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11781,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11786,34): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11791,33): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11796,34): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11801,35): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11829,34): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(11856,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11932,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(11938,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12043,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12052,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12085,26): run-time error CSS1039: Token not allowed after unary operator: '-green'
(12089,20): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(12104,26): run-time error CSS1039: Token not allowed after unary operator: '-red'
(12191,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12198,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12237,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12261,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12279,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(12295,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12318,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(12336,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12356,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12391,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12412,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(12416,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12434,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(12449,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(12462,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(12486,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12513,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12517,26): run-time error CSS1039: Token not allowed after unary operator: '-red'
(12589,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12590,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(12638,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12642,32): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12643,34): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12647,15): run-time error CSS1039: Token not allowed after unary operator: '-red'
(12651,35): run-time error CSS1039: Token not allowed after unary operator: '-red'
(12652,33): run-time error CSS1039: Token not allowed after unary operator: '-red'
(12703,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(12718,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(12771,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12943,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(12970,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(12971,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12976,14): run-time error CSS1039: Token not allowed after unary operator: '-white'
(12980,16): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13030,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13040,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13084,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13089,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13104,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13131,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13144,26): run-time error CSS1039: Token not allowed after unary operator: '-graye7'
(13161,26): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(13179,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13180,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13184,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13188,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(13193,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13207,22): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(13211,22): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(13214,32): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(13215,33): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(13247,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13293,35): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(13302,35): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(13331,33): run-time error CSS1039: Token not allowed after unary operator: '-grayef'
(13365,33): run-time error CSS1039: Token not allowed after unary operator: '-graye2'
(13379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13380,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13382,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13412,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13422,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13505,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13511,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(13534,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13537,26): run-time error CSS1039: Token not allowed after unary operator: '-green0e'
(13553,26): run-time error CSS1039: Token not allowed after unary operator: '-green0e'
(13554,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13558,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13559,15): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(13574,28): run-time error CSS1039: Token not allowed after unary operator: '-green0e'
(13575,24): run-time error CSS1039: Token not allowed after unary operator: '-green0e'
(13576,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13579,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13580,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(13585,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13589,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13593,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13594,26): run-time error CSS1039: Token not allowed after unary operator: '-green0e'
(13598,26): run-time error CSS1039: Token not allowed after unary operator: '-green0e'
(13602,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(13603,15): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(13700,20): run-time error CSS1039: Token not allowed after unary operator: '-grayea'
(13724,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(13733,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(13738,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf7'
(13839,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(14041,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14042,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14070,26): run-time error CSS1039: Token not allowed after unary operator: '-primaryHover'
(14082,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14083,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14089,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14421,15): run-time error CSS1039: Token not allowed after unary operator: '-gray4f'
(14471,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14528,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14628,15): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(14668,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14683,15): run-time error CSS1039: Token not allowed after unary operator: '-gray4f'
(14698,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14711,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(14733,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14734,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14760,26): run-time error CSS1039: Token not allowed after unary operator: '-graye7'
(14761,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(14787,17): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(14801,28): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14810,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14840,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(14849,26): run-time error CSS1039: Token not allowed after unary operator: '-graye7'
(14856,26): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(14878,20): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(14883,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(14914,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(14927,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(14931,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(14996,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15046,15): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(15062,15): run-time error CSS1039: Token not allowed after unary operator: '-dark'
(15070,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15106,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15132,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15168,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15211,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15244,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15245,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15246,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15266,47): run-time error CSS1030: Expected identifier, found ','
(15266,68): run-time error CSS1031: Expected selector, found ')'
(15266,68): run-time error CSS1025: Expected comma or open brace, found ')'
(15296,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15302,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15318,15): run-time error CSS1039: Token not allowed after unary operator: '-mycolor'
(15319,22): run-time error CSS1039: Token not allowed after unary operator: '-mycolor'
(15329,32): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15335,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15356,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15382,31): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15388,32): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15434,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15480,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15609,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15629,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15675,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(15692,31): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15698,32): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15708,15): run-time error CSS1039: Token not allowed after unary operator: '-gray6e'
(15731,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15736,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15762,31): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15768,32): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(15775,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(15790,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15791,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15816,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15871,15): run-time error CSS1039: Token not allowed after unary operator: '-white'
(15939,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16031,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16076,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16096,48): run-time error CSS1030: Expected identifier, found '.'
(16096,77): run-time error CSS1031: Expected selector, found ')'
(16096,77): run-time error CSS1025: Expected comma or open brace, found ')'
(16148,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16149,30): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(16178,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16223,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16247,15): run-time error CSS1039: Token not allowed after unary operator: '-yellowf1'
(16260,26): run-time error CSS1039: Token not allowed after unary operator: '-yellowf1'
(16282,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16308,26): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(16322,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16350,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16367,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16387,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16391,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16406,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16518,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16524,20): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16555,20): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16564,30): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16569,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16582,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16586,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16592,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16606,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16611,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16621,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(16631,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16652,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(16680,26): run-time error CSS1039: Token not allowed after unary operator: '-grayf5'
(16708,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(16714,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(16728,15): run-time error CSS1039: Token not allowed after unary operator: '-black0d'
(16740,15): run-time error CSS1039: Token not allowed after unary operator: '-gray88'
(16799,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16807,33): run-time error CSS1039: Token not allowed after unary operator: '-grayee'
(16812,22): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16843,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16855,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16860,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16867,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(16892,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16908,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(16920,15): run-time error CSS1039: Token not allowed after unary operator: '-yellowf1'
(16926,17): run-time error CSS1039: Token not allowed after unary operator: '-gray4f'
(16978,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16984,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
(17079,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17115,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17227,26): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17242,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17258,22): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17277,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(17281,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(17371,15): run-time error CSS1039: Token not allowed after unary operator: '-black'
 */
@charset "UTF-8";

strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-display: optional;
}

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none;
}

input[type='search'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type='checkbox'],
input[type='radio'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

img {
  vertical-align: middle;
}

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

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

textarea:focus,
input:focus {
  outline: none;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  font-size: 16px;
  -webkit-text-fill-color: #1d2652;
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 100px white inset;
}

input::-ms-clear {
  display: none;
}

a,
li {
  outline: none !important;
  text-decoration: none;
  color: var(--black);
}

a:hover, a:focus {
  text-decoration: underline;
  color: currentColor;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

button {
  border: none;
  background: none;
}

a::before, a::before:hover,
span::before,
span::before:hover {
  text-decoration: none;
}

@-webkit-keyframes loading {
  0%, 40%, 100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
  20% {
    -webkit-transform: scale(1.6) translateY(-2px);
            transform: scale(1.6) translateY(-2px);
  }
}

@keyframes loading {
  0%, 40%, 100% {
    -webkit-transform: scale(1) translateY(0px);
            transform: scale(1) translateY(0px);
  }
  20% {
    -webkit-transform: scale(1.6) translateY(-2px);
            transform: scale(1.6) translateY(-2px);
  }
}

@-webkit-keyframes placeHolderLoading {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderLoading {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.animated-background {
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderLoading;
          animation-name: placeHolderLoading;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: darkgray;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -o-linear-gradient(left, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 10%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
  height: 100px;
  position: relative;
}

.is-loading .w-45 {
  width: 45%;
}

.is-loading .h-24 {
  height: 24px;
}

.is-loading .h-27 {
  height: 27px;
}

.btn-disabled:disabled, .btn-white:disabled, .btn-primary:disabled, .btn-disabled.disabled, .disabled.btn-white, .disabled.btn-primary {
  background-color: var(--grayb8);
  border-color: var(--grayb8);
  color: var(--gray6a);
  pointer-events: none;
}

.btn-disabled-outline:disabled, .btn-outline-danger:disabled, .btn-outline-white:disabled, .btn-outline-secondary:disabled, .btn-disabled-outline.disabled, .disabled.btn-outline-danger, .disabled.btn-outline-white, .disabled.btn-outline-secondary {
  background-color: transparent;
  border-color: var(--grayb8);
  color: var(--grayb8);
  pointer-events: none;
}

.btn {
  background-color: transparent;
  border-radius: 12px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 15px 24px;
  border: 2px transparent solid;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  position: relative;
  outline: none !important;
  text-decoration: none !important;
}

@media (max-width: 990px) {
  .btn {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

.btn-primary {
  background-color: var(--primary);
  border-color: transparent;
  color: var(--white);
}

.btn-primary:not(:disabled, .disabled):hover, .btn-primary:not(:disabled, .disabled):focus {
  background-color: var(--primaryHover);
  border-color: transparent;
  color: var(--white);
}

.btn-white {
  background-color: var(--white);
  border-color: transparent;
  color: var(--black0d);
}

.btn-white:not(:disabled, .disabled):hover, .btn-white:not(:disabled, .disabled):focus {
  background-color: var(--white);
  border-color: transparent;
  color: var(--primaryHover);
}

.btn-outline-secondary {
  background-color: transparent;
  border-color: var(--yellow);
  color: var(--yellow);
}

.btn-outline-secondary:not(:disabled, .disabled):hover {
  background-color: var(--yellow);
  border-color: transparent;
  color: var(--white);
}

.btn-outline-white {
  background-color: transparent;
  border: 1px solid var(--white);
  color: var(--white);
}

.btn-outline-white:not(:disabled, .disabled):hover, .btn-outline-white:not(:disabled, .disabled):focus {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: var(--white);
}

.btn-outline-white.btn-h-52 {
  padding-top: 14px;
  padding-bottom: 14px;
}

.btn-outline-danger {
  background-color: transparent;
  border: 1px solid #D93E0D;
  color: #D93E0D;
}

.btn-outline-danger:not(:disabled, .disabled):hover, .btn-outline-danger:not(:disabled, .disabled):focus {
  background-color: #D93E0D;
  color: var(--white);
  border-color: var(--white);
}

.btn-h-48 {
  padding-top: 11px;
  padding-bottom: 11px;
}

.btn-h-52 {
  padding-top: 13px;
  padding-bottom: 13px;
}

.buttons {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.more {
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
  color: var(--yellow);
}

body.privatebanking .more {
  color: #2C7AA1;
}

.more:after {
  content: "";
  font-family: "icomoon";
  padding-left: 8px;
  font-size: 10px;
}

.hamburger {
  padding: 0;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  -o-transition-property: opacity, filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  margin-right: -3px;
  overflow: visible;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 24px;
  height: 24px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 18px;
  height: 2px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
       -o-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: '';
  display: block;
}

.hamburger-inner::before {
  top: -6px;
}

.hamburger-inner::after {
  bottom: -6px;
}

.hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
       -o-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
       -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  -o-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
       -o-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
       -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  -o-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.swiper-wrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.swiper-slide {
  text-align: left !important;
}

.swiper-auto {
  display: none;
}

.swiper-auto.swiper-initialized {
  display: block;
}

.swiper-auto .swiper-controller-wrapper, .swiper-mobile .swiper-controller-wrapper {
  bottom: auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.swiper-fade .swiper-slide:not(.swiper-slide-active) {
  opacity: 0 !important;
}

.swiper-controller-wrapper {
  position: relative;
  bottom: 90px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 12px;
  opacity: 0;
}

.swiper-initialized .swiper-controller-wrapper {
  opacity: 1;
}

@media (max-width: 767px) {
  .swiper-controller-wrapper {
    bottom: 28px;
  }
}

.swiper-controller-wrapper .slidePrev-btn,
.swiper-controller-wrapper .slideNext-btn {
  z-index: 1;
}

@media (min-width: 768px) {
  .swiper-controller-wrapper .slidePrev-btn.swiper-button-lock,
.swiper-controller-wrapper .slideNext-btn.swiper-button-lock {
    display: block;
  }
}

@media (max-width: 767px) {
  .swiper-controller-wrapper .slidePrev-btn,
.swiper-controller-wrapper .slideNext-btn {
    display: none;
  }
}

.swiper-controller-wrapper .swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  bottom: 0;
}

.swiper-controller-wrapper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background-color: currentColor;
  opacity: 0.4;
}

.swiper-controller-wrapper .swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-controller-wrapper .swiper-pagination-black .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: var(--black);
  opacity: 0.1;
}

[dir="rtl"] .swiper-controller-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

[dir="rtl"] .swiper-controller-wrapper .slidePrev-btn,
[dir="rtl"] .swiper-controller-wrapper .slideNext-btn {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

[dir="rtl"] .swiper-controller-wrapper .slideNext-btn {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

[dir="rtl"] .swiper-controller-wrapper .slidePrev-btn {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

[dir="rtl"] .swiper-controller-wrapper .swiper-pagination {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.swiper-container {
  width: 100%;
}

.tabs--archive img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.tabs--golddays .nav-tabs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .tabs--golddays .nav-tabs {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
}

.tabs--golddays .nav-tabs .nav-item {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.tabs--golddays .nav-tabs .nav-item + .nav-item {
  margin: 0 !important;
}

@media (max-width: 767px) {
  .tabs--golddays .nav-tabs .nav-item + .nav-item {
    margin-left: 15px !important;
  }
}

.tabs--golddays .nav-tabs .nav-link {
  white-space: nowrap;
  text-align: center;
  width: 100%;
}

.tabs .nav-tabs {
  border: none;
  border-bottom: 3px solid var(--grayea);
  border-radius: 3px;
}

@media (max-width: 990px) {
  .tabs .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    gap: 20px;
  }
}

@media (max-width: 990px) {
  .tabs .nav-tabs .nav-item {
    width: calc(25% - 20px);
  }
}

.tabs .nav-tabs .nav-item + .nav-item {
  margin-left: 72px;
}

[dir="rtl"] .tabs .nav-tabs .nav-item + .nav-item {
  margin-left: 0;
  margin-right: 72px;
}

@media (max-width: 990px) {
  .tabs .nav-tabs .nav-item + .nav-item {
    margin-left: 0;
  }
  [dir="rtl"] .tabs .nav-tabs .nav-item + .nav-item {
    margin-left: 0;
    margin-right: 60px;
  }
}

.tabs .nav-tabs .nav-link {
  font-size: 20px;
  padding: 0;
  padding-bottom: 24px;
  border: none;
  font-weight: 300;
  margin-bottom: 0px;
  border-radius: 3px;
  color: var(--black);
  position: relative;
}

@media (max-width: 990px) {
  .tabs .nav-tabs .nav-link {
    font-size: 16px;
    padding-bottom: 16px;
  }
}

.tabs .nav-tabs .nav-link:after {
  content: "";
  position: absolute;
  bottom: -3px;
  width: 0;
  height: 3px;
  background: var(--yellow);
  left: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  border-radius: 6px;
}

.tabs .nav-tabs .nav-link.active {
  font-weight: 600;
  color: var(--yellow);
  letter-spacing: -0.2px;
}

.tabs .nav-tabs .nav-link.active:after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  width: 100%;
}

.tabs .nav-tab-scroll {
  position: relative;
}

.tabs .nav-tab-scroll::after {
  content: '';
  width: 100%;
  display: block;
  border-bottom: 3px solid var(--graye2);
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 990px) {
  .tabs .nav-tab-scroll::after:not(.no-style) {
    bottom: 3px;
  }
}

.tabs .nav-tab-scroll.scrollable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.tabs .nav-tab-scroll.scrollable > ul {
  width: calc(100% - 80px);
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.tabs .nav-tab-scroll.scrollable > .scroll-btns {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: auto;
}

.tabs .nav-tab-scroll .nav-tabs {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  border-bottom: 0px;
  white-space: nowrap;
}

.tabs .nav-tab-scroll .scroll-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tabs .nav-tab-scroll .scroll-btns > span {
  color: var(--black);
  font-size: 16px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.tabs .nav-tab-scroll .scroll-btns > span.disabled {
  pointer-events: none;
  opacity: 0.6;
}

.tabs .nav-tab-scroll:not(.no-style) .nav-tabs {
  border-radius: 0px;
  /*padding-bottom: 3px;*/
}

@media (max-width: 990px) {
  .tabs .nav-tab-scroll:not(.no-style) .nav-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .tabs .nav-tab-scroll:not(.no-style) .nav-tabs > * {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .tabs .nav-tab-scroll:not(.no-style) .nav-tabs > * .nav-link {
    height: 100%;
  }
}

.tabs .nav-tab-scroll:not(.no-style) .nav-tabs .nav-item + .nav-item {
  margin-left: 14px;
}

.tabs .nav-tab-scroll:not(.no-style) .nav-tabs .nav-link {
  color: var(--black);
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  padding-inline: 45px;
  padding-bottom: 16px;
  border: none;
  position: relative;
  padding-right: 34px;
}

@media (max-width: 990px) {
  .tabs .nav-tab-scroll:not(.no-style) .nav-tabs .nav-link {
    padding-inline: 16px;
  }
}

.tabs .nav-tab-scroll:not(.no-style) .nav-tabs .nav-link.active {
  color: var(--primary);
  font-weight: 600;
}

.tabs .nav-tab-scroll:not(.no-style) .nav-tabs .nav-link.active:after {
  content: '';
  height: 3px;
  width: 100%;
  border-radius: 17px;
  background-color: var(--primary);
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}

.tabs .nav-tab-scroll.scrollable:not(.no-style) > ul > li:hover button {
  color: var(--primary);
}

.tabs .nav-tab-scroll.no-style .nav-tabs .nav-link.active::after {
  bottom: 0;
}

.tabs .tab-content {
  padding-top: 32px;
}

@media (max-width: 990px) {
  .tabs .tab-content {
    padding-top: 26px;
  }
}

.tabs__container {
  border-bottom: 3px solid var(--grayea);
  border-radius: 3px;
}

.tabs__container .nav-tabs {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  overflow: auto hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  margin-bottom: -6px;
  border-bottom: none !important;
}

.tabs__container .nav-tabs::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.tabs__container .nav-tabs::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

.tabs__container .nav-tabs::-webkit-scrollbar-track {
  background: var(--grayf7);
}

.tabs__container .nav-tabs {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: var(--grayf7);
}

.tabs__container .nav-tabs .nav-link:after {
  height: 2px;
  bottom: 4px;
}

.tabs--market-data .nav-tabs {
  border-bottom: 3px solid #FFFFFF33;
}

@media (max-width: 990px) {
  .tabs--market-data .nav-tabs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.tabs--market-data .nav-tabs .nav-item {
  width: auto;
}

.tabs--market-data .nav-tabs .nav-item + .nav-item {
  margin-left: 30px;
}

.tabs--market-data .nav-tabs .nav-link {
  color: var(--white);
  font-weight: 300;
  padding-bottom: 30px;
}

@media (max-width: 990px) {
  .tabs--market-data .nav-tabs .nav-link {
    padding-bottom: 15px;
  }
}

.tabs--market-data .nav-tabs .nav-link:after {
  background: var(--white);
}

.tabs--market-data .nav-tabs .nav-link.active {
  font-weight: 600;
  color: var(--white);
  background-color: transparent;
}

.tabs--market-data .nav-tabs .nav-link.active:after {
  background: var(--white);
}

.tabs--market-data .tab-content {
  position: relative;
  padding-top: 40px;
}

@media (max-width: 990px) {
  .tabs--market-data .tab-content {
    padding-top: 32px;
  }
}

@media (max-width: 990px) {
  .tabs--market-data .tab-content .swiper-auto .swiper-controller-wrapper {
    margin-bottom: 40px;
  }
}

@media (min-width: 991px) {
  .tabs--market-data .tab-content .swiper-auto .swiper-controller-wrapper {
    position: absolute;
    left: 0;
    bottom: 12px;
  }
}

.tabs--market-data .tab-content .market-item {
  margin-bottom: 40px;
}

.tabs--market-data .tab-content .market-data-btns {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 991px) {
  .tabs--market-data .tab-content .market-data-btns {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  [dir="rtl"] .tabs--market-data .tab-content .market-data-btns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

.tabs--market-data .tab-content .calc-bottom-btns {
  gap: 8px;
}

@media (max-width: 767px) {
  .tabs--market-data .tab-content .calc-bottom-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.tabs--market-data .tab-content .calc-bottom-btns .btn {
  padding-top: 12px;
  padding-bottom: 12px;
}

.tabs--market-data .tab-content .calc-bottom-btns .btn-outline-white:hover {
  color: var(--white);
}

.tabs--market-data .tab-content .currency-converter-calculator .change-currency-btn {
  margin-top: 0;
  height: 100%;
}

.tabs--market-data .tab-content .currency-converter-calculator .change-currency-btn svg {
  height: 100%;
}

@media (max-width: 767px) {
  .tabs--market-data .tab-content .currency-converter-calculator .change-currency-btn svg {
    margin: 15px 0;
  }
}

.tabs--market-data .tab-content .currency-converter-calculator .radios {
  margin-bottom: 32px;
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio {
  padding-left: 30px;
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio .radio-text {
  font-size: 16px;
  color: var(--white);
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio .checkmarkradio {
  border-color: var(--white);
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio input:checked ~ .checkmark {
  border-color: transparent;
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio input:checked ~ .checkmark:after {
  background-color: transparent;
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio input:checked ~ .checkmarkradio {
  border-color: var(--white);
}

.tabs--market-data .tab-content .currency-converter-calculator .radios .radio input:checked ~ .checkmarkradio:after {
  content: url("/_assets/svg/check-green.svg");
  line-height: 20px;
  margin-top: 1px;
  margin-left: 1px;
}

.tabs--market-data .tab-content .currency-converter-calculator .input-block {
  margin-bottom: 0;
}

.tabs--market-data .tab-content .currency-converter-calculator .input-block input {
  padding: 16px 24px;
  height: 63px;
}

@media (max-width: 990px) {
  .tabs--market-data .tab-content .currency-converter-calculator .input-block .suffix {
    top: 32px;
  }
}

.tabs--market-data .tab-content .currency-converter-calculator .currency-converter-btns {
  margin-top: 40px;
}

@media (max-width: 990px) {
  .tabs--market-data .tab-content .currency-converter-calculator .currency-converter-btns {
    margin-top: 32px;
  }
}

.tabs--market-data .tab-content .currency-converter-result {
  margin-top: 24px;
}

@media (min-width: 768px) {
  .tabs--market-data .tab-content .currency-converter-result {
    position: absolute;
    left: 0;
    bottom: 10px;
  }
}

.tabs--market-data .tab-content .currency-converter-result .result {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  color: var(--white);
}

[dir="rtl"] .tabs--market-data .tab-content .currency-converter-result .result {
  direction: ltr;
  text-align: left;
}

.tabs--market-data .tab-content .currency-converter-result .info {
  font-size: 12px;
  font-weight: 300;
  line-height: 170%;
  color: var(--white);
}

.subpage-content .tabs.billPayments .nav-tabs {
  gap: 7.5px;
  border-bottom: 0px;
}

@media (max-width: 767px) {
  .subpage-content .tabs.billPayments .nav-tabs .nav-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: calc(50% - 3.75px);
  }
}

.subpage-content .tabs.billPayments .nav-tabs .nav-item + .nav-item {
  margin-left: 0;
}

.subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link {
  background-color: var(--grayf5);
  font-weight: 600;
  text-align: center;
  width: 100%;
  padding-block: 25px;
  padding-inline: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
  border-radius: 16px;
  border: 1px solid var(--white);
}

.subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link:not(.active) svg path[fill="#16A086"] {
  fill: #6E797B !important;
}

@media (min-width: 768px) {
  .subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link.active {
  background-color: var(--white);
  color: #000;
  font-weight: 400;
  border-color: var(--grayf5);
}

@media (min-width: 768px) {
  .subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link.active {
    border-bottom: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    position: relative;
  }
  .subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link.active::after {
    background-color: var(--white);
    border-inline: 1px solid var(--grayf5);
    width: calc(100% + 2px);
    height: 9px;
    position: absolute;
    top: calc(100% - 1px);
    left: -1px;
  }
}

@media (max-width: 767px) {
  .subpage-content .tabs.billPayments .nav-tabs .nav-item .nav-link.active::after {
    display: none;
  }
}

.subpage-content .tabs.billPayments .tab-content {
  margin-top: 7px;
  padding-top: 0 !important;
  border: 0px;
}

.subpage-content .tabs.billPayments .tab-content .tab-pane {
  padding: 24px;
  border: 1px solid var(--grayf5);
  border-radius: 16px;
}

@media (min-width: 768px) {
  .subpage-content .tabs.billPayments .tab-content .tab-pane.active:first-child {
    border-top-left-radius: 0px;
  }
  .subpage-content .tabs.billPayments .tab-content .tab-pane.active:last-child {
    border-top-right-radius: 0px;
  }
}

@media (max-width: 990px) {
  .subpage-content .tab-content--become-customer > .tab-pane.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.radio {
  padding-left: 28px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0px !important;
}

.radio .radio-text {
  color: var(--gray88);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin-bottom: 0 !important;
}

@media (max-width: 990px) {
  .radio .radio-text {
    font-size: 13px;
    line-height: 21px;
  }
}

.radio .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid var(--gray6e);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1px;
}

.radio .checkmarkradio {
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid var(--gray6e);
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: -1px;
}

.radio input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 0;
  width: 0;
  position: absolute;
}

.radio input:checked ~ .radio-text {
  color: var(--black);
}

.radio input:checked ~ .checkmark {
  border-color: var(--yellow);
}

.radio input:checked ~ .checkmark:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  left: 2px;
  top: 2px;
  background-color: var(--yellow);
}

.radio input:checked ~ .checkmarkradio {
  border-color: var(--yellow);
}

.radio input:checked ~ .checkmarkradio:after {
  content: url("/_assets/svg/cheched.svg");
  line-height: 20px;
  margin-top: -1px;
  margin-left: -1px;
}

.radios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

@media (max-width: 990px) {
  .radios {
    gap: 20px;
  }
}

.checkbox {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30px;
}

[dir="rtl"] .checkbox {
  padding-left: 0;
  padding-right: 30px;
}

.checkbox .checkbox-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  color: var(--gray6e);
  margin-bottom: 0;
  line-height: 1;
}

@media (max-width: 990px) {
  .checkbox .checkbox-text {
    font-size: 13px;
    line-height: 21px;
  }
}

.checkbox .checkmark {
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  background: #ffffff;
  border: 1px solid var(--gray6e);
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  margin-top: -1px;
}

[dir="rtl"] .checkbox .checkmark {
  left: auto;
  right: 0px;
}

.checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  height: 0;
  width: 0;
  position: absolute;
}

.checkbox input:checked ~ .checkbox-text {
  color: var(--black);
}

.checkbox input:checked ~ .checkmark {
  border-color: var(--yellow);
}

.checkbox input:checked ~ .checkmark:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 4px;
  left: 2px;
  top: 2px;
  background-color: var(--yellow);
}

.checkbox input:disabled ~ .checkbox-text {
  color: var(--gray88);
}

.checkbox input:disabled ~ .checkmark {
  border-color: var(--gray88);
}

.checkbox input:disabled ~ .checkmark:after {
  background-color: var(--gray88);
}

.checkboxs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
}

@media (max-width: 990px) {
  .checkboxs {
    gap: 20px;
  }
}

.select2 {
  outline: none !important;
  width: 100% !important;
}

.select2-hidden-accessible {
  left: 0;
}

.select2-container {
  height: 63px;
  outline: none !important;
}

@media (max-width: 990px) {
  .select2-container {
    height: 41px;
  }
}

.select2-container .selection {
  height: 100%;
  display: block;
}

.select2-container .selection .select2-selection {
  display: block;
  height: 100%;
  padding-right: 20px;
  overflow: hidden;
}

[dir="rtl"] .select2-container .selection .select2-selection {
  padding-right: 0px;
  padding-left: 20px;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
  border: 1px solid var(--gray6e);
  border-radius: 12px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 16px 24px;
  color: var(--black);
  font-weight: normal;
  font-size: 18px;
}

@media (max-width: 990px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 6px 24px 6px 12px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered.sentence-text {
  text-transform: lowercase;
}

.select2-container--default .select2-selection--single .select2-selection__rendered.sentence-text:first-letter {
  text-transform: uppercase;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100%;
  right: 20px;
}

[dir="rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow {
  right: auto !important;
  left: 20px !important;
  padding-right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  font-family: 'icomoon';
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--primary);
  font-size: 24px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  list-style: none !important;
  margin-bottom: 0 !important;
  padding-left: 24px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: auto hidden;
  cursor: pointer;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered::-webkit-scrollbar-track {
  background: var(--grayf7);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: var(--grayf7);
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered > li {
  padding-left: 0px !important;
  margin-top: 0;
  margin-bottom: 0px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered > li::before {
  display: none !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered > li.select2-search--inline {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered > li.select2-search--inline input {
  max-width: 100%;
  margin-top: 0px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: #f6f6f6;
  color: var(--black);
  font-size: 1rem;
  line-height: 1.25rem;
  padding: 6px;
  border-color: #d7d7d7;
  border-radius: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: var(--red);
  font-weight: bold;
  padding-inline: 4px;
  margin-right: 0px;
}

.select2-container--default .select2-dropdown {
  background: var(--white);
  font-weight: normal;
  color: #767474;
  border: 1px solid rgba(110, 121, 123, 0.2);
  -webkit-box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-top: 8px;
}

.select2-container--default .select2-dropdown.select2-dropdown--above .select2-results {
  border-top: 1px solid var(--primary);
}

.select2-container--default .select2-dropdown.currency-select-dropdown {
  min-width: 100px;
}

.select2-container--default .select2-results__option {
  font-size: 16px;
  line-height: 24px;
  padding: 6px 16px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

.select2-container--default .select2-results__options::-webkit-scrollbar-track {
  background: #F5F6FA;
}

.select2-container--default .select2-results__options {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: #F5F6FA;
}

.select2-container--default .select2-results__option .sentence-text {
  text-transform: lowercase;
  display: block;
}

.select2-container--default .select2-results__option .sentence-text:first-letter {
  text-transform: uppercase;
}

.select2-container--default.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: transparent !important;
  color: var(--green);
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background: transparent !important;
}

.select2-container--open .select2-selection--single {
  border-color: var(--primary);
  border-radius: 12px !important;
}

.select2-container--focus .select2-selection {
  outline: none;
  border: 1px solid var(--primary);
}

.select2-container .select2-search--dropdown {
  padding: 10px 16px;
  position: relative;
}

.select2-container .select2-search--dropdown::before {
  content: "";
  color: #767474;
  font-family: "icomoon" !important;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.select2-container .select2-search--dropdown .select2-search__field {
  color: var(--gray88);
  font-size: 13px;
  height: 36px;
  border: 0;
  padding: 0 20px 0 0;
  border-bottom: 1px solid var(--grayee);
}

.input-block {
  margin-bottom: 36px;
  position: relative;
}

@media (max-width: 990px) {
  .input-block {
    margin-bottom: 30px;
  }
}

.input-block--customerCheck {
  margin-bottom: 24px;
}

@media (max-width: 990px) {
  .input-block--customerCheck {
    margin-bottom: 18px;
  }
}

.input-block label {
  font-weight: 600;
  color: var(--gray6e);
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 20px;
}

@media (max-width: 990px) {
  .input-block label {
    font-size: 14px;
  }
}

.input-block .input-wrapper {
  position: relative;
}

.input-block .input-wrapper input {
  padding-right: 56px;
}

[dir="rtl"] .input-block .input-wrapper input {
  padding-left: 56px;
  padding-right: 24px;
}

.input-block .checkable {
  position: relative;
}

.input-block .checkable .checkbox {
  position: absolute;
  margin-top: -10px;
  top: 50%;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  left: 32px;
}

.input-block .suffix {
  position: absolute;
  right: 15px;
  top: 32px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--gray6e);
  font-weight: 600;
  font-size: 18px;
}

@media (max-width: 990px) {
  .input-block .suffix {
    top: 20px;
  }
}

[dir="rtl"] .input-block .suffix {
  left: 20px;
  right: auto !important;
}

.input-block .suffix .select2-container {
  height: 100%;
}

.input-block .suffix .select2-container .select2-selection {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

.input-block .suffix .select2-container .select2-selection .with-icon-state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.input-block .suffix .select2-container .select2-selection .with-icon-state .img-flag {
  width: 25px;
  height: auto;
  display: block;
  border-radius: 100%;
}

.input-block .suffix .select2-container .select2-selection__arrow {
  right: 16px;
}

.input-block .suffix .select2-container .select2-selection__arrow::after {
  color: #292D32;
  font-size: 13px;
}

.input-block .suffix-day {
  position: absolute;
  right: 20px;
  top: 32px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-weight: 400;
  font-size: 18px;
}

@media (max-width: 990px) {
  .input-block .suffix-day {
    top: 20px;
  }
}

.input-block.error {
  margin-bottom: 0px;
}

.input-block.error input,
.input-block.error textarea {
  border-color: var(--red);
}

.input-block.error label {
  color: var(--red);
}

.input-block.error label.error, .robo-question-wrapper .input-block.error label.error {
  font-size: 12px;
  line-height: 1;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 10px;
  line-height: 20px;
  /*position: absolute;
                top: 100%;
                left: 0;
                @include min991 {
                    line-height: 20px;
                    position: absolute;
                    top: 100%;
                    left: 0;
                }*/
}

.input-block.error .select2-selection--single,
.input-block.error .select2-selection--multiple {
  border-color: var(--red);
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: #999;
}

textarea::-moz-placeholder, input::-moz-placeholder {
  color: #999;
}

textarea:-ms-input-placeholder, input:-ms-input-placeholder {
  color: #999;
}

textarea::-ms-input-placeholder, input::-ms-input-placeholder {
  color: #999;
}

textarea::placeholder,
input::placeholder {
  color: #999;
}

input[type='text'],
input[type='tel'] {
  padding: 16px 24px;
  border: 1px solid var(--gray6e);
  border-radius: 12px;
  outline: none !important;
  width: 100%;
  font-size: 18px;
  color: var(--black);
  font-weight: 400;
  height: 62px;
}

@media (max-width: 990px) {
  input[type='text'],
input[type='tel'] {
    padding: 6px 12px;
    height: auto;
  }
}

input[type='text']:invalid, input[type='text']:disabled,
input[type='tel']:invalid,
input[type='tel']:disabled {
  border-color: var(--grayef);
  background-color: var(--grayef);
}

input[type='text']:focus, input[type='text']:focus-visible,
input[type='tel']:focus,
input[type='tel']:focus-visible {
  border-color: var(--primary);
}

input.read-only[type='text'],
input.read-only[type='tel'] {
  background-color: var(--white) !important;
  border-color: var(--grayef);
  text-align: right !important;
  font-size: 1rem !important;
  line-height: 24px !important;
  color: var(--black);
}

.text-input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.text-input-wrapper .phrase {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}

[dir="ltr"] .text-input-wrapper .phrase {
  right: 24px;
}

[dir="rtl"] .text-input-wrapper .phrase {
  left: 24px;
}

textarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 16px 24px;
  border: 1px solid var(--gray6e);
  border-radius: 12px;
  outline: none !important;
  font-size: 18px;
  color: var(--black);
  font-weight: 400;
  resize: none;
}

@media (max-width: 990px) {
  textarea {
    padding: 6px 12px;
  }
}

.form-check-group .checkbox {
  margin-bottom: 12px;
}

.form-check-group .checkbox:last-child {
  margin-bottom: 0px;
}

.slider-range-container {
  width: 100%;
  position: relative;
}

.slider-range {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 6px;
  padding: 0px !important;
  background: var(--grayee);
  outline: none;
  opacity: 1;
}

.slider-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  background: var(--primary);
  border-radius: 100%;
  cursor: pointer;
}

.slider-range::-moz-range-thumb {
  width: 14px;
  height: 14px;
  background: var(--primary);
  border-radius: 100%;
  cursor: pointer;
}

.form-note {
  color: var(--gray6e);
  font-size: 14px;
  line-height: 24px;
}

.agree-btns {
  border: 2px solid var(--graye9);
  border-radius: 16px;
  padding: 24px;
}

.agree-btns .checkbox-text {
  color: var(--gray6e);
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 16px;
}

.error .agree-btns {
  border-width: 1px;
  border-color: var(--red);
}

.switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.switch input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.switch input:checked + .switch-button:before {
  left: calc(50% - 4px);
}

.switch input:checked + .switch-button .text {
  color: var(--gray6e);
}

.switch input:checked + .switch-button .text:last-child {
  color: var(--black);
}

[dir="rtl"] .switch input:checked + .switch-button::before {
  left: auto;
  right: calc(50% - 4px);
}

.switch-button {
  height: 63px;
  border-radius: 12px;
  background-color: var(--grayef);
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

@media (max-width: 990px) {
  .switch-button {
    height: 41px;
  }
}

.switch-button:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 55px;
  border-radius: 8px;
  background-color: var(--white);
  -webkit-transition: 120ms ease all;
  -o-transition: 120ms ease all;
  transition: 120ms ease all;
  left: 4px;
}

@media (max-width: 990px) {
  .switch-button:before {
    height: 36px;
  }
}

.switch-button .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  color: var(--black);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 1;
}

.switch-button .text:last-child {
  color: var(--gray6e);
}

[dir="rtl"] .switch-button::before {
  left: auto;
  right: 4px;
}

.form-switch {
  margin: 0;
  padding: 0;
}

.form-switch .form-check-input {
  background-color: var(--grayef);
  border-color: var(--grayef);
  width: 32px;
  height: 22px;
  border-radius: 11px;
  margin: 0;
}

.form-switch .form-check-input, .form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28217,217,217,1%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-color: var(--yellow);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,255,255,1%29'/%3e%3c/svg%3e");
  border-color: var(--yellow);
}

.multi-switch {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 63px;
  border-radius: 12px;
  padding: 4px;
  overflow: hidden;
  background-color: var(--grayef);
}

.option {
  width: 100%;
  padding: 14px 0;
  background-color: var(--grayef);
  border-radius: 8px;
  color: var(--gray6e);
  cursor: pointer;
  text-align: center;
}

.option.active {
  color: var(--black);
  background-color: var(--white);
  font-weight: 400;
}

.table {
  width: 100%;
}

.table--golddays th, .table--golddays td {
  white-space: nowrap;
}

.table--golddays th:first-child {
  background-color: var(--primary);
}

.table--golddays td:first-child {
  background-color: var(--white);
}

.table--golddays :is(th, td):first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}

.table--golddays .btn-location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table-summary thead th {
  font-size: 16px;
  color: var(--gray6e);
  line-height: 24px;
  padding: 0;
  padding-bottom: 6px;
}

.table-summary tbody td {
  font-size: 28px;
  font-weight: 600;
  color: var(--primary);
  line-height: 34px;
  padding: 0;
}

@media (max-width: 767px) {
  .table-summary tbody td:after {
    color: var(--primary) !important;
  }
}

.table-green, .table.thead-bg {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 1rem;
}

.table-green thead, .table.thead-bg thead {
  background-color: var(--primary);
  color: var(--white);
}

[dir="ltr"] .table-green thead tr:first-child th:first-child, [dir="ltr"] .table.thead-bg thead tr:first-child th:first-child {
  border-top-left-radius: 16px;
}

[dir="ltr"] .table-green thead tr:first-child th:last-child, [dir="ltr"] .table.thead-bg thead tr:first-child th:last-child {
  border-top-right-radius: 16px;
}

[dir="rtl"] .table-green thead tr:first-child th:first-child, [dir="rtl"] .table.thead-bg thead tr:first-child th:first-child {
  border-top-right-radius: 16px;
}

[dir="rtl"] .table-green thead tr:first-child th:last-child, [dir="rtl"] .table.thead-bg thead tr:first-child th:last-child {
  border-top-left-radius: 16px;
}

.table-green thead th, .table.thead-bg thead th {
  font-weight: 700;
  font-size: 14px;
  line-height: 26px;
  padding-block: 12px;
  padding-inline: 16px !important;
}

.table-green tbody tr td, .table.thead-bg tbody tr td {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--grayd5);
}

[dir="ltr"] .table-green tbody tr td:first-child, [dir="ltr"] .table.thead-bg tbody tr td:first-child {
  border-left: 1px solid var(--grayd5);
}

[dir="ltr"] .table-green tbody tr td:last-child, [dir="ltr"] .table.thead-bg tbody tr td:last-child {
  border-right: 1px solid var(--grayd5);
}

[dir="rtl"] .table-green tbody tr td:first-child, [dir="rtl"] .table.thead-bg tbody tr td:first-child {
  border-right: 1px solid var(--grayd5);
}

[dir="rtl"] .table-green tbody tr td:last-child, [dir="rtl"] .table.thead-bg tbody tr td:last-child {
  border-left: 1px solid var(--grayd5);
}

@media (max-width: 767px) {
  .table-green tbody tr td, .table.thead-bg tbody tr td {
    padding-top: 16px;
    line-height: 21px;
    border-top: 1px solid var(--grayef) !important;
  }
  .table-green tbody tr td:first-child, .table.thead-bg tbody tr td:first-child {
    border-top: none !important;
  }
}

[dir="ltr"] .table-green tbody tr:last-child td:first-child, [dir="ltr"] .table.thead-bg tbody tr:last-child td:first-child {
  border-bottom-left-radius: 16px;
}

[dir="ltr"] .table-green tbody tr:last-child td:last-child, [dir="ltr"] .table.thead-bg tbody tr:last-child td:last-child {
  border-bottom-right-radius: 16px;
}

[dir="rtl"] .table-green tbody tr:last-child td:first-child, [dir="rtl"] .table.thead-bg tbody tr:last-child td:first-child {
  border-bottom-right-radius: 16px;
}

[dir="rtl"] .table-green tbody tr:last-child td:last-child, [dir="rtl"] .table.thead-bg tbody tr:last-child td:last-child {
  border-bottom-left-radius: 16px;
}

@media (max-width: 767px) {
  .table.responsive {
    margin-bottom: 0;
  }
  .table.responsive thead {
    display: none;
  }
  .table.responsive tbody {
    display: block;
  }
  .table.responsive tbody tr,
.table.responsive tbody td {
    display: block;
    text-align: left !important;
  }
  .table.responsive tbody tr {
    overflow: hidden;
    padding-bottom: 6px;
  }
  .table.responsive tbody tr:last-child {
    border-bottom: 0px !important;
  }
  .table.responsive tbody tr:last-child td {
    border-bottom: 0px !important;
  }
  .table.responsive tbody td {
    border-bottom: 1px solid var(--graye7);
  }
  .table.responsive tbody td > span {
    display: none;
  }
  .table.responsive tbody td br {
    display: none;
  }
  .table.responsive tbody td.no-indent {
    text-indent: 0;
    text-align: right !important;
  }
  .table.responsive tbody td.no-indent:after {
    display: none;
  }
  .table.responsive tbody td:before {
    content: attr(data-th);
    width: 45%;
    float: left;
    text-align: left !important;
    font-size: 16px;
    font-weight: 500;
    text-indent: 0;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-wrap: nowrap;
  }
  [dir="rtl"] .table.responsive tbody td:before {
    text-align: right !important;
  }
  .table.responsive tbody td:after {
    content: attr(data-td);
    width: 45%;
    float: right;
    text-indent: 0;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: right;
    max-width: 70%;
    color: var(--black0d);
  }
  [dir="rtl"] .table.responsive tbody td:after {
    text-align: left !important;
  }
}

.table.mobile-responsive {
  margin-bottom: 0;
}

.table.mobile-responsive thead {
  display: none;
}

.table.mobile-responsive tbody {
  display: block;
}

.table.mobile-responsive tbody tr,
.table.mobile-responsive tbody td {
  display: block;
  text-align: left !important;
}

.table.mobile-responsive tbody tr {
  overflow: hidden;
  padding-bottom: 6px;
}

.table.mobile-responsive tbody tr:last-child {
  border-bottom: 0px !important;
}

.table.mobile-responsive tbody tr:last-child td {
  border-width: 0px 0px 1px 0px !important;
  border-radius: 0px !important;
}

.table.mobile-responsive tbody td {
  text-indent: -100000em;
  overflow: hidden;
  border-bottom: 1px solid var(--graye7);
}

.table.mobile-responsive tbody td br {
  display: none;
}

.table.mobile-responsive tbody td.no-indent {
  text-indent: 0;
  text-align: right !important;
}

.table.mobile-responsive tbody td.no-indent:after {
  display: none;
}

.table.mobile-responsive tbody td:before {
  content: attr(data-th);
  width: 40%;
  float: left;
  text-align: left !important;
  font-size: 16px;
  font-weight: 500;
  text-indent: 0;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
}

.table.mobile-responsive tbody td:after {
  content: attr(data-td);
  float: right;
  text-indent: 0;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.86;
  letter-spacing: normal;
  text-align: right;
  max-width: 60%;
  color: var(--black0d);
}

.table.mobile-responsive tfoot {
  font-size: 1rem;
  line-height: normal;
}

.table.mobile-responsive.mobile-full tbody td:before, .table.mobile-responsive.mobile-full tbody td:after {
  width: 100%;
  max-width: 100%;
  text-align: left !important;
}

@media (max-width: 767px) {
  .table-container {
    margin-bottom: 30px;
    padding: 12px 24px;
    border: 1px solid var(--grayd5);
    border-radius: 24px;
  }
}

.table-container.table-mobile {
  margin-bottom: 30px;
  padding: 12px 24px;
  border: 1px solid var(--grayd5);
  border-radius: 24px;
}

.table-portal th, .table-portal td {
  font-size: 14px;
  padding-inline: 0.313rem;
  line-height: 21px;
}

.table-portal th {
  color: #AEAEAE;
  font-weight: 600;
  padding-block: 0 14px;
}

.table-portal td {
  color: var(--black0d);
  border-top: 1px solid var(--grayee);
  padding-block: 15px;
}

.table-portal tbody tr:last-child td {
  padding-bottom: 0px;
}

.table .br-1 {
  border-right: 1px solid var(--grayd5);
}

.table .bl-1 {
  border-left: 1px solid var(--grayd5);
}

.box-border {
  border: 1px solid var(--gray6e);
  padding: 28px 25px;
  border-radius: 12px;
  margin-top: 5px;
}

@media (max-width: 990px) {
  .box-border {
    padding: 20px 15px;
  }
}

.box-border .t-foot p {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 9px;
}

.box-border .t-foot > ul {
  margin: 0;
  margin-bottom: 9px;
}

.box-border .t-foot > ul li {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  padding-left: 18px;
  margin-bottom: 9px;
  position: relative;
}

.box-border .t-foot > ul li:before {
  content: '';
  position: absolute;
  border-radius: 2px;
  width: 5px;
  height: 5px;
  background-color: var(--yellow);
  top: 7px;
  left: 0;
}

.box.stretch-mobile {
  height: calc(100% - 30px);
}

.breadcrumb {
  background: none;
  padding: 20px 0 0 0;
  margin: 0 0 12px 0;
  color: var(--white);
  font-size: 13px;
  font-weight: normal;
  position: relative;
}

@media (max-width: 990px) {
  .breadcrumb {
    display: none;
  }
}

.breadcrumb > .li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 12px;
}

.breadcrumb > .li a,
.breadcrumb > .li a span {
  color: var(--white);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 1;
}

.breadcrumb > .li a:hover,
.breadcrumb > .li a span:hover {
  text-decoration: none;
}

.breadcrumb > .li::after {
  content: "";
  font-family: "icomoon";
  font-size: 10px;
  padding: 0;
  color: var(--white);
  padding-left: 10px;
}

.breadcrumb > .li:last-child {
  padding-right: 0;
}

.breadcrumb > .li:last-child:after {
  display: none;
}

.breadcrumb > .li:last-child > .link-combo {
  padding-right: 0;
}

[dir="rtl"] .breadcrumb > .li {
  padding-right: 0;
  padding-left: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir="rtl"] .breadcrumb > .li::after {
  content: "";
  padding-left: 0px;
  padding-right: 10px;
}

[dir="rtl"] .breadcrumb > .li:last-child {
  padding-left: 0;
}

.breadcrumb span {
  color: var(--white);
  text-decoration: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  line-height: 24px;
  opacity: 0.5;
}

.breadcrumb .li {
  position: relative;
}

.breadcrumb .li .link-combo {
  padding-right: 12px;
  cursor: pointer;
}

.breadcrumb .li .link-combo:after {
  font-family: "icomoon";
  content: "";
  font-size: 8px;
  background-color: transparent;
  right: 0;
  padding-left: 8px;
}

[dir="rtl"] .breadcrumb .li .link-combo {
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.breadcrumb .li .link-combo.selected:after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
      -ms-transform: translateY(-50%) rotate(-180deg);
          transform: translateY(-50%) rotate(-180deg);
}

.breadcrumb .li .link-combo.selected + .breadcrumb-combo-list {
  display: block;
}

.breadcrumb .li .last-item {
  text-decoration: none;
  border-bottom: none;
}

.breadcrumb .li.parent {
  padding-right: 0px;
}

.breadcrumb .li.parent:after {
  content: '';
  display: none;
}

.breadcrumb .li.parent .link-combo {
  opacity: 1;
}

.breadcrumb .li.parent .link-combo:after {
  content: "";
  font-family: "icomoon";
  font-size: 10px;
  padding: 0;
  color: var(--white);
  padding-left: 10px;
}

.breadcrumb .breadcrumb-combo-list {
  background: var(--white);
  text-align: left;
  width: 100%;
  min-width: 190px;
  max-height: 220px;
  padding: 5px;
  overflow: auto;
  display: none;
  -webkit-box-shadow: 0 4px 10px 0 rgba(72, 76, 80, 0.1);
          box-shadow: 0 4px 10px 0 rgba(72, 76, 80, 0.1);
  border-radius: 8px;
  position: absolute;
  top: -10px;
  right: 12px;
  richness: 0;
  z-index: 80;
}

.breadcrumb .breadcrumb-combo-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.breadcrumb .breadcrumb-combo-list::-webkit-scrollbar-thumb {
  background: var(--grayb8);
  border-radius: 60px;
}

.breadcrumb .breadcrumb-combo-list::-webkit-scrollbar-track {
  background: transparent;
}

.breadcrumb .breadcrumb-combo-list {
  scrollbar-face-color: var(--grayb8);
  scrollbar-track-color: transparent;
}

.breadcrumb .breadcrumb-combo-list.active {
  display: block;
}

.breadcrumb .breadcrumb-combo-list a,
.breadcrumb .breadcrumb-combo-list span {
  text-decoration: none;
  padding: 7px;
}

[dir="rtl"] .breadcrumb .breadcrumb-combo-list a, [dir="rtl"] .breadcrumb .breadcrumb-combo-list span {
  text-align: right;
}

.breadcrumb .breadcrumb-combo-list a {
  color: var(--gray6e);
  font-size: 12px;
  line-height: 20px;
  display: block;
}

.breadcrumb .breadcrumb-combo-list span {
  color: var(--black);
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 4px;
}

.breadcrumb .breadcrumb-combo-list span i.icon-check {
  font-size: 15px;
}

.breadcrumb .breadcrumb-combo-list span i.icon-check::before {
  color: var(--primary);
}

.acc {
  padding: 40px 0;
}

@media (max-width: 990px) {
  .acc {
    padding: 24px 0;
  }
}

.acc > :is(h2, h3, h4, h6) {
  font-size: 20px !important;
  font-weight: 400 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  margin-bottom: 0 !important;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
}

[dir="rtl"] .acc > :is(h2, h3, h4, h6) {
  padding-left: 30px;
  padding-right: 0px;
}

@media (max-width: 990px) {
  .acc > :is(h2, h3, h4, h6) {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 27px;
  }
}

.acc > :is(h2, h3, h4, h6):after {
  content: "";
  font-family: "icomoon";
  right: 0px;
  font-size: 24px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 990px) {
  .acc > :is(h2, h3, h4, h6):after {
    font-size: 20px;
  }
}

[dir="rtl"] .acc > :is(h2, h3, h4, h6):after {
  left: 0px;
  right: auto;
}

.acc > :is(h2, h3, h4, h6) button {
  background: transparent !important;
  outline: none !important;
  border: none !important;
  padding: 0;
  text-align: left;
  width: 100%;
  font-weight: 600 !important;
  cursor: pointer;
}

body.privatebanking .acc > :is(h2, h3, h4, h6) button {
  font-weight: 400 !important;
  color: #000002 !important;
}

[dir="rtl"] .acc > :is(h2, h3, h4, h6) button {
  text-align: right;
}

.acc.active {
  border-bottom-color: var(--primary);
}

body.privatebanking .acc.active {
  border-bottom: 1px solid #2C7AA1;
}

.acc.active > :is(h2, h3, h4, h6) button {
  color: inherit;
}

.acc.active > :is(h2, h3, h4, h6):after {
  content: "";
}

.acc .acc-content {
  display: none;
  margin-top: 17px;
  padding-right: 20px;
  /*opacity: 0.6;*/
  font-weight: 400;
  font-size: 20px;
  line-height: 37px;
}

body.privatebanking .acc .acc-content {
  color: rgba(0, 0, 2, 0.6);
}

@media (max-width: 990px) {
  .acc .acc-content {
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
  }
}

.acc .acc-content p:last-child {
  margin-bottom: 0;
}

.acc .acc {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.acc + .acc {
  border-top: 1px solid var(--grayef);
}

.acc + :not(.acc) {
  margin-top: 24px;
}

.captcha-group {
  border-radius: 6px;
  border: 1px solid var(--grayf5);
  padding: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.captcha-group .captcha-img-parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.captcha-group .captcha-img-parent .captcha-img {
  height: auto;
  width: 127px;
}

.captcha-group .captcha-btn {
  width: 32px;
  height: 30px;
  background-color: var(--grayf5);
  font-size: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 10px;
  border-radius: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-decoration: none;
}

[dir="rtl"] .captcha-group .captcha-btn {
  margin-right: 0px;
  margin-left: 10px;
}

.captcha-group .captcha-btn .icon {
  font-size: 20px;
}

.captcha-group .input-block {
  margin-bottom: 0;
}

.captcha-group .input-block .captcha {
  height: 30px;
  background-color: var(--grayf5);
  border: none;
  border-radius: 6px;
  font-size: 16px;
  padding-left: 10px;
}

.captcha-group label.error {
  color: var(--red);
  line-height: 1.3;
  margin-bottom: 0;
  font-size: 14px;
}

.dropdown-toggle {
  color: var(--black);
  font-size: 18px;
  font-weight: normal;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 20px 16px 24px;
  border-radius: 12px;
  border: 1px solid var(--gray6e);
}

@media (max-width: 990px) {
  .dropdown-toggle {
    padding: 6px 12px;
  }
}

.dropdown-toggle::after {
  content: "";
  color: var(--primary);
  font-family: 'icomoon';
  font-size: 24px;
  border: 0;
}

.dropdown-menu {
  background: var(--white);
  font-weight: normal;
  width: 100%;
  padding: 16px;
  border: 1px solid rgba(110, 121, 123, 0.2);
  -webkit-box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 6px 9px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  margin-top: 8px !important;
}

.dropdown-menu-item {
  color: var(--black0d);
  font-size: 16px;
  line-height: 24px;
  padding: 12px 0;
}

.dropdown-menu-item:not(:last-child) {
  border-bottom: 2px solid var(--grayf5);
}

.offcanvas {
  --bs-offcanvas-width: 704px;
  --bs-offcanvas-padding-y: 26px;
  --bs-offcanvas-padding-x: 28px;
}

.offcanvas-header .btn-close {
  color: #1D1D1F !important;
  margin-left: auto;
  opacity: 1;
}

.offcanvas-body {
  font-size: 16px;
  line-height: normal;
}

.offcanvas-body p {
  margin-bottom: 16px !important;
}

@media (min-width: 991px) {
  .offcanvas-body p {
    margin-bottom: 24px !important;
  }
}

.toast {
  --bs-toast-font-size: 1rem;
}

.pagination {
  --bs-pagination-color: var(--black);
  --bs-pagination-font-size: 14px;
  --bs-pagination-padding-x: 5px;
  --bs-pagination-padding-y: 5px;
  --bs-pagination-border-radius: 6px;
  --bs-pagination-border-width: 0px;
  --bs-pagination-border-color: transparent;
  --bs-pagination-active-color: var(--white);
  --bs-pagination-active-bg: var(--primary);
  --bs-pagination-hover-color: var(--black);
  --bs-pagination-disabled-color: var(--black);
  --bs-pagination-hover-bg: #DBDBDB;
  --bs-pagination-focus-color: var(--white);
  --bs-pagination-focus-bg: var(--primary);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(22, 160, 134, 0.25);
}

.pagination .page-link {
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  min-width: 34px;
  height: 34px;
  border-radius: var(--bs-pagination-border-radius);
}

.pagination-container .pagination .page-item > a:not(.page-link) {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  min-width: 34px;
  height: 34px;
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  border-radius: var(--bs-pagination-border-radius);
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .pagination-container .pagination .page-item > a:not(.page-link) {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }
}

.pagination-container .pagination .page-item > a:not(.page-link):hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.pagination-container .pagination .page-item > a:not(.page-link):focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  -webkit-box-shadow: var(--bs-pagination-focus-box-shadow);
          box-shadow: var(--bs-pagination-focus-box-shadow);
}

.pagination-container .pagination .page-item.active > a {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.pagination-container .pagination .page-item.disabled > a:not(.page-link) {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.pagination-container .pagination .page-item:not(:first-child) > a:not(.page-link) {
  margin-left: -1px;
}

.pagination-container .pagination .page-item:first-child > a:not(.page-link) {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.pagination-container .pagination .page-item:last-child > a:not(.page-link) {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-container .pagination .page-item.PagedList-skipToPrevious > a, .pagination-container .pagination .page-item.PagedList-skipToNext > a {
  text-indent: -9999em;
  overflow: hidden;
  position: relative;
}

.pagination-container .pagination .page-item.PagedList-skipToPrevious > a::before, .pagination-container .pagination .page-item.PagedList-skipToNext > a::before {
  font-family: "icomoon" !important;
  text-indent: 0px;
  display: block;
}

.pagination-container .pagination .page-item.PagedList-skipToNext > a::before {
  content: "";
}

.pagination-container .pagination .page-item.PagedList-skipToPrevious > a::before {
  content: "";
}

.datepicker-dropdown {
  width: 290px;
  margin-block: 5px;
}

.datepicker-dropdown::before, .datepicker-dropdown::after {
  display: none;
}

.datepicker.dropdown-menu {
  padding: 6px;
  border: 1px solid var(--primary);
}

.datepicker-days table {
  border-collapse: separate;
  border-spacing: 2px;
}

.datepicker .table-condensed {
  width: 100%;
  font-size: .9em;
}

.datepicker .table-condensed th.dow {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
}

.datepicker .table-condensed th.prev, .datepicker .table-condensed th.next {
  line-height: 20px;
  font-weight: bold;
}

.datepicker .table-condensed th.datepicker-switch {
  line-height: 20px;
}

.datepicker .table-condensed td.day {
  font-size: 0.75rem;
  line-height: 0.875rem;
  text-align: center;
  padding: 4px;
  border-radius: 6px;
}

.datepicker .table-condensed td.day:not(.old, .disabled, .active) {
  color: var(--black);
}

.datepicker .table-condensed td.day:not(.disabled, .active) {
  background-color: #f6f6f6;
}

.datepicker .table-condensed td.day:not(.disabled, .active):hover {
  background-color: #ededed;
}

.datepicker .table-condensed td.day.active, .datepicker .table-condensed td.day.active:hover {
  background: var(--primary);
  color: var(--white);
  font-weight: bold;
}

.datepicker .table-condensed td.disabled:is(.day, .month, .year, .century, .decade) {
  opacity: 0.6;
}

.datepicker .table-condensed td span.active:is(.month, .year, .century, .decade):not(.disabled), .datepicker .table-condensed td span.active:is(.month, .year, .century, .decade):not(.disabled):hover {
  background: var(--primary);
  color: var(--white);
  font-weight: bold;
}

.datepicker .table-condensed td span.active.disabled:is(.month, .year, .century, .decade), .datepicker .table-condensed td span.active.disabled:is(.month, .year, .century, .decade):hover {
  background: #ededed;
  color: var(--black);
}

.new.day {
  display: none !important;
}

.ui-slider-pips {
  background-color: var(--grayd5);
  height: 2px;
  margin-bottom: 0px !important;
  border: 0px !important;
  width: calc(100% - 10px);
  margin-inline: auto;
}

.ui-slider-pips .ui-slider-handle {
  background-color: var(--yellow);
  border-color: var(--yellow);
  width: 20px;
  height: 20px;
  border-radius: 100%;
  top: -9px;
  z-index: 3;
}

.ui-slider-pips .ui-slider-pip {
  top: -2px;
  z-index: 2;
}

.ui-slider-pips .ui-slider-pip .ui-slider-line {
  background-color: var(--primary);
  width: 6px;
  height: 6px;
  border-radius: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ui-slider-pips .ui-slider-range {
  background-color: var(--primary);
}

.c-white {
  color: var(--white) !important;
}

.bg-primary {
  background-color: var(--primary) !important;
}

.bg-grayee {
  background-color: var(--grayee) !important;
}

.fs-12 {
  font-size: 0.75rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-16 {
  font-size: 1rem !important;
}

.fs-18 {
  font-size: 1.125rem !important;
}

.mt-24 {
  margin-top: 16px !important;
}

@media (min-width: 991px) {
  .mt-24 {
    margin-top: 24px !important;
  }
}

.mt-30 {
  margin-top: 20px !important;
}

@media (min-width: 991px) {
  .mt-30 {
    margin-top: 30px !important;
  }
}

.mt-40 {
  margin-top: 40px !important;
}

@media (max-width: 990px) {
  .mt-40 {
    margin-top: 20px !important;
  }
}

.mt-50 {
  margin-top: 50px !important;
}

@media (max-width: 990px) {
  .mt-50 {
    margin-top: 20px !important;
  }
}

.mt-100 {
  margin-top: 100px !important;
}

@media (max-width: 990px) {
  .mt-100 {
    margin-top: 20px !important;
  }
}

.mb-30 {
  margin-bottom: 24px !important;
}

@media (min-width: 991px) {
  .mb-30 {
    margin-bottom: 30px !important;
  }
}

.mb-24 {
  margin-bottom: 12px !important;
}

@media (min-width: 991px) {
  .mb-24 {
    margin-bottom: 24px !important;
  }
}

.mb-50 {
  margin-bottom: 50px !important;
}

@media (max-width: 990px) {
  .mb-50 {
    margin-bottom: 30px !important;
  }
}

.mb-48 {
  margin-bottom: 48px !important;
}

@media (max-width: 990px) {
  .mb-48 {
    margin-bottom: 25px !important;
  }
}

.mb-70 {
  margin-bottom: 70px !important;
}

@media (max-width: 990px) {
  .mb-70 {
    margin-bottom: 30px !important;
  }
}

.py-40 {
  padding-block: 20px !important;
}

@media (min-width: 991px) {
  .py-40 {
    padding-block: 40px !important;
  }
}

.lh-1 {
  line-height: 1 !important;
}

.lh-14 {
  line-height: 14px !important;
}

.lh-18 {
  line-height: 18px !important;
}

.lh-22 {
  line-height: 22px !important;
}

.lh-26 {
  line-height: 26px !important;
}

.lh-38 {
  line-height: 38px !important;
}

.w-130 {
  width: 130px !important;
}

.w-190 {
  width: 190px !important;
}

.w-300 {
  width: 300px !important;
}

.max-w-700 {
  max-width: 700px !important;
}

.max-w-900 {
  max-width: 900px !important;
}

.max-w-100 {
  max-width: 100px !important;
}

strong {
  font-weight: 600 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.bg-norepeat {
  background-repeat: no-repeat !important;
}

.bg-cover {
  background-size: cover !important;
}

.load-more-btn {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  text-decoration: none !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 22px 0;
  border-top: 1px solid var(--grayef);
}

.load-more-btn.loading svg {
  -webkit-animation: loading 1.6s ease-in-out infinite;
          animation: loading 1.6s ease-in-out infinite;
}

.load-more-btn.loading svg:nth-child(1) {
  -webkit-animation-delay: -1.4s;
          animation-delay: -1.4s;
}

.load-more-btn.loading svg:nth-child(2) {
  -webkit-animation-delay: -1.2s;
          animation-delay: -1.2s;
}

.load-more-btn.loading svg:nth-child(3) {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}

.temp-loading {
  position: relative;
  min-height: 100px;
}

@-webkit-keyframes flash {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: var(--primary);
  }
  100% {
    background-color: transparent;
  }
}

@keyframes flash {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: var(--primary);
  }
  100% {
    background-color: transparent;
  }
}

.temp-loading .spinner {
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(255, 255, 255, 0.77);
  position: absolute;
  z-index: 1056;
  inset: 0;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.temp-loading .spinner-icon {
  background: url(/_assets/img/loading.gif) no-repeat center;
  position: relative;
  width: inherit;
  height: inherit;
}

.tooltip {
  --bs-tooltip-bg: var(--yellow);
  --bs-tooltip-opacity: 1;
  --bs-tooltip-max-width: 180px;
  font-weight: 600;
  direction: ltr;
}

.tooltip-inner {
  text-align: left;
}

@media (max-width: 991.98px) {
  .modal-lg, .modal-xl {
    --bs-modal-width: 100%;
  }
}

@media (max-width: 991.98px) {
  [dir="ltr"] .text-mobil-start {
    text-align: left !important;
  }
}

@media (max-width: 991.98px) {
  [dir="rtl"] .text-mobil-start {
    text-align: right !important;
  }
}

header {
  position: relative;
  border-bottom: 1px solid var(--grayef) !important;
}

header .header-top {
  background-color: var(--grayef);
}

@media (max-width: 990px) {
  header .header-top {
    display: none;
  }
}

header .header-top-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

header .header-top-menu .icon-service-fees {
  font-size: 16px;
  margin-right: 4px;
}

header .header-top-menu > li {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-top-menu > li + li {
  margin-left: 30px;
}

[dir="rtl"] header .header-top-menu > li + li {
  margin-left: 0px;
}

[lang="en"] header .header-top-menu > li + li {
  margin-left: 25px;
}

[dir="rtl"] header .header-top-menu > li {
  letter-spacing: 0.63px;
}

[dir="rtl"] header .header-top-menu > li:not(.lang):not(:first-child) {
  margin-right: 35px;
}

header .header-top-menu > li.lang {
  margin-left: 24px;
  font-size: 14px;
  position: relative;
}

header .header-top-menu > li.lang::before {
  content: '';
  display: block;
  height: 16px;
  margin-right: 24px;
  border-left: 1px solid #D7D7D7;
}

[lang="en"] header .header-top-menu > li.lang::before {
  margin-right: 23px;
}

[dir="rtl"] header .header-top-menu > li.lang {
  margin-right: 35px;
}

[dir="rtl"] header .header-top-menu > li.lang::before {
  margin-left: 34px;
  margin-right: 0;
}

header .header-top-menu > li.lang .lang-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  gap: 24px;
}

header .header-top-menu > li a {
  font-size: 14px;
  color: var(--gray6a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-top-menu > li a:hover {
  color: var(--primary);
  text-decoration: none;
}

header .header-nav-wrapper.position-fixed {
  -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
  z-index: 1052;
}

.modal-open header .header-nav-wrapper.position-fixed {
  z-index: 1000;
}

@media (min-width: 991px) {
  header .header-nav-wrapper.position-fixed .header-body {
    height: 80px;
  }
  header .header-nav-wrapper.position-fixed .header-body .header-buttons .button-wrapper > .btn {
    padding-block: 11px;
  }
  header .header-nav-wrapper.position-fixed .header-body .header-menu > li.selected.active > a:before {
    -webkit-transform: translate(-50%, 17px);
        -ms-transform: translate(-50%, 17px);
            transform: translate(-50%, 17px);
  }
}

header .header-nav-wrapper .header-body {
  height: 88px;
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 125px;
  }
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-body .logo-area {
    width: 100%;
  }
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .logo-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

header .header-nav-wrapper .header-body .logo-area .logo {
  width: 227px;
  margin-right: 62px;
}

[dir="rtl"] header .header-nav-wrapper .header-body .logo-area .logo {
  margin-right: 0px;
  margin-left: 62px;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .logo-area .logo {
    width: 160px;
    margin-right: 20px;
  }
  [dir="rtl"] header .header-nav-wrapper .header-body .logo-area .logo {
    margin-right: 0px;
    margin-left: 20px;
  }
}

header .header-nav-wrapper .header-body .logo-area .mobile-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

header .header-nav-wrapper .header-body .logo-area .mobile-buttons .mobile-search {
  font-size: 24px;
  text-decoration: none;
}

@media (min-width: 768px) {
  header .header-nav-wrapper .header-body .logo-area .mobile-buttons .mobile-search {
    display: none;
  }
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-body .logo-area .mobile-buttons {
    display: none;
  }
}

header .header-nav-wrapper .header-body .search-block {
  margin-right: 24px;
  border-radius: 0;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir="rtl"] header .header-nav-wrapper .header-body .search-block {
  margin-right: 0;
}

@media (min-width: 768px) {
  [dir="rtl"] header .header-nav-wrapper .header-body .search-block {
    margin-left: 24px;
  }
}

header .header-nav-wrapper .header-body .search-block.active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-body .search-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
  }
}

header .header-nav-wrapper .header-body .search-block .search-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-body .search-block .search-button {
    display: none;
  }
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-button .search-block-text {
    display: none;
  }
}

header .header-nav-wrapper .header-body .search-block .search-button .icon {
  font-size: 24px;
}

header .header-nav-wrapper .header-body .search-block-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  margin-right: 8px;
}

[dir="rtl"] header .header-nav-wrapper .header-body .search-block-text {
  margin-right: 0;
  margin-left: 8px;
}

header .header-nav-wrapper .header-body .search-block .search-menu {
  background: var(--white);
  width: 100%;
  min-height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1001;
  padding-bottom: 80px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  will-change: transform;
  overflow: hidden auto;
}

header .header-nav-wrapper .header-body .search-block .search-menu::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

header .header-nav-wrapper .header-body .search-block .search-menu::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

header .header-nav-wrapper .header-body .search-block .search-menu::-webkit-scrollbar-track {
  background: var(--grayf7);
}

header .header-nav-wrapper .header-body .search-block .search-menu {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: var(--grayf7);
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-menu {
    padding-bottom: 16px;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu:not(.active) > div {
  opacity: 0;
}

header .header-nav-wrapper .header-body .search-block .search-menu-close {
  top: 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  gap: 8px;
}

header .header-nav-wrapper .header-body .search-block .search-menu-close .icon {
  font-size: 16px;
  margin-top: 2px;
}

header .header-nav-wrapper .header-body .search-block .search-menu-header {
  padding-top: 40px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  opacity: 0;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-menu-header {
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-menu-header .logo {
    width: 134px;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu .input-block {
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  opacity: 0;
}

header .header-nav-wrapper .header-body .search-block .search-menu .input-group {
  border-bottom: 1px solid var(--grayef);
}

header .header-nav-wrapper .header-body .search-block .search-menu .input-group input {
  height: 66px;
  font-weight: 400;
  font-size: 32px;
  line-height: 49px;
  border: none;
  padding-left: 0;
  color: var(--gray88);
}

header .header-nav-wrapper .header-body .search-block .search-menu .input-group input:invalid {
  background-color: transparent;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-menu .input-group input {
    height: 50px;
    font-size: 20px;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu .input-group-text {
  height: 100%;
  font-size: 24px;
  border: none;
  background-color: transparent;
}

header .header-nav-wrapper .header-body .search-block .search-menu .input-group + .error {
  margin-top: 0.625rem;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result {
  margin-top: 45px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result.temp-loading {
  min-height: 0.4px;
  overflow: visible;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result.temp-loading .spinner {
  min-height: 70px;
  top: -45px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result.temp-loading .spinner-icon {
  background-size: 44px;
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result {
    max-height: calc(100vh - 370px);
    overflow-y: auto;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result .result-item {
  line-height: normal;
  padding-block: 16px;
  border-bottom: 1px solid var(--grayee);
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result .result-item a {
  font-size: 20px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result .result-item p {
  font-size: 16px;
  margin-bottom: 6px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result .result-item:first-child {
  padding-top: 0px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result .all-link {
  font-size: 14px;
  line-height: 18px;
  margin-top: 24px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result .all-link i {
  margin-top: 1px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related {
  margin-top: 70px;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-menu .search-related {
    margin-top: 20px;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: var(--yellow);
  margin-bottom: 23px;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  opacity: 0;
  -webkit-transform: translateY(40px);
      -ms-transform: translateY(40px);
          transform: translateY(40px);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related {
  padding: 32px;
  border-radius: 12px;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related {
    margin-bottom: 20px;
    padding: 20px;
  }
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related {
    min-height: 100%;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li:last-child a {
  border: none;
  margin-bottom: 0;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a {
  color: var(--black);
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 2, 0.1);
  position: relative;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a:after {
  content: "";
  font-family: "icomoon";
  position: absolute;
  right: 0px;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

[dir="rtl"] header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a:after {
  content: "";
  left: 0;
  right: auto;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a:before {
  pointer-events: none;
  content: "";
  position: absolute;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: var(--green);
  left: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a:hover {
  color: var(--green);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a:hover:before {
  width: 100%;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related ul li a:hover:after {
  color: var(--green);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related.green {
  border: 1px solid var(--primary);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related.green .title {
  color: var(--primary);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related.gray {
  border: 1px solid var(--gray7b);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .box-search-related.gray .title {
  color: var(--gray7b);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  height: 100%;
  min-height: 290px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item img {
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item > a {
  width: 100%;
  display: block;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item-bottom {
  background-color: var(--primary);
  padding: 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item-bottom h3,
header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item-bottom h3 a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  text-decoration: none;
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item:hover .menu-right-item-img img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

header .header-nav-wrapper .header-body .search-block .search-menu .search-related .menu-right-item:hover .menu-right-item-bottom {
  padding: 28px 24px 28px 24px;
}

header .header-nav-wrapper .header-body .search-block .search-menu .col-lg-4 {
  opacity: 0;
  -webkit-transform: translateY(50px);
      -ms-transform: translateY(50px);
          transform: translateY(50px);
}

@media (min-width: 992px) and (max-height: 768px) {
  header .header-nav-wrapper .header-body .search-block .search-menu-header {
    padding-block: 26px;
    margin-bottom: 26px;
  }
  header .header-nav-wrapper .header-body .search-block .search-menu .search-related {
    margin-top: 34px;
  }
  header .header-nav-wrapper .header-body .search-block .search-menu .header-search-result {
    max-height: calc(100vh - 290px);
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  opacity: 1 !important;
  pointer-events: all;
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-body .search-block .search-menu.active {
    height: 100vh;
    overflow-y: auto;
  }
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .search-menu-header {
  opacity: 1;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .input-block {
  opacity: 1;
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .col-lg-4 {
  -webkit-transition: all ease .4s;
  -o-transition: all ease .4s;
  transition: all ease .4s;
  opacity: 1;
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .col-lg-4:nth-child(1) {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .col-lg-4:nth-child(2) {
  -webkit-transition-delay: .25s;
       -o-transition-delay: .25s;
          transition-delay: .25s;
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .col-lg-4:nth-child(3) {
  -webkit-transition-delay: .3s;
       -o-transition-delay: .3s;
          transition-delay: .3s;
}

header .header-nav-wrapper .header-body .search-block .search-menu.active .search-related h3 {
  opacity: 1;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

header .header-nav-wrapper .header-body .header-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

[dir="rtl"] header .header-nav-wrapper .header-body .header-right {
  margin-left: 0;
  margin-right: auto;
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-body .header-right {
    width: 100%;
  }
}

header .header-nav-wrapper .header-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

body.individual header .header-nav-wrapper .header-menu > li:first-child > a {
  color: var(--primary);
}

body.individual header .header-nav-wrapper .header-menu > li:first-child > a:after {
  content: '●';
  height: auto;
}

body.individual header .header-nav-wrapper .header-menu > li:not(:first-child) > a {
  color: #687375;
}

body.individual header .header-nav-wrapper .header-menu > li:not(:first-child):hover > a {
  color: var(--black);
}

body.corporate header .header-nav-wrapper .header-menu > li:nth-child(2) > a {
  color: #515151;
}

body.corporate header .header-nav-wrapper .header-menu > li:nth-child(2) > a:after {
  content: '●';
  height: auto;
}

body.corporate header .header-nav-wrapper .header-menu > li:nth-child(2) .header-menu-wrapper .lang {
  border-color: #646E70;
}

body.corporate header .header-nav-wrapper .header-menu > li:not(:nth-child(2)) > a {
  color: #687375;
}

body.corporate header .header-nav-wrapper .header-menu > li:not(:nth-child(2)):hover > a {
  color: var(--black);
}

header .header-nav-wrapper .header-menu > li.selected > a:before {
  content: '';
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translate(-50%, 29px);
      -ms-transform: translate(-50%, 29px);
          transform: translate(-50%, 29px);
  position: absolute;
  border: 6px solid transparent;
  border-bottom-color: var(--yellow);
  top: 100%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
}

header .header-nav-wrapper .header-menu > li.selected.active > a {
  color: var(--primary);
}

header .header-nav-wrapper .header-menu > li.selected.active > a:before {
  -webkit-transform: translate(-50%, 21px);
      -ms-transform: translate(-50%, 21px);
          transform: translate(-50%, 21px);
  opacity: 1;
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    pointer-events: all;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper:after {
    width: 100%;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper:before {
    opacity: 1;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .menu-right-item {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .menu-right-item + a {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(1) {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(2) {
    -webkit-transition-delay: .15s;
         -o-transition-delay: .15s;
            transition-delay: .15s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(3) {
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(4) {
    -webkit-transition-delay: .25s;
         -o-transition-delay: .25s;
            transition-delay: .25s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(5) {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(6) {
    -webkit-transition-delay: .35s;
         -o-transition-delay: .35s;
            transition-delay: .35s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(7) {
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(8) {
    -webkit-transition-delay: .45s;
         -o-transition-delay: .45s;
            transition-delay: .45s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(9) {
    -webkit-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(10) {
    -webkit-transition-delay: .55s;
         -o-transition-delay: .55s;
            transition-delay: .55s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(11) {
    -webkit-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s;
  }
  header .header-nav-wrapper .header-menu > li.selected.active .header-menu-wrapper .header-menu-item:nth-child(12) {
    -webkit-transition-delay: .65s;
         -o-transition-delay: .65s;
            transition-delay: .65s;
  }
}

header .header-nav-wrapper .header-menu > li + li {
  margin-left: 28px;
}

[dir="rtl"] header .header-nav-wrapper .header-menu > li + li {
  margin-left: 0;
  margin-right: 28px;
}

header .header-nav-wrapper .header-menu > li > a {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
  text-decoration: none;
}

header .header-nav-wrapper .header-menu > li > a:after {
  content: '';
  position: absolute;
  height: 40px;
  width: 100%;
  top: 100%;
  font-size: 14px;
  left: 0;
  margin-top: -6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

header .header-nav-wrapper .header-menu > li > a:hover, header .header-nav-wrapper .header-menu > li > a:focus {
  color: var(--primary);
}

header .header-nav-wrapper .header-menu-wrapper {
  position: absolute;
  background-color: white;
  top: 100%;
  width: 100%;
  left: 0;
  z-index: 9;
  padding-top: 36px;
  padding-bottom: 20px;
  border-top: none;
  border-bottom: 2px solid var(--grayee);
  display: none;
  -webkit-box-shadow: 0 6px 9px 0 rgba(var(--gray88), 0.9);
          box-shadow: 0 6px 9px 0 rgba(var(--gray88), 0.9);
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    opacity: 0;
    pointer-events: none;
  }
  header .header-nav-wrapper .header-menu-wrapper:before {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    width: 100vw;
    height: 100vh;
    display: none;
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    pointer-events: none;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
  }
}

header .header-nav-wrapper .header-menu-wrapper:after {
  content: '';
  background: var(--yellow);
  pointer-events: none;
  position: absolute;
  top: 0px;
  width: 0;
  height: 3px;
  left: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  border-radius: 0;
  -webkit-transition-delay: .15s;
       -o-transition-delay: .15s;
          transition-delay: .15s;
  -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
          transform: translateX(-100%);
}

header .header-nav-wrapper .header-menu-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-menu-items {
    max-height: none;
  }
}

header .header-nav-wrapper .header-menu-items .header-menu-item {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-menu-items .header-menu-item {
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
}

@media (max-width: 767px) {
  header .header-nav-wrapper .header-menu-items .header-menu-item {
    width: 100%;
  }
}

header .header-nav-wrapper .header-menu-items .header-menu-item:nth-last-child(-n + 2) .header-menu-item-link {
  border: none;
}

header .header-nav-wrapper .header-menu-items .header-menu-item-link {
  font-weight: 400;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 27px;
  padding-top: 27px;
  border-bottom: 1px solid var(--grayd5);
  padding-bottom: 24px;
  position: relative;
  text-decoration: none;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.corporate header .header-nav-wrapper .header-menu-items .header-menu-item-link:hover {
  color: var(--gray6e);
}

@media (min-width: 991px) {
  header .header-nav-wrapper .header-menu-items .header-menu-item-link:before {
    pointer-events: none;
    content: "";
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 1px;
    background-color: var(--green);
    left: 0;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
  }
}

header .header-nav-wrapper .header-menu-items .header-menu-item-link:after {
  content: "";
  font-family: "icomoon";
  position: absolute;
  right: 22px;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

header .header-nav-wrapper .header-menu-items .header-menu-item-link:hover {
  color: var(--green);
}

header .header-nav-wrapper .header-menu-items .header-menu-item-link:hover:after {
  right: 5px;
}

header .header-nav-wrapper .header-menu-items .header-menu-item-link:hover:before {
  width: 100%;
}

[dir="rtl"] header .header-nav-wrapper .header-menu-items .header-menu-item-link::after {
  right: auto;
  left: 22px;
  -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg);
}

header .header-nav-wrapper .header-menu-items .header-menu-item.selected > a {
  color: var(--primary);
}

header .header-nav-wrapper .header-menu-items .header-submenu {
  display: none;
}

header .header-nav-wrapper .header-menu .menu-right-item {
  border-radius: 16px;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative;
  min-height: 316px;
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
}

header .header-nav-wrapper .header-menu .menu-right-item img {
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}

header .header-nav-wrapper .header-menu .menu-right-item-bottom {
  background-color: var(--primary);
  padding: 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  bottom: 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

header .header-nav-wrapper .header-menu .menu-right-item-bottom a {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

header .header-nav-wrapper .header-menu .menu-right-item + a {
  margin-top: 20px;
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
  opacity: 0;
}

header .header-nav-wrapper .header-menu .menu-right-item:hover .menu-right-item-img img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

header .header-nav-wrapper .header-menu .menu-right-item:hover .menu-right-item-bottom {
  padding: 28px 24px 28px 24px;
}

header .header-nav-wrapper .header-menu .menu-footer {
  display: none;
}

@media (max-width: 990px) {
  header .header-nav-wrapper .menu {
    display: block;
    position: absolute;
    width: 100vw;
    z-index: 999;
    left: 0;
    top: 88px;
    background-color: var(--white);
    padding: 15px 0px 16px 0px;
    height: calc(100vh - 125px);
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
    opacity: 0;
    pointer-events: none;
  }
  header .header-nav-wrapper .menu .header-menu-item {
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
            transform: translateX(-20px);
    opacity: 0;
  }
  header .header-nav-wrapper .menu.active {
    display: block;
    opacity: 1;
    pointer-events: all;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: all;
    opacity: 1;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item {
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(1) {
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(2) {
    -webkit-transition-delay: .15s;
         -o-transition-delay: .15s;
            transition-delay: .15s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(3) {
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(4) {
    -webkit-transition-delay: .25s;
         -o-transition-delay: .25s;
            transition-delay: .25s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(5) {
    -webkit-transition-delay: .3s;
         -o-transition-delay: .3s;
            transition-delay: .3s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(6) {
    -webkit-transition-delay: .35s;
         -o-transition-delay: .35s;
            transition-delay: .35s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(7) {
    -webkit-transition-delay: .4s;
         -o-transition-delay: .4s;
            transition-delay: .4s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(8) {
    -webkit-transition-delay: .45s;
         -o-transition-delay: .45s;
            transition-delay: .45s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(9) {
    -webkit-transition-delay: .5s;
         -o-transition-delay: .5s;
            transition-delay: .5s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(10) {
    -webkit-transition-delay: .55s;
         -o-transition-delay: .55s;
            transition-delay: .55s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(11) {
    -webkit-transition-delay: .6s;
         -o-transition-delay: .6s;
            transition-delay: .6s;
  }
  header .header-nav-wrapper .menu.active li.selected .header-menu-wrapper .header-menu-item:nth-child(12) {
    -webkit-transition-delay: .65s;
         -o-transition-delay: .65s;
            transition-delay: .65s;
  }
  header .header-nav-wrapper .header-menu {
    position: relative;
    padding: 0 20px;
  }
  header .header-nav-wrapper .header-menu > li {
    width: 50%;
    padding-bottom: 16px;
    border-bottom: 2px solid rgba(136, 136, 136, 0.1);
    text-align: center;
    margin-left: 0 !important;
  }
  header .header-nav-wrapper .header-menu > li.selected {
    border-bottom-color: var(--primary);
  }
  header .header-nav-wrapper .header-menu > li.selected > a {
    font-weight: 700;
  }
  header .header-nav-wrapper .header-menu > li.selected:nth-child(2) {
    border-bottom-color: var(--gray6e);
  }
  header .header-nav-wrapper .header-menu > li.selected:nth-child(2) > a {
    font-weight: 700;
  }
  header .header-nav-wrapper .header-menu > li:nth-child(2) .menu-footer {
    background-color: var(--gray6e);
  }
  header .header-nav-wrapper .header-menu > li > a {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: var(--gray88);
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
  }
  header .header-nav-wrapper .header-menu > li > a::after {
    display: none;
  }
  header .header-nav-wrapper .header-menu-wrapper {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    top: 45px;
    padding: 0;
    overflow-y: auto;
    height: calc(100vh - 185px);
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none;
    opacity: 0;
  }
  header .header-nav-wrapper .header-menu-wrapper .container {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item {
    padding: 0;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item.active > a {
    color: var(--yellow) !important;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item.active .header-submenu {
    display: block;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item:last-child > a {
    border-bottom: none !important;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item-link {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    padding: 20px;
    border-bottom: 1px solid var(--grayef) !important;
    color: rgba(0, 0, 2, 0.7);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item-link :is(img, svg) {
    width: clamp(24px, 1.2vw, 27px);
    height: auto;
    max-height: 27px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-menu-items .header-menu-item-link:after {
    display: none;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-submenu {
    display: none;
    margin: 0 20px;
  }
}

@media (max-width: 990px) and (max-width: 990px) {
  header .header-nav-wrapper .header-menu-wrapper .header-submenu {
    visibility: hidden;
    display: none !important;
  }
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-menu-wrapper .header-submenu li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    padding-top: 17px;
    padding-right: 17px;
    padding-bottom: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid var(--grayef);
    position: relative;
  }
  header .header-nav-wrapper .header-menu-wrapper .header-submenu li a:after {
    content: "";
    font-family: "icomoon";
    position: absolute;
    right: 0px;
    font-size: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--primary);
    width: 100vw;
    margin-left: -20px;
    padding: 24px 20px 36px 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    margin-top: auto;
  }
  [dir="rtl"] header .header-nav-wrapper .header-menu-wrapper .menu-footer {
    margin-left: 0;
    margin-right: -20px;
  }
}

@media (max-width: 990px) and (max-width: 375px) {
  header .header-nav-wrapper .header-menu-wrapper .menu-footer {
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    gap: 15px;
  }
}

@media (max-width: 990px) {
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li a {
    color: var(--white);
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li.lang {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--white);
    padding: 10px 0 0 0;
    position: relative;
    margin-top: -10px;
    border-top: 1px solid #10987f;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li.lang .lang-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li.lang .lang-menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li.lang.active {
    border: 1px solid var(--white);
    border-top: none;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li.lang.active .lang-item:after {
    -webkit-transform: rotateZ(-180deg);
        -ms-transform: rotate(-180deg);
            transform: rotateZ(-180deg);
    margin-top: 0px;
  }
  header .header-nav-wrapper .header-menu-wrapper .menu-footer li.lang.active .lang-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  header .header-nav-wrapper .menu-right-item {
    display: none;
  }
}

@media (max-width: 767px) {
  header .header-nav-wrapper .menu {
    top: 125px;
  }
}

.header-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.header-buttons .button-wrapper {
  position: relative;
  z-index: 10;
}

.header-buttons .button-wrapper:hover .btn-outline-secondary:not(:disabled, .disabled),
.header-buttons .button-wrapper:hover .btn-outline-secondary:not(:disabled, .disabled) {
  background-color: var(--yellow);
  border-color: transparent;
  color: var(--white);
}

.header-buttons .button-wrapper:hover .btn-primary:not(:disabled, .disabled),
.header-buttons .button-wrapper:hover .btn-primary:not(:disabled, .disabled) {
  background-color: var(--primaryHover);
  border-color: transparent;
  color: var(--white);
}

:is(.page-become-a-customer) .header-buttons .button-wrapper:hover > .btn.btn-outline-secondary:not(:hover) {
  border-color: var(--yellow);
}

:is(.page-become-a-customer) .header-buttons .button-wrapper:hover > .btn.btn-primary {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--primary);
}

.header-buttons .button-wrapper > .btn {
  border-width: 2px;
}

:is(.page-become-a-customer) .header-buttons .button-wrapper > .btn.btn-outline-secondary:not(:hover) {
  border-color: var(--white);
  color: var(--white);
}

:is(.page-become-a-customer) .header-buttons .button-wrapper > .btn.btn-primary {
  background-color: var(--white);
  border-color: var(--white);
  color: var(--black);
}

:is(.page-become-a-customer) .header-buttons .button-wrapper > .btn.btn-primary:hover {
  color: var(--primary);
}

.finance-portal .header-buttons .button-wrapper > .btn {
  margin-top: 0px;
}

.header-buttons .button-wrapper .button-dropdown {
  background-color: var(--white);
  padding: 4px;
  border-radius: 12px;
  -webkit-box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.16);
  margin-top: 0px;
  min-width: 160px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 990px) {
  .header-buttons .button-wrapper .button-dropdown {
    width: 100%;
  }
}

@media (min-width: 991px) {
  .header-buttons .button-wrapper .button-dropdown {
    right: 0px;
    left: auto;
  }
}

.header-buttons .button-wrapper .button-dropdown::before {
  content: '';
  width: 100%;
  height: 9px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
}

.header-buttons .button-wrapper .button-dropdown > a {
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  padding-block: 10px;
  display: block;
}

@media (min-width: 991px) {
  .header-buttons .button-wrapper .button-dropdown > a {
    padding-block: 16px;
    font-size: 16px;
    line-height: 24px;
  }
}

.header-buttons .button-wrapper .button-dropdown > a:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.header-buttons .button-wrapper .button-dropdown > a:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.header-buttons .button-wrapper .button-dropdown > a:hover {
  background-color: var(--grayef);
  text-decoration: none;
}

.header-buttons .button-wrapper .button-dropdown.yellow {
  border: 2px solid var(--yellow);
}

.header-buttons .button-wrapper .button-dropdown.yellow > a {
  color: var(--yellow);
}

.header-buttons .button-wrapper .button-dropdown.green {
  border: 2px solid var(--primary);
}

.header-buttons .button-wrapper .button-dropdown.green > a {
  color: var(--primary);
}

.header-buttons .button-wrapper:hover > .button-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  margin-top: 7px;
}

@media (max-width: 767px) {
  .header-buttons {
    margin-top: 20px;
    width: 100%;
    gap: 8px;
  }
  .header-buttons .button-wrapper {
    width: 50%;
    z-index: 1000;
  }
  .header-buttons .btn {
    width: 100%;
    padding-inline: 7px;
  }
}

.footer-top {
  padding-top: 50px;
  background-color: var(--grayf5);
  padding-bottom: 50px;
}

.footer-top .footer-logo {
  margin-bottom: 25px;
}

@media (max-width: 990px) {
  .footer-top .footer-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    margin-bottom: 32px;
    height: 46px;
  }
}

.footer-top .footer-qr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 14px 6px 8px;
  background-color: var(--white);
  border-radius: 16px;
  max-width: 320px;
  width: 100%;
  margin-top: 24px;
}

@media (max-width: 990px) {
  .footer-top .footer-qr {
    margin: 0 auto;
    max-width: none;
    margin-top: 20px;
    margin-bottom: 36px;
  }
  .footer-top .footer-qr img {
    margin-block: -20px;
    margin-right: 10px;
  }
  [dir="rtl"] .footer-top .footer-qr img {
    margin-inline: 0 10px;
  }
}

.footer-top .footer-qr img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.footer-top .footer-qr .text {
  font-size: 14px;
  line-height: 22px;
  padding-left: 12px;
}

[dir="rtl"] .footer-top .footer-qr .text {
  padding-inline: 12px 0;
}

.footer-top .footer-announcement {
  max-width: 320px;
  width: 100%;
}

@media (max-width: 990px) {
  .footer-top .footer-announcement {
    max-width: none;
  }
}

.footer-top .footer-announcement .section-top {
  margin-bottom: 14px;
}

.footer-top .footer-announcement .section-top .section-title {
  color: var(--black0d);
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
}

.footer-top .footer-announcement .section-top .section-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}

.footer-top .footer-announcement .section-top .section-link:not(:hover) {
  color: var(--black);
}

.footer-top .footer-announcement .section-top .section-link .icon {
  font-size: 16px;
}

.footer-top .footer-announcement .announcement-item {
  color: var(--black);
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 990px) {
  .footer-top .footer-announcement .announcement-item {
    margin-bottom: 14px;
  }
}

.footer-top .footer-announcement .swiper-controller-wrapper {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: var(--yellow);
}

@media (max-width: 767px) {
  .footer-top .footer-announcement .swiper-controller-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (min-width: 768px) {
  .footer-top ul + ul {
    margin-top: 45px;
  }
}

.footer-top ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
  display: inline-block;
  position: relative;
}

.footer-top ul li a:after {
  content: "";
  position: absolute;
  bottom: -1px;
  width: 0;
  height: 1px;
  background: var(--black);
  left: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.footer-top ul li a:hover {
  text-decoration: none;
}

.footer-top ul li a:hover:after {
  width: 100%;
}

@media (max-width: 767px) {
  .footer-top ul li.active {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .footer-top ul li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer-top ul .title {
  font-weight: 600;
  margin-bottom: 24px;
}

.footer-top ul .title[href=""] {
  text-decoration: none;
  cursor: inherit;
}

@media (max-width: 767px) {
  .footer-top ul .title {
    text-align: center;
  }
  .footer-top ul .title + ul {
    display: none;
  }
  .footer-top ul .title + ul a {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-top .col-md-6 ul ul {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  .footer-top .footer-menu-bottom {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer-top .footer-menu-bottom .footer-announcement, .footer-top .footer-menu-bottom .footer-qr {
    width: calc(50% - 0.5rem);
  }
  .footer-top .footer-menu-bottom .footer-qr {
    margin-inline: auto 0;
    margin-top: 0;
  }
  .footer-top .footer-menu-bottom .footer-phone-numbers {
    display: none !important;
  }
  .footer-top .footer-menu-bottom .cookie-and-accessibility {
    display: none !important;
  }
  .footer-top .footer-menu-bottom .eyebrand {
    display: none !important;
  }
}

.footer-bottom {
  background-color: var(--graye9);
  padding-top: 35px;
  padding-bottom: 35px;
}

@media (max-width: 990px) {
  .footer-bottom {
    background-color: var(--grayf5);
    padding-top: 0;
  }
}

.footer-bottom .footer-copyright {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 24px;
}

.footer-bottom .footer-social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 990px) {
  .footer-bottom .footer-social {
    margin-bottom: 35px;
  }
}

.footer-bottom .footer-social li + li {
  margin-left: 60px;
}

[dir="rtl"] .footer-bottom .footer-social li + li {
  margin-left: 0;
  margin-right: 60px;
}

@media (max-width: 990px) {
  .footer-bottom .footer-social li + li {
    margin-left: 30px;
  }
  [dir="rtl"] .footer-bottom .footer-social li + li {
    margin-left: 0;
    margin-right: 30px;
  }
}

.footer-bottom .footer-social a {
  font-size: 24px;
}

.footer-bottom .footer-social a:hover {
  color: var(--primary);
  text-decoration: none;
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer-bottom .flex-row-reverse > div:first-child {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .footer-bottom .flex-row-reverse > div:nth-child(2) {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .footer-bottom .flex-row-reverse > div:nth-child(2) > .d-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
  .footer-bottom .flex-row-reverse > div:nth-child(3) {
    margin-top: 32px;
  }
  .footer-bottom .footer-phone-numbers {
    margin-top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .footer-bottom .footer-social {
    margin-bottom: 0;
  }
}

.footer-phone-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 28px;
}

@media (min-width: 991px) {
  .footer-phone-numbers {
    margin-top: 24px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.footer-phone-numbers a {
  --gap: 18px;
  color: var(--black0d);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.footer-phone-numbers a:hover {
  color: var(--primary);
  text-decoration: none;
}

.footer-phone-numbers a:not(:last-child) {
  padding-right: var(--gap);
}

.footer-phone-numbers a:not(:first-child) {
  padding-left: var(--gap);
  position: relative;
}

.footer-phone-numbers a:not(:first-child)::before {
  content: '';
  border-left: 1px solid #D9D9D9;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 991px) {
  .footer-phone-numbers a {
    font-size: 24px;
    line-height: 28px;
  }
}

.cookie-and-accessibility {
  margin-top: 24px;
}

@media (max-width: 767px) {
  .cookie-and-accessibility {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .cookie-and-accessibility {
    margin-top: 12px;
  }
}

.cookie-and-accessibility a {
  cursor: pointer;
  text-decoration: none;
  --gap: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .cookie-and-accessibility a {
    --gap: 10px;
  }
}

.cookie-and-accessibility a:not(:first-child) {
  padding-left: var(--gap);
  position: relative;
}

.cookie-and-accessibility a:not(:first-child)::before {
  content: '';
  border-left: 1px solid #D9D9D9;
  height: 16px;
  position: absolute;
  top: 50%;
  right: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.cookie-and-accessibility a:not(:last-child) {
  padding-right: var(--gap);
}

.eyebrand {
  margin-top: 24px;
}

@media (max-width: 767px) {
  .eyebrand {
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .eyebrand {
    margin-top: 12px;
  }
}

html,
body {
  color: var(--dark);
  font-family: "Titillium Web", sans-serif;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
}

@media (min-width: 1200px) {
  .row {
    --bs-gutter-x: 30px;
  }
}

@media (min-width: 376px) and (max-width: 991px) {
  .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 990px) {
  .container {
    max-width: 100% !important;
  }
}

@media (max-width: 550px) {
  .container-mobile-hide {
    padding: 0;
  }
}

.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.45);
  top: 0;
  left: 0;
  z-index: 900;
  opacity: 0;
  display: none;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
  -webkit-transition: 330ms ease opacity;
  -o-transition: 330ms ease opacity;
  transition: 330ms ease opacity;
  cursor: pointer;
}

.overlay.active {
  display: block;
  opacity: 1;
}

.overlay.dark {
  background-color: rgba(0, 0, 0, 0.75);
}

.section {
  padding-top: 56px;
  padding-bottom: 56px;
}

@media (max-width: 990px) {
  .section {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

@media (min-width: 991px) {
  .search-page .section {
    padding-top: 48px;
  }
}

.section .container .section {
  padding-block: 0px !important;
}

.section .container .section > .container {
  padding: 0;
}

.section .swiper-controller-wrapper {
  color: var(--yellow);
}

.section.green {
  background-color: var(--primary);
}

body.corporate .section.green {
  background: -o-linear-gradient(19.72deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
  background: linear-gradient(70.28deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
}

body.privatebanking .section.green {
  background: #2C7AA1;
}

.section.green .section-title, .section.green .section-link, .section.green .swiper-controller-wrapper {
  color: var(--white);
}

.section.green .section-link:hover {
  color: var(--white);
  border-bottom-color: var(--white);
}

body.privatebanking .section.section-blog .section-link:hover {
  color: #2C7AA1;
  border-bottom-color: #2C7AA1;
}

.section.gray {
  background-color: var(--grayf5);
}

.section-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 48px;
  color: var(--black0d);
  margin-bottom: 0;
}

@media (max-width: 990px) {
  .section-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 42px;
  }
}

.section-link {
  color: var(--black);
  font-size: 18px;
  line-height: 29px;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  text-decoration: none !important;
  border-bottom: 1px solid transparent;
  -webkit-transition: color .2s ease-in-out, border .2s ease-in-out;
  -o-transition: color .2s ease-in-out, border .2s ease-in-out;
  transition: color .2s ease-in-out, border .2s ease-in-out;
}

.section-link .icon {
  color: inherit;
  font-size: 16px;
  text-decoration: none;
}

.section-link .icon::before {
  color: inherit;
}

@media (max-width: 990px) {
  .section-link {
    font-size: 14px;
    line-height: 23px;
  }
}

.section-link:hover {
  color: var(--primary);
  text-decoration: none;
  border-bottom: 1px solid var(--primary);
}

.section-top {
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 990px) {
  .section-top {
    margin-bottom: 24px;
  }
}

.section-top .container-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 991px) {
  .modal {
    --bs-modal-padding: 12px 24px;
    --bs-modal-header-padding: 12px 24px;
  }
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
  background: var(--grayf7);
}

.modal-dialog-scrollable .modal-body {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: var(--grayf7);
}

.modal .modal-note p {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 9px;
}

.modal .modal-note > ul {
  margin: 0;
  margin-bottom: 9px;
}

.modal .modal-note > ul li {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  padding-left: 18px;
  margin-bottom: 9px;
  position: relative;
}

.modal .modal-note > ul li:before {
  content: '';
  position: absolute;
  border-radius: 2px;
  width: 5px;
  height: 5px;
  background-color: var(--yellow);
  top: 7px;
  left: 0;
}

.modal.modal-sms {
  position: absolute;
  min-height: 660px;
}

.modal.modal-sms.show + .spinner {
  background: none;
}

.modal.modal-sms .modal-dialog {
  max-width: 577px;
}

.modal.modal-sms .modal-body {
  padding: 32px 40px;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body {
    padding: 30px;
  }
}

.modal.modal-sms .modal-body .modal-close {
  position: absolute;
  top: 6px;
  right: 16px;
  z-index: 10;
  display: inline-block;
}

.modal.modal-sms .modal-body .modal-icon {
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .modal-icon {
    margin-bottom: 28px;
  }
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .modal-icon img {
    width: 120px;
  }
}

.modal.modal-sms .modal-body .modal-icon-error {
  display: none;
}

.modal.modal-sms .modal-body .modal-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 120%;
  text-align: center;
  margin-bottom: 35px;
  padding-top: 0;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .modal-title {
    margin-bottom: 28px;
    font-size: 28px;
  }
}

.modal.modal-sms .modal-body .modal-title-error {
  display: none;
}

.modal.modal-sms .modal-body .modal-text {
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  margin-bottom: 35px;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .modal-text {
    font-size: 20px;
    margin-bottom: 28px;
  }
}

.modal.modal-sms .modal-body .modal-text .tel-no {
  font-weight: 600;
}

.modal.modal-sms .modal-body .modal-text-error {
  display: none;
}

.modal.modal-sms .modal-body .sms-input {
  padding: 18px 24px;
  border-color: var(--primary);
}

.modal.modal-sms .modal-body .sms-input::-webkit-input-placeholder {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: var(--primary);
}

.modal.modal-sms .modal-body .sms-input::-moz-placeholder {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: var(--primary);
}

.modal.modal-sms .modal-body .sms-input:-ms-input-placeholder {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: var(--primary);
}

.modal.modal-sms .modal-body .sms-input::-ms-input-placeholder {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: var(--primary);
}

.modal.modal-sms .modal-body .sms-input::placeholder {
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
  color: var(--primary);
}

.modal.modal-sms .modal-body .sms-timer {
  font-size: 24px;
  font-weight: 600;
  line-height: 120%;
  color: #0D1B2A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .sms-timer {
    margin-bottom: 28px;
    font-size: 20px;
  }
}

.modal.modal-sms .modal-body .sms-timer img {
  margin-right: 12px;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .sms-timer img {
    margin-right: 8px;
  }
}

.modal.modal-sms .modal-body .sms-timer-expired {
  color: #EB4D3D;
  display: none;
}

.modal.modal-sms .modal-body .modal-btn {
  text-align: center;
}

.modal.modal-sms .modal-body .modal-btn .btn {
  width: 209px;
  height: 50px;
  line-height: 16px;
}

@media (max-width: 990px) {
  .modal.modal-sms .modal-body .modal-btn .btn {
    line-height: 30px;
  }
}

.modal.modal-sms .modal-body .modal-btn-expired {
  display: none;
}

.modal.modal-sms.expired .modal-body .sms-block {
  display: none;
}

.modal.modal-sms.expired .modal-body .sms-timer {
  display: none;
}

.modal.modal-sms.expired .modal-body .sms-timer-expired {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal.modal-sms.expired .modal-body .modal-text {
  display: none;
}

.modal.modal-sms.expired .modal-body .modal-text-error {
  display: none;
}

.modal.modal-sms.expired .modal-body .modal-btn {
  display: none;
}

.modal.modal-sms.expired .modal-body .modal-btn-expired {
  display: block;
}

.modal.modal-sms.error .modal-body .modal-icon {
  display: none;
}

.modal.modal-sms.error .modal-body .modal-icon-error {
  display: block;
}

.modal.modal-sms.error .modal-body .modal-text-error {
  display: block;
  color: var(--red);
}

.modal.modal-sms.error2 .modal-body .sms-block {
  display: none;
}

.modal.modal-sms.error2 .modal-body .sms-timer {
  display: none;
}

.modal.modal-sms.error2 .modal-body .modal-btn {
  display: none;
}

.modal.modal-sms.error2 .modal-body .modal-text {
  display: none;
}

.modal.modal-sms.error2 .modal-body .modal-text-error {
  display: block;
}

hr {
  border-color: var(--gray6e);
  opacity: 1;
  margin-top: 25px;
  margin-bottom: 25px;
}

hr.primary {
  border-color: var(--primary);
}

footer.layout-footer {
  border-top: 1px solid #F5F6FA;
  padding: 36px 0;
}

@media (max-width: 990px) {
  footer.layout-footer {
    padding: 32px 0;
  }
  footer.layout-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

footer.layout-footer .copyright {
  color: var(--dark);
  font-size: 16px;
  line-height: 24px;
}

footer.layout-footer .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 61px;
}

footer.layout-footer .social-links a {
  color: var(--dark);
  font-size: 24px;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

footer.layout-footer .social-links a:hover {
  color: var(--primary);
  text-decoration: none;
}

@media (max-width: 990px) {
  footer.layout-footer .social-links {
    width: 100%;
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 32px;
  }
}

.table-summary tbody tr, .table-summary thead tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.table-summary tbody tr th, .table-summary tbody tr td, .table-summary thead tr th, .table-summary thead tr td {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.table-summary--investment tbody tr th, .table-summary--investment tbody tr td, .table-summary--investment thead tr th, .table-summary--investment thead tr td {
  text-align: center !important;
}

.table-summary--investment tbody tr th:first-child, .table-summary--investment tbody tr td:first-child, .table-summary--investment thead tr th:first-child, .table-summary--investment thead tr td:first-child {
  text-align: left !important;
}

@media (min-width: 768px) {
  .table-summary--investment tbody tr td, .table-summary--investment thead tr td {
    font-size: 15px;
  }
}

@media (min-width: 991px) {
  .table-summary--investment tbody tr td, .table-summary--investment thead tr td {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .home-calculator .tabs .nav-tabs .nav-item {
    margin: 0 !important;
    width: calc(50% - 20px);
  }
  .home-calculator .tabs .nav-tabs .nav-item button {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .home-calculator .table-summary tbody tr td::before {
    color: #6E797B;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
  }
  .home-calculator .table-summary tbody tr td::after {
    line-height: 24px;
  }
  .home-calculator .table-summary tbody tr:last-child td {
    padding: 13px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .home-calculator .table-summary tbody tr:last-child td:not(:last-child) {
    border-bottom: 1px solid #E7E8EC !important;
  }
  .home-calculator .table-summary tbody tr:last-child td:first-child {
    padding-top: 0;
  }
  .home-calculator .table-summary tbody tr:last-child td:last-child {
    padding-bottom: 17px;
  }
}

.home-calculator .loan-notes p {
  font-size: 12px;
  font-weight: 300;
  line-height: 20.40px;
  margin: 0;
}

.home-calculator .daySelectWrapper label, .home-calculator .monthSelectWrapper label {
  min-height: 17px;
}

[data-module="ProfitSharingCalculator"] #maturityMonthSlider {
  margin-bottom: 24px;
}

@media (min-width: 991px) {
  [data-module="ProfitSharingCalculator"] #maturityMonthSlider {
    margin-block: 30px 0;
  }
}

[data-module="ProfitSharingCalculator"] .productSelectWrap {
  max-width: calc(100% - 125px);
}

[data-module="ProfitSharingCalculator"] .daySelectWrapper .select2 .select2-selection__rendered, [data-module="ProfitSharingCalculator"] .monthSelectWrapper .select2 .select2-selection__rendered {
  text-align: right;
  padding-right: 24px;
}

[data-module="ProfitSharingCalculator"] .input-block .amount {
  padding-left: 6px;
}

[data-module="ProfitSharingCalculator"] .input-block .suffix {
  right: 12px;
}

[dir="rtl"] [data-module="ProfitSharingCalculator"] .input-block .input-wrapper input.amount {
  padding-right: 9px !important;
}

[dir="rtl"] [data-module="ProfitSharingCalculator"] .input-block .input-wrapper input#maturity {
  padding-right: 10px !important;
}

[dir="rtl"] [data-module="ProfitSharingCalculator"] .input-block .suffix-day {
  left: 20px;
  right: auto;
  top: 28px;
}

@media (max-width: 990px) {
  [dir="rtl"] [data-module="ProfitSharingCalculator"] .input-block .suffix-day {
    top: 16px;
  }
}

[dir="rtl"] [data-module="ProfitSharingCalculator"] .input-block .suffix {
  left: 12px;
  right: auto;
}

#paymentPlanModal ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media (min-width: 768px) {
  #paymentPlanModal ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

#paymentPlanModal ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  border-bottom: 1px solid var(--grayef);
  font-size: 16px;
  line-height: 26px;
  padding-block: 10px;
}

#paymentPlanModal ul li .title {
  color: var(--black);
  font-weight: 600;
}

#paymentPlanModal ul li .value {
  color: var(--primary);
}

#paymentPlanModal table th, #paymentPlanModal table td {
  white-space: nowrap;
}

#paymentPlanModal table :is(th, td):first-child {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}

#paymentPlanModal table th:first-child {
  background-color: var(--primary);
}

#paymentPlanModal table td:first-child {
  background-color: var(--white);
}

.txtProfilRatePhrase {
  pointer-events: all !important;
}

.txtProfilRatePhrase label {
  margin: 0;
  padding: 0;
  position: relative;
}

.txtProfilRatePhrase .checkmark {
  position: relative;
  margin-top: 0px;
}

.txtProfilRatePhrase .checkmark::after {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
}

[dir="ltr"] .txtProfilRatePhrase {
  right: auto !important;
  left: 24px;
}

[data-module="LoanCalculator"] #paymentPlanModal {
  padding-left: 19px;
}

[lang="en"] [data-module="LoanCalculator"] [name="maturity"] {
  padding-right: 76px;
}

[lang="en"] [data-module="LoanCalculator"] #maturity {
  padding-right: 76px;
}

[data-module="LoanCalculator"] #paymentPlanModal ul {
  display: block;
}

@media (max-width: 990px) {
  [data-module="LeasingCalculator"] #leasingRepaymentModal table {
    white-space: nowrap;
  }
}

[data-category="IFrame"] {
  overflow-x: visible;
}

.not-found-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  text-align: center;
  padding-block: 40px;
}

.not-found-content span {
  color: #525252;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

@media screen and (min-width: 992px) {
  .not-found-content {
    padding-block: 71px 55px;
  }
}

html[lang="ar"] .table-summary .text-md-start {
  text-align: right !important;
}

html[lang="ar"] .table-summary .text-md-end {
  text-align: left !important;
}

html[lang="ar"] .subpage.landing .landing-box.full .landing-item {
  margin-right: 0;
  margin-left: 30px;
}

html[lang="ar"] .subpage.landing .landing-box ul.landing-box-list li {
  padding-right: 0;
}

html[lang="ar"] .subpage.landing .landing-box ul.landing-box-list li::before {
  margin-right: 0;
  margin-left: 8px;
}

.note {
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  margin-top: 14px;
}

iframe[title="reCAPTCHA"] {
  margin-top: 10px;
}

.font-0 {
  font-size: 0 !important;
  margin: 0 !important;
}

.market-summary {
  min-height: 550px;
}

.market-summary__inner {
  padding: 16px;
  background-color: var(--white);
  border-radius: 16px;
}

.market-summary h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  padding-top: 0 !important;
}

@media (min-width: 991px) {
  .market-summary h2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 990px) {
  .market-summary h2 {
    padding: 0 20px;
  }
}

.market-summary .exchange-charts-slider-box {
  position: relative;
}

.market-summary .exchange-charts-slider-box .swiper-button-prev,
.market-summary .exchange-charts-slider-box .swiper-button-next {
  width: 30px;
  height: 61px;
  background-color: #F5F6FA;
  border-radius: 10px;
  z-index: 1;
}

@media (max-width: 990px) {
  .market-summary .exchange-charts-slider-box .swiper-button-prev,
.market-summary .exchange-charts-slider-box .swiper-button-next {
    display: none;
  }
}

.market-summary .exchange-charts-slider-box .swiper-button-prev:after,
.market-summary .exchange-charts-slider-box .swiper-button-next:after {
  font-size: 16px;
  color: rgba(13, 28, 43, 0.48);
}

.market-summary .exchange-charts-slider-box .swiper-button-prev {
  left: 0;
  top: 23px;
}

.market-summary .exchange-charts-slider-box .swiper-button-next {
  right: 0;
  top: 23px;
}

.market-summary .charts-group-btns {
  margin: 0 48px 4px;
}

@media (max-width: 990px) {
  .market-summary .charts-group-btns {
    margin-left: 0;
    margin-right: 0;
  }
}

.market-summary .charts-group-btns .swiper-slide {
  width: auto;
}

.market-summary .charts-group-btns .btn {
  color: #AEAEAE;
  font-size: 14px;
  font-weight: 600;
  line-height: 23px;
  border: 0px;
  padding: 10px 22px;
  height: 61px;
}

.market-summary .charts-group-btns .btn:not(.active):hover, .market-summary .charts-group-btns .btn.active {
  background: rgba(22, 162, 136, 0.1);
  color: var(--primary);
}

.market-summary .chart-title {
  margin-top: 40px;
}

.market-summary .chart-title .title {
  color: var(--black0d);
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 990px) {
  .market-summary .chart-title .title {
    font-size: 24px;
  }
}

.market-summary .chart-title .change-rate {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 16px;
}

@media (max-width: 990px) {
  .market-summary .chart-title .change-rate {
    font-size: 10px;
  }
}

.market-summary .chart-title .change-rate::after {
  font-family: "icomoon";
  color: inherit;
  font-size: 8px;
  line-height: inherit;
  padding-left: 6px;
}

.market-summary .chart-title .change-rate[data-negative="true"] {
  color: var(--primary);
}

.market-summary .chart-title .change-rate[data-negative="true"]::after {
  content: "";
}

.market-summary .chart-title .change-rate[data-negative="false"] {
  color: var(--red);
}

.market-summary .chart-title .change-rate[data-negative="false"]::after {
  content: "";
}

.market-summary .chart-title .key {
  color: var(--black0d);
  font-size: 16px;
  line-height: 24px;
}

.market-summary .chart-title .graph-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.market-summary .chart-title .graph-type .btn {
  color: var(--black0d);
  font-size: 14px;
  font-weight: 600;
  line-height: 10px;
  padding: 12px;
  border: 0px;
}

.market-summary .chart-title .graph-type .btn:not(.active):hover, .market-summary .chart-title .graph-type .btn.active {
  background: rgba(22, 162, 136, 0.1);
  color: var(--primary);
}

.market-summary .chart-container {
  height: 280px;
}

.market-summary .last-update-date {
  color: var(--black);
  margin-top: 16px;
  font-size: 14px;
  border-top: 1px solid var(--graye9);
  padding-top: 14px;
  line-height: 1.12;
}

.rates-and-parities h2, .imkb-stocks h2, .rent-certificates h2, .dividend-rates h2 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  padding-top: 0 !important;
}

@media (min-width: 991px) {
  .rates-and-parities h2, .imkb-stocks h2, .rent-certificates h2, .dividend-rates h2 {
    margin-bottom: 24px;
  }
}

@media (max-width: 990px) {
  .rates-and-parities h2, .imkb-stocks h2, .rent-certificates h2, .dividend-rates h2 {
    padding: 0 20px;
  }
}

.rates-and-parities .tab-content, .imkb-stocks .tab-content, .rent-certificates .tab-content, .dividend-rates .tab-content {
  padding: 0 !important;
}

.rates-and-parities .tab-content ul, .imkb-stocks .tab-content ul, .rent-certificates .tab-content ul, .dividend-rates .tab-content ul {
  padding: 16px 20px 32px;
}

@media (min-width: 991px) {
  .rates-and-parities .tab-content ul, .imkb-stocks .tab-content ul, .rent-certificates .tab-content ul, .dividend-rates .tab-content ul {
    padding: 16px 32px 32px;
  }
}

.rates-and-parities .nav-tabs, .imkb-stocks .nav-tabs, .rent-certificates .nav-tabs, .dividend-rates .nav-tabs {
  --bs-nav-tabs-border-width: 0px;
  -webkit-column-gap: 24px;
     -moz-column-gap: 24px;
          column-gap: 24px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 14px;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 991px) {
  .rates-and-parities .nav-tabs, .imkb-stocks .nav-tabs, .rent-certificates .nav-tabs, .dividend-rates .nav-tabs {
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
    margin-bottom: 24px;
  }
}

@media (max-width: 990px) {
  .rates-and-parities .nav-tabs, .imkb-stocks .nav-tabs, .rent-certificates .nav-tabs, .dividend-rates .nav-tabs {
    padding: 0 20px;
  }
}

.rates-and-parities .nav-tabs .nav-item .nav-link, .imkb-stocks .nav-tabs .nav-item .nav-link, .rent-certificates .nav-tabs .nav-item .nav-link, .dividend-rates .nav-tabs .nav-item .nav-link {
  --bs-nav-tabs-border-width: 0px;
  --bs-nav-link-padding-x: 0px;
  --bs-nav-link-padding-y: 0px;
  --bs-nav-link-color: var(--gray88);
  --bs-nav-link-hover-color: var(--black0d);
  --bs-nav-tabs-link-active-bg: transparent;
  --bs-nav-tabs-link-active-color: var(--primary);
  --bs-nav-link-font-size: 20px;
  --bs-nav-link-font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
}

.rates-and-parities table.table-portal, .imkb-stocks table.table-portal, .rent-certificates table.table-portal, .dividend-rates table.table-portal {
  white-space: nowrap;
  margin-bottom: 0px;
}

.rates-and-parities table.table-portal th, .imkb-stocks table.table-portal th, .rent-certificates table.table-portal th, .dividend-rates table.table-portal th {
  border-bottom: 1px solid var(--grayee);
}

.rates-and-parities .table-responsive, .imkb-stocks .table-responsive, .rent-certificates .table-responsive, .dividend-rates .table-responsive {
  background-color: var(--white);
  border-radius: 16px;
  padding: 32px 20px;
}

@media (min-width: 991px) {
  .rates-and-parities .table-responsive, .imkb-stocks .table-responsive, .rent-certificates .table-responsive, .dividend-rates .table-responsive {
    padding: 32px;
  }
}

@media (max-width: 990px) {
  .rates-and-parities .table-responsive, .imkb-stocks .table-responsive, .rent-certificates .table-responsive, .dividend-rates .table-responsive {
    border-radius: 0;
  }
}

.rates-and-parities .table-responsive + ul, .imkb-stocks .table-responsive + ul, .rent-certificates .table-responsive + ul, .dividend-rates .table-responsive + ul {
  border-top: 1px solid #EEEEEE;
  padding-top: 16px;
  margin-bottom: 0 !important;
}

.rates-and-parities .table-responsive + ul li, .imkb-stocks .table-responsive + ul li, .rent-certificates .table-responsive + ul li, .dividend-rates .table-responsive + ul li {
  font-size: 14px;
  line-height: 23px;
}

.rates-and-parities .table-responsive + ul li::before, .imkb-stocks .table-responsive + ul li::before, .rent-certificates .table-responsive + ul li::before, .dividend-rates .table-responsive + ul li::before {
  top: 8.5px !important;
}

.rent-certificates .salesreturn {
  color: var(--primary);
}

.rent-certificates .salesreturn[data-negative="false"] {
  color: var(--red);
}

.btn-mock {
  margin-top: 10px;
}

.invisible-input {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.banner {
  position: relative;
  overflow: hidden;
}

.banner .home-banner {
  background-color: var(--primary);
  width: 100%;
}

@media (min-width: 768px) {
  .banner .home-banner {
    height: 456px;
  }
}

@media (min-width: 991px) {
  .banner .home-banner {
    height: 600px;
  }
}

.banner .home-banner .detail-info {
  all: unset;
  display: contents;
}

.banner .home-banner.gray {
  background: -o-linear-gradient(19.72deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
  background: linear-gradient(70.28deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
}

.banner .home-banner.blue {
  background-color: #2C7AA1;
}

.banner .swiper-slide {
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.banner .swiper-slide.gray:not(.fullbanner) {
  background: -o-linear-gradient(19.72deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
  background: linear-gradient(70.28deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
}

.banner .swiper-slide.green:not(.fullbanner) {
  background-color: var(--primary);
}

@media (max-width: 767px) {
  .banner .swiper-slide.green:not(.fullbanner) .banner-img {
    background-color: #0C967C;
  }
}

.banner .swiper-slide.blue:not(.fullbanner) {
  background-color: #2C7AA1;
}

.banner .swiper-slide.blue:not(.fullbanner) .buttons .btn-white:hover {
  color: #2C7AA1;
}

.banner .swiper-slide .container-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 100%;
  min-height: 100%;
}

@media (max-width: 767px) {
  .banner .swiper-slide .container-xl {
    padding-inline: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.banner .swiper-slide .banner-text {
  width: 48%;
  color: var(--white);
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-top: 36px;
  position: relative;
  z-index: 1;
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

.banner .swiper-slide .banner-text > p {
  overflow: hidden;
  margin-bottom: 0px;
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
  min-height: 64px;
  letter-spacing: -1.4px;
}

@media (min-width: 768px) {
  .banner .swiper-slide .banner-text {
    font-size: 48px;
    line-height: 57px;
    margin-top: 44px;
    min-height: 204px;
  }
}

@media (max-width: 767px) {
  .banner .swiper-slide .banner-text {
    width: 100%;
    padding-block: 20px 50px;
    padding-inline: 20px;
    margin-top: auto;
    position: static;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: center;
  }
}

@media (min-width: 991px) {
  .banner .swiper-slide .banner-text {
    width: 500px;
    font-size: 56px;
    line-height: 68px;
    margin-top: 79px;
  }
}

[dir="rtl"] .banner .swiper-slide .banner-text {
  text-align: right;
}

.banner .swiper-slide .banner-text .buttons {
  display: none;
}

.banner .swiper-slide .banner-text .buttons > a {
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

@media (min-width: 768px) {
  .banner .swiper-slide .banner-text .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
  }
}

@media (min-width: 991px) {
  .banner .swiper-slide .banner-text .buttons {
    margin-top: 42px;
  }
}

.banner .swiper-slide .banner-img {
  width: 51%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  overflow: hidden;
  -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
}

[dir="rtl"] .banner .swiper-slide .banner-img {
  right: auto;
  left: 0;
}

@media (min-width: 991px) {
  .banner .swiper-slide .banner-img {
    width: 552px;
    height: 100%;
  }
}

@media (max-width: 767px) {
  .banner .swiper-slide .banner-img {
    position: static;
    width: 100%;
    min-height: 328px;
    height: 328px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .banner .swiper-slide .banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.banner .swiper-slide .pb-logo {
  position: absolute;
  bottom: 58px;
  right: 500px;
  z-index: 9;
}

@media (max-width: 1100px) {
  .banner .swiper-slide .pb-logo {
    height: 30px;
    right: 475px;
  }
}

@media (max-width: 990px) {
  .banner .swiper-slide .pb-logo {
    bottom: 15px;
    right: 350px;
  }
}

@media (max-width: 767px) {
  .banner .swiper-slide .pb-logo {
    bottom: 155px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.banner .swiper-slide.fullbanner.gray .banner-text {
  background: -o-linear-gradient(19.72deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
  background: linear-gradient(70.28deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
}

.banner .swiper-slide.fullbanner.green .banner-text {
  background-color: var(--primary);
}

.banner .swiper-slide.fullbanner.blue .banner-text {
  background-color: #2C7AA1;
}

.banner .swiper-slide.fullbanner .banner-text--transparent {
  background-color: transparent !important;
}

.banner .swiper-slide.fullbanner .banner-img {
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 0;
}

.banner .swiper-slide.fullbanner .banner-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px) {
  .banner .swiper-slide.fullbanner .banner-img {
    position: static;
    width: 100%;
    min-height: 328px;
    height: 328px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    overflow: hidden;
  }
  .banner .swiper-slide.fullbanner .banner-img img {
    width: auto;
    max-width: none;
    position: relative;
    left: calc(50% - 1rem);
  }
}

@media (max-width: 431px) {
  .banner .swiper-slide.fullbanner .banner-img img {
    left: calc(50% - 70px);
  }
}

@media (max-width: 415px) {
  .banner .swiper-slide.fullbanner .banner-img img {
    left: calc(50% - 55px);
  }
}

@media (max-width: 391px) {
  .banner .swiper-slide.fullbanner .banner-img img {
    left: calc(50% - 34px);
  }
}

@media (max-width: 376px) {
  .banner .swiper-slide.fullbanner .banner-img img {
    left: calc(50% - 16px);
  }
}

.banner .swiper-slide.fullbanner .pb-logo {
  height: 40px;
  right: 20px;
}

@media (max-width: 1200px) {
  .banner .swiper-slide.fullbanner .pb-logo {
    height: 30px;
    right: 175px;
  }
}

@media (max-width: 1100px) {
  .banner .swiper-slide.fullbanner .pb-logo {
    right: 100px;
  }
}

@media (max-width: 990px) {
  .banner .swiper-slide.fullbanner .pb-logo {
    bottom: 10px;
    right: 40px;
  }
}

@media (max-width: 767px) {
  .banner .swiper-slide.fullbanner .pb-logo {
    bottom: 155px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

@media (max-width: 767px) {
  .banner .swiper-slide.fullbanner .banner-text {
    width: 100%;
    padding-block: 20px 50px;
    padding-inline: 20px;
    margin-top: auto;
    position: static;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 768px) {
  .banner .swiper-slide.fullbanner .banner-text {
    left: -40px;
    padding-block: 20px 30px;
    padding-inline: 40px 10px;
    margin-top: 24px;
    border-radius: 16px;
  }
}

@media (min-width: 991px) {
  .banner .swiper-slide.fullbanner .banner-text {
    position: absolute;
    left: -40px;
    margin-top: 48px;
    width: 603px;
    padding: 31px 52px;
    border-radius: 32px;
  }
}

.banner .swiper-slide-active .banner-text, .banner .swiper-slide-duplicate-active .banner-text {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
}

.banner .swiper-slide-active .banner-text > p, .banner .swiper-slide-duplicate-active .banner-text > p {
  -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  letter-spacing: -1.4px;
}

@media (max-width: 767px) {
  .banner .swiper-slide-active .banner-text > p, .banner .swiper-slide-duplicate-active .banner-text > p {
    font-size: 26px;
    line-height: 32px;
  }
}

.banner .swiper-slide-active .banner-text .buttons > a:nth-child(1), .banner .swiper-slide-duplicate-active .banner-text .buttons > a:nth-child(1) {
  -webkit-transition-delay: .6s;
       -o-transition-delay: .6s;
          transition-delay: .6s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.banner .swiper-slide-active .banner-text .buttons > a:nth-child(2), .banner .swiper-slide-duplicate-active .banner-text .buttons > a:nth-child(2) {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.banner .swiper-slide-active .banner-img, .banner .swiper-slide-duplicate-active .banner-img {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.banner .swiper-controller-wrapper {
  color: var(--white);
}

@media (max-width: 990px) {
  .banner .swiper-controller-wrapper {
    position: absolute;
    left: 0px;
    bottom: 20px;
  }
  .banner .swiper-controller-wrapper .slidePrev-btn,
.banner .swiper-controller-wrapper .slideNext-btn {
    display: none;
  }
}

@media (max-width: 767px) {
  .banner .swiper-controller-wrapper .swiper-pagination {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.home-tab {
  background-color: var(--grayef);
}

.home-tab .container-xl > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100px;
  margin-bottom: 0;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: auto hidden;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.home-tab .container-xl > p::-webkit-scrollbar {
  width: 0px;
  height: 0px;
}

.home-tab .container-xl > p::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

.home-tab .container-xl > p::-webkit-scrollbar-track {
  background: var(--grayf7);
}

.home-tab .container-xl > p {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: var(--grayf7);
}

@media (max-width: 990px) {
  .home-tab .container-xl > p {
    height: 66px;
  }
}

.home-tab .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  scroll-snap-align: start;
  scroll-margin: 20px;
  position: relative;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  height: 100%;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
  overflow: hidden;
}

.home-tab .item::after {
  pointer-events: none;
  content: "";
  position: absolute;
  bottom: 0px;
  width: 0;
  height: 3px;
  background-color: var(--primary);
  left: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  border-radius: 6px;
}

.home-tab .item + .item {
  margin-left: 23px;
}

[dir="rtl"] .home-tab .item + .item {
  margin-left: 0;
  margin-right: 23px;
}

.home-tab .item .img-wrapper {
  width: 64px;
  background-color: var(--white);
  border-radius: 50%;
  padding: 16px;
  margin-right: 12px;
}

@media (max-width: 990px) {
  .home-tab .item .img-wrapper {
    width: 48px;
    padding: 12px;
  }
}

[dir="rtl"] .home-tab .item .img-wrapper {
  margin-left: 14px;
  margin-right: 0px;
}

.home-tab .item img {
  width: 32px;
}

@media (max-width: 990px) {
  .home-tab .item img {
    width: 24px;
  }
}

.home-tab .item span:not(.img-wrapper) {
  font-size: 16px;
  line-height: 28px;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
}

@media (max-width: 990px) {
  .home-tab .item span:not(.img-wrapper) {
    font-size: 14px;
    line-height: 22px;
  }
}

.home-tab .item:hover {
  color: var(--primary);
  text-decoration: none;
}

.home-tab .item:hover::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  width: 100%;
}

.market-data-section {
  padding: 72px 0;
}

@media (max-width: 990px) {
  .market-data-section {
    padding: 40px 0;
  }
}

@media (min-width: 991px) {
  .market-data-section {
    min-height: 469px;
  }
}

.market-data-section .swiper-controller-wrapper.filter-black img {
  -webkit-filter: brightness(0) invert(0);
          filter: brightness(0) invert(0);
}

@media (min-width: 991px) {
  body.privatebanking .market-data-section.section {
    padding-top: 75px;
    padding-bottom: 63px;
  }
}

@media (max-width: 767px) {
  body.privatebanking .market-data-section.section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  body.privatebanking .market-data-section.section .section-top {
    margin-bottom: 33px;
  }
  body.privatebanking .market-data-section.section .section-title {
    line-height: 32px;
  }
  body.privatebanking .market-data-section.section .market-item {
    margin-bottom: 40px;
  }
}

.market-item {
  background-color: var(--white);
  padding: 28px 37px;
  border-radius: 16px;
  margin-bottom: 56px;
}

body.corporate .market-item, .section.white .market-item {
  background-color: #F8F8F8;
}

@media (max-width: 1200px) {
  .market-item {
    padding: 28px 20px;
  }
}

@media (max-width: 990px) {
  .market-item {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .market-item {
    border-radius: 10px;
    padding: 13px;
  }
}

.market-item .market-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(101, 109, 119, 0.1);
}

@media (max-width: 767px) {
  .market-item .market-top {
    padding-bottom: 12px;
  }
}

.market-item .market-top .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 37px;
}

@media (max-width: 1200px) {
  .market-item .market-top .title {
    font-size: 20px;
    line-height: 26px;
  }
}

@media (max-width: 767px) {
  .market-item .market-top .title {
    font-size: 16px;
    line-height: 24px;
  }
}

.market-item .market-top .up-down {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
  text-align: right;
  padding-right: 20px;
  position: relative;
}

@media (max-width: 767px) {
  .market-item .market-top .up-down {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
  }
}

.market-item .market-top .up-down.up {
  color: var(--primary);
}

.market-item .market-top .up-down.up:after {
  border-bottom-color: var(--primary);
  margin-top: -4px;
  -webkit-animation: marketUp 1s infinite;
          animation: marketUp 1s infinite;
}

.market-item .market-top .up-down.down {
  color: var(--red);
}

.market-item .market-top .up-down.down:after {
  border-top-color: var(--red);
  margin-top: 4px;
  -webkit-animation: marketDown 1s infinite;
          animation: marketDown 1s infinite;
}

.market-item .market-top .up-down::after {
  content: '';
  position: absolute;
  border: 8px solid transparent;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (max-width: 767px) {
  .market-item .market-top .up-down::after {
    border: 6px solid transparent;
  }
}

.market-item .market-bottom {
  padding-top: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .market-item .market-bottom {
    padding-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.market-item .market-bottom .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .market-item .market-bottom .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 4px;
  }
}

.market-item .market-bottom .item .title-small {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  color: var(--gray88);
  margin-bottom: 6px;
}

@media (max-width: 767px) {
  .market-item .market-bottom .item .title-small {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
  }
}

.market-item .market-bottom .item .value {
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}

@media (max-width: 1200px) {
  .market-item .market-bottom .item .value {
    font-size: 16px;
    line-height: 24px;
  }
}

.section-campaigns .campaign-item {
  margin-bottom: 24px;
}

@media (min-width: 991px) {
  .section-campaigns .campaign-item {
    margin-bottom: 56px;
  }
}

.section-campaigns .campaign-item picture {
  display: block;
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .section-campaigns .campaign-item picture {
    margin-bottom: 16px;
  }
}

.section-campaigns .campaign-item img {
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}

@media (max-width: 767px) {
  .isHomePage .section-campaigns .campaign-item img {
    max-height: 162px;
  }
}

.section-campaigns .campaign-item h6 {
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (max-width: 767px) {
  .section-campaigns .campaign-item h6 {
    font-size: 1rem;
    line-height: 1.688rem;
  }
}

@media (min-width: 768px) {
  .section-campaigns .campaign-item h6 {
    height: 87px;
    overflow: hidden;
  }
}

.section-campaigns .campaign-item h6 a {
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.section-campaigns .campaign-item:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.section-campaigns .campaign-item:hover h6 {
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
}

.section-campaigns .campaign-item:hover h6 > a {
  color: var(--primary);
  text-decoration: none;
}

@media (max-width: 767px) {
  .section-redirectionbox .container-xl {
    padding-right: 0;
  }
}

.section-redirectionbox .swiper-controller-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 36px;
  color: #2C7AA1;
}

@media (max-width: 990px) {
  .section-redirectionbox .swiper-controller-wrapper {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: -20px;
  }
}

.section-redirectionbox .swiper-controller-wrapper img {
  -webkit-filter: invert(53%) sepia(33%) saturate(3568%) hue-rotate(164deg) brightness(94%) contrast(90%);
          filter: invert(53%) sepia(33%) saturate(3568%) hue-rotate(164deg) brightness(94%) contrast(90%);
}

.section-redirectionbox .campaign-item {
  margin-top: 60px;
  margin-bottom: 54px;
}

@media (max-width: 990px) {
  .section-redirectionbox .campaign-item {
    margin-top: 30px;
    margin-bottom: 0;
  }
}

.section-redirectionbox .campaign-item picture {
  display: block;
  border-radius: 16px;
  margin-bottom: 24px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .section-redirectionbox .campaign-item picture {
    margin-bottom: 16px;
  }
}

.section-redirectionbox .campaign-item img {
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}

.section-redirectionbox .campaign-item:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.section-redirectionbox .campaign-item--title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  color: #000002;
}

@media (max-width: 767px) {
  .section-redirectionbox .campaign-item--title {
    font-size: 16px;
  }
}

.section-redirectionbox .campaign-item--title:hover {
  text-decoration: none;
}

.section-promo {
  position: relative;
  overflow: hidden;
}

.section-promo .promo-banner {
  width: 100%;
  background-size: cover;
  background-position: top right;
  height: 532px;
}

.section-promo .promo-banner.is-bg {
  background: #2c7aa1;
}

@media (max-width: 990px) {
  .section-promo .promo-banner {
    height: 490px;
  }
}

@media (max-width: 767px) {
  .section-promo .promo-banner {
    height: auto;
  }
  .section-promo .promo-banner .swiper-controller-wrapper {
    position: static;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
  }
}

.section-promo .swiper-slide {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-size: cover;
  background-position: bottom right;
}

.section-promo .swiper-slide .container-xl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  height: 100%;
}

@media (max-width: 767px) {
  .section-promo .swiper-slide .container-xl {
    padding-inline: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.section-promo .swiper-slide .banner-text {
  width: 500px;
  color: var(--white);
  margin-top: 54px;
}

@media (max-width: 990px) {
  .section-promo .swiper-slide .banner-text {
    width: 100%;
    margin-top: 38px;
    text-align: center;
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .section-promo .swiper-slide .banner-text {
    height: auto;
  }
}

@media (min-width: 991px) {
  [dir="rtl"] .section-promo .swiper-slide .banner-text {
    text-align: right;
  }
}

.section-promo .swiper-slide .banner-text h3 {
  margin-bottom: 16px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

@media (max-width: 990px) {
  .section-promo .swiper-slide .banner-text h3 {
    margin-bottom: 24px;
    padding: 0 40px;
  }
}

.section-promo .swiper-slide .banner-text .btn.d-md-none {
  -webkit-transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

.section-promo .swiper-slide .banner-text p {
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 40px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

@media (max-width: 767px) {
  .section-promo .swiper-slide .banner-text p {
    display: none;
  }
}

.section-promo .swiper-slide .banner-text .d-flex.flex-wrap.gap-3 {
  -webkit-transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

@media (max-width: 767px) {
  .section-promo .swiper-slide .banner-text .d-flex.flex-wrap.gap-3 {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.section-promo .swiper-slide .banner-text .p, .section-promo .swiper-slide .banner-text .p > p {
  margin-bottom: 40px;
}

.section-promo .swiper-slide .banner-text .p .banner-qr-content {
  padding: 10px 17px;
  max-width: 301px;
  height: 106px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
}

.section-promo .swiper-slide .banner-text .p .banner-qr-content > .text {
  color: var(--black);
  font-size: 14px;
  line-height: 23px;
  max-width: 163px;
}

.section-promo .swiper-slide .banner-img {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  -o-transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: 0;
  -webkit-transform: translateX(100px);
      -ms-transform: translateX(100px);
          transform: translateX(100px);
}

[dir="rtl"] .section-promo .swiper-slide .banner-img {
  right: auto;
  left: 0;
}

@media (max-width: 1200px) {
  .section-promo .swiper-slide .banner-img {
    right: -70px;
  }
  [dir="rtl"] .section-promo .swiper-slide .banner-img {
    right: auto;
    left: -70px;
  }
}

@media (max-width: 1100px) {
  .section-promo .swiper-slide .banner-img {
    height: 500px;
    right: -20px;
    width: 50%;
  }
  [dir="rtl"] .section-promo .swiper-slide .banner-img {
    right: auto;
    left: -20px;
  }
}

@media (max-width: 767px) {
  .section-promo .swiper-slide .banner-img {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: static;
    min-height: -webkit-fill-available;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    height: auto;
  }
  [dir="rtl"] .section-promo .swiper-slide .banner-img {
    right: auto;
    left: 0px;
  }
}

.section-promo .swiper-slide .banner-img img {
  height: 500px;
}

@media (max-width: 990px) {
  .section-promo .swiper-slide .banner-img img {
    height: 350px;
  }
}

@media (max-width: 767px) {
  .section-promo .swiper-slide .banner-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: none;
       object-fit: none;
    margin: 0 auto;
  }
}

.section-promo .swiper-slide-active .banner-text h3, .section-promo .swiper-slide-duplicate-active .banner-text h3 {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
}

.section-promo .swiper-slide-active .banner-text .btn.d-md-none, .section-promo .swiper-slide-duplicate-active .banner-text .btn.d-md-none {
  opacity: 1;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
}

.section-promo .swiper-slide-active .banner-text p, .section-promo .swiper-slide-duplicate-active .banner-text p {
  -webkit-transition-delay: .4s;
       -o-transition-delay: .4s;
          transition-delay: .4s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.section-promo .swiper-slide-active .banner-text .p .banner-qr-content, .section-promo .swiper-slide-duplicate-active .banner-text .p .banner-qr-content {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.section-promo .swiper-slide-active .banner-text .d-flex.flex-wrap.gap-3, .section-promo .swiper-slide-duplicate-active .banner-text .d-flex.flex-wrap.gap-3 {
  -webkit-transition-delay: .5s;
       -o-transition-delay: .5s;
          transition-delay: .5s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.section-promo .swiper-slide-active .banner-img, .section-promo .swiper-slide-duplicate-active .banner-img {
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

.section-promo .swiper-controller-wrapper {
  color: var(--white);
}

.section-promo.white-area .promo-banner .swiper-slide .banner-text {
  color: var(--black);
}

.section-promo.white-area .promo-banner .swiper-slide .banner-text h3 {
  color: var(--primary);
}

.section-promo.white-area .promo-banner .swiper-slide .banner-qr-content {
  background-color: var(--grayf5) !important;
}

.section-promo.white-area .promo-banner .swiper-slide .btn.btn-white {
  --black0d: #ffffff;
  --primaryHover: #ffffff;
  --white: var(--primary);
}

.section-promo.white-area .promo-banner .swiper-slide .btn.btn-white:hover {
  --white: #138c75;
}

.section-promo.white-area .promo-banner .swiper-slide .btn.btn-outline-white {
  --white: var(--yellow);
  --black0d: #ffffff;
}

.section-promo.white-area .promo-banner .swiper-slide .btn.btn-outline-white:hover {
  background-color: var(--yellow);
  border-color: transparent;
  color: #ffffff;
}

.section-promo.white-area .swiper-controller-wrapper {
  color: var(--yellow);
}

body.privatebanking .section-blog.section {
  padding: 58px 0 46px;
}

@media (max-width: 767px) {
  body.privatebanking .section-blog.section {
    padding: 32px 0;
  }
}

body.privatebanking .section-blog.section .section-top {
  margin-bottom: 48px;
}

@media (max-width: 767px) {
  body.privatebanking .section-blog.section .section-top {
    margin-bottom: 36px;
  }
}

@media (min-width: 991px) {
  .section-blog .swiper-wrapper {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: 'first second' 'first third';
  }
  body.privatebanking .section-blog .swiper-wrapper {
    grid-gap: 24px;
  }
  .section-blog .swiper-slide {
    width: 100% !important;
  }
  .section-blog .swiper-slide:nth-child(1) {
    grid-area: first;
  }
  body.privatebanking .section-blog .swiper-slide:nth-child(1) {
    padding-right: 6px;
  }
  .section-blog .swiper-slide:nth-child(1) .blog-item {
    border-radius: 16px;
    overflow: hidden;
    padding-bottom: 60px;
    position: relative;
  }
  body.privatebanking .section-blog .swiper-slide:nth-child(1) .blog-item {
    max-width: 540px;
  }
  .section-blog .swiper-slide:nth-child(1) .blog-item-bottom {
    background-color: var(--primary);
    color: var(--white);
    padding: 22px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    bottom: 0;
    -webkit-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
  }
  body.corporate .section-blog .swiper-slide:nth-child(1) .blog-item-bottom {
    background: -o-linear-gradient(19.72deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
    background: linear-gradient(70.28deg, #7B8789 5.47%, #687274 56.49%, #5E696B 69.97%);
  }
  body.privatebanking .section-blog .swiper-slide:nth-child(1) .blog-item-bottom {
    background-color: #2C7AA1;
  }
  .section-blog .swiper-slide:nth-child(1) .blog-item-bottom span {
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
  }
  .section-blog .swiper-slide:nth-child(1) .blog-item-bottom h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
  }
  [dir="rtl"] .section-blog .swiper-slide:nth-child(1) .blog-item-bottom h3 {
    text-align: right;
  }
  .section-blog .swiper-slide:nth-child(1) .blog-item-bottom p,
.section-blog .swiper-slide:nth-child(1) .blog-item-bottom .more {
    display: none;
  }
  .section-blog .swiper-slide:not(:nth-child(1)):not(:last-child) {
    border-bottom: 1px solid var(--grayf5);
  }
  .section-blog .swiper-slide:not(:nth-child(1)) .blog-item {
    padding-bottom: 24px;
  }
  .section-blog .swiper-slide:not(:nth-child(1)) .blog-item h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    margin-bottom: 24px;
  }
  .section-blog .swiper-slide:not(:nth-child(1)) .blog-item p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 24px;
  }
  .section-blog .swiper-slide:not(:nth-child(1)) .blog-item-img,
.section-blog .swiper-slide:not(:nth-child(1)) .blog-item .tag {
    display: none;
  }
  .section-blog .swiper-slide:nth-child(2) {
    grid-area: second;
  }
  .section-blog .swiper-slide:nth-child(3) {
    grid-area: third;
  }
}

@media (max-width: 990px) {
  .section-blog .blog-item {
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    margin-bottom: 36px;
  }
  .section-blog .blog-item-bottom {
    background-color: var(--primary);
    color: var(--white);
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  body.privatebanking .section-blog .blog-item-bottom {
    background-color: #2C7AA1;
  }
  .section-blog .blog-item-bottom span {
    font-weight: 700;
    font-size: 11px;
    line-height: 17px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px;
  }
  .section-blog .blog-item-bottom h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 0px;
  }
  .section-blog .blog-item-bottom h3.flex {
    height: 79px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .section-blog .blog-item-bottom p,
.section-blog .blog-item-bottom .more {
    display: none;
  }
}

.section-blog .blog-item-img {
  text-decoration: none !important;
}

.section-blog .blog-item-img img {
  width: 100%;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform-origin: bottom center;
      -ms-transform-origin: bottom center;
          transform-origin: bottom center;
}

.section-blog .blog-item-bottom {
  text-decoration: none !important;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.section-blog .blog-item-bottom .more {
  position: relative;
}

.section-blog .blog-item-bottom .more:before {
  pointer-events: none;
  content: "";
  position: absolute;
  bottom: -1px;
  width: 0;
  height: 1px;
  background-color: var(--yellow);
  left: 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

body.privatebanking .section-blog .blog-item-bottom .more:before {
  background-color: #2C7AA1;
}

.section-blog .blog-item-bottom .more:after {
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.section-blog .blog-item:hover h3 {
  text-decoration: none;
}

.section-blog .blog-item:hover .blog-item-bottom {
  padding: 26px 32px;
}

.section-blog .blog-item:hover .blog-item-bottom .more:before {
  width: 100%;
}

.section-blog .blog-item:hover .blog-item-bottom .more:after {
  padding-left: 15px;
}

.section-blog .blog-item:hover .blog-item-img img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

body.privatebanking .section-blog .swiper-controller-wrapper {
  color: #2C7AA1;
}

@media (max-width: 990px) {
  #header-search-form {
    height: 100vh;
    overflow-y: auto;
    padding-bottom: 100px;
  }
}

@-webkit-keyframes marketDown {
  0% {
    -webkit-transform: rotate(0deg) translate(0, -10px);
            transform: rotate(0deg) translate(0, -10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0px, -5px);
            transform: rotate(0deg) translate(0px, -5px);
    opacity: 0;
  }
}

@keyframes marketDown {
  0% {
    -webkit-transform: rotate(0deg) translate(0, -10px);
            transform: rotate(0deg) translate(0, -10px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0px, -5px);
            transform: rotate(0deg) translate(0px, -5px);
    opacity: 0;
  }
}

@-webkit-keyframes marketUp {
  0% {
    -webkit-transform: rotate(0deg) translate(0, -5px);
            transform: rotate(0deg) translate(0, -5px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0px, -10px);
            transform: rotate(0deg) translate(0px, -10px);
    opacity: 0;
  }
}

@keyframes marketUp {
  0% {
    -webkit-transform: rotate(0deg) translate(0, -5px);
            transform: rotate(0deg) translate(0, -5px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(0deg) translate(0px, -10px);
            transform: rotate(0deg) translate(0px, -10px);
    opacity: 0;
  }
}

.privatebanking .home-tab .item:hover {
  color: #2C7AA1;
}

.privatebanking .home-tab .item:hover::after {
  background-color: #2C7AA1;
}

.privatebanking .home-tab .item + .item {
  margin-left: 20px;
}

.privatebanking .home-tab img {
  margin-right: 13px;
}

@media (max-width: 767px) {
  .privatebanking .home-tab img {
    margin-right: 4px;
  }
}

.privatebanking .section-promo .promo-banner {
  height: auto;
  padding: 61px 0;
}

@media (max-width: 767px) {
  .privatebanking .section-promo .promo-banner {
    padding: 40px 0 25px;
  }
}

.privatebanking .section-promo .promo-banner.is-bg {
  background-image: none;
  background-color: #E9EAEF;
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 990px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-inline: 20px;
  }
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text {
  margin-top: 0;
  width: 547px;
}

@media (max-width: 990px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text {
    margin-bottom: 18px;
    padding: 0 20px;
  }
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text h3 {
  width: 350px;
  font-size: 48px;
  font-weight: 600;
  line-height: 61px;
  color: #000002;
  margin-bottom: 24px;
}

@media (max-width: 990px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text h3 {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text h3 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 18px;
  }
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text p {
  color: #000002;
  line-height: 28px;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text p {
    display: block;
    font-size: 16px;
    line-height: 27px;
  }
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-text .btn {
  border: 1px solid #2C7AA1;
  color: #2C7AA1;
  margin-top: 30px;
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-img {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

@media (max-width: 990px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-img {
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    right: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-img img {
  width: 382px;
  height: 280px;
}

@media (max-width: 767px) {
  .privatebanking .section-promo .promo-banner .swiper-wrapper .swiper-slide .container-xl .banner-img img {
    width: 100%;
    max-height: 200px;
    -o-object-fit: fill;
       object-fit: fill;
  }
}

.privatebanking .section-promo .promo-banner .swiper-controller-wrapper {
  position: initial;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 32px;
  color: #2C7AA1;
}

@media (max-width: 767px) {
  .privatebanking .section-promo .promo-banner .swiper-controller-wrapper {
    margin-top: 18px;
  }
}

.privatebanking .section-promo .promo-banner .swiper-controller-wrapper img {
  -webkit-filter: invert(53%) sepia(33%) saturate(3568%) hue-rotate(164deg) brightness(94%) contrast(90%);
          filter: invert(53%) sepia(33%) saturate(3568%) hue-rotate(164deg) brightness(94%) contrast(90%);
}

.subpage .subpage-header {
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: var(--primary);
  color: var(--white);
}

body.corporate .subpage .subpage-header {
  background: #5E696B;
}

body.privatebanking .subpage .subpage-header {
  background: #2C7AA1;
}

@media (min-width: 991px) {
  .subpage .subpage-header {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .subpage .subpage-header .position-relative {
    padding-bottom: 48px;
  }
  .subpage .subpage-header .position-relative:not(.fullcontent) > .page-title,
.subpage .subpage-header .position-relative:not(.fullcontent) p {
    width: 50%;
  }
}

@media (min-width: 991px) {
  .subpage .subpage-header .position-relative:not(.h-auto) {
    min-height: 405px;
  }
}

.subpage .subpage-header-left {
  padding-right: 40px;
}

.subpage .subpage-header-image {
  position: relative;
  margin-top: 32px;
  width: 100%;
  border-radius: 16px;
}

@media (min-width: 768px) {
  .subpage .subpage-header-image {
    max-width: calc(50% - 1rem);
    position: absolute;
    right: 0;
    top: 0.6rem;
    margin-top: 0;
  }
  [dir="rtl"] .subpage .subpage-header-image {
    right: auto;
    left: 0;
  }
}

@media (min-width: 991px) {
  .subpage .subpage-header-image {
    max-width: 440px;
  }
}

@media (min-width: 1200px) {
  .subpage .subpage-header-image {
    max-width: 540px;
  }
}

.subpage .subpage-header .back-btn {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--white);
  text-decoration: none;
}

@media (max-width: 767px) {
  .subpage .subpage-header .back-btn {
    display: none;
  }
}

.subpage .subpage-header .back-btn .icon {
  font-size: 24px;
  margin-right: 8px;
  text-decoration: none;
}

.subpage .subpage-header .back-btn .icon:before {
  color: var(--white);
}

[dir="rtl"] .subpage .subpage-header .back-btn .icon {
  margin-left: 8px;
  margin-right: 0;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.subpage .subpage-header .page-title {
  margin-bottom: 0;
}

body.privatebanking .subpage .subpage-header .page-title {
  padding-right: 90px;
}

@media (max-width: 767px) {
  body.privatebanking .subpage .subpage-header .page-title {
    font-size: 32px;
  }
}

@media (max-width: 990px) {
  .subpage .subpage-header .page-title {
    font-size: 40px;
  }
}

.subpage .subpage-header p {
  margin-top: 20px;
  font-weight: 400;
  font-size: 24px;
  line-height: 37px;
  margin-bottom: 0;
}

@media (min-width: 991px) {
  body.privatebanking .subpage .subpage-header p {
    margin-top: 32px;
    padding-right: 125px;
  }
}

@media (max-width: 767px) {
  body.privatebanking .subpage .subpage-header p {
    margin-top: 24px;
  }
}

@media (min-width: 991px) {
  .subpage .subpage-header p {
    margin-top: 36px;
  }
}

.subpage .subpage-header .btn {
  border-width: 2px;
  margin-top: 40px;
}

@media (max-width: 767px) {
  .subpage .subpage-header .btn {
    margin-top: 24px;
  }
}

.subpage .subpage-header.no-image .position-relative {
  height: auto;
}

.subpage .subpage-header.no-image .position-relative h1 {
  width: 100%;
}

.subpage .subpage-header__button-wrapper {
  position: relative;
  z-index: 2;
}

.subpage .subpage-header__button-wrapper .button-dropdown {
  background-color: var(--white);
  padding: 4px;
  border: 2px solid var(--primary);
  border-radius: 12px;
  -webkit-box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.16);
  margin-top: 0px;
  min-width: 160px;
  position: absolute;
  top: 100%;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (min-width: 991px) {
  .subpage .subpage-header__button-wrapper .button-dropdown {
    right: 0px;
    left: auto;
  }
}

.subpage .subpage-header__button-wrapper .button-dropdown::before {
  content: '';
  width: 100%;
  height: 9px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 100%;
}

.subpage .subpage-header__button-wrapper .button-dropdown > a {
  color: var(--primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  text-align: center;
  padding-block: 10px;
  display: block;
}

@media (min-width: 991px) {
  .subpage .subpage-header__button-wrapper .button-dropdown > a {
    padding-block: 16px;
    font-size: 16px;
    line-height: 24px;
  }
}

.subpage .subpage-header__button-wrapper .button-dropdown > a:first-child {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.subpage .subpage-header__button-wrapper .button-dropdown > a:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.subpage .subpage-header__button-wrapper .button-dropdown > a:hover {
  background-color: var(--grayef);
  text-decoration: none;
}

.subpage .subpage-header__button-wrapper:hover > .button-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  margin-top: 7px;
}

.subpage .subpage-header--right {
  background-color: var(--white);
  padding: 24px 34px;
  position: relative;
  margin-top: 32px;
  width: 100%;
  border-radius: 12px;
}

@media (min-width: 991px) {
  .subpage .subpage-header--right {
    position: absolute;
    right: 0;
    width: 350px;
    top: 38px;
    margin-top: 0;
  }
  [dir="rtl"] .subpage .subpage-header--right {
    right: auto;
    left: 0;
  }
}

.subpage .subpage-header--right__title {
  color: var(--primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 23px;
}

.subpage .subpage-header--right__phone {
  color: var(--black0d);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  text-decoration: none !important;
  display: block;
  margin-top: 12px;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.subpage .subpage-header--right__phone:hover {
  color: var(--primary);
}

@media (max-width: 767px) {
  .subpage .subpage-header--right__phone {
    font-size: 32px;
    line-height: 38.4px;
  }
}

.subpage:not(.landing) .subpage-content:not(:is(h2, .h2, h3, .h3)) a:not(.btn, .no-content-style) {
  color: var(--primary);
}

body.privatebanking .subpage:not(.landing) .subpage-content:not(:is(h2, .h2, h3, .h3)) a:not(.btn, .no-content-style) {
  color: #2C7AA1;
}

.subpage:not(.landing) .subpage-content:not(:is(h2, .h2, h3, .h3)) a:not(.btn, .no-content-style):hover {
  text-decoration: underline;
}

.subpage-content {
  font-weight: 400;
  font-size: 20px;
  line-height: 34px;
}

.subpage-content .search-content--slider-title p {
  font-size: 24px;
  font-weight: 600;
  color: #0D1B2A;
  margin-bottom: 32px;
}

@media (max-width: 990px) {
  .subpage-content {
    font-size: 18px;
    line-height: 30px;
  }
}

.subpage-content p {
  margin-bottom: 24px;
}

.subpage-content p.note {
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 18px;
  margin-bottom: 0;
}

.subpage-content p.note--with-icon {
  text-indent: 36px;
  position: relative;
  line-height: 22px;
}

.subpage-content p.note--with-icon i {
  position: absolute;
  left: -36px;
}

@media (max-width: 990px) {
  .subpage-content p.note--with-icon i {
    margin-top: -1;
  }
}

.subpage-content p.note + *:not(.note) {
  margin-top: 24px;
}

.subpage-content p.note + .note {
  margin-top: 0.675rem;
}

.subpage-content p.note i {
  margin-top: -4px;
  display: inline-block;
}

.subpage-content :is(h1, h2, h3, h4, h5, h6):not(.section-title),
.subpage-content :is(.h1, .h2, .h3, .h4, .h5, .h6):not(.section-title) {
  color: var(--primary);
  padding-top: 8px;
}

body.privatebanking .subpage-content :is(h1, h2, h3, h4, h5, h6):not(.section-title), body.privatebanking .subpage-content :is(.h1, .h2, .h3, .h4, .h5, .h6):not(.section-title) {
  color: #2C7AA1;
}

.subpage-content h4, .subpage-content .h4 {
  margin-bottom: 20px;
}

.subpage-content h4 a, .subpage-content .h4 a {
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
}

.subpage-content .section-video {
  max-width: 860px;
  margin: 0 auto;
  position: relative;
}

.subpage-content .section-video.ratio iframe {
  display: block;
}

.subpage-content .section-video.ratio .video-thumb,
.subpage-content .section-video.ratio .video-title {
  display: none;
}

.subpage-content .section-video .video-title {
  position: absolute;
  z-index: 1;
  text-align: center;
  width: 100%;
  font-weight: 600;
  font-size: 38px;
  line-height: 72px;
  color: var(--white);
  top: 30px;
}

@media (max-width: 990px) {
  .subpage-content .section-video .video-title {
    position: relative;
    color: var(--primary);
    font-weight: 600;
    font-size: 28px;
    line-height: 43px;
    bottom: 24px;
    top: 0;
  }
}

.subpage-content .section-video .video-thumb {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.subpage-content .section-video .video-thumb img {
  border-radius: 16px;
}

.subpage-content .section-video .video-thumb:before {
  content: '';
  background-image: url(/_assets/img/play.png);
  background-repeat: no-repeat;
  width: 135px;
  height: 135px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  background-size: cover;
}

@media (max-width: 990px) {
  .subpage-content .section-video .video-thumb:before {
    width: 78px;
    height: 78px;
  }
}

.subpage-content .section-video iframe {
  display: none;
}

.subpage-content .bg-gradient-green {
  background: -o-linear-gradient(306deg, #16A086 23.96%, #2C7AA1 94.39%);
  background: linear-gradient(144deg, #16A086 23.96%, #2C7AA1 94.39%);
  position: relative;
  min-height: 750px;
}

.subpage-content .bg-gradient-green::before {
  content: '';
  background: url("/_assets/img/become-customer-union.svg") 0 0 no-repeat;
  width: 711px;
  height: 633px;
  position: absolute;
  right: 0;
  bottom: 0;
}

[dir="rtl"] .subpage-content .bg-gradient-green::before {
  left: 0;
  right: auto;
}

.subpage.campaign .campaign-tab-btn {
  color: var(--black);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  padding: 24px 0px 0 0px;
  margin-bottom: 40px;
}

.subpage.campaign .campaign-tab-btn::after {
  content: '';
  background-color: #EAEAEA;
  width: 100%;
  height: 3px;
  display: block;
  border-radius: 4px;
  margin-top: 24px;
}

.subpage.campaign .campaign-tab-btn:hover {
  color: var(--green);
  text-decoration: none;
}

.subpage.campaign .campaign-tab-btn.active {
  color: var(--green);
  font-weight: 600;
}

.subpage.campaign .campaign-tab-btn.active::after {
  background-color: var(--green);
}

.subpage.campaign .archive-campaign-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.subpage.campaign .archive-campaign-btn:hover {
  color: var(--yellow);
  text-decoration: none;
  gap: 14px;
}

@media (max-width: 990px) {
  .subpage.campaign .archive-campaign-btn {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #efeff3;
  }
}

.subpage.campaign .search-campaign-input-wrapper label.error {
  color: var(--red);
  margin-top: 6px;
  position: absolute;
  top: 100%;
  left: 0;
}

.subpage.campaign .campaign-item {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.subpage.campaign .campaign-item__top {
  height: 100%;
}

.subpage.campaign .campaign-item .img-wrap {
  display: block;
  position: relative;
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
}

.subpage.campaign .campaign-item .img-wrap img {
  width: 100%;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.subpage.campaign .campaign-item .img-wrap .time-badge {
  background-color: var(--yellow);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding: 7px 10px;
  border-radius: 12px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 2;
}

@media (max-width: 990px) {
  .subpage.campaign .campaign-item .img-wrap {
    margin-bottom: 16px;
  }
}

.subpage.campaign .campaign-item h3 {
  color: var(--black);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 16px;
  padding-top: 0;
}

.subpage.campaign .campaign-item h3 a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

@media (max-width: 990px) {
  .subpage.campaign .campaign-item h3 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .subpage.campaign .campaign-item h3 {
    height: auto;
  }
}

.subpage.campaign .campaign-item .description {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.subpage.campaign .campaign-item .description > * {
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .subpage.campaign .campaign-item .description {
    height: auto;
  }
}

.subpage.campaign .campaign-item .date {
  color: var(--gray88);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 24px;
}

@media (max-width: 990px) {
  .subpage.campaign .campaign-item .date {
    margin-bottom: 16px;
  }
}

@media (max-width: 767px) {
  .subpage.campaign .campaign-item .date {
    margin-bottom: 10px;
  }
}

.subpage.campaign .campaign-item a.text-warning {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
}

.subpage.campaign .campaign-item a.text-warning i {
  font-size: 10px;
}

.subpage.campaign .campaign-item:hover .img-wrap img {
  -webkit-transform: scale(1.06);
      -ms-transform: scale(1.06);
          transform: scale(1.06);
}

.subpage.campaign .campaign-item:hover h3 {
  color: var(--primary);
}

.subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) {
  margin-bottom: 32px;
}

@media (max-width: 990px) {
  .subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) {
    margin-bottom: 24px;
  }
}

.subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li {
  padding-left: 24px;
  position: relative;
}

.subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li:not(:last-child) {
  margin-bottom: 12px;
}

.subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li:before {
  content: '';
  position: absolute;
  border-radius: 2px;
  width: 8px;
  height: 8px;
  background-color: var(--yellow);
  top: 13px;
  left: 0;
}

[dir="rtl"] .subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li {
  padding-right: 24px;
  padding-left: 0px;
}

[dir="rtl"] .subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li::before {
  left: auto;
  right: 0;
}

.subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li ul {
  margin-top: 10px;
  margin-bottom: 0px;
}

.subpage ul:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li ul li::before {
  background-color: var(--white);
  border: 2px solid var(--yellow);
  border-radius: 100%;
}

.subpage ul.circle:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li {
  padding-left: 24px;
  position: relative;
  margin-bottom: 16px;
}

@media (max-width: 990px) {
  .subpage ul.circle:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li {
    font-size: 16px;
  }
}

.subpage ul.circle:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li:before {
  content: '';
  background-color: var(--white);
  position: absolute;
  border-radius: 2px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--gray95);
  border-radius: 50%;
  left: 0;
  top: 16px;
}

[dir="rtl"] .subpage ul.circle:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li {
  padding-right: 24px;
  padding-left: 0px;
}

[dir="rtl"] .subpage ul.circle:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) li::before {
  left: auto;
  right: 0;
}

.subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) {
  counter-reset: decimal;
}

.subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li {
  padding-left: 60px;
  position: relative;
  margin-bottom: 40px;
  line-height: 37px;
}

@media (max-width: 990px) {
  .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li {
    font-size: 16px;
    padding-left: 42px;
    line-height: 24px;
    margin-bottom: 23px;
  }
}

.subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li:before {
  counter-increment: decimal;
  content: counter(decimal);
  position: absolute;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  font-size: 17px;
  font-weight: 700;
  border: 2px solid var(--yellow);
  left: 0;
  top: -2px;
  line-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 990px) {
  .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li:before {
    width: 32px;
    height: 32px;
    line-height: 30px;
  }
}

[dir="rtl"] .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li {
  padding-right: 60px;
  padding-left: 0px;
}

[dir="rtl"] .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li::before {
  left: auto;
  right: 0;
}

@media (max-width: 990px) {
  [dir="rtl"] .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li {
    padding-right: 0px;
    padding-right: 42px;
  }
}

.subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li ul {
  counter-reset: decimal;
}

.subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li ul li {
  font-size: 16px;
  margin-bottom: 8px;
  position: relative;
  padding-left: 24px;
  line-height: 32px;
}

@media (max-width: 990px) {
  .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
  }
}

.subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li ul li:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  border: 2px solid var(--gray95);
  left: 0;
  top: 16px;
}

[dir="rtl"] .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li ul li {
  padding-right: 24px;
  padding-left: 0px;
}

[dir="rtl"] .subpage ul.decimal:not(.nav):not(.select2-results__options):not(.list-style-none):not(.t-foot ul):not(.modal-note ul) > li ul li::before {
  left: auto;
  right: 0;
}

.subpage ol:not(.nav):not(.list-style-none) {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 48px;
  counter-reset: ol;
}

[dir="rtl"] .subpage ol:not(.nav):not(.list-style-none) {
  padding-right: 24px;
  padding-left: 0px;
}

@media (max-width: 990px) {
  .subpage ol:not(.nav):not(.list-style-none) {
    margin-bottom: 30px;
  }
}

.subpage ol:not(.nav):not(.list-style-none) li {
  counter-increment: ol;
  position: relative;
  padding-left: 44px;
}

[dir="rtl"] .subpage ol:not(.nav):not(.list-style-none) li {
  padding-left: 0;
  padding-right: 44px;
}

.subpage ol:not(.nav):not(.list-style-none) li::before {
  content: counter(ol);
  color: #292D32;
  font-size: 15px;
  font-weight: 700;
  width: 32px;
  height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 2px solid var(--yellow);
  border-radius: 100%;
  margin-right: 12px;
  position: absolute;
  left: 0px;
}

[dir="rtl"] .subpage ol:not(.nav):not(.list-style-none) li::before {
  right: -20px;
  left: auto;
  margin-left: 12px;
  margin-right: 0;
}

@media (min-width: 991px) {
  .subpage ol:not(.nav):not(.list-style-none) li {
    padding-left: 60px;
  }
  .subpage ol:not(.nav):not(.list-style-none) li::before {
    font-size: 17px;
    width: 48px;
    height: 48px;
    top: -5px;
  }
}

.subpage ol:not(.nav):not(.list-style-none) li + li {
  margin-top: 23px;
}

@media (min-width: 991px) {
  .subpage ol:not(.nav):not(.list-style-none) li + li {
    margin-top: 34px;
  }
}

.subpage.cards .card-tab-btn {
  color: var(--black);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
  padding-bottom: 24px;
}

.subpage.cards .card-tab-btn:hover {
  color: var(--primary);
  text-decoration: none;
}

.subpage.cards .card-tab-btn.active {
  color: var(--primary);
  font-weight: 600;
  position: relative;
}

.subpage.cards .card-tab-btn.active::after {
  content: '';
  background-color: var(--primary);
  width: 100%;
  height: 3px;
  border-radius: 4px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}

.subpage.cards .card-tab-btn-row {
  border-bottom: 3px solid #EAEAEA;
  border-radius: 4px;
}

.subpage.cards .card-item {
  margin-bottom: 32px;
}

@media (min-width: 991px) {
  .subpage.cards .card-item {
    margin-bottom: 56px;
  }
}

.subpage.cards .card-item .img-wrap {
  border-radius: 16px;
  overflow: hidden;
}

.subpage.cards .card-item h4 {
  margin-top: 26px;
  margin-bottom: 16px;
}

.subpage.cards .card-item h4 a {
  font-size: 20px;
  font-weight: 600;
  line-height: normal;
}

@media (min-width: 991px) {
  .subpage.cards .card-item h4 a {
    font-size: 24px;
    line-height: 32px;
  }
}

.subpage.cards .card-item .description {
  font-size: 14px;
  line-height: 24px;
}

@media (min-width: 991px) {
  .subpage.cards .card-item .description {
    font-size: 16px;
    line-height: 27px;
  }
}

.subpage.cards .card-item .description p {
  margin-bottom: 16px;
  min-height: 48px;
}

.subpage.cards .card-item .text-warning {
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  position: relative;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.subpage.cards .card-item .text-warning i::before {
  color: inherit;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

@media (min-width: 991px) {
  .subpage.cards .card-item .text-warning {
    font-size: 16px;
    line-height: 27px;
  }
}

.subpage.cards .card-item .text-warning::after {
  content: '';
  background-color: var(--black);
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-transition: width .2s ease-in-out;
  -o-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}

.subpage.cards .card-item .text-warning:hover {
  color: var(--black) !important;
}

.subpage.cards .card-item .text-warning:hover::after {
  width: 100%;
}

.subpage.cards .card-sticky-titles-header {
  width: 100%;
  padding-block: 15px;
  -webkit-box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 2px 37px 0px rgba(0, 0, 0, 0.05);
  position: fixed;
  top: -1rem;
  left: 0;
  z-index: 5001;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.subpage.cards .card-sticky-titles-header.active {
  top: 0px;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.subpage.cards .card-sticky-titles-header .title-wrap {
  gap: 12px;
}

.subpage.cards .card-sticky-titles-header .title-wrap picture {
  width: 77px;
  height: 49px;
  border-radius: 5px;
  overflow: hidden;
}

.subpage.cards .card-sticky-titles-header .title-wrap picture img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.subpage.cards .card-sticky-titles-header .title-wrap .title {
  color: var(--black);
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.subpage.cards .comparison-list-sticky {
  background: var(--white);
  border-radius: 24px 24px 0px 0px;
  border: 1px solid rgba(110, 121, 123, 0.2);
  -webkit-box-shadow: 3px 0px 36px 0px rgba(0, 0, 0, 0.14);
          box-shadow: 3px 0px 36px 0px rgba(0, 0, 0, 0.14);
  width: 100%;
  padding-block: 16px;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
}

@media (max-width: 990px) {
  .subpage.cards .comparison-list-sticky > .container-xl {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .subpage.cards .comparison-list-sticky > .container-xl > .btn {
    width: 100%;
  }
}

.subpage.cards .comparison-list-sticky .added-from-list {
  width: calc(100% - 250px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

.subpage.cards .comparison-list-sticky .added-from-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.subpage.cards .comparison-list-sticky .added-from-list::-webkit-scrollbar-thumb {
  background: var(--grayb8);
  border-radius: 60px;
}

.subpage.cards .comparison-list-sticky .added-from-list::-webkit-scrollbar-track {
  background: transparent;
}

.subpage.cards .comparison-list-sticky .added-from-list {
  scrollbar-face-color: var(--grayb8);
  scrollbar-track-color: transparent;
}

@media (max-width: 990px) {
  .subpage.cards .comparison-list-sticky .added-from-list {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 15px;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    margin-bottom: 15px;
    max-height: 186px;
    overflow: hidden auto;
  }
}

.subpage.cards .comparison-list-sticky .comparison-btn {
  padding: 11px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.subpage.cards .comparison-list-sticky .item {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  padding-right: 30px;
  border-right: 1px solid var(--grayee);
}

@media (max-width: 990px) {
  .subpage.cards .comparison-list-sticky .item {
    padding-right: 0;
    padding-bottom: 15px;
    border-right: 0;
    border-bottom: 1px solid var(--grayee);
  }
}

.subpage.cards .comparison-list-sticky .item img {
  width: 96px;
  height: auto;
  display: block;
  border-radius: 3px;
}

.subpage.cards .comparison-list-sticky .item .content {
  line-height: 1;
}

.subpage.cards .comparison-list-sticky .item .content .title {
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 14px;
}

.subpage.cards .comparison-list-sticky .item .content .a-btn {
  font-size: 13px;
  text-decoration: none;
}

.subpage.cards .comparison-list-sticky .item .content .a-btn > i {
  margin-left: 8px;
  pointer-events: none;
}

.subpage.cards .comparison-list-sticky .item.empty-item img {
  height: 61px;
  border-radius: 3px;
  border: 1px dashed rgba(136, 136, 136, 0.4);
  background: rgba(217, 217, 217, 0.1);
}

.subpage.cards .comparison-list-sticky .item.empty-item .content .title {
  color: rgba(0, 0, 0, 0.2);
}

@media (max-width: 767px) {
  .subpage.cards .cards-detail-info .swiperCard .swiper-slide {
    width: 163px;
  }
}

.subpage.cards .cards-detail-info .swiperCard .swiper-controller-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  bottom: 0;
}

.subpage.cards .cards-detail-info .card-top .card-img {
  aspect-ratio: 355 / 233;
  border-radius: 16px;
  overflow: hidden;
}

.subpage.cards .cards-detail-info .card-top .card-img.add-card-btn {
  background: rgba(217, 217, 217, 0.15);
  font-size: 24px;
  font-weight: 600;
  border: 1px dashed rgba(136, 136, 136, 0.5);
  cursor: pointer;
}

.subpage.cards .cards-detail-info .card-top .title {
  color: var(--black);
  font-weight: 600;
  margin-top: 16px;
  margin-bottom: 0px;
}

@media screen and (min-width: 769px) {
  .subpage.cards .cards-detail-info .card-top .title {
    min-height: 0 !important;
  }
}

.subpage.cards .cards-detail-info .card-top .features {
  margin-top: 16px;
}

.subpage.cards .cards-detail-info .card-top .features > .row:not(:last-child) {
  margin-bottom: 6px;
}

.subpage.cards .cards-detail-info .card-top .features .col-5 {
  color: var(--gray88);
  font-size: 12px;
  font-weight: 600;
  line-height: 21px;
  text-transform: uppercase;
}

.subpage.cards .cards-detail-info .card-top .features .col-7 {
  color: var(--black0d);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

.subpage.cards .cards-detail-info .card-top a.btn {
  margin-top: 24px;
  margin-bottom: 16px;
  padding-block: 11px;
}

@media (max-width: 767px) {
  .subpage.cards .cards-detail-info .card-top a.btn {
    margin-bottom: 24px;
  }
}

.subpage.cards .cards-detail-info .card-top a.remove-list-btn {
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.subpage.cards .cards-detail-info .card-top a.remove-list-btn i {
  padding-left: 1px;
}

.subpage.cards .cards-detail-info .card-top a.remove-list-btn i::before {
  color: inherit;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  pointer-events: none;
}

.subpage.cards .cards-detail-info .card-top a.remove-list-btn::after {
  content: '';
  background-color: var(--black);
  width: 0;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-transition: width .2s ease-in-out;
  -o-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}

.subpage.cards .cards-detail-info .card-top a.remove-list-btn:hover {
  color: var(--black) !important;
  text-decoration: none;
}

.subpage.cards .cards-detail-info .card-top a.remove-list-btn:hover::after {
  width: 100%;
}

.subpage.cards .cards-detail-info .card-comparison-html {
  margin-top: 24px;
}

@media (min-width: 991px) {
  .subpage.cards .cards-detail-info .card-comparison-html {
    margin-top: 48px;
  }
}

.subpage.cards .cards-detail-info .card-sub-title {
  color: var(--primary);
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}

.subpage.cards .cards-detail-info .card-sub-title:not(:first-child) {
  margin-top: 17px;
}

.subpage.cards .cards-detail-info .card-detail-feature-list {
  line-height: normal;
}

.subpage.cards .cards-detail-info .card-detail-feature-list:not(:first-child) {
  display: none;
}

.subpage.cards .cards-detail-info .card-detail-feature-list > .row:not(:first-child) {
  margin-top: 24px;
}

.subpage.cards .cards-detail-info .card-detail-feature-list .feature-list-item--title {
  color: var(--gray88);
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 10px;
}

.subpage.cards .cards-detail-info .card-detail-feature-list .feature-list-item--value {
  color: var(--black0d);
  font-size: 14px;
  background-color: var(--grayee);
  text-align: center;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
}

.subpage.cards .cards-detail-info .card-detail-feature-list .feature-list-item--value .support-info {
  font-size: 18px;
  line-height: 21px;
}

.subpage.cards .cards-detail-info .card-detail-feature-list .feature-list-item--value .support-info > i::before {
  color: inherit;
}

.subpage .announcement-item {
  margin-bottom: 24px;
}

.subpage .announcement-item:not(:last-child) {
  border-bottom: 1px solid var(--grayee);
  padding-bottom: 24px;
}

.subpage .announcement-item--title {
  font-size: 20px;
  line-height: 30px;
}

.subpage .announcement-item--date {
  color: var(--gray88);
  font-size: 16px;
  line-height: 24px;
  margin-block: 16px;
}

.subpage .announcement-item--description {
  color: var(--black);
  font-size: 20px;
  line-height: 30px;
}

.subpage.partnership-schema .subpage-header {
  background: -o-linear-gradient(240.39deg, #16A086 -6.42%, #16A086 7.82%, #2C7AA1 89.64%);
  background: linear-gradient(209.61deg, #16A086 -6.42%, #16A086 7.82%, #2C7AA1 89.64%);
}

@media (min-width: 991px) {
  .subpage.partnership-schema .subpage-content > section:first-child {
    background-color: var(--grayf5);
    padding-block: 0px !important;
  }
}

.share-buttons {
  gap: 24px;
  margin-top: 5px;
}

.share-buttons a {
  font-size: 24px;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
}

.share-buttons a:hover {
  color: var(--primary);
  text-decoration: none;
}

.logo-box {
  margin-bottom: 32px;
}

@media (min-width: 991px) {
  .logo-box {
    margin-bottom: 72px;
  }
}

.logo-box .logo-title {
  color: var(--black);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}

.logo-box .logo-links {
  margin-top: 16px;
  gap: 10px;
}

.logo-box .logo-links a {
  color: var(--gray88) !important;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  text-decoration: none !important;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.logo-box .logo-links a:hover {
  color: var(--primary) !important;
  text-decoration: none;
}

.agreement-box:not(:last-child) {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 20px;
}

.agreement-box--politics:not(:last-child) {
  margin-bottom: 0;
}

.agreement-box--politics .item {
  padding: 20px 0;
}

.agreement-box .item.with-border {
  padding-bottom: 20px;
  position: relative;
}

.agreement-box .item.with-border::after {
  content: '';
  background-color: var(--yellow);
  width: 24px;
  height: 4px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.agreement-box .item .title {
  color: var(--black);
  font-size: 20px;
  line-height: 30px;
}

.agreement-box .item .btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 26px;
}

.agreement-box .item .btns a {
  color: var(--primary);
  font-size: 32px;
  position: relative;
}

.agreement-box .item .btns a i, .agreement-box .item .btns a img, .agreement-box .item .btns a::after {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.agreement-box .item .btns a i, .agreement-box .item .btns a img {
  position: relative;
  top: 0;
}

.agreement-box .item .btns a img {
  min-width: 24px;
  display: block;
  margin-top: 4px;
}

.agreement-box .item .btns a::after {
  content: '';
  background-color: var(--primary);
  width: 7px;
  height: 7px;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
}

.agreement-box .item .btns a:hover {
  text-decoration: none;
}

.agreement-box .item .btns a:hover i, .agreement-box .item .btns a:hover img {
  top: -5px;
}

.agreement-box .item .btns a:hover::after {
  bottom: -7px;
  opacity: 1;
}

.agreement-box .item-date {
  color: var(--gray88);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin: 24px 0;
}

.campaign-detail .subpage-header .page-title {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .campaign-detail .subpage-header .page-title {
    font-size: 3.125rem;
  }
}

@media (min-width: 991px) {
  .campaign-detail .subpage-content .col-lg-auto {
    width: 285px;
    -ms-flex-preferred-size: 285px;
        flex-basis: 285px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.campaign-detail .subpage-content .campaign-date {
  background-color: var(--grayf5);
  color: var(--black0d);
  font-size: 16px;
  line-height: 26px;
  padding: 32px;
  border-radius: 16px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 24px;
}

@media (max-width: 990px) {
  .campaign-detail .subpage-content .campaign-date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    row-gap: 0;
    padding: 24px 12px;
    font-size: 14px;
  }
  .campaign-detail .subpage-content .campaign-date > div {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding-right: 12px;
    padding-left: 12px;
  }
  .campaign-detail .subpage-content .campaign-date > div:last-child {
    border-left: 1px solid var(--grayef);
  }
}

.campaign-detail .subpage-content .campaign-date strong {
  color: var(--green);
  font-weight: 600;
  margin-bottom: 8px;
}

.campaign-detail .subpage-content .campaign-date ul li a {
  color: #000;
  font-size: 20px;
}

.campaign-detail .subpage-content .campaign-time-end {
  color: #FF3B30;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  gap: 10px;
  margin-top: 10px;
}

.member-box picture {
  background-color: #F8F8F6;
  aspect-ratio: auto 350 / 231;
  border-radius: 16px;
  overflow: hidden;
}

.member-box picture img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.member-box .name {
  color: var(--black);
  font-size: 24px;
  line-height: 32px;
  margin-top: 24px;
}

.member-box .title {
  color: var(--black);
  font-size: 16px;
  margin-top: 16px;
}

.member-box .social-media-links {
  background-color: var(--grayf5);
  padding: 12px 16px;
  border-radius: 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 24px;
  margin-top: 30px;
}

.member-box .social-media-links a {
  color: var(--primary);
  font-size: 15px;
  text-decoration: none;
}

.solution-rule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.solution-rule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.solution-rule-item--box {
  background-color: var(--grayf7);
  padding: 36px 24px;
  border-radius: 40px;
  width: 265px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.solution-rule-item--box .icon {
  background-color: var(--white);
  width: 96px;
  height: 96px;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.solution-rule-item--box .text {
  color: var(--black0d);
  font-size: 14px;
  line-height: 21px;
  text-align: center;
  margin-top: 16px;
}

.solution-rule-item:last-child .solution-rule-item--box {
  background: rgba(22, 160, 134, 0.08);
}

@media (min-width: 991px) {
  .solution-rule-item {
    width: 50%;
  }
  .solution-rule-item:not(:first-child) {
    margin-top: -60px;
  }
  [dir="ltr"] .solution-rule-item.justify-content-center {
    margin-left: 25%;
  }
  [dir="rtl"] .solution-rule-item.justify-content-center {
    margin-right: 25%;
  }
  [dir="ltr"] .solution-rule-item.justify-content-end {
    margin-left: 50%;
  }
  [dir="rtl"] .solution-rule-item.justify-content-end {
    margin-right: 50%;
  }
  .solution-rule-item::after {
    content: '';
    width: 40%;
    height: 33px;
    position: absolute;
    margin-top: 16px;
  }
}

@media (min-width: 991px) and (min-width: 1200px) {
  .solution-rule-item::after {
    width: calc(50% - 16px);
  }
}

@media (min-width: 991px) {
  .solution-rule-item:nth-child(1)::after, .solution-rule-item:nth-child(5)::after {
    height: 41px;
    border-bottom: 1px dashed var(--primary);
    top: 100%;
  }
  [dir="ltr"] .solution-rule-item:nth-child(1)::after, [dir="ltr"] .solution-rule-item:nth-child(5)::after {
    left: calc(256px / 2);
    border-left: 1px dashed var(--primary);
    border-bottom-left-radius: 20px;
  }
  [dir="rtl"] .solution-rule-item:nth-child(1)::after, [dir="rtl"] .solution-rule-item:nth-child(5)::after {
    right: calc(256px / 2);
    border-right: 1px dashed var(--primary);
    border-bottom-right-radius: 20px;
  }
  .solution-rule-item:nth-child(2)::after, .solution-rule-item:nth-child(6)::after {
    border-top: 1px dashed var(--primary);
    top: 44.5%;
    left: 83.5%;
  }
}

@media (min-width: 991px) and (min-width: 1200px) {
  [dir="ltr"] .solution-rule-item:nth-child(2)::after, [dir="ltr"] .solution-rule-item:nth-child(6)::after {
    left: calc(100% - 110px);
    border-right: 1px dashed var(--primary);
    border-top-right-radius: 20px;
  }
  [dir="rtl"] .solution-rule-item:nth-child(2)::after, [dir="rtl"] .solution-rule-item:nth-child(6)::after {
    right: calc(100% - 110px);
    border-left: 1px dashed var(--primary);
    border-top-left-radius: 20px;
  }
}

@media (min-width: 991px) {
  .solution-rule-item:nth-child(3)::after {
    border-bottom: 1px dashed var(--primary);
    top: 100%;
  }
  [dir="ltr"] .solution-rule-item:nth-child(3)::after {
    right: calc(256px / 2);
    border-right: 1px dashed var(--primary);
    border-bottom-right-radius: 20px;
  }
  [dir="rtl"] .solution-rule-item:nth-child(3)::after {
    left: calc(256px / 2);
    border-left: 1px dashed var(--primary);
    border-bottom-left-radius: 20px;
  }
  .solution-rule-item:nth-child(4)::after {
    height: 41px;
    border-top: 1px dashed var(--primary);
    top: 44.5%;
  }
  [dir="ltr"] .solution-rule-item:nth-child(4)::after {
    right: 83.5%;
    border-left: 1px dashed var(--primary);
    border-top-left-radius: 20px;
  }
  [dir="rtl"] .solution-rule-item:nth-child(4)::after {
    left: 83.5%;
    border-right: 1px dashed var(--primary);
    border-top-right-radius: 20px;
  }
}

@media (min-width: 991px) and (min-width: 1200px) {
  [dir="ltr"] .solution-rule-item:nth-child(4)::after {
    right: calc(100% - 110px);
  }
  [dir="rtl"] .solution-rule-item:nth-child(4)::after {
    left: calc(100% - 110px);
  }
}

@media (max-width: 990px) {
  .solution-rule-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }
  .solution-rule-item:not(:last-child)::after {
    content: '';
    height: 40px;
    display: block;
    border-left: 1px dashed var(--primary);
    margin: 4px auto;
  }
}

.partnership-chart-title {
  font-size: 32px;
  font-weight: 600;
  line-height: 38.40px;
  margin-bottom: 30px;
}

.partnership-chart-subtitle {
  font-size: 18px;
  font-weight: 400;
  line-height: 30.60px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.partnership-chart-subtitle .icon-arrow-right-square:before {
  color: var(--black);
}

.partnership-chart-container {
  display: grid;
  gap: 32px;
}

@media (min-width: 991px) {
  .partnership-chart-container {
    grid-template-columns: 1fr 1fr;
    position: relative;
    z-index: 2;
    top: -80px;
  }
}

.partnership-chart-container .chart-item {
  background: #FFFFFF;
  padding: 24px;
  border-radius: 24px;
  outline: 0px solid transparent;
  -webkit-transition: outline .2s ease-in-out;
  -o-transition: outline .2s ease-in-out;
  transition: outline .2s ease-in-out;
}

.partnership-chart-container .chart-item #partnership-chart {
  width: 335px;
  height: 335px;
}

@media (max-width: 550px) {
  .partnership-chart-container .chart-item #partnership-chart {
    width: 250px;
    height: 250px;
  }
}

.partnership-chart-container .percent-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

@media (min-width: 768px) {
  .partnership-chart-container .percent-item {
    display: grid;
  }
}

.partnership-chart-container .percent-item .chart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (min-width: 768px) {
  .partnership-chart-container .percent-item .chart-item:first-child {
    grid-column: 1 / span 2;
  }
}

.partnership-chart-container .percent-item .chart-item .title {
  color: var(--black);
  font-size: 18px;
  line-height: 24px;
}

.partnership-chart-container .percent-item .chart-item .rate {
  color: var(--black);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  margin-top: 16px;
}

.partnership-chart-container .percent-item .chart-item .rate::after {
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  border-radius: 24px;
  margin-top: 16px;
}

.partnership-chart-container .percent-item .chart-item .rate.green::after {
  background-color: #078A7A;
}

.partnership-chart-container .percent-item .chart-item .rate.blue::after {
  background-color: #0272AA;
}

.partnership-chart-container .percent-item .chart-item .rate.brown::after {
  background-color: #E8C770;
}

.partnership-chart-container .percent-item .chart-item .rate.gray::after {
  background-color: #7B8789;
}

.partnership-chart-container .percent-item .chart-item .rate.orange::after {
  background-color: #FF9500;
}

.partnership-chart-box {
  border-radius: 24px;
  padding: 40px 30px 40px 30px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.partnership-chart-box.green {
  background-color: rgba(7, 138, 122, 0.06);
}

.partnership-chart-box.green .title::after {
  background-color: #078A7A;
}

.partnership-chart-box.blue {
  background-color: rgba(2, 114, 170, 0.08);
}

.partnership-chart-box.blue .title::after {
  background-color: #0272AA;
}

.partnership-chart-box.brown {
  background-color: rgba(232, 199, 112, 0.15);
}

.partnership-chart-box.brown .title::after {
  background-color: #E8C770;
}

.partnership-chart-box.gray {
  background-color: rgba(123, 135, 137, 0.1);
}

.partnership-chart-box.gray .title::after {
  background-color: #7B8789;
}

.partnership-chart-box.orange {
  background-color: rgba(255, 149, 0, 0.1);
}

.partnership-chart-box.orange .title::after {
  background-color: #FF9500;
}

.partnership-chart-box .title {
  color: #0C1927;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  width: 100%;
}

.partnership-chart-box .title::after {
  content: '';
  width: 56%;
  height: 5px;
  display: block;
  margin-top: 32px;
  border-radius: 24px;
}

.partnership-chart-box .description {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  margin-top: 32px;
}

.partnership-chart-box > a {
  -ms-flex-item-align: end;
      align-self: flex-end;
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: underline;
  margin-top: 32px;
}

.vendorInformationPortalForm .table.mobile-full tbody tr td {
  position: relative;
  padding-left: 60px;
}

.vendorInformationPortalForm .table.mobile-full tbody tr td::before {
  font-weight: bold;
}

.vendorInformationPortalForm .table.mobile-full tbody tr td::after {
  font-weight: normal;
}

.vendorInformationPortalForm .table.mobile-full tbody tr td span {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 40px;
  text-indent: 0px;
}

.vendorInformationPortalForm .table.mobile-full tbody tr td span.icon-check {
  background-color: var(--green);
}

.vendorInformationPortalForm .table.mobile-full tbody tr td span.icon-time {
  background: var(--yellow);
}

.vendorInformationPortalForm .status-badge,
.vendorInformationPortalForm .status-cancel span {
  color: #FFF;
  font-size: 30px;
  text-align: center;
  width: 40px;
  height: 40px;
  display: block;
  border-radius: 100%;
}

.vendorInformationPortalForm .status-cancel span {
  background-color: var(--red);
  line-height: 32px;
  margin-right: 10px;
}

@media (min-width: 991px) {
  [data-module="GoldDays"] #gold-day-search-btn {
    line-height: 30px;
    height: 63px;
  }
}

[data-module="GoldDays"] #appointmentModal #appointmentModalLabel {
  font-size: 30px;
}

[data-module="GoldDays"] #appointmentModal .page-success, [data-module="GoldDays"] #appointmentModal .page-error {
  padding-top: 30px;
}

[data-module="GoldDays"] #appointmentModal .input-block {
  margin-bottom: 5px;
}

@media (max-width: 990px) {
  [data-module="VehicleFinancing"] .vehicle-states-inputs {
    padding-top: 6px !important;
  }
}

.icon-print {
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
}

.gold-branch-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #EEE;
  padding-bottom: 32px;
  margin-bottom: 32px;
}

@media (max-width: 990px) {
  .gold-branch-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
    row-gap: 24px;
  }
}

.gold-branch-item .logo-wrap {
  margin-right: 16px;
}

.gold-branch-item .logo-wrap .star {
  right: 0px;
  z-index: 2;
}

.gold-branch-item .branch-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5px;
}

.gold-branch-item .title {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
}

.gold-branch-item .telephone-info {
  color: var(--black);
  font-size: 16px;
  line-height: normal;
}

.gold-branch-item address, .gold-branch-item .address {
  color: #6E797B;
  font-size: 14px;
  line-height: 23px;
  margin: 0;
}

.gold-branch-item .btn-location {
  color: #0D1B2A;
  font-size: 14px;
  line-height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  margin-right: 24px;
}

@media (max-width: 767px) {
  .gold-branch-item .btn-location:last-of-type {
    margin-right: 0px;
  }
}

.gold-branch-item .btn-location i {
  font-size: 22px;
}

.gold-branch-item .btn-location:hover {
  color: var(--primary);
  text-decoration: none;
}

.gold-branch-item .btns {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 991px) {
  .gold-branch-item .btns .btn-outline-secondary {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

@media (max-width: 767px) {
  .gold-branch-item .btns .btn-outline-secondary {
    width: 100%;
    margin-top: 24px;
  }
}

.search-page .search-label {
  color: var(--black);
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 16px;
}

@media (min-width: 991px) {
  .search-page .search-label {
    font-size: 16px;
    margin-bottom: 18px;
  }
}

.search-page .search-box {
  position: relative;
}

.search-page .search-box input {
  color: var(--black0d);
  font-size: 16px;
  height: 79px;
  padding-left: 64px;
  padding-right: 100px;
  border-radius: 21px;
  border: 1px solid #EFEFF4;
}

@media (min-width: 991px) {
  .search-page .search-box input {
    font-size: 18px;
  }
}

.search-page .search-box .icon-search {
  color: var(--black);
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.search-page .search-box .search-btn {
  line-height: 25px;
  position: absolute;
  top: 50%;
  right: 11px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

.search-page .found-text {
  color: var(--gray88);
  font-size: 12px;
  line-height: 20 px;
  margin-top: 16px;
  margin-bottom: 28px;
}

@media (min-width: 991px) {
  .search-page .found-text {
    font-size: 16px;
    line-height: 27px;
    margin-top: 18px;
    margin-bottom: 45px;
  }
}

.search-page .search-categories {
  padding: 24px;
  border: 1px solid var(--primary);
  border-radius: 12px;
}

@media (min-width: 991px) {
  .search-page .search-categories {
    margin-left: 15px;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
  }
}

@media (min-width: 991px) {
  .search-page .search-categories-wrap {
    width: 349px;
  }
}

.search-page .search-categories--title {
  color: var(--primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 2, 0.1);
}

.search-page .search-categories--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

.search-page .search-categories--list > a {
  font-size: 14px;
  font-weight: 300;
  line-height: 27px;
}

.search-page .search-categories--list > a:hover {
  font-weight: 400;
}

.search-page .search-categories--list > a.active {
  font-weight: 600;
}

.search-page .search-categories--list > a:hover, .search-page .search-categories--list > a.active {
  color: var(--primary);
  text-decoration: none;
}

@media (min-width: 991px) {
  .search-page .search-categories--list > a {
    font-size: 16px;
  }
}

.search-page .search-categories--select + .select2 {
  height: 63px;
}

.search-page .search-categories--select + .select2 .select2-selection__rendered {
  padding: 16px 24px;
}

.search-page .search-item:not(:last-child) {
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--grayee);
}

.search-page .search-item--title a {
  color: var(--primary);
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  display: block;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

@media (min-width: 991px) {
  .search-page .search-item--title a {
    font-size: 20px;
    line-height: 24px;
  }
}

.search-page .search-item--url {
  color: var(--gray88);
  font-size: 14px;
  line-height: 27px;
  display: block;
  margin-top: 4px;
}

@media (min-width: 991px) {
  .search-page .search-item--url {
    font-size: 16px;
    line-height: 24px;
  }
}

.search-page .search-item--content {
  color: var(--black);
  font-size: 16px;
  line-height: normal;
  margin-top: 4px;
}

@media (min-width: 991px) {
  .search-page .search-item--content {
    font-size: 20px;
  }
}

.search-page .search-item:hover .search-item--title a {
  color: var(--yellow);
  text-decoration: none;
}

.page-success, .page-error {
  width: 100%;
  max-width: 560px;
  text-align: center;
  margin-inline: auto;
  margin-block: 0 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.page-success .icon, .page-error .icon {
  color: var(--white);
  width: 88px;
  height: 88px;
  border-radius: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 991px) {
  .page-success .icon, .page-error .icon {
    width: 100px;
    height: 100px;
  }
}

.page-success h2, .page-success p, .page-success .btn, .page-error h2, .page-error p, .page-error .btn {
  margin: 0;
}

.page-success .icon {
  background-color: var(--primary);
}

.page-error .icon {
  background-color: var(--red);
}

.finance-portal .subpage-content > .section.gray {
  padding-block: 30px 7px;
}

@media (min-width: 991px) {
  .finance-portal .subpage-content > .section.gray {
    padding-top: 36px;
  }
}

.finance-portal .rate-slider-wrapper {
  margin-top: 24px;
  position: relative;
  min-height: 138px;
  display: block !important;
}

@media (min-width: 991px) {
  .finance-portal .rate-slider-wrapper {
    margin-top: 40px;
  }
}

@media (min-width: 991px) {
  .finance-portal .rate-slider-wrapper .swiper {
    width: calc(100% - 73px);
    margin-inline: auto;
  }
}

.finance-portal .rate-slider-wrapper .swiper:not(.swiper-initialized) .finance-market-box {
  margin-right: 7px;
}

.finance-portal .rate-slider-wrapper .swiper .swiper-slide {
  width: 203px;
}

.finance-portal .rate-slider-wrapper .rate-slider-next,
.finance-portal .rate-slider-wrapper .rate-slider-prev {
  background-color: rgba(255, 255, 255, 0.43);
  width: 27px;
  height: 100%;
  border-radius: 10px;
  position: absolute;
  top: 0;
  z-index: 4;
}

.finance-portal .rate-slider-wrapper .rate-slider-prev {
  left: 0;
}

.finance-portal .rate-slider-wrapper .rate-slider-next {
  right: 0;
}

.finance-portal .rate-slider-wrapper .swiper-button-disabled {
  opacity: 0.3;
}

.finance-portal .rate-slider-wrapper .swiper-controller-wrapper {
  bottom: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.finance-portal .finance-market-box {
  background-color: var(--white);
  color: var(--black0d);
  padding: 24px 16px;
  border-radius: 16px;
}

.finance-portal .finance-market-box .market-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(101, 109, 119, 0.1);
}

.finance-portal .finance-market-box .market-top .title {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
}

.finance-portal .finance-market-box .market-top .up-down {
  font-weight: 600;
  font-size: 14px;
  line-height: 21px;
  text-align: right;
  padding-right: 11px;
  position: relative;
}

.finance-portal .finance-market-box .market-top .up-down::after {
  content: '';
  width: 4.83px;
  height: 4.83px;
  -webkit-transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0) translateY(-50%);
      -ms-transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0) translateY(-50%);
          transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 0;
}

.finance-portal .finance-market-box .market-top .up-down.up {
  color: var(--primary);
}

.finance-portal .finance-market-box .market-top .up-down.up:after {
  border-top: 1.5px solid var(--primary);
  border-right: 1.5px solid var(--primary);
}

.finance-portal .finance-market-box .market-top .up-down.down {
  color: var(--red);
}

.finance-portal .finance-market-box .market-top .up-down.down:after {
  border-bottom: 1.5px solid var(--red);
  border-left: 1.5px solid var(--red);
}

.finance-portal .finance-market-box .market-bottom {
  padding-top: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 767px) {
  .finance-portal .finance-market-box .market-bottom {
    padding-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.finance-portal .finance-market-box .market-bottom .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (max-width: 767px) {
  .finance-portal .finance-market-box .market-bottom .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 4px;
  }
}

.finance-portal .finance-market-box .market-bottom .item .title-small {
  color: var(--gray88);
  font-size: 11px;
  line-height: 1;
  margin-bottom: 6px;
}

@media (max-width: 767px) {
  .finance-portal .finance-market-box .market-bottom .item .title-small {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 0;
  }
}

.finance-portal .finance-market-box .market-bottom .item .value {
  color: var(--black0d);
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.finance-portal .tools-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 30px;
}

@media (max-width: 990px) {
  .finance-portal .tools-list {
    padding-inline: 0px;
  }
}

@media (max-width: 990px) {
  .finance-portal .tools-list.economic-bulletins-box {
    padding: 0 20px;
  }
}

.finance-portal .tools-list .tools-item {
  margin-bottom: 40px;
}

.finance-portal .tools-list .tools-item-title {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  padding-top: 0;
}

@media (min-width: 991px) {
  .finance-portal .tools-list .tools-item-title {
    margin-bottom: 24px;
  }
}

@media (max-width: 990px) {
  .finance-portal .tools-list .tools-item-title {
    padding: 0 20px;
  }
}

.finance-portal .tools-list .tools-item .box, .finance-portal .tools-list .tools-item .tab-content {
  background-color: var(--white);
  border-radius: 16px;
}

@media (max-width: 990px) {
  .finance-portal .tools-list .tools-item .box, .finance-portal .tools-list .tools-item .tab-content {
    border-radius: 0;
  }
}

.finance-portal .tools-list .tools-item .box {
  padding: 16px;
}

.finance-portal .tools-list .tools-item .box.p24 {
  padding: 24px 20px;
}

@media (min-width: 991px) {
  .finance-portal .tools-list .tools-item .box.p24 {
    padding: 24px;
  }
}

.finance-portal .tools-list .tools-item .tab-content {
  padding: 32px 20px;
}

@media (min-width: 991px) {
  .finance-portal .tools-list .tools-item .tab-content {
    padding: 32px;
  }
}

.finance-portal .tools-list .tools-item .table-responsive + ul {
  border-top: 1px solid #EEEEEE;
  padding-top: 16px;
  margin-bottom: 0 !important;
}

.finance-portal .tools-list .tools-item .table-responsive + ul li {
  font-size: 14px;
  line-height: 23px;
}

.finance-portal .tools-list .tools-item .table-responsive + ul li::before {
  top: 8.5px !important;
}

@media (min-width: 991px) {
  .finance-portal .tools-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .finance-portal .tools-list .tools-item__leftbar, .finance-portal .tools-list .tools-item__rightbar {
    max-width: calc(50% - 15px);
    -ms-flex-preferred-size: calc(50% - 15px);
        flex-basis: calc(50% - 15px);
  }
}

.finance-portal .btn-group {
  border-radius: 0px;
}

.finance-portal .btn-group > .btn-group:not(:first-child),
.finance-portal .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: 4px;
}

.finance-portal .btn-group .btn-check + .btn {
  --bs-btn-color: var(--black0d);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  padding: 6px 12px;
  border: 0px;
  border-radius: 8px !important;
}

.finance-portal .btn-group .btn-check + .btn:hover {
  --bs-btn-color: var(--primary);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
}

.finance-portal .btn-group .btn-check:checked + .btn {
  --bs-btn-active-color: var(--primary);
  --bs-btn-active-bg: #E8F5F3;
}

.finance-portal .currency-converter {
  position: relative;
  margin-top: 24px;
}

.finance-portal .currency-converter .change-currency-btn {
  width: 30px;
  height: 30px;
  border: 1.5px solid #292D32;
  border-radius: 100%;
  margin: 20px auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.finance-portal .currency-converter .change-currency-btn::before, .finance-portal .currency-converter .change-currency-btn::after {
  content: '';
  background-color: #D8D8DE;
  width: 1px;
  height: 8px;
  display: block;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.finance-portal .currency-converter .change-currency-btn::before {
  bottom: 100%;
  margin-bottom: 7px;
}

.finance-portal .currency-converter .change-currency-btn::after {
  top: 100%;
  margin-top: 7px;
}

.finance-portal .currency-converter .input-block {
  margin-bottom: 0px;
}

.finance-portal .currency-converter .input-block input {
  height: 60px;
  border-color: #D8D8DE;
}

.finance-portal .currency-converter .input-block .input-wrapper {
  z-index: 1;
}

.finance-portal .currency-converter .btns-row {
  margin-top: 16px;
}

.finance-portal .currency-converter .suffix {
  right: 0px;
}

@media (max-width: 990px) {
  .finance-portal .currency-converter .suffix {
    top: 30px;
  }
}

.finance-portal .economic-bulletins--item {
  background-color: rgba(22, 160, 134, 0.1);
  color: var(--black0d);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
  min-height: 80px;
  border-radius: 16px;
  padding: 24px;
  -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: color .2s ease-in-out, background-color .2s ease-in-out;
  transition: color .2s ease-in-out, background-color .2s ease-in-out;
}

.finance-portal .economic-bulletins--item:not(:first-child) {
  margin-top: 8px;
}

.finance-portal .economic-bulletins--item svg, .finance-portal .economic-bulletins--item svg > path {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.finance-portal .economic-bulletins--item:hover {
  background-color: var(--primary);
  color: var(--white);
  text-decoration: none;
}

.finance-portal .economic-bulletins--item:hover svg {
  fill: var(--white);
}

.finance-portal .economic-bulletins--item:hover svg path:nth-child(-n + 2), .finance-portal .economic-bulletins--item:hover svg path:nth-last-child(-n + 2) {
  stroke: var(--primary);
}

.finance-portal .economic-bulletins--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.finance-portal .economic-bulletins--content .title {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.finance-portal .economic-bulletins--content .date {
  font-size: 12px;
  line-height: 18px;
}

.finance-portal .economic-bulletins--banner {
  display: block;
  position: relative;
  text-decoration: none;
  margin-block: 48px;
}

@media (min-width: 991px) {
  .finance-portal .economic-bulletins--banner {
    margin-block: 40px;
  }
}

.finance-portal .economic-bulletins--banner picture, .finance-portal .economic-bulletins--banner img {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.finance-portal .economic-bulletins--banner .title {
  color: var(--white);
  font-size: 40px;
  font-weight: 600;
  line-height: 43px;
  position: absolute;
  top: 24px;
  left: 24px;
}

.finance-portal .economic-bulletins--banner .detail-info-text {
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  position: absolute;
  bottom: 24px;
  left: 24px;
}

.finance-portal .economic-bulletins--banner .detail-info-text .icon {
  font-size: 12px;
  -webkit-transition: margin-left .2s ease-in-out;
  -o-transition: margin-left .2s ease-in-out;
  transition: margin-left .2s ease-in-out;
}

.finance-portal .economic-bulletins--banner:hover img {
  -webkit-transform: scale(1.12);
      -ms-transform: scale(1.12);
          transform: scale(1.12);
}

.finance-portal .economic-bulletins--banner:hover .detail-info-text .icon {
  margin-left: 6px;
}

.finance-portal .economic-bulletins--description {
  font-size: 0.875rem;
  line-height: 23px;
}

.finance-portal .economic-bulletins--description p {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .finance-portal .economic-bulletins--description {
    font-size: 1rem;
    line-height: 27px;
  }
}

.sidebar-menu {
  padding: 24px;
  border: 1px solid var(--primary);
  border-radius: 12px;
}

.sidebar-menu details summary {
  color: var(--primary);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 2, 0.1);
  position: relative;
}

.sidebar-menu details summary::marker {
  content: '';
  display: none;
}

.sidebar-menu details summary > .icon {
  color: var(--black);
  font-size: 14px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  margin-top: -9px;
}

.sidebar-menu details summary + .sidebar-nav {
  margin-top: 20px;
}

.sidebar-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.sidebar-nav a {
  color: var(--black);
  font-size: 16px;
  line-height: 27px;
  text-decoration: none !important;
  padding: 14px 18px;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border: 1px solid var(--graye7);
  -webkit-transition: color .2s ease-in-out, border .2s ease-in-out;
  -o-transition: color .2s ease-in-out, border .2s ease-in-out;
  transition: color .2s ease-in-out, border .2s ease-in-out;
}

@media (min-width: 991px) {
  .sidebar-nav a {
    min-height: 81px;
  }
}

.sidebar-nav a .check {
  font-size: 20px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--gray88);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}

.sidebar-nav a:not(.active):hover {
  color: var(--primary);
  border-color: var(--primary);
}

.sidebar-nav a:not(.active):hover .check {
  border-color: var(--primary);
}

.sidebar-nav a.active {
  background: var(--grayf5);
  border-color: transparent;
}

.sidebar-nav a.active .check {
  background-color: var(--primary);
  border-color: transparent;
}

@media (max-width: 990px) {
  .sidebar-nav {
    padding-bottom: 4px;
    overflow: auto hidden;
  }
  .sidebar-nav::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  .sidebar-nav::-webkit-scrollbar-thumb {
    background: var(--gray88);
    border-radius: 60px;
  }
  .sidebar-nav::-webkit-scrollbar-track {
    background: var(--grayf7);
  }
  .sidebar-nav {
    scrollbar-face-color: var(--gray88);
    scrollbar-track-color: var(--grayf7);
  }
  .sidebar-nav ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .sidebar-nav a {
    white-space: nowrap;
    padding-block: 18px;
  }
  .sidebar-nav a .check {
    font-size: 16px;
    width: 24px;
    height: 24px;
  }
}

.subpage.contact .subpage-header {
  padding-bottom: 24px;
}

.subpage.contact .subpage-content > .section {
  padding-top: 0px;
}

.contact-page-information .acc:first-of-type {
  border-top: 0px;
}

.contact-page-information .acc-title > button {
  color: var(--primary);
  font-size: 18px;
  font-weight: 600;
  line-height: 27px;
}

@media (min-width: 991px) {
  .contact-page-information .acc-title > button {
    font-size: 24px;
    line-height: 29px;
    cursor: inherit !important;
  }
}

@media (min-width: 991px) {
  .contact-page-information .acc-title::after {
    content: '';
    display: none;
  }
}

.contact-page-information .acc-content {
  font-size: 0.875rem;
  line-height: 1.438rem;
  margin-top: 24px !important;
}

.contact-page-information .acc-content > .row {
  row-gap: 14px;
}

@media (min-width: 991px) {
  .contact-page-information .acc-content {
    font-size: 1rem;
    line-height: 1.688rem;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }
  .contact-page-information .acc-content > .row {
    row-gap: 24px;
  }
}

@media (min-width: 991px) {
  .contact-page-information .acc.active {
    border-bottom: 1px solid var(--grayef);
  }
}

@media (max-width: 767px) {
  .contact-page-information .acc {
    padding-bottom: 14px;
  }
  .contact-page-information .acc-content > .row .col-lg-6:not(:last-child) {
    border-bottom: 1px solid var(--grayef);
    padding-bottom: 14px;
  }
}

@media (min-width: 991px) {
  .product-and-fee > .input-block {
    margin-bottom: 48px;
  }
}

@media (min-width: 991px) {
  .product-and-fee .product-service-item .accordion-box > h4 {
    font-size: 32px;
    font-weight: 600;
    line-height: 38px;
    margin-bottom: 18px;
  }
}

.product-and-fee .product-service-item .accordion-box:not(:first-child) {
  margin-top: 48px;
}

.product-and-fee .product-service-item .acc:first-child {
  border-top: 0px;
}

.product-and-fee .product-service-item .acc:last-child {
  border-bottom: 1px solid var(--grayef);
}

.product-and-fee .product-service-item .acc > h6 {
  font-weight: 600 !important;
}

.product-and-fee .product-service-item .acc > h6::after {
  font-weight: 400 !important;
}

@media (min-width: 991px) {
  .product-and-fee .product-service-item .acc {
    padding-block: 30px;
  }
}

@media (min-width: 991px) {
  .currency-converter-calculator .input-block {
    margin-bottom: 24px;
  }
}

.currency-converter-calculator .btn-group {
  border-radius: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.currency-converter-calculator .btn-group:after {
  content: '';
  width: 100%;
  display: block;
  border-bottom: 3px solid var(--graye2);
  border-radius: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.currency-converter-calculator .btn-group > .btn-group:not(:first-child),
.currency-converter-calculator .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: 4px;
}

.currency-converter-calculator .btn-group .btn-check + .btn {
  --bs-btn-bg: var(--grayf5);
  --bs-btn-color: var(--black0d);
  border-radius: 8px !important;
  color: var(--black);
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  padding-inline: 45px;
  padding-bottom: 16px;
  border: none;
  position: relative;
  padding-right: 34px;
  background: transparent;
}

@media (min-width: 768px) {
  .currency-converter-calculator .btn-group .btn-check + .btn {
    padding: 12px 46px;
  }
}

.currency-converter-calculator .btn-group .btn-check + .btn:hover {
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: transparent;
}

.currency-converter-calculator .btn-group .btn-check:not(:checked) + .btn {
  background-color: transparent;
}

.currency-converter-calculator .btn-group .btn-check:checked + .btn {
  --bs-btn-active-color: var(--primary);
  --bs-btn-active-bg: #E8F5F3;
  color: var(--primary);
  font-weight: 600;
  background: transparent;
}

.currency-converter-calculator .btn-group .btn-check:checked + .btn:after {
  content: '';
  height: 3px;
  width: 100%;
  border-radius: 17px;
  background-color: var(--primary);
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 2;
}

.currency-converter-calculator .change-currency-btn {
  cursor: pointer;
}

@media (min-width: 768px) {
  .currency-converter-calculator .change-currency-btn {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .currency-converter-calculator .change-currency-btn {
    margin: 0 auto;
    position: relative;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

.currency-converter-calculator .calc-bottom-btns {
  gap: 6px;
}

@media (max-width: 375px) {
  .currency-converter-calculator .calc-bottom-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) {
  .currency-converter-calculator .calc-bottom-btns {
    max-width: calc(50% - 18px);
  }
}

@media (max-width: 990px) {
  .currency-converter-calculator .input-wrapper .select2-selection__rendered {
    padding-right: 20px;
  }
}

.currency-converter-calculator .input-wrapper > .select2-container {
  width: 100%;
  height: 0px;
  left: 0px !important;
}

@media (min-width: 375px) {
  .currency-converter-calculator .input-wrapper > .select2-container .select2-dropdown {
    width: 335px !important;
    left: auto;
    right: 0px !important;
  }
}

.become-customer-steps {
  counter-reset: section;
  margin-top: 50px;
}

@media (max-width: 990px) {
  .become-customer-steps {
    margin-top: 10px;
  }
  .become-customer-steps + .swiper-controller-wrapper {
    margin-top: 24px;
  }
  .bg-gradient-green .become-customer-steps + .swiper-controller-wrapper .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.8);
    opacity: 0.1;
  }
  .bg-gradient-green .become-customer-steps + .swiper-controller-wrapper .swiper-pagination-bullet-active {
    background: var(--white);
    opacity: 1;
  }
}

.become-customer-steps > div {
  color: var(--black);
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  padding: 16px;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  cursor: pointer;
}

.become-customer-steps > div:hover {
  color: initial;
}

.become-customer-steps > div::before {
  counter-increment: section;
  content: counter(section);
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  background-color: var(--green0e);
  min-width: 44px;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 16px;
}

.become-customer-steps > div.active {
  background-color: var(--green0e);
  color: var(--white);
}

.become-customer-steps > div.active::before {
  background-color: var(--white);
  color: var(--orange);
}

@media (max-width: 990px) {
  .become-customer-steps > div {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center !important;
    height: auto;
  }
  .become-customer-steps > div.swiper-slide-active {
    background-color: var(--green0e);
    border-color: var(--green0e);
    color: var(--white);
  }
  .become-customer-steps > div.swiper-slide-active::before {
    background-color: var(--white) !important;
    color: var(--orange) !important;
  }
}

.bg-gradient-green .become-customer-steps > div {
  color: var(--white);
}

.bg-gradient-green .become-customer-steps > div:hover {
  color: var(--white);
}

.bg-gradient-green .become-customer-steps > div::before {
  color: var(--white);
  background-color: var(--green0e);
}

.bg-gradient-green .become-customer-steps > div.active {
  background-color: var(--green0e);
}

.bg-gradient-green .become-customer-steps > div.active::before {
  background-color: var(--white);
  color: var(--orange);
}

.become-customer-steps-banner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  border: 12px solid rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 32px 28px 60px rgba(25, 157, 137, 0.04);
          box-shadow: 32px 28px 60px rgba(25, 157, 137, 0.04);
  border-radius: 46px;
}

@media (max-width: 990px) {
  .become-customer-steps-banner {
    max-width: calc(100% - 440px);
  }
}

@media (max-width: 767px) {
  .become-customer-steps-banner {
    max-width: calc(100% - 120px);
  }
}

.become-customer-steps-banner > img {
  border: 5px solid #0D1B2A;
  -webkit-box-shadow: 32px 28px 60px rgba(25, 157, 137, 0.04);
          box-shadow: 32px 28px 60px rgba(25, 157, 137, 0.04);
  border-radius: 38px;
  display: block;
  max-width: 100%;
}

.become-customer-steps-banner > span.first-banner-info {
  position: absolute;
  top: 50%;
  right: -60px;
  gap: 8px;
}

@media (min-width: 991px) {
  .become-customer-steps-banner > span.first-banner-info {
    top: 54%;
    right: 50%;
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
}

@media (min-width: 1101px) {
  .become-customer-steps-banner > span.first-banner-info {
    top: 50%;
    right: -90px;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.become-customer-steps-banner > span.last-banner-info {
  background: url(/_assets/img/Confetti.png) no-repeat center;
  position: absolute;
  left: -70px;
  right: 0;
  top: 0;
  z-index: 9999;
  width: calc(100% + 140px);
  height: 260px;
}

html[lang="en"] .installmentCountWrap .input-block .input-wrapper input {
  padding-right: 80px;
}

html[lang="ar"] .profitParticipationItem .pe-0 {
  padding-right: 15px !important;
  padding-left: 0 !important;
}

[data-module="SiteMap"] a {
  text-decoration: none !important;
}

[data-module="SiteMap"] .sitemap-tab {
  position: relative;
  border: none;
}

[data-module="SiteMap"] .sitemap-tab:after {
  content: '';
  height: 3px;
  width: 100%;
  left: 0;
  right: 0;
  background: var(--grayea);
  position: absolute;
  top: 100%;
}

[data-module="SiteMap"] .sitemap-tab a {
  white-space: nowrap;
}

[data-module="SiteMap"] .sitemap-tab a:not(:first-child) {
  margin-left: 54px !important;
}

@media (max-width: 990px) {
  [data-module="SiteMap"] .sitemap-tab a {
    margin-left: 40px;
  }
  [data-module="SiteMap"] .sitemap-tab a:first-child {
    margin: 0;
  }
}

[data-module="SiteMap"] .sitemap-tab a:after {
  bottom: 0 !important;
  background: var(--primary) !important;
}

[data-module="SiteMap"] .sitemap-tab::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

[data-module="SiteMap"] .sitemap-tab::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

[data-module="SiteMap"] .sitemap-tab::-webkit-scrollbar-track {
  background: var(--grayf7);
}

[data-module="SiteMap"] .tab-pane.active {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}

@media (max-width: 990px) {
  [data-module="SiteMap"] .tab-pane.active {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

@media (max-width: 990px) {
  [data-module="SiteMap"] .tab-pane h6 {
    padding-bottom: 24px;
    margin: 0 !important;
    padding-top: 24px;
    font-size: 28px !important;
  }
}

[data-module="SiteMap"] .tab-pane h6 {
  color: #16A086;
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 30px !important;
}

[data-module="SiteMap"] .tab-pane li {
  margin-bottom: 8px !important;
}

[data-module="SiteMap"] .tab-pane .sitemap-block {
  margin: 0;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid-column;
  margin-bottom: 0px;
  width: 100%;
}

@media (max-width: 990px) {
  [data-module="SiteMap"] .tab-pane .sitemap-block {
    border-bottom: 1px solid #EFEFF4;
  }
  [data-module="SiteMap"] .tab-pane .sitemap-block h6 {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  [data-module="SiteMap"] .tab-pane .sitemap-block h6 + ul {
    display: none;
  }
  [data-module="SiteMap"] .tab-pane .sitemap-block h6.active:after {
    content: '-';
    color: #16A086;
    border-color: #16A086;
    font-size: 32px;
  }
  [data-module="SiteMap"] .tab-pane .sitemap-block h6:after {
    content: '+';
    float: right;
    font-weight: 500;
    color: #000;
    border: 2px solid #000;
    border-radius: 6px;
    padding: 0 4px;
    line-height: 16px;
    height: 24px;
    width: 24px;
    font-size: 25px;
    text-indent: -1px;
  }
}

[data-module="SiteMap"] .tab-pane .sitemap-list-two > li > a {
  color: #000002 !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

[data-module="SiteMap"] .tab-pane .sitemap-list-three {
  padding-left: 24px;
  margin-bottom: 14px !important;
}

[data-module="SiteMap"] .tab-pane .sitemap-list-three > li::before {
  border-radius: 100% !important;
  background: #fff !important;
  border: 2px solid var(--yellow);
  width: 8px !important;
  height: 8px !important;
}

[data-module="SiteMap"] .tab-pane .sitemap-list-three > li > a {
  color: #000002 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
}

.slider-category {
  margin-bottom: 48px;
}

@media (max-width: 990px) {
  .slider-category {
    margin-bottom: 28px;
  }
}

.slider-category-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow-x: auto;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  position: relative;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  border-bottom: 1px solid #16A086;
  -webkit-transition: 120ms ease all;
  -o-transition: 120ms ease all;
  transition: 120ms ease all;
  overflow-y: hidden;
}

.slider-category-nav::-webkit-scrollbar {
  display: none;
}

.slider-category-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}

@media (max-width: 990px) {
  .slider-category-container {
    margin-bottom: 28px;
  }
}

.slider-category-left {
  width: calc(100% - 80px);
  overflow: hidden;
}

@media (max-width: 990px) {
  .slider-category-left {
    width: 100%;
  }
}

.slider-category-right {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}

@media (max-width: 990px) {
  .slider-category-right {
    display: none !important;
  }
}

.slider-category-right .slider-category-next,
.slider-category-right .slider-category-prev {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.slider-category-right .slider-category-next i:after,
.slider-category-right .slider-category-prev i:after {
  font-family: "icomoon";
  position: absolute;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  width: 32px;
  height: 32px;
}

.slider-category-right .slider-category-next.disabled,
.slider-category-right .slider-category-prev.disabled {
  opacity: .3;
  pointer-events: none;
}

.slider-category-right .slider-category-next i:after {
  content: '';
  background: url(/_assets/svg/arrow-right-black.svg) no-repeat center;
  right: 0;
}

.slider-category-right .slider-category-prev i:after {
  content: '';
  background: url(/_assets/svg/arrow-left-black.svg) no-repeat center;
  left: 0;
}

.lighting-text {
  text-decoration: underline;
}

.fund-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 27px;
}

.fund-info--code {
  font-size: 56px;
  line-height: 56px;
  font-weight: 600;
  color: #16A086;
}

.fund-info--texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 32px;
}

.fund-info--shortname {
  font-size: 12px;
  line-height: 20px;
  color: #636E70;
}

.fund-info--name {
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #000002;
}

.app-download-wrapper {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.app-download-wrapper .download-text {
  background-color: var(--primary);
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  padding: 18px 25px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  -webkit-transform: rotate(-90deg) translateY(140px) translateX(0%);
      -ms-transform: rotate(-90deg) translateY(140px) translateX(0%);
          transform: rotate(-90deg) translateY(140px) translateX(0%);
  gap: 12px;
  cursor: pointer;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.app-download-wrapper .download-text:hover {
  background-color: var(--primaryHover);
  -webkit-box-shadow: 0px -12px 28px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px -12px 28px 0px rgba(0, 0, 0, 0.16);
}

.app-download-wrapper .download-text.active {
  -webkit-transform: rotate(-90deg) translateY(71px);
      -ms-transform: rotate(-90deg) translateY(71px);
          transform: rotate(-90deg) translateY(71px);
}

.app-download-wrapper .qr-wrap {
  background-color: var(--white);
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  width: 158px;
  padding: 15px;
  border: 8px solid var(--primary);
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  position: absolute;
  top: -68px;
  right: 0;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.app-download-wrapper .qr-wrap img {
  margin-top: 20px;
  opacity: 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
  max-height: 115px;
}

.app-download-wrapper .qr-wrap > div {
  opacity: 0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform: translateX(20px);
      -ms-transform: translateX(20px);
          transform: translateX(20px);
}

.app-download-wrapper .qr-wrap.active {
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.app-download-wrapper .qr-wrap.active > div {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition-delay: .1s;
       -o-transition-delay: .1s;
          transition-delay: .1s;
}

.app-download-wrapper .qr-wrap.active img {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition-delay: .2s;
       -o-transition-delay: .2s;
          transition-delay: .2s;
}

.hepsiburadafinansman .container .page-title h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 38px;
  text-align: center;
  color: #16A086;
  padding: 18px 0 20px;
  letter-spacing: -1.8px;
}

.hepsiburadafinansman .container .page-content {
  padding: 30px 16px;
  gap: 24px;
  border-radius: 16px;
  background-color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
}

.hepsiburadafinansman .container .page-content .page-desc p:first-child {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: #585858;
}

.hepsiburadafinansman .container .page-content .page-desc p:last-child {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  color: #585858;
}

.hepsiburadafinansman .container .page-content .page-bottom-desc {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  color: #585858;
}

.hepsiburadafinansman .container .page-content .page-bottom-desc span {
  font-size: 16px;
  font-weight: 300;
  line-height: 22px;
  text-align: center;
  text-decoration: underline;
  color: #16A086;
}

.hepsiburadafinansman .container .page-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hepsiburadafinansman .container .page-bottom .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.hepsiburadafinansman .container .page-bottom .counter .redirect-button .btn-orange {
  border: 1.5px solid #ED6B2C !important;
  border-radius: 43px !important;
  padding: 13px 20px !important;
  gap: 8px;
  color: #ED6B2C !important;
  margin-bottom: 0 !important;
}

.hepsiburadafinansman .container .page-bottom .counter .redirect-button .btn-orange span {
  margin-left: 8px;
}

.hepsiburadafinansman .container .page-bottom .counter .redirect-button .btn-orange:hover {
  background-color: transparent !important;
  color: #ED6B2C !important;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .icon .time-circle {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
  position: relative;
  top: 2px;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .icon .time-circle circle {
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .icon .time-circle #c1 {
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  stroke: #D9D9D9;
  stroke-width: 3;
  stroke-linecap: round;
  fill: transparent;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .icon .time-circle #c2 {
  -webkit-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
  stroke: #ED6B2C;
  stroke-width: 3;
  stroke-linecap: round;
  fill: transparent;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .icon .completed {
  display: none;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .time span {
  color: #ED6B2C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 24px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
}

.hepsiburadafinansman .container .page-bottom .counter .time-area .time span .text {
  font-size: 10px;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  color: #585858;
}

.hepsiburadafinansman #counterText {
  -webkit-animation: heartBeat 1s infinite;
  animation: heartBeat 1s infinite;
}

@-webkit-keyframes heartBeat {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes heartBeat {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@media (max-width: 576px) {
  .hepsiburadafinansman .container .page-title h1 {
    font-size: 20px;
  }
  .hepsiburadafinansman .container .page-content {
    padding: 16px;
    margin-bottom: 16px;
  }
  .hepsiburadafinansman .container .page-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .hepsiburadafinansman .container .page-bottom .img {
    text-align: center;
  }
  .hepsiburadafinansman .container .counter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-bottom: 16px;
  }
}

#cancel-modal .modal-body {
  padding: 40px 50px;
}

@media (max-width: 767px) {
  #cancel-modal .modal-body {
    padding: 25px 30px;
  }
}

.subpage.landing {
  margin-bottom: -40px;
}

.subpage.landing .subpage-header {
  padding-bottom: 32px;
}

.subpage.landing .landing-box {
  margin-bottom: 56px;
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: var(--gray4f);
}

body.privatebanking .subpage.landing .landing-box {
  margin-bottom: 48px;
}

body.privatebanking .subpage.landing .landing-box-content h4 {
  padding-top: 0;
  margin-bottom: 16px;
  color: #2C7AA1;
}

@media (max-width: 990px) {
  .subpage.landing .landing-box {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

.subpage.landing .landing-box .landing-item {
  display: block;
}

.subpage.landing .landing-box picture {
  display: block;
  margin-bottom: 24px;
  border-radius: 16px;
  overflow: hidden;
  aspect-ratio: 543/270;
}

@media (max-width: 990px) {
  .subpage.landing .landing-box picture {
    margin-bottom: 16px;
  }
}

.subpage.landing .landing-box picture img {
  width: 100%;
  max-height: 270px;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.subpage.landing .landing-box h4 {
  color: var(--primary);
  margin-bottom: 8px;
}

@media (max-width: 990px) {
  .subpage.landing .landing-box h4 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: -0.03em;
    margin-bottom: 6px;
  }
}

.subpage.landing .landing-box h4 a {
  color: inherit;
  font: inherit;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.subpage.landing .landing-box p {
  margin-bottom: 0px;
}

.subpage.landing .landing-box ul.landing-box-list {
  margin-top: 14px;
}

@media (min-width: 991px) {
  .subpage.landing .landing-box ul.landing-box-list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    margin-top: 32px;
  }
}

.subpage.landing .landing-box ul.landing-box-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}

@media (min-width: 991px) {
  .subpage.landing .landing-box ul.landing-box-list li {
    padding-right: 5px;
    margin-bottom: 16px;
  }
}

.subpage.landing .landing-box ul.landing-box-list li:before {
  content: "";
  font-family: "icomoon";
  font-size: 16px;
  margin-right: 8px;
  color: var(--primary);
  font-weight: bold;
}

.subpage.landing .landing-box.full {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 767px) {
  .subpage.landing .landing-box.full {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (min-width: 768px) {
  .subpage.landing .landing-box.full {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.subpage.landing .landing-box.full .landing-image {
  width: 100%;
}

@media (min-width: 768px) {
  .subpage.landing .landing-box.full .landing-image {
    height: auto;
  }
}

@media (min-width: 991px) {
  .subpage.landing .landing-box.full .landing-image {
    height: auto;
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .subpage.landing .landing-box.full .landing-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 30px;
  }
}

.subpage.landing .landing-box.full .landing-item picture {
  width: 100%;
}

@media (max-width: 767px) {
  .subpage.landing .landing-box.full .landing-item picture {
    overflow: hidden;
    border-radius: 16px;
  }
  .subpage.landing .landing-box.full .landing-item picture img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

@media (min-width: 991px) {
  .subpage.landing .landing-box.full .landing-item picture {
    margin-bottom: 0;
  }
}

.subpage.landing .landing-box.full .landing-box-content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.subpage.landing .landing-box:hover img {
  -webkit-transform: scale(1.06);
      -ms-transform: scale(1.06);
          transform: scale(1.06);
}

.subpage.landing .landing-box:hover h4 > a {
  color: var(--yellow);
}

.page-404 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  padding-top: 64px;
  padding-bottom: 116px;
}

@media (max-width: 990px) {
  .page-404 {
    padding-top: 40px;
    padding-bottom: 52px;
  }
}

.page-404 .img404 {
  margin-bottom: 24px;
}

@media (max-width: 990px) {
  .page-404 .img404 {
    margin-bottom: 40px;
  }
}

.page-404 h1 {
  font-weight: 600;
  font-size: 48px;
  line-height: 73px;
  color: var(--primary);
  margin-bottom: 8px;
}

@media (max-width: 990px) {
  .page-404 h1 {
    font-size: 40px;
    line-height: 52px;
  }
}

.page-404 p {
  font-weight: 300;
  font-size: 16px;
  line-height: 26px;
  color: var(--gray4f);
}

@media (max-width: 990px) {
  .page-404 p {
    font-size: 16px;
    line-height: 26px;
  }
}

.page-404 p.big {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 24px;
  color: var(--black);
}

@media (max-width: 990px) {
  .page-404 p.big {
    font-size: 24px;
    line-height: 33px;
  }
}

.form-page .form-sidebar {
  max-width: 255px;
  width: 100%;
  background: var(--grayf5);
  border-radius: 16px;
  padding: 33px 24px;
}

.form-page .form-sidebar ul li {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-page .form-sidebar ul li:last-child {
  margin-bottom: 0;
}

.form-page .form-sidebar ul li.active .number {
  background-color: var(--primary);
  color: var(--white);
  border-color: transparent;
}

.form-page .form-sidebar ul li.done {
  cursor: pointer;
}

.form-page .form-sidebar ul li .number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin-right: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--graye7);
  color: var(--gray88);
}

@media (max-width: 990px) {
  .form-page .form-sidebar {
    max-width: none;
    padding: 32px 20px;
    margin-bottom: 20px;
    width: calc(100vw + 20px);
    margin-top: -24px;
    margin-left: -20px;
    border-radius: 0;
  }
  .form-page .form-sidebar ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
  }
  .form-page .form-sidebar ul li {
    margin: 0 !important;
  }
  .form-page .form-sidebar ul li .text {
    color: var(--black0d);
    font-size: 16px;
    white-space: nowrap;
  }
  .form-page .form-sidebar ul li:not(.active) .text {
    display: none;
  }
  .form-page .form-sidebar ul li:not(.active) .number {
    margin-right: 0px;
  }
  .form-page .form-sidebar ul li.active + li {
    margin-left: auto !important;
  }
  .form-page .form-sidebar ul li.done .number {
    background-color: var(--primary);
    color: transparent;
    text-indent: -100rem;
    overflow: hidden;
    position: relative;
  }
  .form-page .form-sidebar ul li.done .number::before {
    content: "";
    font-family: "icomoon" !important;
    color: var(--white);
    font-size: 16px;
    text-indent: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.form-page .form-tabs {
  max-width: 255px;
  width: 100%;
}

.form-page .form-tabs ul {
  border: none;
}

.form-page .form-tabs ul li {
  margin-left: 0 !important;
  width: 100%;
}

.form-page .form-tabs ul li button {
  padding: 25px 18px;
  border-radius: 16px;
  margin-bottom: 8px;
  color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  width: 100%;
  border: 1px solid var(--graye7);
}

.form-page .form-tabs ul li button .check {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--gray88);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
}

[dir="rtl"] .form-page .form-tabs ul li button .check {
  margin-right: 0px;
  margin-left: 10px;
}

.form-page .form-tabs ul li button.active {
  background: var(--grayf5);
  border-color: transparent;
}

.form-page .form-tabs ul li button.active .check {
  background-color: var(--primary);
  border-color: transparent;
}

.form-page .form-content.applicationform {
  position: relative;
}

.form-page .form-content .calculate-table tr th, .form-page .form-content .calculate-table tr td {
  text-align: center;
}

.form-page .form-content .calculate-table tr td {
  text-wrap: nowrap;
}

.form-page .form-content .noteStepOne p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  margin-bottom: 30px;
  line-height: 23px;
  color: var(--gray6e);
}

.form-page .form-content p {
  margin-bottom: 30px;
}

.form-page .form-content .checkbox {
  margin-bottom: 22px;
}

.form-page .form-content .checkbox-text {
  line-height: 23px;
  color: var(--gray6e);
}

.subpage-blog {
  background-color: var(--white);
  min-height: 100vh;
  overflow: hidden;
}

.subpage-blog.privatebanking header {
  background: -webkit-gradient(linear, left top, right top, from(#2C7AA1), color-stop(50%, #2C7AA1), to(#005387));
  background: -o-linear-gradient(left, #2C7AA1 0%, #2C7AA1 50%, #005387 100%);
  background: linear-gradient(90deg, #2C7AA1 0%, #2C7AA1 50%, #005387 100%);
}

.subpage-blog.privatebanking .blog-header__overlay::before {
  background: -webkit-gradient(linear, left top, right top, color-stop(100%, #2C7AA1), to(#005387));
  background: -o-linear-gradient(left, #2C7AA1 100%, #005387 100%);
  background: linear-gradient(90deg, #2C7AA1 100%, #005387 100%);
  opacity: 0.6;
}

.subpage-blog.privatebanking .blog-container .section .blog-content-wrapper .search-content p {
  margin-bottom: 32px;
}

.subpage-blog.privatebanking .blog-container .section .blog-content-wrapper .back-btn {
  color: #2C7AA1;
}

.subpage-blog.privatebanking .blog-container .section .blog-content-wrapper .social-share-links a:hover {
  color: #2C7AA1 !important;
}

.subpage-blog.privatebanking .blog-container .section .blog-content-wrapper .text-size-btn {
  color: #2C7AA1;
}

@media (min-width: 991px) {
  .subpage-blog.privatebanking .blog-container .section hr {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.subpage-blog.privatebanking .blog-container .section .swiper-controller-wrapper {
  margin-top: 36px;
  color: #2C7AA1;
}

@media (max-width: 767px) {
  .subpage-blog.privatebanking .blog-container .section .swiper-controller-wrapper {
    margin-top: 24px;
  }
}

.subpage-blog.privatebanking footer .social-links a:hover {
  color: #2C7AA1;
  text-decoration: none;
}

.subpage-blog header {
  background: -o-linear-gradient(352.86deg, #16A086 35.53%, #2C7AA1 119.74%);
  background: linear-gradient(97.14deg, #16A086 35.53%, #2C7AA1 119.74%);
  padding: 31px;
  height: 356px;
}

.subpage-blog header .h1 {
  color: var(--white);
  font-weight: 400;
  font-size: 24px;
  line-height: 37px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

.subpage-blog header .h1::before {
  content: '';
  height: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 21px;
  padding-left: 21px;
}

.subpage-blog header .position-relative {
  z-index: 4;
}

.subpage-blog footer {
  border-top: 1px solid #F5F6FA;
  padding: 40px 0;
}

@media (max-width: 990px) {
  .subpage-blog footer {
    padding: 32px 0;
  }
  .subpage-blog footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.subpage-blog footer .copyright {
  color: var(--dark);
  font-size: 16px;
  line-height: 24px;
}

.subpage-blog footer .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 61px;
}

.subpage-blog footer .social-links a {
  color: var(--dark);
  font-size: 24px;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

.subpage-blog footer .social-links a:hover {
  color: var(--primary);
  text-decoration: none;
}

@media (max-width: 990px) {
  .subpage-blog footer .social-links {
    width: 100%;
    gap: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 32px;
  }
}

.subpage-blog .blog-container {
  position: relative;
  z-index: 2;
  margin-top: -249px;
}

.subpage-blog .blog-container hr {
  border-color: #B5DBCD;
  opacity: 0.4;
  margin-top: 56px;
  margin-bottom: 56px;
}

@media (max-width: 990px) {
  .subpage-blog .blog-container hr {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.subpage-blog .blog-container h2 {
  color: var(--primary);
  font-size: 32px;
  font-weight: 600;
  line-height: 49px;
  margin-bottom: 32px;
}

@media (min-width: 991px) {
  .subpage-blog .blog-container h2 {
    margin-bottom: 32px;
  }
}

@media (min-width: 991px) {
  .subpage-blog .blog-container .section {
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .subpage-blog .blog-container .section .blog-content-wrapper {
    font-size: 16px;
    line-height: 27.20px;
  }
  .subpage-blog .blog-container .section .blog-content-wrapper h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28.80px;
    color: var(--black);
  }
  .subpage-blog .blog-container .section .blog-content-wrapper h3 {
    font-size: 32px;
    font-weight: 600;
    line-height: 38.40px;
    margin-bottom: 24px;
  }
  .subpage-blog .blog-container .section hr {
    margin-top: 36px;
    margin-bottom: 36px;
  }
  body.privatebanking .subpage-blog .blog-container .section hr {
    margin-top: 32px;
    margin-bottom: 32px;
  }
}

.subpage-blog .blog-container-detail h2 {
  margin-bottom: 48px;
}

.subpage-blog .blog-container-detail .blog-item {
  position: relative;
  padding-bottom: 34px;
}

.subpage-blog .blog-container-detail .blog-item a:first-child {
  display: block;
}

.subpage-blog .blog-container-detail .blog-item--description {
  font-size: 16px;
}

.subpage-blog .blog-container-detail .blog-item--title {
  color: var(--black);
  font-size: 24px;
  font-weight: 600;
  line-height: 28.80px;
}

.subpage-blog .blog-container-detail .blog-item--date {
  position: absolute;
  bottom: 0;
}

.subpage-blog .blog-categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  overflow: auto hidden;
  padding-bottom: 4px;
}

.subpage-blog .blog-categories::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.subpage-blog .blog-categories::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 60px;
}

.subpage-blog .blog-categories::-webkit-scrollbar-track {
  background: transparent;
}

.subpage-blog .blog-categories {
  scrollbar-face-color: rgba(255, 255, 255, 0.12);
  scrollbar-track-color: transparent;
}

.subpage-blog .blog-categories a {
  background: rgba(255, 255, 255, 0.1);
  color: var(--white);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  white-space: nowrap;
  padding: 16px 19.9px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.subpage-blog .blog-categories a img[src*="handshake.svg"] {
  width: 33px;
  height: auto;
}

.subpage-blog .blog-categories a.active {
  background-color: var(--white);
  color: var(--black);
  border-color: var(--white);
}

.subpage-blog .blog-categories a.active img {
  -webkit-filter: contrast(1000%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(90deg);
          filter: contrast(1000%) invert(100%) sepia(100%) saturate(10000%) hue-rotate(90deg);
}

@media (max-width: 990px) {
  .subpage-blog .blog-categories a {
    padding: 16px;
  }
}

.subpage-blog .blog-item:hover .blog-image {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

.subpage-blog .blog-item:hover > *:not(picture, .blog-item--content) {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.subpage-blog .blog-item > *:not(picture) {
  transition: transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1), opacity 0.2s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.subpage-blog .blog-item picture {
  display: block;
  overflow: hidden;
  border-radius: 16px;
}

.subpage-blog .blog-item .blog-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  -webkit-transform-origin: bottom center;
  -ms-transform-origin: bottom center;
  transform-origin: bottom center;
}

.subpage-blog .blog-item--category {
  color: var(--primary);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  padding: 6px 16px;
  border: 1px solid var(--primary);
  border-radius: 32px;
  margin-top: 23px;
}

.subpage-blog .blog-item--category.blue {
  color: #2C7AA1;
  border-color: #2C7AA1;
}

.subpage-blog .blog-item--category.orange {
  color: #FF9500;
  border-color: #FF9500;
}

.subpage-blog .blog-item--category[style*="--mycolor"] {
  color: var(--mycolor);
  border-color: var(--mycolor);
}

@media (max-width: 990px) {
  .subpage-blog .blog-item--category {
    display: none;
  }
}

.subpage-blog .blog-item--category__mobilebtn {
  border-right: 1px solid var(--grayee);
  margin-right: 16px;
  padding-right: 16px;
}

.subpage-blog .blog-item--title {
  color: var(--black);
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
  display: block;
  margin-top: 16px;
  padding-bottom: 3px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width: 990px) {
  .subpage-blog .blog-item--title {
    font-size: 20px;
    line-height: 30px;
  }
}

.subpage-blog .blog-item--description {
  color: var(--black);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.subpage-blog .blog-item--date {
  color: #0D1B2A;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 16px;
}

[dir="ltr"] .subpage-blog .blog-item--date .minute {
  border-left: 1px solid var(--grayee);
  margin-left: 16px;
  padding-left: 16px;
}

[dir="rtl"] .subpage-blog .blog-item--date .minute {
  border-right: 1px solid var(--grayee);
  margin-right: 16px;
  padding-right: 16px;
}

.subpage-blog .blog-item-full .blog-item--description {
  display: block;
  -webkit-line-clamp: unset;
}

.subpage-blog .blog-item--content {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 24px 32px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.subpage-blog .blog-item--content::before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(21.2%, rgba(0, 0, 2, 0)), color-stop(77.6%, #000002));
  background: -o-linear-gradient(top, rgba(0, 0, 2, 0) 21.2%, #000002 77.6%);
  background: linear-gradient(180deg, rgba(0, 0, 2, 0) 21.2%, #000002 77.6%);
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.subpage-blog .blog-item--content__details {
  color: var(--white);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 8px;
}

.subpage-blog .blog-item--content__details > * {
  color: currentColor;
}

.subpage-blog .blog-item--content__details > *:not(:last-child) {
  border-right: 1px solid rgba(238, 238, 238, 0.2);
  padding-right: 16px;
  margin-right: 16px;
}

.subpage-blog .blog-item-view2 {
  position: relative;
}

.subpage-blog .blog-item-view2 picture, .subpage-blog .blog-item-view2 .blog-image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.subpage-blog .blog-item-view2 picture {
  position: relative;
}

.subpage-blog .blog-item-view2 picture::before {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(21.2%, rgba(0, 0, 2, 0)), color-stop(77.6%, #000002));
  background: -o-linear-gradient(top, rgba(0, 0, 2, 0) 21.2%, #000002 77.6%);
  background: linear-gradient(180deg, rgba(0, 0, 2, 0) 21.2%, #000002 77.6%);
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border-radius: 16px;
  position: absolute;
  inset: 0;
  z-index: 2;
}

.subpage-blog .blog-item-view2 .blog-item--title {
  color: var(--white);
  font-size: 20px;
  margin-top: 0;
}

.subpage-blog .blog-item-view2 .blog-item--content {
  height: auto;
  top: auto;
  bottom: 0;
}

.subpage-blog .blog-item-view2 .blog-item--content::before {
  display: none;
}

.subpage-blog .blog-item.mb-4 {
  margin-bottom: 56px !important;
}

@media (max-width: 990px) {
  .subpage-blog .blog-item.mb-4 {
    margin-bottom: 32px !important;
  }
}

.subpage-blog .blog-list-wrapper .blog-item--title {
  height: 59px;
}

.subpage-blog .blog-list-wrapper .blog-item--description {
  height: 66px;
}

.subpage-blog .blog-featured {
  display: grid;
  grid-template-columns: auto 445px;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  margin-top: 40px;
}

.subpage-blog .blog-featured .blog-item:first-child {
  grid-area: 1 / 1 / span 2 / span 1;
}

@media (max-width: 990px) {
  .subpage-blog .blog-featured {
    display: block;
  }
  .subpage-blog .blog-featured .blog-item:not(:last-child) {
    margin-bottom: 32px;
  }
}

.subpage-blog .blog-detail-page {
  position: relative;
  z-index: 2;
  margin-top: -356px;
}

.subpage-blog .blog-detail-page .search-content--slider-title > p {
  font-size: 16px;
  line-height: 27.20px;
  font-weight: normal;
}

.subpage-blog .blog-header {
  position: relative;
  min-height: 519px;
  padding-top: 100px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.subpage-blog .blog-header > img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.subpage-blog .blog-header__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 2;
}

.subpage-blog .blog-header__overlay::before {
  content: '';
  background: -o-linear-gradient(352.86deg, #16A086 35.53%, #2C7AA1 119.74%);
  background: linear-gradient(97.14deg, #16A086 35.53%, #2C7AA1 119.74%);
  opacity: 0.4;
  position: absolute;
  inset: 0;
  z-index: 2;
}

.subpage-blog .blog-header__overlay::after {
  content: '';
  background: -webkit-gradient(linear, left top, left bottom, color-stop(21.2%, rgba(0, 0, 2, 0)), color-stop(77.6%, #000002));
  background: -o-linear-gradient(top, rgba(0, 0, 2, 0) 21.2%, #000002 77.6%);
  background: linear-gradient(180deg, rgba(0, 0, 2, 0) 21.2%, #000002 77.6%);
  opacity: 0.2;
  position: absolute;
  inset: 0;
  z-index: 3;
}

.subpage-blog .blog-header > .container {
  position: relative;
  padding-bottom: 42px;
  z-index: 3;
}

.subpage-blog .blog-header h1 {
  color: var(--white);
  font-size: 56px;
  font-weight: 600;
  line-height: 68px;
  margin-bottom: 16px;
}

@media (max-width: 990px) {
  .subpage-blog .blog-header h1 {
    font-size: 40px;
    line-height: 55px;
    margin-bottom: 0;
  }
}

.subpage-blog .blog-content-wrapper {
  max-width: 730px;
}

.subpage-blog .blog-content-wrapper .back-btn {
  color: var(--primary);
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none !important;
  white-space: nowrap;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 100%;
  margin-right: 106px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.subpage-blog .blog-content-wrapper .back-btn .icon {
  font-size: 24px;
}

@media (max-width: 1100px) {
  .subpage-blog .blog-content-wrapper .back-btn {
    display: none !important;
  }
}

[dir="rtl"] .subpage-blog .blog-content-wrapper .back-btn {
  margin-left: 106px;
  margin-right: 0;
  right: auto;
  left: 100%;
}

[dir="rtl"] .subpage-blog .blog-content-wrapper .back-btn .icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.subpage-blog .blog-content-wrapper .date, .subpage-blog .blog-content-wrapper .time {
  color: var(--black0d);
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.subpage-blog .blog-content-wrapper .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

[dir="ltr"] .subpage-blog .blog-content-wrapper .time {
  border-left: 1px solid var(--grayee);
  margin-left: 16px;
  padding-left: 16px;
}

[dir="rtl"] .subpage-blog .blog-content-wrapper .time {
  border-right: 1px solid var(--grayee);
  margin-right: 16px;
  padding-right: 16px;
}

.subpage-blog .blog-content-wrapper .social-share-links {
  line-height: 1;
}

.subpage-blog .blog-content-wrapper .social-share-links a {
  color: var(--gray6e) !important;
  font-size: 24px;
  display: inline-block;
  line-height: 1;
  text-decoration: none !important;
}

.subpage-blog .blog-content-wrapper .social-share-links a:not(:last-child) {
  margin-right: 24px;
}

@media (max-width: 767px) {
  .subpage-blog .blog-content-wrapper .social-share-links a:not(:last-child) {
    margin-right: 14px;
  }
}

[dir="rtl"] .subpage-blog .blog-content-wrapper .social-share-links a:not(:last-child) {
  margin-left: 24px;
  margin-right: 0px;
}

.subpage-blog .blog-content-wrapper .social-share-links a:hover {
  color: var(--primary) !important;
  text-decoration: none;
}

.subpage-blog .blog-content-wrapper .text-size-btn {
  color: var(--primary);
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.subpage-blog .blog-content-wrapper .text-size-btn > span {
  min-width: 10px;
  text-align: center;
  cursor: pointer;
}

@media (max-width: 990px) {
  .subpage-blog .blog-content-wrapper .text-size-btn {
    display: none !important;
  }
}

[dir="ltr"] .subpage-blog .blog-content-wrapper .text-size-btn {
  border-left: 1px solid var(--grayee);
  margin-left: 16px;
  padding-left: 16px;
}

[dir="rtl"] .subpage-blog .blog-content-wrapper .text-size-btn {
  border-right: 1px solid var(--grayee);
  margin-right: 16px;
  padding-right: 16px;
}

.subpage-blog .blog-tag {
  background: #EFEFF3;
  color: var(--black);
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
  border-radius: 24px;
  padding: 4px 14px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-block;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.subpage-blog .blog-tag:hover {
  background: var(--primary);
  color: var(--white);
  text-decoration: none;
}

.page-become-a-customer header {
  border-bottom: 0px !important;
}

.page-become-a-customer header .header-main {
  width: 100%;
  padding: 31px;
  border-bottom: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

@media (max-width: 767px) {
  .page-become-a-customer header .header-main {
    padding-inline: 20px;
  }
}

.page-become-a-customer header .h1 {
  color: var(--white);
  font-weight: 400;
  font-size: clamp(0.875rem, 2.4vw, 24px);
  line-height: 37px;
  white-space: nowrap;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-become-a-customer header .h1::before {
  content: '';
  height: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  margin-left: 21px;
  padding-left: 21px;
}

@media (max-width: 767px) {
  .page-become-a-customer header .h1::before {
    margin-left: 1rem;
    padding-left: 1rem;
  }
}

@media (min-width: 991px) {
  .page-become-a-customer header .h1 {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .page-become-a-customer header .logo-wrapper a {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 50%;
  }
}

.page-become-a-customer header .position-relative {
  z-index: 4;
}

.page-become-a-customer .subpage-header {
  background: -o-linear-gradient(352.86deg, #16A086 35.53%, #2C7AA1 119.74%);
  background: linear-gradient(97.14deg, #16A086 35.53%, #2C7AA1 119.74%);
  padding-top: 136px;
}

.page-become-a-customer .subpage-header .page-title {
  color: var(--white);
}

@media (min-width: 991px) {
  .page-become-a-customer .subpage-header {
    padding-top: 80px;
  }
}

@media (min-width: 768px) {
  .page-become-a-customer .subpage-header {
    padding-top: 118px;
    min-height: 346px;
    max-height: 582px;
  }
  .page-become-a-customer .subpage-header .page-title {
    font-size: 48px;
    margin-top: 33px;
  }
  .page-become-a-customer .subpage-header p {
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .page-become-a-customer .subpage-header > .container-xl > .position-relative {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .page-become-a-customer .subpage-header > .container-xl > .position-relative .subpage-header-image {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    margin-top: 0;
    width: 260px;
    max-width: 260px;
  }
}

@media (max-width: 990px) {
  .page-become-a-customer .subpage-header .page-title {
    font-size: 40px;
  }
}

.page-become-a-customer .subpage-header p.qr-code {
  max-width: 444px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 25px;
     -moz-column-gap: 25px;
          column-gap: 25px;
}

.page-become-a-customer .subpage-header p.qr-code > span {
  color: var(--black);
  line-height: 22px;
  -ms-flex-preferred-size: 0%;
      flex-basis: 0%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-left: 8px;
}

.page-become-a-customer .subpage-header p.qr-code > span strong {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.page-become-a-customer .subpage-header p.qr-code > span span {
  display: block;
  font-size: 14px;
  margin-top: 16px;
}

.page-become-a-customer .subpage-header div.subpage-header-image {
  width: 50%;
  max-width: 50%;
  top: -65px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@media (max-width: 767px) {
  .page-become-a-customer .subpage-header div.subpage-header-image {
    width: 300px;
    max-width: 300px;
    position: relative;
    padding-bottom: 90%;
    margin: 0 auto;
    top: 0;
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media (max-width: 990px) {
  .page-become-a-customer .subpage-header div.subpage-header-image {
    -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
            transform: scale(0.75);
    margin-top: 40px;
  }
}

.page-become-a-customer .subpage-header div.subpage-header-image img {
  position: absolute;
  top: -65px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.page-become-a-customer .subpage-header div.subpage-header-image img:first-child {
  top: 0;
  left: -10px;
  z-index: 2;
}

@media (max-width: 767px) {
  .page-become-a-customer .subpage-header div.subpage-header-image img:first-child {
    width: 80%;
    left: -16px;
  }
}

.page-become-a-customer .subpage-header div.subpage-header-image img:nth-child(2) {
  top: 40px;
  right: -140px;
  z-index: 1;
}

@media (max-width: 767px) {
  .page-become-a-customer .subpage-header div.subpage-header-image img:nth-child(2) {
    width: 90%;
    top: 25px;
    right: auto;
    left: 85px;
  }
}

@media (max-width: 990px) {
  .page-become-a-customer .subpage-header .app-btns {
    background-color: var(--white);
    padding: 24px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
    gap: 10px !important;
  }
  .page-become-a-customer .subpage-header .app-btns > a:not(.btn) {
    background: #000;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-become-a-customer .subpage-header .app-btns > a:not(.btn) > span {
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    overflow: hidden;
  }
  .page-become-a-customer .subpage-header .app-btns > a:not(.btn) > span img {
    position: relative;
    top: -10px;
    left: -6px;
  }
  [dir="rtl"] .page-become-a-customer .subpage-header .app-btns > a:not(.btn) > span img {
    left: 112px;
  }
  .page-become-a-customer .subpage-header .app-btns > a:not(.btn) > span img[src*="app-store"] {
    left: -4px;
  }
  .page-become-a-customer .subpage-header .app-btns > a.btn {
    color: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-preferred-size: 0%;
        flex-basis: 0%;
    max-width: 100%;
  }
}

.page-become-a-customer .subpage-content > :is(.bg-gray, .bg-gradient-yellow) {
  min-height: 500px;
  padding-bottom: 24px;
}

.page-become-a-customer .subpage-content > .bg-gradient-yellow--empty {
  min-height: 250px;
}

@media (max-width: 767px) {
  .page-become-a-customer .subpage-content > .bg-gradient-yellow--empty {
    min-height: 100px;
  }
}

.page-become-a-customer .subpage-content > .bg-gray {
  background: #EDEDED;
}

.page-become-a-customer .subpage-content > .bg-gradient-yellow {
  /*background: #FFF url("/_assets/img/become-customer-campaigns-bg.png") center top no-repeat;*/
  background: #EDEDED;
}

.page-become-a-customer .subpage-content .section-campaigns .campaign-item {
  margin-bottom: 0;
}

@media (max-width: 990px) {
  .page-become-a-customer .subpage-content .section-campaigns .container-xl {
    padding-left: 0;
  }
}

.page-become-a-customer .subpage-content .noteStepOne ul li {
  font-size: 16px;
}

@media (max-width: 990px) {
  .page-become-a-customer .subpage-content .text-closest {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
  .page-become-a-customer .subpage-content .img-closest {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.page-become-a-customer .footer-bottom {
  background-color: var(--white);
  border-top: 1px solid var(--grayf5);
}

@media (max-width: 990px) {
  .page-become-a-customer .footer-bottom {
    padding-top: 32px;
    padding-bottom: 32px;
    margin-bottom: 0px;
  }
}

@media (max-width: 990px) {
  .page-become-a-customer .footer-bottom .footer-social {
    margin-top: 32px;
    margin-bottom: 0px;
  }
}

@media (min-width: 991px) {
  .page-become-a-customer .card-box-wrapper {
    margin-top: -262px;
  }
}

.page-become-a-customer .card-box-wrapper > div {
  margin: 0 !important;
}

.page-become-a-customer .card-box-wrapper .card-box {
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 200px 24px 18px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}

@media (min-width: 768px) {
  .page-become-a-customer .card-box-wrapper .card-box {
    min-height: 332px;
    padding: 40px 307px 40px 32px;
  }
}

.page-become-a-customer .card-box-wrapper .card-box > img {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-transition: -webkit-transform .2s ease-in-out;
  transition: -webkit-transform .2s ease-in-out;
  -o-transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
  transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

@media (max-width: 767px) {
  .page-become-a-customer .card-box-wrapper .card-box > img {
    width: 200px;
  }
}

.page-become-a-customer .card-box-wrapper .card-box .title {
  color: var(--black);
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 32px;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

@media (max-width: 990px) {
  .page-become-a-customer .card-box-wrapper .card-box .title {
    white-space: nowrap;
    margin-bottom: 24px;
  }
}

.page-become-a-customer .card-box-wrapper .card-box .description {
  color: #0D1B2A;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 32px;
}

.page-become-a-customer .card-box-wrapper .card-box .detail-text {
  color: var(--yellowf1);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.12;
  margin-top: auto;
}

.page-become-a-customer .card-box-wrapper .card-box .detail-text i {
  font-size: 10px;
}

.page-become-a-customer .card-box-wrapper .card-box .detail-text::after {
  content: '';
  background-color: var(--yellowf1);
  width: 0;
  height: 1px;
  display: block;
  -webkit-transition: width .2s ease-in-out;
  -o-transition: width .2s ease-in-out;
  transition: width .2s ease-in-out;
}

.page-become-a-customer .card-box-wrapper .card-box .detail-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.page-become-a-customer .card-box-wrapper .card-box:hover > img {
  -webkit-transform: scale(1.07);
      -ms-transform: scale(1.07);
          transform: scale(1.07);
}

.page-become-a-customer .card-box-wrapper .card-box:hover .title {
  color: var(--primary);
}

.page-become-a-customer .card-box-wrapper .card-box:hover .detail-text::after {
  width: 100%;
}

@media (min-width: 991px) {
  .page-become-a-customer .campaign-wrapper {
    margin-top: 145px;
    position: relative;
    z-index: 20;
  }
}

.page-become-a-customer .campaign-wrapper .campaign-item .img-wrap {
  display: block;
  position: relative;
}

.page-become-a-customer .campaign-wrapper .campaign-item .img-wrap img {
  border-radius: 16px;
  width: 100%;
}

.page-become-a-customer .campaign-wrapper .campaign-item .img-wrap .time-badge {
  background-color: var(--yellow);
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding: 7px 10px;
  border-radius: 12px;
  position: absolute;
  bottom: 8px;
  right: 8px;
  z-index: 2;
}

.page-become-a-customer .campaign-wrapper .campaign-item h6 {
  color: var(--black);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 70px;
  margin-bottom: 16px;
}

.page-become-a-customer .campaign-wrapper .campaign-item h6 a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}

@media (max-width: 990px) {
  .page-become-a-customer .campaign-wrapper .campaign-item h6 {
    font-size: 16px;
    line-height: 24px;
  }
}

.page-become-a-customer .campaign-wrapper .campaign-item .description {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 15px;
}

.page-become-a-customer .campaign-wrapper .campaign-item .description > * {
  margin: 0;
  padding: 0;
}

.page-become-a-customer .campaign-wrapper .campaign-item .date {
  color: var(--gray88);
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
  margin-bottom: 24px;
}

.page-become-a-customer .campaign-wrapper .campaign-item a.text-warning {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline-block;
}

.page-become-a-customer .campaign-wrapper .campaign-item a.text-warning i {
  font-size: 10px;
}

.page-become-a-customer .campaign-wrapper .campaign-item a.text-warning:hover {
  color: var(--primary) !important;
}

.page-become-a-customer .campaign-wrapper .campaign-item:hover h6 a {
  color: var(--primary);
}

@media (min-width: 991px) {
  .page-become-a-customer .how-become-customer h4 + .row {
    margin-top: -34px;
  }
}

#branchAndAtm #dropdownFeaturesBtn,
#branchAndAtm .select2 .select2-selection__rendered {
  font-size: 16px;
}

#branchAndAtm #dropdownFeaturesBtn.is-placeholder, #branchAndAtm .is-placeholder + .select2 .select2-selection__rendered {
  color: var(--gray88);
}

#branchAndAtm .map-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 51.29%;
}

#branchAndAtm .map-wrapper > .map,
#branchAndAtm .map-wrapper > .no-result {
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;
  border-radius: 16px;
  overflow: hidden;
}

#branchAndAtm .map-wrapper .no-result {
  background: rgba(245, 246, 250, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  z-index: 2;
}

#branchAndAtm .map-wrapper .no-result h2 {
  color: #515151;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  max-width: 271px;
  margin: 0;
}

@media (max-width: 767px) {
  #branchAndAtm .map-wrapper .no-result {
    gap: 16px;
  }
  #branchAndAtm .map-wrapper .no-result svg {
    width: 48px;
    height: 48px;
  }
  #branchAndAtm .map-wrapper .no-result h2 {
    font-size: 1rem;
    line-height: normal;
  }
}

#branchAndAtm .map-wrapper .gm-style .gm-style-iw-c {
  padding: 0;
}

#branchAndAtm .map-wrapper .gm-style .gm-style-iw-c .gm-style-iw-chr {
  position: absolute;
  right: 0;
}

#branchAndAtm .map-wrapper .gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect {
  z-index: 9999;
}

#branchAndAtm .map-wrapper .gm-style .gm-style-iw-d {
  padding: 16px;
  overflow: auto !important;
}

#branchAndAtm .map-wrapper .map-info-window .branch-name {
  color: #0D1B2A;
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 16px;
  border-bottom: 1px solid #F5F6FA;
  padding-right: 30px;
}

#branchAndAtm .map-wrapper .map-info-window .branch-address {
  color: #767474;
  font-size: 13px;
  word-break: break-word;
  margin-top: 16px;
}

#branchAndAtm .map-wrapper .map-info-window .branch-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 24px;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
}

#branchAndAtm .map-wrapper .map-info-window .branch-icons > a {
  color: var(--primary);
  font-size: 24px;
  text-decoration: none !important;
}

#branchAndAtm .map-details .branches-list-wrapper {
  background: var(--white);
  padding: 31px 24px 0;
  border: 1px solid rgba(110, 121, 123, 0.2);
  border-radius: 12px;
}

#branchAndAtm .map-details .branches-list-wrapper .branches-link {
  font-size: 14px;
  line-height: normal;
}

#branchAndAtm .map-details .branches-list-wrapper .form-check-group label {
  color: #767474;
  font-size: 14px;
  line-height: 20px;
  margin-top: 14px;
}

#branchAndAtm .map-details .branches-list-area {
  border-top: 2px solid #F5F6FA;
  margin-top: 21px;
  max-height: 261px;
  overflow: hidden auto;
}

#branchAndAtm .map-details .branches-list-area::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

#branchAndAtm .map-details .branches-list-area::-webkit-scrollbar-thumb {
  background: var(--gray88);
  border-radius: 60px;
}

#branchAndAtm .map-details .branches-list-area::-webkit-scrollbar-track {
  background: #F5F6FA;
}

#branchAndAtm .map-details .branches-list-area {
  scrollbar-face-color: var(--gray88);
  scrollbar-track-color: #F5F6FA;
}

#branchAndAtm .map-details .branches-list-area > a {
  color: var(--gray88);
  font-size: 14px;
  line-height: normal;
  text-decoration: none;
  padding-block: 22px;
  border-bottom: 2px solid #F5F6FA;
}

#branchAndAtm .map-details .branches-list-area > a:last-child {
  border-bottom: none;
}

#branchAndAtm .map-details .branches-list-area > a:hover {
  color: var(--primary);
}

#branchAndAtm .map-details .branches-list-area > a.active {
  color: var(--primary);
  position: relative;
}

#branchAndAtm .map-details .branches-list-area > a.active:after {
  content: '';
  background-color: var(--primary);
  width: 6px;
  height: 6px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  right: 32px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#branchAndAtm .map-details .branches-details-wrapper {
  padding: 31px 24px;
  border: 1px solid var(--primary);
  border-radius: 12px;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-name {
  color: var(--primary);
  font-size: 24px;
  font-weight: 600;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-information {
  margin-top: 24px;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-information .item {
  color: var(--black0d);
  font-size: 14px;
  line-height: 18px;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-information .item:not(:first-child) {
  margin-top: 16px;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-information .item span {
  color: var(--gray88);
  font-size: 13px;
  font-weight: 600;
  line-height: 19px;
  display: inline-block;
  min-width: 70px;
  margin-right: 10px;
  text-transform: uppercase;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-features {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-features .item {
  color: var(--black0d);
  font-size: 14px;
  line-height: 18px;
  width: 50%;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-features .item:nth-child(odd) {
  padding-right: 8px;
}

#branchAndAtm .map-details .branches-details-wrapper .branch-features .item:nth-child(even) {
  padding-left: 8px;
}

@media (max-width: 550px) {
  #branchAndAtm .map-details .branches-details-wrapper .branch-features .item {
    width: 100%;
  }
  #branchAndAtm .map-details .branches-details-wrapper .branch-features .item:nth-child(odd), #branchAndAtm .map-details .branches-details-wrapper .branch-features .item:nth-child(even) {
    padding-inline: 0;
  }
}

#branchAndAtm .map-details .branches-details-wrapper .branch-features .item svg {
  margin-right: 16px;
}

#branchAndAtm .map-nearest-branches .nearest-item {
  background-color: var(--grayf5);
  width: 100%;
  height: 100%;
  padding: 32px 24px;
  position: relative;
  border-radius: 12px;
  line-height: normal;
  position: relative;
}

#branchAndAtm .map-nearest-branches .nearest-item.with-btn {
  padding-bottom: 110px;
}

#branchAndAtm .map-nearest-branches .nearest-item.with-btn .item-bottom {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  padding-inline: 24px;
  padding-bottom: 32px;
}

#branchAndAtm .map-nearest-branches .nearest-item.with-btn .btn {
  padding-block: 11px;
}

#branchAndAtm .map-nearest-branches .nearest-item .title {
  color: var(--black0d);
  font-size: 24px;
  font-weight: 600;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-name {
  color: var(--black0d);
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-address {
  color: rgba(13, 27, 42, 0.7);
  font-size: 13px;
  margin-top: 16px;
  margin-bottom: 16px;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-phone {
  color: var(--black0d);
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 6px;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-phone > span {
  color: var(--gray88);
  font-size: 13px;
  width: 82px;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 16px;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-features .item {
  color: #767474;
  font-size: 13px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-features .item:nth-child(odd) {
  padding-right: 8px;
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-features .item:nth-child(even) {
  padding-left: 8px;
}

@media (max-width: 550px) {
  #branchAndAtm .map-nearest-branches .nearest-item .branch-features .item {
    width: 100%;
  }
  #branchAndAtm .map-nearest-branches .nearest-item .branch-features .item:nth-child(odd), #branchAndAtm .map-nearest-branches .nearest-item .branch-features .item:nth-child(even) {
    padding-inline: 0;
  }
}

#branchAndAtm .map-nearest-branches .nearest-item .branch-features .item svg {
  margin-right: 16px;
}

#branchAndAtm .map-nearest-branches .nearest-item__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
}

#branchAndAtm .map-nearest-branches .nearest-item__links > a {
  color: var(--black);
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-block: 16px;
  border-bottom: 1px solid var(--grayee);
  position: relative;
}

#branchAndAtm .map-nearest-branches .nearest-item__links > a:hover {
  border-color: var(--black);
}

#branchAndAtm .map-nearest-branches .nearest-item__links > a:after {
  content: "";
  font-family: "icomoon";
  position: absolute;
  right: 0px;
  font-size: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.subpage.application-center ul.nav-tabs {
  border-bottom: 3px solid #EAEAEA;
  border-radius: 4px;
}

.subpage.application-center ul.nav-tabs > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.subpage.application-center ul.nav-tabs a {
  text-decoration: none;
}

.subpage.application-center ul.nav-tabs a button {
  color: var(--black);
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
  text-align: center;
  padding-bottom: 24px;
  width: 100%;
  border: 0px;
  margin: 0px;
}

.subpage.application-center ul.nav-tabs a button:hover {
  color: var(--primary);
  text-decoration: none;
}

.subpage.application-center ul.nav-tabs a button.active {
  color: var(--primary);
  font-weight: 600;
  position: relative;
}

.subpage.application-center ul.nav-tabs a button.active::after {
  content: '';
  background-color: var(--primary);
  width: 100%;
  height: 3px;
  border-radius: 4px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}

.subpage.application-center .app-center-box {
  margin-bottom: 56px;
}

@media (max-width: 990px) {
  .subpage.application-center .app-center-box {
    margin-bottom: 32px;
  }
}

.subpage.application-center .app-center-box .landing-image {
  border-radius: 16px;
}

.subpage.application-center .app-center-box .title {
  color: var(--black);
  font-weight: 600;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-top: 26px;
}

@media (max-width: 990px) {
  .subpage.application-center .app-center-box .title {
    margin-top: 16px;
  }
}

.subpage.application-center .app-center-box .description {
  color: var(--black);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.subpage.application-center .app-center-box .description a {
  color: var(--yellowf1);
  text-decoration: underline;
}

@media (max-width: 990px) {
  .subpage.application-center .app-center-box .description {
    color: var(--gray4f);
    font-size: 14px;
  }
}

.subpage.application-center .app-center-box .btns {
  margin-top: 16px;
  gap: 6px;
}

.subpage.application-center .app-center-box .btns .btn {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.subpage.application-center .award-list-items .app-center-box .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

.subpage.robo-question .subpage-header {
  background: -o-linear-gradient(352.86deg, #16A086 35.53%, #2C7AA1 119.74%);
  background: linear-gradient(97.14deg, #16A086 35.53%, #2C7AA1 119.74%);
  height: 424px;
}

@media (max-width: 767px) {
  .subpage.robo-question .subpage-header {
    height: 320px;
  }
}

.subpage.robo-question section.section {
  background-color: #EAEBEF;
}

.subpage.robo-question .robo-question-wrapper {
  margin-top: -289px;
  min-height: 449px;
}

@media (max-width: 767px) {
  .subpage.robo-question .robo-question-wrapper {
    margin-top: -246px;
  }
}

.subpage.robo-question .box {
  background-color: var(--white);
  padding: 40px 32px;
  border-radius: 16px;
}

.subpage.robo-question .box h4 {
  color: var(--black);
  padding: 0;
  margin-bottom: 54px;
}

@media (max-width: 990px) {
  .subpage.robo-question .box h4 {
    margin-bottom: 24px;
  }
}

@media (max-width: 767px) {
  .subpage.robo-question .box {
    padding: 25px 20px;
  }
}

.subpage.robo-question .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.subpage.robo-question .radio-group input {
  display: none;
}

.subpage.robo-question .radio-group input + label {
  background-color: #F5F6FA;
  padding: 24px;
  border: 2px solid #F5F6Fa;
  border-radius: 10px;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.subpage.robo-question .radio-group input + label span {
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

.subpage.robo-question .radio-group input + label::after {
  content: '';
  background: #DADADA url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.76977 11.9246L13.034 5.66036C13.3086 5.38577 13.3086 4.94058 13.034 4.66599C12.7594 4.39141 12.3143 4.39141 12.0397 4.66599L6.26764 10.438L3.81017 7.98056C3.53559 7.70597 3.09039 7.70597 2.8158 7.98056C2.54122 8.25514 2.54122 8.70034 2.8158 8.97493L5.76566 11.9248C5.76724 11.9264 5.76883 11.928 5.77043 11.9296C5.90076 12.0599 6.06952 12.1284 6.24023 12.135C6.4292 12.1423 6.62057 12.0739 6.76485 11.9296C6.7665 11.9279 6.76814 11.9263 6.76977 11.9246Z" fill="white"/></svg>') center center no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100%;
  -webkit-transition: background-color .2s ease-in-out;
  -o-transition: background-color .2s ease-in-out;
  transition: background-color .2s ease-in-out;
}

@media (max-width: 767px) {
  .subpage.robo-question .radio-group input + label {
    padding: 16px 6px;
    gap: 8px;
  }
  .subpage.robo-question .radio-group input + label svg {
    width: 40px;
    height: auto;
  }
  .subpage.robo-question .radio-group input + label span {
    font-size: 14px;
  }
}

.subpage.robo-question .radio-group input:checked + label {
  background-color: #fff;
  border-color: #16A086;
}

.subpage.robo-question .radio-group input:checked + label::after {
  background-color: var(--primary);
}

.subpage.robo-question .question-choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

.subpage.robo-question .question-choices input {
  display: none;
}

.subpage.robo-question .question-choices input + label {
  background-color: #F5F6FA;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  padding: 24px;
  display: block;
  border: 2px solid #F5F6FA;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.subpage.robo-question .question-choices input:checked + label {
  background-color: #FFFFFF;
  border-color: var(--primary);
}

.subpage.robo-question .question-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.subpage.robo-question .question-btns .btn {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
  padding-inline: 10px;
}

@media (min-width: 991px) {
  .subpage.robo-question .question-btns .btn {
    max-width: 180px;
  }
}

@media (min-width: 768px) {
  .subpage.robo-question .swiper-questions {
    overflow: visible;
  }
  .subpage.robo-question .swiper-questions .swiper-slide {
    width: 540px;
  }
}

.subpage.robo-question .swiper-questions .swiper-slide {
  -webkit-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) {
  pointer-events: none;
  opacity: .94;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) .text-primary {
  --bs-primary-rgb: 184, 184, 184;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) .box h4 {
  color: #B8B8B8;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) .box .question-btns {
  opacity: .3;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) .box .question-btns .btn-prev {
  --yellow: #B8B8B8;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) .box .question-btns .btn-next {
  --primary: #B8B8B8;
  --white: #6A6A6A;
}

.subpage.robo-question .swiper-questions .swiper-slide:not(.swiper-slide-active) .box .question-choices {
  opacity: .5;
}

@media (min-width: 768px) {
  .subpage.robo-question .swiper-questions .swiper-slide h4 {
    width: 80%;
    min-height: 114px;
    margin-bottom: 16px;
    overflow: hidden;
  }
}

.subpage.robo-question .swiper-questions .swiper-pagination {
  position: static;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-bottom: 59px;
}

@media (max-width: 767px) {
  .subpage.robo-question .swiper-questions .swiper-pagination {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 24px;
  }
}

.subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet {
  background-color: rgba(14, 119, 108, 0.49);
  margin: 0;
  padding: 0;
  opacity: 1;
}

.subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet span {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 600;
}

.subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--white);
}

@media (min-width: 768px) {
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
            flex: 1 0 0%;
    max-width: 128px;
    border-radius: 4px;
  }
}

@media (max-width: 767px) {
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet {
    background-color: var(--white);
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet span {
    background: var(--white) url('data:image/svg+xml,<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.02301 11.9513L17.0538 1.9205C17.4931 1.48116 17.4931 0.768845 17.0538 0.329505C16.6144 -0.109835 15.9021 -0.109835 15.4628 0.329505L6.22758 9.56472L2.29549 5.63264C1.85616 5.1933 1.14384 5.1933 0.704505 5.63264C0.265165 6.07197 0.265165 6.78429 0.704505 7.22363L5.42186 11.941C5.42522 11.9444 5.42861 11.9479 5.43202 11.9513C5.87136 12.3906 6.58367 12.3906 7.02301 11.9513Z" fill="%2316A086"/></svg>') center center no-repeat;
    width: 18px;
    height: 13px;
    display: block;
    text-indent: 99999px;
    overflow: hidden;
  }
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
    height: 40px;
  }
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet-active span,
.subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet-active ~ span > span {
    background: none;
    width: auto;
    height: auto;
    text-indent: 0px;
  }
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet-active span {
    color: var(--primary);
  }
  .subpage.robo-question .swiper-questions .swiper-pagination .swiper-pagination-bullet-active ~ span {
    background: none !important;
    color: var(--white) !important;
  }
}

.subpage.robo-question .approve-step h4 {
  margin-bottom: 24px;
}

.subpage.robo-question .approve-step h4 + .profile-btn-title {
  margin-bottom: 14px;
}

.subpage.robo-question .approve-step .accounts-chartbox {
  gap: 40px;
  margin-bottom: 54px;
}

.subpage.robo-question .approve-step .accounts-chartbox .chart-item {
  width: 50%;
}

@media (min-width: 768px) {
  .subpage.robo-question .approve-step .accounts-chartbox .chart-item {
    width: 160px;
    margin-bottom: 6px;
  }
}

.subpage.robo-question .approve-step .accounts-chartbox .chart-item::after {
  content: '';
  background-color: currentColor;
  width: 100%;
  height: 6px;
  display: block;
  border-radius: 24px;
  margin-top: 16px;
}

.subpage.robo-question .approve-step .accounts-chartbox .chart-item .title {
  color: currentColor;
  font-size: 18px;
  font-weight: 600;
  line-height: 31px;
}

.subpage.robo-question .approve-step .accounts-chartbox .chart-item .desc {
  color: #6A6A6A;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.subpage.robo-question .approve-step .accounts-chartbox .chart-item .value {
  color: #000002;
  font-size: 24px;
  font-weight: 600;
  line-height: 29px;
  margin-top: 16px;
}

@media (max-width: 767px) {
  .subpage.robo-question .approve-step .accounts-chartbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .subpage.robo-question .approve-step .accounts-chartbox #inv-advice-chart {
    width: 100px;
    height: 100px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .subpage.robo-question .approve-step .accounts-chartbox > div:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .subpage.robo-question .approve-step .accounts-chartbox > div:nth-child(2) ~ n {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.subpage.robo-question .approve-step #inv-advice-chart {
  width: 150px;
  height: 150px;
}

.subpage.robo-question .level-title {
  color: var(--black);
  font-size: 12px;
  line-height: 20.4px;
  position: absolute;
  bottom: 0;
}

.subpage.robo-question .level-title.low-level {
  left: 0;
}

.subpage.robo-question .level-title.top-level {
  right: 0;
}

@media (max-width: 767px) {
  .subpage.robo-question .profile-description {
    margin-top: 14px;
  }
}