/* Minification failed. Returning unminified contents.
(2190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2195,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2198,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2199,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2200,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2201,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2203,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2205,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2206,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2207,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2208,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2209,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2210,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2212,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2213,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2215,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2216,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2220,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2230,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2235,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2236,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2237,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2238,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2239,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2240,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2241,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2242,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2245,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2247,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2250,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2251,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2253,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2254,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2255,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family'
(2271,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size'
(2272,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight'
(2273,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height'
(2274,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2275,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align'
(2276,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2405,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg'
(2421,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color'
(2425,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-hover-color'
(2436,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(2453,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color'
(2462,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg'
(2463,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(2728,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(2751,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2752,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2754,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2755,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2800,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2801,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2804,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(2805,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2806,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2812,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2813,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x'
(2814,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y'
(2934,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2938,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2942,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2946,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2950,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2954,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2958,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2962,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2966,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2970,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2974,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2978,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3311,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3315,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3472,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3609,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 '-'
(3617,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 '-'
(3625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3629,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3633,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3637,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3641,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3814,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3827,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3828,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3829,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3831,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3832,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3833,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3834,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3835,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3838,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3840,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3844,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg'
(3846,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg'
(3876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3877,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(3880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3881,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-color'
(3884,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3885,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-active-color'
(3888,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3889,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-hover-color'
(3892,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3893,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3894,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3895,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3896,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3897,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3898,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3899,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3900,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3901,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3902,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3905,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3906,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3907,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3908,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3909,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3910,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3911,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3912,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3913,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3914,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3915,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3918,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3919,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3920,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3921,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3922,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3923,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3924,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3925,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3926,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3927,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3928,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3931,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3932,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3933,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3934,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3935,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3936,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3937,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3938,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3939,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3940,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3941,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3944,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3945,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3946,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3947,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3948,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3949,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3950,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3951,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3952,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3953,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3954,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3957,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3958,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3959,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3960,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3961,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3962,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3963,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3964,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3965,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3966,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3967,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3970,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3971,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3972,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3973,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3974,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3975,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3976,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3977,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3978,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3979,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3980,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(3983,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3984,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3985,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3986,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3987,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3988,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3989,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3990,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3991,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3992,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color'
(3993,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color'
(4886,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4887,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4888,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4889,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4890,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4891,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4892,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4893,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4894,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4895,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4896,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4897,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4899,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4900,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4903,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y'
(4903,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x'
(4904,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family'
(4905,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size'
(4906,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight'
(4907,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height'
(4908,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(4916,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width'
(4916,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color'
(4917,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius'
(4918,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg'
(4928,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(4929,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(4930,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(4934,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(4935,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg'
(4936,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color'
(4938,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(4945,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color'
(4946,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg'
(4947,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color'
(4954,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow'
(4959,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color'
(4961,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg'
(4962,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color'
(4963,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity'
(4966,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4967,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4968,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4969,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4970,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4971,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4972,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4973,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4974,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4975,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4976,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4977,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4978,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4979,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4982,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4983,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4984,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4985,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4986,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4987,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4988,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4989,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4990,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4991,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4992,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4993,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4994,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4995,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4998,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4999,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5003,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5004,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5006,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5008,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5014,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5015,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5016,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5018,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5019,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5020,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5021,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5023,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5024,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5025,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5026,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5027,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5030,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5031,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5032,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5033,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5034,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5035,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5036,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5037,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5038,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5039,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5040,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5041,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5042,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5043,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5046,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5047,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5048,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5049,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5050,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5051,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5052,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5053,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5054,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5055,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5056,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5057,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5058,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5059,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5062,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5063,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5064,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5065,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5066,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5067,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5068,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5069,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5070,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5071,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5072,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5073,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5074,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5075,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5078,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5079,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5080,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5081,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5082,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5083,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5084,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5085,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5086,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5087,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5088,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5089,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5090,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5091,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5094,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5095,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5096,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5097,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5098,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5099,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5101,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5103,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5104,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5105,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5106,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5107,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5110,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5112,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5114,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5116,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5117,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5118,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5119,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5120,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5121,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5122,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5123,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5126,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5127,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5128,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5129,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5130,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5131,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5132,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5136,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5137,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5138,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5139,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5142,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5143,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5145,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5147,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5150,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5152,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5155,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5159,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5160,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5163,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5168,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5169,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5170,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5171,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5174,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5175,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5176,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5177,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5178,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5179,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5180,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5181,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5182,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5183,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5184,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5185,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5186,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5195,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5198,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5199,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5200,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5201,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5203,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5206,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5207,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5208,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5209,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5210,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5212,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5213,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5215,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5216,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5230,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5237,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color'
(5240,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color'
(5244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5245,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5247,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5251,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5253,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5254,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5315,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5316,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5317,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5318,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5319,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5320,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5322,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5323,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5326,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5328,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5329,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5330,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5331,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5332,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5333,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5334,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5335,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5336,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5337,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5338,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5339,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5343,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width'
(5344,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y'
(5344,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x'
(5346,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size'
(5347,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color'
(5350,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg'
(5352,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width'
(5352,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color'
(5353,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius'
(5358,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5361,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5368,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5392,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5458,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5478,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5501,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer'
(5529,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y'
(5531,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg'
(5537,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(5537,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(5540,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(5549,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color'
(5550,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg'
(5554,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color'
(5556,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg'
(5560,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color'
(5569,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y'
(5570,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x'
(5573,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color'
(5578,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y'
(5578,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x'
(5579,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color'
(5582,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5583,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5584,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5586,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5587,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5588,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5589,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5590,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5591,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5592,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5593,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5693,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5694,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5695,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5697,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5698,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5707,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y'
(5707,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x'
(5708,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size'
(5709,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight'
(5710,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color'
(5722,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color'
(5725,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(5730,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5731,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5732,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5733,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5734,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5735,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5736,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5737,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5738,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color'
(5741,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5743,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5744,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(5745,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius'
(5750,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color'
(5754,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(5760,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color'
(5761,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg'
(5762,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color'
(5765,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width'
(5770,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5771,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5772,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5777,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius'
(5780,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color'
(5786,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color'
(5787,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg'
(5811,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5812,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5813,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5814,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5815,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5816,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5817,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5818,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5819,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5820,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5821,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5822,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5823,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5824,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5825,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5827,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5828,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5829,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5836,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y'
(5836,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x'
(5851,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(5852,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y'
(5853,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end'
(5854,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size'
(5855,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color'
(5861,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color'
(5864,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5865,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5866,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5867,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5868,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5869,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5878,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(5886,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(5891,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color'
(5899,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y'
(5899,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x'
(5900,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size'
(5902,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color'
(5904,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(5904,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color'
(5905,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius'
(5906,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition'
(5919,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width'
(5926,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg'
(5932,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height'
(5947,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(5948,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(5994,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(5995,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6041,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6042,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6088,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6089,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6135,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6136,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6181,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6182,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x'
(6216,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6220,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6230,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6235,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6236,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6237,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6238,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6239,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6240,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6241,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6242,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6247,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height'
(6249,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6251,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6251,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6252,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius'
(6264,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6265,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6269,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6270,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6278,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y'
(6278,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(6279,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color'
(6282,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(6285,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y'
(6292,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x'
(6295,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6295,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6297,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(6298,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(6299,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6299,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6302,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6303,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6306,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6306,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6307,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color'
(6308,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg'
(6309,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width'
(6309,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color'
(6312,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6313,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6316,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6317,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y'
(6318,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6322,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6323,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg'
(6326,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6327,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x'
(6335,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding'
(6336,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6345,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6346,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6350,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6351,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius'
(6354,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin'
(6395,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6396,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6397,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6400,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6401,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6402,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6403,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6404,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6405,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6406,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6407,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6408,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6409,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6410,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6411,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6412,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6414,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6415,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6416,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6417,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6418,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6425,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y'
(6425,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x'
(6427,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color'
(6429,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg'
(6433,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition'
(6441,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color'
(6442,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg'
(6443,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(6444,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(6447,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon'
(6448,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform'
(6452,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6453,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6456,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon'
(6458,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width'
(6459,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition'
(6471,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color'
(6473,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow'
(6479,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color'
(6480,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg'
(6481,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width'
(6482,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color'
(6485,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6486,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6489,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6490,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6496,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6497,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6500,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6501,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius'
(6504,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6505,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius'
(6508,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y'
(6508,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x'
(6528,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6529,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6530,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6531,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6532,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6533,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6534,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6535,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6538,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y'
(6538,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x'
(6539,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom'
(6540,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size'
(6542,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg'
(6543,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius'
(6546,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(6550,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x'
(6551,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color'
(6552,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider'
(6555,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color'
(6558,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6559,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6560,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6561,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6562,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6563,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6564,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6565,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6566,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6567,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6568,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6569,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6570,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6571,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6572,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6573,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6574,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6575,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6577,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6585,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y'
(6585,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x'
(6586,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size'
(6587,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color'
(6589,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg'
(6590,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width'
(6591,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color'
(6602,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color'
(6603,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg'
(6604,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color'
(6608,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color'
(6609,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg'
(6611,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow'
(6616,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color'
(6617,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg'
(6618,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color'
(6622,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color'
(6624,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg'
(6625,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color'
(6631,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6632,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6635,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6636,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius'
(6639,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6640,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6641,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6642,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6645,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6646,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6647,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6648,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6651,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6652,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6653,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6654,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6655,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6656,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6658,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y'
(6658,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x'
(6659,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size'
(6660,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight'
(6662,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color'
(6666,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius'
(6676,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6677,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6678,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6679,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6680,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6681,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6682,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6683,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6685,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y'
(6685,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x'
(6686,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom'
(6687,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color'
(6688,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg'
(6689,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border'
(6690,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius'
(6709,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6710,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6711,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6717,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6718,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6719,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6725,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6726,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6727,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6733,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6734,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6735,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6741,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6742,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6743,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6749,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6750,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6751,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6757,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6758,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6759,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6765,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6766,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6767,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6783,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6784,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6785,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6786,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6787,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6789,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6790,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6792,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(6794,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size'
(6795,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg'
(6796,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius'
(6803,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color'
(6806,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg'
(6807,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition'
(6825,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(6825,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height'
(6838,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6839,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6841,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6842,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6843,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6844,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6845,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6846,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6849,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6853,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6854,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6859,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6871,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color'
(6877,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color'
(6879,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg'
(6882,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color'
(6883,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg'
(6888,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y'
(6889,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x'
(6890,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color'
(6892,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg'
(6893,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6894,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color'
(6906,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color'
(6908,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg'
(6912,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color'
(6913,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg'
(6914,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color'
(6920,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6921,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6927,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6931,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6938,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6942,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6943,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6950,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6954,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6961,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6965,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6966,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6974,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6978,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(6985,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6989,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6990,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(6998,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7002,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7009,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7013,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7014,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7022,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7026,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7033,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7037,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7038,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7046,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7050,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius'
(7057,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7061,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7062,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7069,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width'
(7221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7230,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7235,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width'
(7237,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size'
(7238,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color'
(7240,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg'
(7242,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7242,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color'
(7243,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow'
(7244,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(7262,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing'
(7267,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y'
(7267,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7268,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color'
(7269,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg'
(7271,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7272,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color'
(7274,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(7274,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7277,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius'
(7277,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width'
(7281,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7282,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7285,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x'
(7289,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7290,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7291,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7292,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7293,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7294,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7295,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7296,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7298,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7299,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7301,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7302,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7303,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7304,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7305,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7306,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7307,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7308,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7309,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7313,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex'
(7324,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(7343,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(7355,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin'
(7362,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color'
(7364,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg'
(7366,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width'
(7366,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color'
(7367,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius'
(7371,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7372,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7373,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7377,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex'
(7380,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg'
(7386,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(7393,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding'
(7394,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width'
(7395,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color'
(7396,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7397,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7400,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(7401,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(7402,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(7403,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x'
(7404,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y'
(7408,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height'
(7413,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(7421,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding'
(7421,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(7422,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg'
(7423,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width'
(7424,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color'
(7425,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7426,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius'
(7429,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap'
(7433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7437,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width'
(7442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7575,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7577,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7578,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7579,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7580,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7581,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7582,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7583,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7584,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7586,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7587,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex'
(7589,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7590,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin'
(7591,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(7605,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size'
(7610,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity'
(7614,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7615,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7630,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7631,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7632,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(7637,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7638,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7643,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7644,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7644,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7645,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(7654,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7655,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7656,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(7661,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7662,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7667,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7668,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width'
(7668,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height'
(7669,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(7672,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width'
(7673,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y'
(7673,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x'
(7674,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color'
(7676,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg'
(7677,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius'
(7680,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7681,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7682,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7683,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7684,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7685,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7686,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7687,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7688,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7689,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7690,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7691,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7692,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7693,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7694,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7695,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7696,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7697,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7698,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7699,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7700,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex'
(7702,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width'
(7703,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif'
(7717,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size'
(7719,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(7721,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7721,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(7722,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius'
(7726,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7727,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7741,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7741,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7748,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7749,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7754,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(7758,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7759,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(7764,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7764,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7766,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7767,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7773,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7774,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7774,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7779,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(7783,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7784,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(7789,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7789,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7796,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7797,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7802,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(7806,12): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7807,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(7815,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7816,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7818,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7819,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(7824,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7824,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7826,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7827,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7833,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7834,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width'
(7834,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height'
(7839,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border'
(7843,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7844,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg'
(7847,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(7847,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(7849,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(7850,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(7851,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(7852,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(7853,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(7854,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(7855,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(7861,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(7861,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(7862,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
(8048,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width'
(8049,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height'
(8050,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align'
(8052,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(8053,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(8054,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed'
(8055,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name'
(8068,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8069,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8070,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8071,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8072,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8073,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8074,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width'
(8078,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8079,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8080,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8101,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8103,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8104,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8105,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8110,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8125,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8126,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8127,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8128,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8129,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8130,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8131,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8132,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8143,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8145,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8160,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8161,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8162,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8170,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8171,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8172,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8181,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8183,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8184,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8192,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8194,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8195,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8237,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8239,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8254,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8255,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8256,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8264,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8265,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8266,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8275,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8277,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8278,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8286,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8288,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8289,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8331,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8333,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8348,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8349,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8350,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8358,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8359,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8360,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8369,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8371,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8372,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8380,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8382,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8383,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8425,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8427,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8442,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8443,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8444,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8452,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8453,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8454,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8463,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8465,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8466,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8474,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8476,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8477,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8519,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8521,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8536,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8537,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8538,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8546,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8547,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8548,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8557,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8559,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8560,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8568,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8570,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8571,9): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8612,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color'
(8614,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg'
(8627,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8628,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8629,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8635,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width'
(8636,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8637,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8644,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8646,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8647,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8653,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height'
(8655,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width'
(8656,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color'
(8687,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(8687,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(8690,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(8691,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(8692,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(8693,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(8694,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(8702,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y'
(8702,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x'
(8777,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8781,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8785,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8789,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8793,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8797,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8801,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8805,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(8869,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio'
(8880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8883,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8886,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8889,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9191,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9191,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9191,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9197,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9197,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9198,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9204,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9204,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9205,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9211,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9211,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9212,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9218,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width'
(9218,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style'
(9219,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(9225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9227,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9228,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9234,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9235,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9239,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9241,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9242,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9247,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9247,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9250,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9252,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9253,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9257,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9258,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9258,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9261,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9262,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9262,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9265,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9266,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9266,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9269,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9270,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(9270,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity'
(9273,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9276,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9279,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9282,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9285,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9288,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9291,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9294,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9797,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace'
(9891,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9892,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9892,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9895,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9896,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9896,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9899,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9900,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9900,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9903,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9904,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9904,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9907,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9908,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9908,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9911,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9912,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9912,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9915,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9916,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(9916,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9919,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9920,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(9920,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9923,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9924,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(9924,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9927,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9928,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(9928,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9931,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9932,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb'
(9932,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity'
(9935,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9939,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9943,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9947,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9951,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9954,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9957,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9960,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9963,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9965,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb'
(9966,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9970,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9972,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb'
(9973,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9977,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9979,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb'
(9980,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9984,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9985,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb'
(9985,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9988,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9990,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb'
(9991,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9995,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9996,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb'
(9996,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(9999,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10000,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb'
(10000,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10003,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10004,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb'
(10004,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10008,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb'
(10008,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10012,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb'
(10012,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10015,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10017,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb'
(10018,8): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity'
(10022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10026,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10029,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10032,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10035,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10038,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10041,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient'
(10065,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10071,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm'
(10074,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10077,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg'
(10080,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl'
(10083,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-2xl'
(10089,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
(10092,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10093,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10096,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10097,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10100,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10101,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10104,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(10105,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius'
(22670,1): run-time error CSS1019: Unexpected token, found '@import'
(22670,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@300;400;500;600;700;900&display=swap")'
(23446,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23447,8): run-time error CSS1035: Expected colon, found '{'
(23611,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23612,8): run-time error CSS1035: Expected colon, found '{'
(23617,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(23618,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(26050,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(26051,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27205,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(27206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27219,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27540,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27550,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27560,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(27570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(27571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(29757,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(29758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40274,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(40275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(40320,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41918,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41956,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(41968,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(41969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(42265,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(42266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(45032,44): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(45037,44): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(45042,44): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(45167,44): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(45191,44): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(45209,45): run-time error CSS1039: Token not allowed after unary operator: '-char-index'
(49163,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(49164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49175,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(49176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(52683,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(52684,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(52693,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(52694,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(52703,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(52704,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(52871,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(52872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(52881,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(52882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(52891,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(52892,10): run-time error CSS1035: Expected colon, found '{'
(52901,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(52902,10): run-time error CSS1035: Expected colon, found '{'
(58100,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '+'
 */
/*! jQuery UI - v1.13.2 - 2022-07-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}

.ui-helper-clearfix:after {
	clear: both;
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}

.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}

	.ui-menu .ui-menu {
		position: absolute;
	}

	.ui-menu .ui-menu-item {
		margin: 0;
		cursor: pointer;
		/* support: IE10, see #8844 */
		list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
	}

	.ui-menu .ui-menu-item-wrapper {
		position: relative;
		padding: 3px 1em 3px .4em;
	}

	.ui-menu .ui-menu-divider {
		margin: 5px 0;
		height: 0;
		font-size: 0;
		line-height: 0;
		border-width: 1px 0 0 0;
	}

	.ui-menu .ui-state-focus,
	.ui-menu .ui-state-active {
		margin: -1px;
	}

/* icon support */
.ui-menu-icons {
	position: relative;
}

	.ui-menu-icons .ui-menu-item-wrapper {
		padding-left: 2em;
	}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Support: IE <= 11 */
	overflow: visible;
}

	.ui-button,
	.ui-button:link,
	.ui-button:visited,
	.ui-button:hover,
	.ui-button:active {
		text-decoration: none;
	}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}

	.ui-controlgroup > .ui-controlgroup-item {
		float: left;
		margin-left: 0;
		margin-right: 0;
	}

		.ui-controlgroup > .ui-controlgroup-item:focus,
		.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
			z-index: 9999;
		}

.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}

	.ui-controlgroup .ui-controlgroup-label span {
		font-size: 80%;
	}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}

.ui-checkboxradio-disabled {
	pointer-events: none;
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}

	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
	}

	.ui-datepicker .ui-datepicker-prev,
	.ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 2px;
		width: 1.8em;
		height: 1.8em;
	}

	.ui-datepicker .ui-datepicker-prev-hover,
	.ui-datepicker .ui-datepicker-next-hover {
		top: 1px;
	}

	.ui-datepicker .ui-datepicker-prev {
		left: 2px;
	}

	.ui-datepicker .ui-datepicker-next {
		right: 2px;
	}

	.ui-datepicker .ui-datepicker-prev-hover {
		left: 1px;
	}

	.ui-datepicker .ui-datepicker-next-hover {
		right: 1px;
	}

	.ui-datepicker .ui-datepicker-prev span,
	.ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -8px;
	}

	.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}

		.ui-datepicker .ui-datepicker-title select {
			font-size: 1em;
			margin: 1px 0;
		}

	.ui-datepicker select.ui-datepicker-month,
	.ui-datepicker select.ui-datepicker-year {
		width: 45%;
	}

	.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}

	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}

	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}

		.ui-datepicker td span,
		.ui-datepicker td a {
			display: block;
			padding: .2em;
			text-align: right;
			text-decoration: none;
		}

	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}

		.ui-datepicker .ui-datepicker-buttonpane button {
			float: right;
			margin: .5em .2em .4em;
			cursor: pointer;
			padding: .2em .6em .3em .6em;
			width: auto;
			overflow: visible;
		}

			.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
				float: left;
			}

	/* with multiple calendars */
	.ui-datepicker.ui-datepicker-multi {
		width: auto;
	}

.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}

	.ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}

	.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}

	.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}

		.ui-datepicker-rtl .ui-datepicker-buttonpane button {
			float: left;
		}

			.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
			.ui-datepicker-rtl .ui-datepicker-group {
				float: right;
			}

	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
	.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}

	.ui-dialog .ui-dialog-titlebar {
		padding: .4em 1em;
		position: relative;
	}

	.ui-dialog .ui-dialog-title {
		float: left;
		margin: .1em 0;
		white-space: nowrap;
		width: 90%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ui-dialog .ui-dialog-titlebar-close {
		position: absolute;
		right: .3em;
		top: 50%;
		width: 20px;
		margin: -10px 0 0 0;
		padding: 1px;
		height: 20px;
	}

	.ui-dialog .ui-dialog-content {
		position: relative;
		border: 0;
		padding: .5em 1em;
		background: none;
		overflow: auto;
	}

	.ui-dialog .ui-dialog-buttonpane {
		text-align: left;
		border-width: 1px 0 0 0;
		background-image: none;
		margin-top: .5em;
		padding: .3em 1em .5em .4em;
	}

		.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
			float: right;
		}

		.ui-dialog .ui-dialog-buttonpane button {
			margin: .5em .4em .5em 0;
			cursor: pointer;
		}

	.ui-dialog .ui-resizable-n {
		height: 2px;
		top: 0;
	}

	.ui-dialog .ui-resizable-e {
		width: 2px;
		right: 0;
	}

	.ui-dialog .ui-resizable-s {
		height: 2px;
		bottom: 0;
	}

	.ui-dialog .ui-resizable-w {
		width: 2px;
		left: 0;
	}

	.ui-dialog .ui-resizable-se,
	.ui-dialog .ui-resizable-sw,
	.ui-dialog .ui-resizable-ne,
	.ui-dialog .ui-resizable-nw {
		width: 7px;
		height: 7px;
	}

	.ui-dialog .ui-resizable-se {
		right: 0;
		bottom: 0;
	}

	.ui-dialog .ui-resizable-sw {
		left: 0;
		bottom: 0;
	}

	.ui-dialog .ui-resizable-ne {
		right: 0;
		top: 0;
	}

	.ui-dialog .ui-resizable-nw {
		left: 0;
		top: 0;
	}

.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable {
	position: relative;
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}

.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}

.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}

.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}

.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}

.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}

.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}

.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}

	.ui-progressbar .ui-progressbar-value {
		margin: -1px;
		height: 100%;
	}

	.ui-progressbar .ui-progressbar-overlay {
		background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
		height: 100%;
		-ms-filter: "alpha(opacity=25)"; /* support: IE8 */
		opacity: 0.25;
	}

.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

	.ui-selectmenu-menu .ui-menu {
		overflow: auto;
		overflow-x: hidden;
		padding-bottom: 1px;
	}

		.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
			font-size: 1em;
			font-weight: bold;
			line-height: 1.5;
			padding: 2px 0.4em;
			margin: 0.5em 0 0 0;
			height: auto;
			border: 0;
		}

.ui-selectmenu-open {
	display: block;
}

.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}

.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}

.ui-slider {
	position: relative;
	text-align: left;
}

	.ui-slider .ui-slider-handle {
		position: absolute;
		z-index: 2;
		width: 1.2em;
		height: 1.2em;
		cursor: pointer;
		-ms-touch-action: none;
		touch-action: none;
	}

	.ui-slider .ui-slider-range {
		position: absolute;
		z-index: 1;
		font-size: .7em;
		display: block;
		border: 0;
		background-position: 0 0;
	}

	/* support: IE8 - See #6727 */
	.ui-slider.ui-state-disabled .ui-slider-handle,
	.ui-slider.ui-state-disabled .ui-slider-range {
		filter: inherit;
	}

.ui-slider-horizontal {
	height: .8em;
}

	.ui-slider-horizontal .ui-slider-handle {
		top: -.3em;
		margin-left: -.6em;
	}

	.ui-slider-horizontal .ui-slider-range {
		top: 0;
		height: 100%;
	}

	.ui-slider-horizontal .ui-slider-range-min {
		left: 0;
	}

	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}

	.ui-slider-vertical .ui-slider-handle {
		left: -.3em;
		margin-left: 0;
		margin-bottom: -.6em;
	}

	.ui-slider-vertical .ui-slider-range {
		left: 0;
		width: 100%;
	}

	.ui-slider-vertical .ui-slider-range-min {
		bottom: 0;
	}

	.ui-slider-vertical .ui-slider-range-max {
		top: 0;
	}

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}

.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}

.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}

.ui-spinner-up {
	top: 0;
}

.ui-spinner-down {
	bottom: 0;
}

.ui-tabs {
	position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}

	.ui-tabs .ui-tabs-nav {
		margin: 0;
		padding: .2em .2em 0;
	}

		.ui-tabs .ui-tabs-nav li {
			list-style: none;
			float: left;
			position: relative;
			top: 0;
			margin: 1px .2em 0 0;
			border-bottom-width: 0;
			padding: 0;
			white-space: nowrap;
		}

		.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
			float: left;
			padding: .5em 1em;
			text-decoration: none;
		}

		.ui-tabs .ui-tabs-nav li.ui-tabs-active {
			margin-bottom: -1px;
			padding-bottom: 1px;
		}

			.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
			.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
			.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
				cursor: text;
			}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}

body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}

	.ui-widget .ui-widget {
		font-size: 1em;
	}

	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea,
	.ui-widget button {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
	}

	.ui-widget.ui-widget-content {
		border: 1px solid #c5c5c5;
	}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

	.ui-widget-content a {
		color: #333333;
	}

.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}

	.ui-widget-header a {
		color: #333333;
	}

	/* Interaction states
----------------------------------*/
	.ui-state-default,
	.ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default,
	.ui-button,
	/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
	html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {
		border: 1px solid #c5c5c5;
		background: #f6f6f6;
		font-weight: normal;
		color: #454545;
	}

		.ui-state-default a,
		.ui-state-default a:link,
		.ui-state-default a:visited,
		a.ui-button,
		a:link.ui-button,
		a:visited.ui-button,
		.ui-button {
			color: #454545;
			text-decoration: none;
		}

			.ui-state-hover,
			.ui-widget-content .ui-state-hover,
			.ui-widget-header .ui-state-hover,
			.ui-state-focus,
			.ui-widget-content .ui-state-focus,
			.ui-widget-header .ui-state-focus,
			.ui-button:hover,
			.ui-button:focus {
				border: 1px solid #cccccc;
				background: #ededed;
				font-weight: normal;
				color: #2b2b2b;
			}

				.ui-state-hover a,
				.ui-state-hover a:hover,
				.ui-state-hover a:link,
				.ui-state-hover a:visited,
				.ui-state-focus a,
				.ui-state-focus a:hover,
				.ui-state-focus a:link,
				.ui-state-focus a:visited,
				a.ui-button:hover,
				a.ui-button:focus {
					color: #2b2b2b;
					text-decoration: none;
				}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}

	.ui-icon-background,
	.ui-state-active .ui-icon-background {
		border: #003eff;
		background-color: #ffffff;
	}

	.ui-state-active a,
	.ui-state-active a:link,
	.ui-state-active a:visited {
		color: #ffffff;
		text-decoration: none;
	}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}

.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}

	.ui-state-error a,
	.ui-widget-content .ui-state-error a,
	.ui-widget-header .ui-state-error a {
		color: #5f3f3f;
	}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	-ms-filter: "alpha(opacity=70)"; /* support: IE8 */
	font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	-ms-filter: "alpha(opacity=35)"; /* support: IE8 */
	background-image: none;
}

	.ui-state-disabled .ui-icon {
		-ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
	}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}

.ui-icon-caret-1-n {
	background-position: 0 0;
}

.ui-icon-caret-1-ne {
	background-position: -16px 0;
}

.ui-icon-caret-1-e {
	background-position: -32px 0;
}

.ui-icon-caret-1-se {
	background-position: -48px 0;
}

.ui-icon-caret-1-s {
	background-position: -65px 0;
}

.ui-icon-caret-1-sw {
	background-position: -80px 0;
}

.ui-icon-caret-1-w {
	background-position: -96px 0;
}

.ui-icon-caret-1-nw {
	background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
	background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
	background-position: -144px 0;
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
	background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
	background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
	background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px;
}

.ui-icon-arrow-4 {
	background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px;
}

.ui-icon-extlink {
	background-position: -32px -80px;
}

.ui-icon-newwin {
	background-position: -48px -80px;
}

.ui-icon-refresh {
	background-position: -64px -80px;
}

.ui-icon-shuffle {
	background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px;
}

.ui-icon-folder-open {
	background-position: -16px -96px;
}

.ui-icon-document {
	background-position: -32px -96px;
}

.ui-icon-document-b {
	background-position: -48px -96px;
}

.ui-icon-note {
	background-position: -64px -96px;
}

.ui-icon-mail-closed {
	background-position: -80px -96px;
}

.ui-icon-mail-open {
	background-position: -96px -96px;
}

.ui-icon-suitcase {
	background-position: -112px -96px;
}

.ui-icon-comment {
	background-position: -128px -96px;
}

.ui-icon-person {
	background-position: -144px -96px;
}

.ui-icon-print {
	background-position: -160px -96px;
}

.ui-icon-trash {
	background-position: -176px -96px;
}

.ui-icon-locked {
	background-position: -192px -96px;
}

.ui-icon-unlocked {
	background-position: -208px -96px;
}

.ui-icon-bookmark {
	background-position: -224px -96px;
}

.ui-icon-tag {
	background-position: -240px -96px;
}

.ui-icon-home {
	background-position: 0 -112px;
}

.ui-icon-flag {
	background-position: -16px -112px;
}

.ui-icon-calendar {
	background-position: -32px -112px;
}

.ui-icon-cart {
	background-position: -48px -112px;
}

.ui-icon-pencil {
	background-position: -64px -112px;
}

.ui-icon-clock {
	background-position: -80px -112px;
}

.ui-icon-disk {
	background-position: -96px -112px;
}

.ui-icon-calculator {
	background-position: -112px -112px;
}

.ui-icon-zoomin {
	background-position: -128px -112px;
}

.ui-icon-zoomout {
	background-position: -144px -112px;
}

.ui-icon-search {
	background-position: -160px -112px;
}

.ui-icon-wrench {
	background-position: -176px -112px;
}

.ui-icon-gear {
	background-position: -192px -112px;
}

.ui-icon-heart {
	background-position: -208px -112px;
}

.ui-icon-star {
	background-position: -224px -112px;
}

.ui-icon-link {
	background-position: -240px -112px;
}

.ui-icon-cancel {
	background-position: 0 -128px;
}

.ui-icon-plus {
	background-position: -16px -128px;
}

.ui-icon-plusthick {
	background-position: -32px -128px;
}

.ui-icon-minus {
	background-position: -48px -128px;
}

.ui-icon-minusthick {
	background-position: -64px -128px;
}

.ui-icon-close {
	background-position: -80px -128px;
}

.ui-icon-closethick {
	background-position: -96px -128px;
}

.ui-icon-key {
	background-position: -112px -128px;
}

.ui-icon-lightbulb {
	background-position: -128px -128px;
}

.ui-icon-scissors {
	background-position: -144px -128px;
}

.ui-icon-clipboard {
	background-position: -160px -128px;
}

.ui-icon-copy {
	background-position: -176px -128px;
}

.ui-icon-contact {
	background-position: -192px -128px;
}

.ui-icon-image {
	background-position: -208px -128px;
}

.ui-icon-video {
	background-position: -224px -128px;
}

.ui-icon-script {
	background-position: -240px -128px;
}

.ui-icon-alert {
	background-position: 0 -144px;
}

.ui-icon-info {
	background-position: -16px -144px;
}

.ui-icon-notice {
	background-position: -32px -144px;
}

.ui-icon-help {
	background-position: -48px -144px;
}

.ui-icon-check {
	background-position: -64px -144px;
}

.ui-icon-bullet {
	background-position: -80px -144px;
}

.ui-icon-radio-on {
	background-position: -96px -144px;
}

.ui-icon-radio-off {
	background-position: -112px -144px;
}

.ui-icon-pin-w {
	background-position: -128px -144px;
}

.ui-icon-pin-s {
	background-position: -144px -144px;
}

.ui-icon-play {
	background-position: 0 -160px;
}

.ui-icon-pause {
	background-position: -16px -160px;
}

.ui-icon-seek-next {
	background-position: -32px -160px;
}

.ui-icon-seek-prev {
	background-position: -48px -160px;
}

.ui-icon-seek-end {
	background-position: -64px -160px;
}

.ui-icon-seek-start {
	background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
	background-position: -80px -160px;
}

.ui-icon-stop {
	background-position: -96px -160px;
}

.ui-icon-eject {
	background-position: -112px -160px;
}

.ui-icon-volume-off {
	background-position: -128px -160px;
}

.ui-icon-volume-on {
	background-position: -144px -160px;
}

.ui-icon-power {
	background-position: 0 -176px;
}

.ui-icon-signal-diag {
	background-position: -16px -176px;
}

.ui-icon-signal {
	background-position: -32px -176px;
}

.ui-icon-battery-0 {
	background-position: -48px -176px;
}

.ui-icon-battery-1 {
	background-position: -64px -176px;
}

.ui-icon-battery-2 {
	background-position: -80px -176px;
}

.ui-icon-battery-3 {
	background-position: -96px -176px;
}

.ui-icon-circle-plus {
	background-position: 0 -192px;
}

.ui-icon-circle-minus {
	background-position: -16px -192px;
}

.ui-icon-circle-close {
	background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px;
}

.ui-icon-circle-check {
	background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	-ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}


/*body {
    -ms-overflow-style: none;*/
   /* // IE 10+ overflow: -moz-scrollbars-none;
    // Firefox*/
/*}

    body::-webkit-scrollbar {
        display: none;*/
       /* // Safari and Chrome*/
    /*}*/
body {
    padding-top: 50px;
    padding-bottom: 20px;

}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}
*/


.card-body {
    padding-bottom: 0px !important;
}

#ss-text {
    width: 500px;
    font-size: 1em;
    line-height: 180%;
    font-weight: 400;
    color: #666;
}

.feature-list-border {
    box-shadow: -1px -1px 10px 3px hsl(0deg 0% 80% / 52%);
}

.feature-list-border {
    background-color: #fdfdfd;
    border-bottom: 6px solid #93C01F;
    padding-right: 2.5em;
    padding-left: 2.5em;
}

feature-list, .feature-list-hover {
    display: flex;
}

.feature-list {
    margin-bottom: 0;
    min-height: 150px;
    border-radius: 20px 0;
    padding: 1em 0.8em;
}
heading-h3 {
    font-size: 1.7em;
    line-height: 36px;
    font-weight: 400;
}
.rate-title {
    padding-left: 0;
    padding-right: 0;
}
@media (min-width: 992px) {
    .offset-lg-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


.shopping-cart-items::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.shopping-cart-items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.shopping-cart-items::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #5b7921;
}

.display-picture {
    margin-left: auto;
}

    .display-picture img {
        width: 25px;
        border-radius: 50%;
        border: 2px solid #fff;
    }

.card ul {
    list-style-type: none;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    background: #FFF;
    position: absolute;
    top: 1rem;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    z-index: 100;
    right: 0;
    box-shadow: 0px 10px 30px 0px rgba(0, 11, 40, 0.08);
    border-radius: 5px;
    border:1px solid #d2d2d2;
}

    .card ul li {
        padding: 5px 0;
        color: #FFF;
        font-size: 14px;
    }


.hidden {
    display: none;
}


#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0.7);
    z-index: 9999;
    display: none;
}


#cover-spin-text {
    font-weight: 700;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.big_price{
    font-size:30px;
}
.smallHeading{
    font-size:12px;
}
/** @format */

@charset "UTF-8"; /*!
 * Bootstrap  v5.2.0 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-black: #000;
	--bs-white: #fff;
	--bs-gray: #6c757d;
	--bs-gray-dark: #343a40;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;
	--bs-primary: #0d6efd;
	--bs-secondary: #6c757d;
	--bs-success: #198754;
	--bs-info: #0dcaf0;
	--bs-warning: #ffc107;
	--bs-danger: #dc3545;
	--bs-light: #f8f9fa;
	--bs-dark: #212529;
	--bs-primary-rgb: 13, 110, 253;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-success-rgb: 25, 135, 84;
	--bs-info-rgb: 13, 202, 240;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 220, 53, 69;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 33, 37, 41;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;
	--bs-body-color-rgb: 33, 37, 41;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	--bs-gradient: linear-gradient( 180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0) );
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1.5;
	--bs-body-color: #212529;
	--bs-body-bg: #fff;
	--bs-border-width: 1px;
	--bs-border-style: solid;
	--bs-border-color: #dee2e6;
	--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
	--bs-border-radius: 0.375rem;
	--bs-border-radius-sm: 0.25rem;
	--bs-border-radius-lg: 0.5rem;
	--bs-border-radius-xl: 1rem;
	--bs-border-radius-2xl: 2rem;
	--bs-border-radius-pill: 50rem;
	--bs-link-color: #5b7921;
	--bs-link-hover-color: #017dac;
	--bs-code-color: #d63384;
	--bs-highlight-bg: #fff3cd;

}
*,
::after,
::before {
	box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
	:root {
		scroll-behavior: smooth;
	}
}
body {
	margin: 0;
	font-family: var(--bs-body-font-family);
	font-size: var(--bs-body-font-size);
	font-weight: var(--bs-body-font-weight);
	line-height: var(--bs-body-line-height);
	color: var(--bs-body-color);
	text-align: var(--bs-body-text-align);
	background-color: var(--bs-body-bg);
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}
hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	border-top: 1px solid;
	opacity: 0.25;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}
.h1,
h1 {
	font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
	.h1,
	h1 {
		font-size: 2.5rem;
	}
}
.h2,
h2 {
	font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
	.h2,
	h2 {
		font-size: 2rem;
	}
}
.h3,
h3 {
	font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
	.h3,
	h3 {
		font-size: 1.75rem;
	}
}
.h4,
h4 {
	font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
	.h4,
	h4 {
		font-size: 1.5rem;
	}
}
.h5,
h5 {
	font-size: 1.25rem;
}
.h6,
h6 {
	font-size: 1rem;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
}
abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	cursor: help;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}
ol,
ul {
	padding-left: 2rem;
}
dl,
ol,
ul {
	margin-top: 0;
	margin-bottom: 1rem;
}
ol ol,
ol ul,
ul ol,
ul ul {
	margin-bottom: 0;
}
dt {
	font-weight: 700;
}
dd {
	margin-bottom: 0.5rem;
	margin-left: 0;
}
blockquote {
	margin: 0 0 1rem;
}
b,
strong {
	font-weight: bold;
}
.small,
small {
	font-size: 0.875em;
}
.mark,
mark {
	padding: 0.1875em;
	background-color: var(--bs-highlight-bg);
}
sub,
sup {
	position: relative;
	font-size: 0.75em;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
a {
	color: var(--bs-link-color);
	text-decoration: underline;
}
a:hover {
	color: var(--bs-link-hover-color);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none;
}
code,
kbd,
pre,
samp {
	font-family: var(--bs-font-monospace);
	font-size: 1em;
}
pre {
	display: block;
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
	font-size: 0.875em;
}
pre code {
	font-size: inherit;
	color: inherit;
	word-break: normal;
}
code {
	font-size: 0.875em;
	color: var(--bs-code-color);
	word-wrap: break-word;
}
a > code {
	color: inherit;
}
kbd {
	padding: 0.1875rem 0.375rem;
	font-size: 0.875em;
	color: var(--bs-body-bg);
	background-color: var(--bs-body-color);
	border-radius: 0.25rem;
}
kbd kbd {
	padding: 0;
	font-size: 1em;
}
figure {
	margin: 0 0 1rem;
}
img,
svg {
	vertical-align: middle;
}
table {
	caption-side: bottom;
	border-collapse: collapse;
}
caption {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: #6c757d;
	text-align: left;
}
th {
	text-align: inherit;
	text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}
label {
	display: inline-block;
}
button {
	border-radius: 0;
}
button:focus:not(:focus-visible) {
	outline: 0;
}
button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button,
select {
	text-transform: none;
}
[role='button'] {
	cursor: pointer;
}
select {
	word-wrap: normal;
}
select:disabled {
	opacity: 1;
}
[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not([type='week']):not([type='time'])::-webkit-calendar-picker-indicator {
	display: none !important;
}
[type='button'],
[type='reset'],
[type='submit'],
button {
	-webkit-appearance: button;
}
[type='button']:not(:disabled),
[type='reset']:not(:disabled),
[type='submit']:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}
::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
textarea {
	resize: vertical;
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 0.5rem;
	font-size: calc(1.275rem + 0.3vw);
	line-height: inherit;
}
@media (min-width: 1200px) {
	legend {
		font-size: 1.5rem;
	}
}
legend + * {
	clear: left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
	padding: 0;
}
::-webkit-inner-spin-button {
	height: auto;
}
[type='search'] {
	outline-offset: -2px;
	-webkit-appearance: textfield;
}
::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
	padding: 0;
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}
::file-selector-button {
	font: inherit;
	-webkit-appearance: button;
}
output {
	display: inline-block;
}
iframe {
	border: 0;
}
summary {
	display: list-item;
	cursor: pointer;
}
progress {
	vertical-align: baseline;
}
[hidden] {
	display: none !important;
}
.lead {
	font-size: 1.25rem;
	font-weight: 300;
}
.display-1 {
	font-size: calc(1.625rem + 4.5vw);
	font-weight: 300;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-1 {
		font-size: 5rem;
	}
}
.display-2 {
	font-size: calc(1.575rem + 3.9vw);
	font-weight: 300;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-2 {
		font-size: 4.5rem;
	}
}
.display-3 {
	font-size: calc(1.525rem + 3.3vw);
	font-weight: 300;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-3 {
		font-size: 4rem;
	}
}
.display-4 {
	font-size: calc(1.475rem + 2.7vw);
	font-weight: 300;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-4 {
		font-size: 3.5rem;
	}
}
.display-5 {
	font-size: calc(1.425rem + 2.1vw);
	font-weight: 300;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-5 {
		font-size: 3rem;
	}
}
.display-6 {
	font-size: calc(1.375rem + 1.5vw);
	font-weight: 300;
	line-height: 1.2;
}
@media (min-width: 1200px) {
	.display-6 {
		font-size: 2.5rem;
	}
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline {
	padding-left: 0;
	list-style: none;
}
.list-inline-item {
	display: inline-block;
}
.list-inline-item:not(:last-child) {
	margin-right: 0.5rem;
}
.initialism {
	font-size: 0.875em;
	text-transform: uppercase;
}
.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}
.blockquote > :last-child {
	margin-bottom: 0;
}
.blockquote-footer {
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-size: 0.875em;
	color: #6c757d;
}
.blockquote-footer::before {
	content: '— ';
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-thumbnail {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid var(--bs-border-color);
	border-radius: 0.375rem;
	max-width: 100%;
	height: auto;
}
.figure {
	display: inline-block;
}
.figure-img {
	margin-bottom: 0.5rem;
	line-height: 1;
}
.figure-caption {
	font-size: 0.875em;
	color: #6c757d;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.container,
	.container-sm {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container,
	.container-md,
	.container-sm {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1140px;
	}
}
@media (min-width: 1400px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1320px;
	}
}
.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-0.5 * var(--bs-gutter-x));
	margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * 0.5);
	padding-left: calc(var(--bs-gutter-x) * 0.5);
	margin-top: var(--bs-gutter-y);
}
.col {
	flex: 1 0 0%;
}
.row-cols-auto > * {
	flex: 0 0 auto;
	width: auto;
}
.row-cols-1 > * {
	flex: 0 0 auto;
	width: 100%;
}
.row-cols-2 > * {
	flex: 0 0 auto;
	width: 50%;
}
.row-cols-3 > * {
	flex: 0 0 auto;
	width: 33.3333333333%;
}
.row-cols-4 > * {
	flex: 0 0 auto;
	width: 25%;
}
.row-cols-5 > * {
	flex: 0 0 auto;
	width: 20%;
}
.row-cols-6 > * {
	flex: 0 0 auto;
	width: 16.6666666667%;
}
.col-auto {
	flex: 0 0 auto;
	width: auto;
}
.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}
.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}
.col-3 {
	flex: 0 0 auto;
	width: 25%;
}
.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}
.col-6 {
	flex: 0 0 auto;
	width: 50%;
}
.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}
.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}
.col-9 {
	flex: 0 0 auto;
	width: 75%;
}
.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}
.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}
.col-12 {
	flex: 0 0 auto;
	width: 100%;
}
.offset-1 {
	margin-left: 8.33333333%;
}
.offset-2 {
	margin-left: 16.66666667%;
}
.offset-3 {
	margin-left: 25%;
}
.offset-4 {
	margin-left: 33.33333333%;
}
.offset-5 {
	margin-left: 41.66666667%;
}
.offset-6 {
	margin-left: 50%;
}
.offset-7 {
	margin-left: 58.33333333%;
}
.offset-8 {
	margin-left: 66.66666667%;
}
.offset-9 {
	margin-left: 75%;
}
.offset-10 {
	margin-left: 83.33333333%;
}
.offset-11 {
	margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
	--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
	--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
	--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
	--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
	--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
	--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
	--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
	--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
	--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
	--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
	--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
	--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
	.col-sm {
		flex: 1 0 0%;
	}
	.row-cols-sm-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-sm-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-sm-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-sm-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	.row-cols-sm-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-sm-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-sm-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	.col-sm-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-sm-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-sm-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-sm-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-sm-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-sm-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-sm-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-sm-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-sm-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-sm-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-sm-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-sm-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-sm-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-sm-0 {
		margin-left: 0;
	}
	.offset-sm-1 {
		margin-left: 8.33333333%;
	}
	.offset-sm-2 {
		margin-left: 16.66666667%;
	}
	.offset-sm-3 {
		margin-left: 25%;
	}
	.offset-sm-4 {
		margin-left: 33.33333333%;
	}
	.offset-sm-5 {
		margin-left: 41.66666667%;
	}
	.offset-sm-6 {
		margin-left: 50%;
	}
	.offset-sm-7 {
		margin-left: 58.33333333%;
	}
	.offset-sm-8 {
		margin-left: 66.66666667%;
	}
	.offset-sm-9 {
		margin-left: 75%;
	}
	.offset-sm-10 {
		margin-left: 83.33333333%;
	}
	.offset-sm-11 {
		margin-left: 91.66666667%;
	}
	.g-sm-0,
	.gx-sm-0 {
		--bs-gutter-x: 0;
	}
	.g-sm-0,
	.gy-sm-0 {
		--bs-gutter-y: 0;
	}
	.g-sm-1,
	.gx-sm-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-sm-1,
	.gy-sm-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-sm-2,
	.gx-sm-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-sm-2,
	.gy-sm-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-sm-3,
	.gx-sm-3 {
		--bs-gutter-x: 1rem;
	}
	.g-sm-3,
	.gy-sm-3 {
		--bs-gutter-y: 1rem;
	}
	.g-sm-4,
	.gx-sm-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-sm-4,
	.gy-sm-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-sm-5,
	.gx-sm-5 {
		--bs-gutter-x: 3rem;
	}
	.g-sm-5,
	.gy-sm-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 768px) {
	.col-md {
		flex: 1 0 0%;
	}
	.row-cols-md-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-md-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-md-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-md-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	.row-cols-md-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-md-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-md-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	.col-md-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-md-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-md-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-md-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-md-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-md-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-md-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-md-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-md-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-md-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-md-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-md-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-md-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-md-0 {
		margin-left: 0;
	}
	.offset-md-1 {
		margin-left: 8.33333333%;
	}
	.offset-md-2 {
		margin-left: 16.66666667%;
	}
	.offset-md-3 {
		margin-left: 25%;
	}
	.offset-md-4 {
		margin-left: 33.33333333%;
	}
	.offset-md-5 {
		margin-left: 41.66666667%;
	}
	.offset-md-6 {
		margin-left: 50%;
	}
	.offset-md-7 {
		margin-left: 58.33333333%;
	}
	.offset-md-8 {
		margin-left: 66.66666667%;
	}
	.offset-md-9 {
		margin-left: 75%;
	}
	.offset-md-10 {
		margin-left: 83.33333333%;
	}
	.offset-md-11 {
		margin-left: 91.66666667%;
	}
	.g-md-0,
	.gx-md-0 {
		--bs-gutter-x: 0;
	}
	.g-md-0,
	.gy-md-0 {
		--bs-gutter-y: 0;
	}
	.g-md-1,
	.gx-md-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-md-1,
	.gy-md-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-md-2,
	.gx-md-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-md-2,
	.gy-md-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-md-3,
	.gx-md-3 {
		--bs-gutter-x: 1rem;
	}
	.g-md-3,
	.gy-md-3 {
		--bs-gutter-y: 1rem;
	}
	.g-md-4,
	.gx-md-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-md-4,
	.gy-md-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-md-5,
	.gx-md-5 {
		--bs-gutter-x: 3rem;
	}
	.g-md-5,
	.gy-md-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 992px) {
	.col-lg {
		flex: 1 0 0%;
	}
	.row-cols-lg-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-lg-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-lg-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-lg-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	.row-cols-lg-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-lg-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-lg-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	.col-lg-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-lg-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-lg-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-lg-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-lg-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-lg-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-lg-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-lg-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-lg-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-lg-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-lg-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-lg-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-lg-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-lg-0 {
		margin-left: 0;
	}
	.offset-lg-1 {
		margin-left: 8.33333333%;
	}
	.offset-lg-2 {
		margin-left: 16.66666667%;
	}
	.offset-lg-3 {
		margin-left: 25%;
	}
	.offset-lg-4 {
		margin-left: 33.33333333%;
	}
	.offset-lg-5 {
		margin-left: 41.66666667%;
	}
	.offset-lg-6 {
		margin-left: 50%;
	}
	.offset-lg-7 {
		margin-left: 58.33333333%;
	}
	.offset-lg-8 {
		margin-left: 66.66666667%;
	}
	.offset-lg-9 {
		margin-left: 75%;
	}
	.offset-lg-10 {
		margin-left: 83.33333333%;
	}
	.offset-lg-11 {
		margin-left: 91.66666667%;
	}
	.g-lg-0,
	.gx-lg-0 {
		--bs-gutter-x: 0;
	}
	.g-lg-0,
	.gy-lg-0 {
		--bs-gutter-y: 0;
	}
	.g-lg-1,
	.gx-lg-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-lg-1,
	.gy-lg-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-lg-2,
	.gx-lg-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-lg-2,
	.gy-lg-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-lg-3,
	.gx-lg-3 {
		--bs-gutter-x: 1rem;
	}
	.g-lg-3,
	.gy-lg-3 {
		--bs-gutter-y: 1rem;
	}
	.g-lg-4,
	.gx-lg-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-lg-4,
	.gy-lg-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-lg-5,
	.gx-lg-5 {
		--bs-gutter-x: 3rem;
	}
	.g-lg-5,
	.gy-lg-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 1200px) {
	.col-xl {
		flex: 1 0 0%;
	}
	.row-cols-xl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-xl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-xl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-xl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	.row-cols-xl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-xl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-xl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	.col-xl-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-xl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-xl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-xl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-xl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-xl-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-xl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-xl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-xl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-xl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-xl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-xl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-xl-0 {
		margin-left: 0;
	}
	.offset-xl-1 {
		margin-left: 8.33333333%;
	}
	.offset-xl-2 {
		margin-left: 16.66666667%;
	}
	.offset-xl-3 {
		margin-left: 25%;
	}
	.offset-xl-4 {
		margin-left: 33.33333333%;
	}
	.offset-xl-5 {
		margin-left: 41.66666667%;
	}
	.offset-xl-6 {
		margin-left: 50%;
	}
	.offset-xl-7 {
		margin-left: 58.33333333%;
	}
	.offset-xl-8 {
		margin-left: 66.66666667%;
	}
	.offset-xl-9 {
		margin-left: 75%;
	}
	.offset-xl-10 {
		margin-left: 83.33333333%;
	}
	.offset-xl-11 {
		margin-left: 91.66666667%;
	}
	.g-xl-0,
	.gx-xl-0 {
		--bs-gutter-x: 0;
	}
	.g-xl-0,
	.gy-xl-0 {
		--bs-gutter-y: 0;
	}
	.g-xl-1,
	.gx-xl-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-xl-1,
	.gy-xl-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-xl-2,
	.gx-xl-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-xl-2,
	.gy-xl-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-xl-3,
	.gx-xl-3 {
		--bs-gutter-x: 1rem;
	}
	.g-xl-3,
	.gy-xl-3 {
		--bs-gutter-y: 1rem;
	}
	.g-xl-4,
	.gx-xl-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-xl-4,
	.gy-xl-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-xl-5,
	.gx-xl-5 {
		--bs-gutter-x: 3rem;
	}
	.g-xl-5,
	.gy-xl-5 {
		--bs-gutter-y: 3rem;
	}
}
@media (min-width: 1400px) {
	.col-xxl {
		flex: 1 0 0%;
	}
	.row-cols-xxl-auto > * {
		flex: 0 0 auto;
		width: auto;
	}
	.row-cols-xxl-1 > * {
		flex: 0 0 auto;
		width: 100%;
	}
	.row-cols-xxl-2 > * {
		flex: 0 0 auto;
		width: 50%;
	}
	.row-cols-xxl-3 > * {
		flex: 0 0 auto;
		width: 33.3333333333%;
	}
	.row-cols-xxl-4 > * {
		flex: 0 0 auto;
		width: 25%;
	}
	.row-cols-xxl-5 > * {
		flex: 0 0 auto;
		width: 20%;
	}
	.row-cols-xxl-6 > * {
		flex: 0 0 auto;
		width: 16.6666666667%;
	}
	.col-xxl-auto {
		flex: 0 0 auto;
		width: auto;
	}
	.col-xxl-1 {
		flex: 0 0 auto;
		width: 8.33333333%;
	}
	.col-xxl-2 {
		flex: 0 0 auto;
		width: 16.66666667%;
	}
	.col-xxl-3 {
		flex: 0 0 auto;
		width: 25%;
	}
	.col-xxl-4 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}
	.col-xxl-5 {
		flex: 0 0 auto;
		width: 41.66666667%;
	}
	.col-xxl-6 {
		flex: 0 0 auto;
		width: 50%;
	}
	.col-xxl-7 {
		flex: 0 0 auto;
		width: 58.33333333%;
	}
	.col-xxl-8 {
		flex: 0 0 auto;
		width: 66.66666667%;
	}
	.col-xxl-9 {
		flex: 0 0 auto;
		width: 75%;
	}
	.col-xxl-10 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}
	.col-xxl-11 {
		flex: 0 0 auto;
		width: 91.66666667%;
	}
	.col-xxl-12 {
		flex: 0 0 auto;
		width: 100%;
	}
	.offset-xxl-0 {
		margin-left: 0;
	}
	.offset-xxl-1 {
		margin-left: 8.33333333%;
	}
	.offset-xxl-2 {
		margin-left: 16.66666667%;
	}
	.offset-xxl-3 {
		margin-left: 25%;
	}
	.offset-xxl-4 {
		margin-left: 33.33333333%;
	}
	.offset-xxl-5 {
		margin-left: 41.66666667%;
	}
	.offset-xxl-6 {
		margin-left: 50%;
	}
	.offset-xxl-7 {
		margin-left: 58.33333333%;
	}
	.offset-xxl-8 {
		margin-left: 66.66666667%;
	}
	.offset-xxl-9 {
		margin-left: 75%;
	}
	.offset-xxl-10 {
		margin-left: 83.33333333%;
	}
	.offset-xxl-11 {
		margin-left: 91.66666667%;
	}
	.g-xxl-0,
	.gx-xxl-0 {
		--bs-gutter-x: 0;
	}
	.g-xxl-0,
	.gy-xxl-0 {
		--bs-gutter-y: 0;
	}
	.g-xxl-1,
	.gx-xxl-1 {
		--bs-gutter-x: 0.25rem;
	}
	.g-xxl-1,
	.gy-xxl-1 {
		--bs-gutter-y: 0.25rem;
	}
	.g-xxl-2,
	.gx-xxl-2 {
		--bs-gutter-x: 0.5rem;
	}
	.g-xxl-2,
	.gy-xxl-2 {
		--bs-gutter-y: 0.5rem;
	}
	.g-xxl-3,
	.gx-xxl-3 {
		--bs-gutter-x: 1rem;
	}
	.g-xxl-3,
	.gy-xxl-3 {
		--bs-gutter-y: 1rem;
	}
	.g-xxl-4,
	.gx-xxl-4 {
		--bs-gutter-x: 1.5rem;
	}
	.g-xxl-4,
	.gy-xxl-4 {
		--bs-gutter-y: 1.5rem;
	}
	.g-xxl-5,
	.gx-xxl-5 {
		--bs-gutter-x: 3rem;
	}
	.g-xxl-5,
	.gy-xxl-5 {
		--bs-gutter-y: 3rem;
	}
}
.table {
	--bs-table-color: var(--bs-body-color);
	--bs-table-bg: transparent;
	--bs-table-border-color: var(--bs-border-color);
	--bs-table-accent-bg: transparent;
	--bs-table-striped-color: var(--bs-body-color);
	--bs-table-striped-bg: rgba(0, 0, 0, 0.05);
	--bs-table-active-color: var(--bs-body-color);
	--bs-table-active-bg: rgba(0, 0, 0, 0.1);
	--bs-table-hover-color: var(--bs-body-color);
	--bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	width: 100%;
	margin-bottom: 1rem;
	color: var(--bs-table-color);
	vertical-align: top;
	border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
	padding: 0.5rem 0.5rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
	vertical-align: inherit;
}
.table > thead {
	vertical-align: bottom;
}
.table-group-divider {
	border-top: 2px solid currentcolor;
}
.caption-top {
	caption-side: top;
}
.table-sm > :not(caption) > * > * {
	padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
	border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
	border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
	border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
	border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}
.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}
.table-active {
	--bs-table-accent-bg: var(--bs-table-active-bg);
	color: var(--bs-table-active-color);
}
.table-hover > tbody > tr:hover > * {
	--bs-table-accent-bg: var(--bs-table-hover-bg);
	color: var(--bs-table-hover-color);
}
.table-primary {
	--bs-table-color: #000;
	--bs-table-bg: #cfe2ff;
	--bs-table-border-color: #bacbe6;
	--bs-table-striped-bg: #c5d7f2;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bacbe6;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #bfd1ec;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-secondary {
	--bs-table-color: #000;
	--bs-table-bg: #e2e3e5;
	--bs-table-border-color: #cbccce;
	--bs-table-striped-bg: #d7d8da;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #cbccce;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #d1d2d4;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-success {
	--bs-table-color: #000;
	--bs-table-bg: #d1e7dd;
	--bs-table-border-color: #bcd0c7;
	--bs-table-striped-bg: #c7dbd2;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #bcd0c7;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #c1d6cc;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-info {
	--bs-table-color: #000;
	--bs-table-bg: #cff4fc;
	--bs-table-border-color: #badce3;
	--bs-table-striped-bg: #c5e8ef;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #badce3;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #bfe2e9;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-warning {
	--bs-table-color: #000;
	--bs-table-bg: #fff3cd;
	--bs-table-border-color: #e6dbb9;
	--bs-table-striped-bg: #f2e7c3;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #e6dbb9;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #ece1be;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-danger {
	--bs-table-color: #000;
	--bs-table-bg: #f8d7da;
	--bs-table-border-color: #dfc2c4;
	--bs-table-striped-bg: #eccccf;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfc2c4;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5c7ca;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-light {
	--bs-table-color: #000;
	--bs-table-bg: #f8f9fa;
	--bs-table-border-color: #dfe0e1;
	--bs-table-striped-bg: #ecedee;
	--bs-table-striped-color: #000;
	--bs-table-active-bg: #dfe0e1;
	--bs-table-active-color: #000;
	--bs-table-hover-bg: #e5e6e7;
	--bs-table-hover-color: #000;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-dark {
	--bs-table-color: #fff;
	--bs-table-bg: #212529;
	--bs-table-border-color: #373b3e;
	--bs-table-striped-bg: #2c3034;
	--bs-table-striped-color: #fff;
	--bs-table-active-bg: #373b3e;
	--bs-table-active-color: #fff;
	--bs-table-hover-bg: #323539;
	--bs-table-hover-color: #fff;
	color: var(--bs-table-color);
	border-color: var(--bs-table-border-color);
}
.table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
	.table-responsive-sm {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media (max-width: 767.98px) {
	.table-responsive-md {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media (max-width: 991.98px) {
	.table-responsive-lg {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media (max-width: 1199.98px) {
	.table-responsive-xl {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
@media (max-width: 1399.98px) {
	.table-responsive-xxl {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
.form-label {
	margin-bottom: 0.5rem;
}
.col-form-label {
	padding-top: calc(0.375rem + 1px);
	padding-bottom: calc(0.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
}
.col-form-label-lg {
	padding-top: calc(0.5rem + 1px);
	padding-bottom: calc(0.5rem + 1px);
	font-size: 1.25rem;
}
.col-form-label-sm {
	padding-top: calc(0.25rem + 1px);
	padding-bottom: calc(0.25rem + 1px);
	font-size: 0.875rem;
}
.form-text {
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #6c757d;
}
.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.form-control {
		transition: none;
	}
}
.form-control[type='file'] {
	overflow: hidden;
}
.form-control[type='file']:not(:disabled):not([readonly]) {
	cursor: pointer;
}
.form-control:focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
	height: 1.5em;
}
.form-control::-moz-placeholder {
	color: #6c757d;
	opacity: 1;
}
.form-control::placeholder {
	color: #6c757d;
	opacity: 1;
}
.form-control:disabled {
	background-color: #e9ecef;
	opacity: 1;
}
.form-control::-webkit-file-upload-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	color: #212529;
	background-color: #e9ecef;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	-webkit-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;
}
.form-control::file-selector-button {
	padding: 0.375rem 0.75rem;
	margin: -0.375rem -0.75rem;
	-webkit-margin-end: 0.75rem;
	margin-inline-end: 0.75rem;
	color: #212529;
	background-color: #e9ecef;
	pointer-events: none;
	border-color: inherit;
	border-style: solid;
	border-width: 0;
	border-inline-end-width: 1px;
	border-radius: 0;
	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;
}
@media (prefers-reduced-motion: reduce) {
	.form-control::-webkit-file-upload-button {
		-webkit-transition: none;
		transition: none;
	}
	.form-control::file-selector-button {
		transition: none;
	}
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
	background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
	background-color: #dde0e3;
}
.form-control-plaintext {
	display: block;
	width: 100%;
	padding: 0.375rem 0;
	margin-bottom: 0;
	line-height: 1.5;
	color: #212529;
	background-color: transparent;
	border: solid transparent;
	border-width: 1px 0;
}
.form-control-plaintext:focus {
	outline: 0;
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
	padding-right: 0;
	padding-left: 0;
}
.form-control-sm {
	min-height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.25rem;
}
.form-control-sm::-webkit-file-upload-button {
	padding: 0.25rem 0.5rem;
	margin: -0.25rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
	padding: 0.25rem 0.5rem;
	margin: -0.25rem -0.5rem;
	-webkit-margin-end: 0.5rem;
	margin-inline-end: 0.5rem;
}
.form-control-lg {
	min-height: calc(1.5em + 1rem + 2px);
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	border-radius: 0.5rem;
}
.form-control-lg::-webkit-file-upload-button {
	padding: 0.5rem 1rem;
	margin: -0.5rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
	padding: 0.5rem 1rem;
	margin: -0.5rem -1rem;
	-webkit-margin-end: 1rem;
	margin-inline-end: 1rem;
}
textarea.form-control {
	min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
	min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
	min-height: calc(1.5em + 1rem + 2px);
}
.form-control-color {
	width: 3rem;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
	cursor: pointer;
}
.form-control-color::-moz-color-swatch {
	border: 0 !important;
	border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
	border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
	height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
	height: calc(1.5em + 1rem + 2px);
}
.form-select {
	display: block;
	width: 100%;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	-moz-padding-start: calc(0.75rem - 3px);
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media (prefers-reduced-motion: reduce) {
	.form-select {
		transition: none;
	}
}
.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size='1']) {
	padding-right: 0.75rem;
	background-image: none;
}
.form-select:disabled {
	background-color: #e9ecef;
}
.form-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #212529;
}
.form-select-sm {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.25rem;
}
.form-select-lg {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1rem;
	font-size: 1.25rem;
	border-radius: 0.5rem;
}
.form-check {
	display: block;
	min-height: 1.5rem;
	padding-left: 1.5em;
	margin-bottom: 0.125rem;
}
.form-check .form-check-input {
	float: left;
	margin-left: -1.5em;
}
.form-check-reverse {
	padding-right: 1.5em;
	padding-left: 0;
	text-align: right;
}
.form-check-reverse .form-check-input {
	float: right;
	margin-right: -1.5em;
	margin-left: 0;
}
.form-check-input {
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border: 1px solid rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	color-adjust: exact;
	print-color-adjust: exact;
}
.form-check-input[type='checkbox'] {
	border-radius: 0.25em;
}
.form-check-input[type='radio'] {
	border-radius: 50%;
}
.form-check-input:active {
	filter: brightness(90%);
}
.form-check-input:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
	background-color: #0d6efd;
	border-color: #0d6efd;
}
.form-check-input:checked[type='checkbox'] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type='radio'] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type='checkbox']:indeterminate {
	background-color: #0d6efd;
	border-color: #0d6efd;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
	pointer-events: none;
	filter: none;
	opacity: 0.5;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
	cursor: default;
	opacity: 0.5;
}
.form-switch {
	padding-left: 2.5em;
}
.form-switch .form-check-input {
	width: 2em;
	margin-left: -2.5em;
	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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
	background-position: left center;
	border-radius: 2em;
	transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.form-switch .form-check-input {
		transition: none;
	}
}
.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='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
	background-position: right center;
	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='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
	padding-right: 2.5em;
	padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
	margin-right: -2.5em;
	margin-left: 0;
}
.form-check-inline {
	display: inline-block;
	margin-right: 1rem;
}
.btn-check {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}
.btn-check:disabled + .btn,
.btn-check[disabled] + .btn {
	pointer-events: none;
	filter: none;
	opacity: 0.65;
}
.form-range {
	width: 100%;
	height: 1.5rem;
	padding: 0;
	background-color: transparent;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-range:focus {
	outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
	border: 0;
}
.form-range::-webkit-slider-thumb {
	width: 1rem;
	height: 1rem;
	margin-top: -0.25rem;
	background-color: #0d6efd;
	border: 0;
	border-radius: 1rem;
	-webkit-transition: background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	appearance: none;
}
@media (prefers-reduced-motion: reduce) {
	.form-range::-webkit-slider-thumb {
		-webkit-transition: none;
		transition: none;
	}
}
.form-range::-webkit-slider-thumb:active {
	background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
	width: 100%;
	height: 0.5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem;
}
.form-range::-moz-range-thumb {
	width: 1rem;
	height: 1rem;
	background-color: #0d6efd;
	border: 0;
	border-radius: 1rem;
	-moz-transition: background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
		box-shadow 0.15s ease-in-out;
	-moz-appearance: none;
	appearance: none;
}
@media (prefers-reduced-motion: reduce) {
	.form-range::-moz-range-thumb {
		-moz-transition: none;
		transition: none;
	}
}
.form-range::-moz-range-thumb:active {
	background-color: #b6d4fe;
}
.form-range::-moz-range-track {
	width: 100%;
	height: 0.5rem;
	color: transparent;
	cursor: pointer;
	background-color: #dee2e6;
	border-color: transparent;
	border-radius: 1rem;
}
.form-range:disabled {
	pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
	background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
	background-color: #adb5bd;
}
.form-floating {
	position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
	height: calc(3.5rem + 2px);
	line-height: 1.25;
}
.form-floating > label {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 1rem 0.75rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
	border: 1px solid transparent;
	transform-origin: 0 0;
	transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.form-floating > label {
		transition: none;
	}
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
	padding: 1rem 0.75rem;
}
.form-floating > .form-control-plaintext::-moz-placeholder,
.form-floating > .form-control::-moz-placeholder {
	color: transparent;
}
.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
	color: transparent;
}
.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown),
.form-floating > .form-control:not(:-moz-placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
}
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown),
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
}
.form-floating > .form-control-plaintext:-webkit-autofill,
.form-floating > .form-control:-webkit-autofill {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
}
.form-floating > .form-select {
	padding-top: 1.625rem;
	padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
	opacity: 0.65;
	transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
	border-width: 1px 0;
}
.input-group {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
	position: relative;
	flex: 1 1 auto;
	width: 1%;
	min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
	z-index: 3;
}
.input-group .btn {
	position: relative;
	z-index: 2;
}
.input-group .btn:focus {
	z-index: 3;
}
.input-group-text {
	display: flex;
	align-items: center;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	white-space: nowrap;
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	border-radius: 0.5rem;
}
.input-group-sm > .btn,
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text {
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	border-radius: 0.25rem;
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
	padding-right: 3rem;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
	> .form-floating:not(:last-child)
	> .form-control,
.input-group:not(.has-validation)
	> .form-floating:not(:last-child)
	> .form-select,
.input-group:not(.has-validation)
	> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
	> .form-floating:nth-last-child(n + 3)
	> .form-control,
.input-group.has-validation
	> .form-floating:nth-last-child(n + 3)
	> .form-select,
.input-group.has-validation
	> :nth-last-child(n
		+ 3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select,
.input-group
	> :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	margin-left: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.valid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #198754;
}
.valid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: 0.25rem 0.5rem;
	margin-top: 0.1rem;
	font-size: 0.875rem;
	color: #fff;
	background-color: rgba(25, 135, 84, 0.9);
	border-radius: 0.375rem;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip,
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip {
	display: block;
}
.form-control.is-valid,
.was-validated .form-control:valid {
	border-color: #198754;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
	border-color: #198754;
	box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
	padding-right: calc(1.5em + 0.75rem);
	background-position: top calc(0.375em + 0.1875rem) right
		calc(0.375em + 0.1875rem);
}
.form-select.is-valid,
.was-validated .form-select:valid {
	border-color: #198754;
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size='1'],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size='1'] {
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
	border-color: #198754;
	box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-control-color.is-valid,
.was-validated .form-control-color:valid {
	width: calc(3rem + calc(1.5em + 0.75rem));
}
.form-check-input.is-valid,
.was-validated .form-check-input:valid {
	border-color: #198754;
}
.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
	background-color: #198754;
}
.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
	box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.form-check-input.is-valid ~ .form-check-label,
.was-validated .form-check-input:valid ~ .form-check-label {
	color: #198754;
}
.form-check-inline .form-check-input ~ .valid-feedback {
	margin-left: 0.5em;
}
.input-group .form-control.is-valid,
.input-group .form-select.is-valid,
.was-validated .input-group .form-control:valid,
.was-validated .input-group .form-select:valid {
	z-index: 1;
}
.input-group .form-control.is-valid:focus,
.input-group .form-select.is-valid:focus,
.was-validated .input-group .form-control:valid:focus,
.was-validated .input-group .form-select:valid:focus {
	z-index: 3;
}
.invalid-feedback {
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 0.875em;
	color: #dc3545;
}
.invalid-tooltip {
	position: absolute;
	top: 100%;
	z-index: 5;
	display: none;
	max-width: 100%;
	padding: 0.25rem 0.5rem;
	margin-top: 0.1rem;
	font-size: 0.875rem;
	color: #fff;
	background-color: rgba(220, 53, 69, 0.9);
	border-radius: 0.375rem;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip,
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip {
	display: block;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
	border-color: #dc3545;
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
	padding-right: calc(1.5em + 0.75rem);
	background-position: top calc(0.375em + 0.1875rem) right
		calc(0.375em + 0.1875rem);
}
.form-select.is-invalid,
.was-validated .form-select:invalid {
	border-color: #dc3545;
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size='1'],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size='1'] {
	padding-right: 4.125rem;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-position: right 0.75rem center, center right 2.25rem;
	background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-control-color.is-invalid,
.was-validated .form-control-color:invalid {
	width: calc(3rem + calc(1.5em + 0.75rem));
}
.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
	border-color: #dc3545;
}
.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
	background-color: #dc3545;
}
.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
	box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label,
.was-validated .form-check-input:invalid ~ .form-check-label {
	color: #dc3545;
}
.form-check-inline .form-check-input ~ .invalid-feedback {
	margin-left: 0.5em;
}
.input-group .form-control.is-invalid,
.input-group .form-select.is-invalid,
.was-validated .input-group .form-control:invalid,
.was-validated .input-group .form-select:invalid {
	z-index: 2;
}
.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus,
.was-validated .input-group .form-control:invalid:focus,
.was-validated .input-group .form-select:invalid:focus {
	z-index: 3;
}
.btn {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family: ;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #212529;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 0.375rem;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem
		rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	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;
}
@media (prefers-reduced-motion: reduce) {
	.btn {
		transition: none;
	}
}
.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
}
.btn-check:focus + .btn,
.btn:focus {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
	outline: 0;
	box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:active + .btn,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:active {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color);
}
.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
	box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
	color: var(--bs-btn-disabled-color);
	pointer-events: none;
	background-color: var(--bs-btn-disabled-bg);
	border-color: var(--bs-btn-disabled-border-color);
	opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #0d6efd;
	--bs-btn-border-color: #0d6efd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0b5ed7;
	--bs-btn-hover-border-color: #0a58ca;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0a58ca;
	--bs-btn-active-border-color: #0a53be;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #0d6efd;
	--bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c636a;
	--bs-btn-hover-border-color: #565e64;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #198754;
	--bs-btn-border-color: #198754;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #157347;
	--bs-btn-hover-border-color: #146c43;
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #146c43;
	--bs-btn-active-border-color: #13653f;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #198754;
	--bs-btn-disabled-border-color: #198754;
}
.btn-info {
	--bs-btn-color: #000;
	--bs-btn-bg: #0dcaf0;
	--bs-btn-border-color: #0dcaf0;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #31d2f2;
	--bs-btn-hover-border-color: #25cff2;
	--bs-btn-focus-shadow-rgb: 11, 172, 204;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #3dd5f3;
	--bs-btn-active-border-color: #25cff2;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #0dcaf0;
	--bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
	--bs-btn-color: #000;
	--bs-btn-bg: #ffc107;
	--bs-btn-border-color: #ffc107;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffca2c;
	--bs-btn-hover-border-color: #ffc720;
	--bs-btn-focus-shadow-rgb: 217, 164, 6;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #ffcd39;
	--bs-btn-active-border-color: #ffc720;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #ffc107;
	--bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
	--bs-btn-color: #fff;
	--bs-btn-bg: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #bb2d3b;
	--bs-btn-hover-border-color: #b02a37;
	--bs-btn-focus-shadow-rgb: 225, 83, 97;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #b02a37;
	--bs-btn-active-border-color: #a52834;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #dc3545;
	--bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
	--bs-btn-color: #000;
	--bs-btn-bg: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #d3d4d5;
	--bs-btn-hover-border-color: #c6c7c8;
	--bs-btn-focus-shadow-rgb: 211, 212, 213;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #c6c7c8;
	--bs-btn-active-border-color: #babbbc;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #f8f9fa;
	--bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
	--bs-btn-color: #fff;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #424649;
	--bs-btn-hover-border-color: #373b3e;
	--bs-btn-focus-shadow-rgb: 66, 70, 73;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4d5154;
	--bs-btn-active-border-color: #373b3e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
	--bs-btn-color: #0d6efd;
	--bs-btn-border-color: #0d6efd;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #0d6efd;
	--bs-btn-hover-border-color: #0d6efd;
	--bs-btn-focus-shadow-rgb: 13, 110, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #0d6efd;
	--bs-btn-active-border-color: #0d6efd;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #0d6efd;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #0d6efd;
	--bs-gradient: none;
}
.btn-outline-secondary {
	--bs-btn-color: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6c757d;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6c757d;
	--bs-btn-active-border-color: #6c757d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #6c757d;
	--bs-gradient: none;
}
.btn-outline-success {
	--bs-btn-color: #198754;
	--bs-btn-border-color: #198754;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #198754;
	--bs-btn-hover-border-color: #198754;
	--bs-btn-focus-shadow-rgb: 25, 135, 84;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #198754;
	--bs-btn-active-border-color: #198754;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #198754;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #198754;
	--bs-gradient: none;
}
.btn-outline-info {
	--bs-btn-color: #0dcaf0;
	--bs-btn-border-color: #0dcaf0;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #0dcaf0;
	--bs-btn-hover-border-color: #0dcaf0;
	--bs-btn-focus-shadow-rgb: 13, 202, 240;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #0dcaf0;
	--bs-btn-active-border-color: #0dcaf0;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #0dcaf0;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #0dcaf0;
	--bs-gradient: none;
}
.btn-outline-warning {
	--bs-btn-color: #ffc107;
	--bs-btn-border-color: #ffc107;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffc107;
	--bs-btn-hover-border-color: #ffc107;
	--bs-btn-focus-shadow-rgb: 255, 193, 7;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #ffc107;
	--bs-btn-active-border-color: #ffc107;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #ffc107;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #ffc107;
	--bs-gradient: none;
}
.btn-outline-danger {
	--bs-btn-color: #dc3545;
	--bs-btn-border-color: #dc3545;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #dc3545;
	--bs-btn-hover-border-color: #dc3545;
	--bs-btn-focus-shadow-rgb: 220, 53, 69;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #dc3545;
	--bs-btn-active-border-color: #dc3545;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #dc3545;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #dc3545;
	--bs-gradient: none;
}
.btn-outline-light {
	--bs-btn-color: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #f8f9fa;
	--bs-btn-hover-border-color: #f8f9fa;
	--bs-btn-focus-shadow-rgb: 248, 249, 250;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: #f8f9fa;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f8f9fa;
	--bs-gradient: none;
}
.btn-outline-dark {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #212529;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none;
}
.btn-link {
	--bs-btn-font-weight: 400;
	--bs-btn-color: var(--bs-link-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: none;
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	text-decoration: underline;
}
.btn-link:focus {
	color: var(--bs-btn-color);
}
.btn-link:hover {
	color: var(--bs-btn-hover-color);
}
.btn-group-lg > .btn,
.btn-lg {
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-padding-x: 1rem;
	--bs-btn-font-size: 1.25rem;
	--bs-btn-border-radius: 0.5rem;
}
.btn-group-sm > .btn,
.btn-sm {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: 0.25rem;
}
.fade {
	transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
	.fade {
		transition: none;
	}
}
.fade:not(.show) {
	opacity: 0;
}
.collapse:not(.show) {
	display: none;
}
.collapsing {
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
	.collapsing {
		transition: none;
	}
}
.collapsing.collapse-horizontal {
	width: 0;
	height: auto;
	transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
	.collapsing.collapse-horizontal {
		transition: none;
	}
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
	position: relative;
}
.dropdown-toggle {
	white-space: nowrap;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: '';
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
	margin-left: 0;
}
.dropdown-menu {
	--bs-dropdown-min-width: 10rem;
	--bs-dropdown-padding-x: 0;
	--bs-dropdown-padding-y: 0.5rem;
	--bs-dropdown-spacer: 0.125rem;
	--bs-dropdown-font-size: 1rem;
	--bs-dropdown-color: #212529;
	--bs-dropdown-bg: #fff;
	--bs-dropdown-border-color: var(--bs-border-color-translucent);
	--bs-dropdown-border-radius: 0.375rem;
	--bs-dropdown-border-width: 1px;
	--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-divider-margin-y: 0.5rem;
	--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-dropdown-link-color: #212529;
	--bs-dropdown-link-hover-color: #1e2125;
	--bs-dropdown-link-hover-bg: #e9ecef;
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: #0d6efd;
	--bs-dropdown-link-disabled-color: #adb5bd;
	--bs-dropdown-item-padding-x: 1rem;
	--bs-dropdown-item-padding-y: 0.25rem;
	--bs-dropdown-header-color: #6c757d;
	--bs-dropdown-header-padding-x: 1rem;
	--bs-dropdown-header-padding-y: 0.5rem;
	position: absolute;
	z-index: 1000;
	display: none;
	min-width: var(--bs-dropdown-min-width);
	padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
	margin: 0;
	font-size: var(--bs-dropdown-font-size);
	color: var(--bs-dropdown-color);
	text-align: left;
	list-style: none;
	background-color: var(--bs-dropdown-bg);
	background-clip: padding-box;
	border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
	border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
	top: 100%;
	left: 0;
	margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
	--bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
	right: auto;
	left: 0;
}
.dropdown-menu-end {
	--bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
	right: 0;
	left: auto;
}
@media (min-width: 576px) {
	.dropdown-menu-sm-start {
		--bs-position: start;
	}
	.dropdown-menu-sm-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-sm-end {
		--bs-position: end;
	}
	.dropdown-menu-sm-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
@media (min-width: 768px) {
	.dropdown-menu-md-start {
		--bs-position: start;
	}
	.dropdown-menu-md-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-md-end {
		--bs-position: end;
	}
	.dropdown-menu-md-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
@media (min-width: 992px) {
	.dropdown-menu-lg-start {
		--bs-position: start;
	}
	.dropdown-menu-lg-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-lg-end {
		--bs-position: end;
	}
	.dropdown-menu-lg-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
@media (min-width: 1200px) {
	.dropdown-menu-xl-start {
		--bs-position: start;
	}
	.dropdown-menu-xl-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-xl-end {
		--bs-position: end;
	}
	.dropdown-menu-xl-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
@media (min-width: 1400px) {
	.dropdown-menu-xxl-start {
		--bs-position: start;
	}
	.dropdown-menu-xxl-start[data-bs-popper] {
		right: auto;
		left: 0;
	}
	.dropdown-menu-xxl-end {
		--bs-position: end;
	}
	.dropdown-menu-xxl-end[data-bs-popper] {
		right: 0;
		left: auto;
	}
}
.dropup .dropdown-menu[data-bs-popper] {
	top: auto;
	bottom: 100%;
	margin-top: 0;
	margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: '';
	border-top: 0;
	border-right: 0.3em solid transparent;
	border-bottom: 0.3em solid;
	border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
	margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
	top: 0;
	right: auto;
	left: 100%;
	margin-top: 0;
	margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: '';
	border-top: 0.3em solid transparent;
	border-right: 0;
	border-bottom: 0.3em solid transparent;
	border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
	margin-left: 0;
}
.dropend .dropdown-toggle::after {
	vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
	top: 0;
	right: 100%;
	left: auto;
	margin-top: 0;
	margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: '';
}
.dropstart .dropdown-toggle::after {
	display: none;
}
.dropstart .dropdown-toggle::before {
	display: inline-block;
	margin-right: 0.255em;
	vertical-align: 0.255em;
	content: '';
	border-top: 0.3em solid transparent;
	border-right: 0.3em solid;
	border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
	margin-left: 0;
}
.dropstart .dropdown-toggle::before {
	vertical-align: 0;
}
.dropdown-divider {
	height: 0;
	margin: var(--bs-dropdown-divider-margin-y) 0;
	overflow: hidden;
	border-top: 1px solid var(--bs-dropdown-divider-bg);
	opacity: 1;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	clear: both;
	font-weight: 400;
	color: var(--bs-dropdown-link-color);
	text-align: inherit;
	text-decoration: none;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--bs-dropdown-link-hover-color);
	background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
	color: var(--bs-dropdown-link-active-color);
	text-decoration: none;
	background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
	color: var(--bs-dropdown-link-disabled-color);
	pointer-events: none;
	background-color: transparent;
}
.dropdown-menu.show {
	display: block;
}
.dropdown-header {
	display: block;
	padding: var(--bs-dropdown-header-padding-y)
		var(--bs-dropdown-header-padding-x);
	margin-bottom: 0;
	font-size: 0.875rem;
	color: var(--bs-dropdown-header-color);
	white-space: nowrap;
}
.dropdown-item-text {
	display: block;
	padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
	color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
	--bs-dropdown-color: #dee2e6;
	--bs-dropdown-bg: #343a40;
	--bs-dropdown-border-color: var(--bs-border-color-translucent);
	--bs-dropdown-box-shadow: ;
	--bs-dropdown-link-color: #dee2e6;
	--bs-dropdown-link-hover-color: #fff;
	--bs-dropdown-divider-bg: var(--bs-border-color-translucent);
	--bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
	--bs-dropdown-link-active-color: #fff;
	--bs-dropdown-link-active-bg: #0d6efd;
	--bs-dropdown-link-disabled-color: #adb5bd;
	--bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
	position: relative;
	flex: 1 1 auto;
}
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
	z-index: 1;
}
.btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.btn-toolbar .input-group {
	width: auto;
}
.btn-group {
	border-radius: 0.375rem;
}
.btn-group > .btn-group:not(:first-child),
.btn-group > .btn:not(:first-child) {
	margin-left: -1px;
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3),
.btn-group > :not(.btn-check) + .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
	padding-right: 0.5625rem;
	padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
	margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
	margin-right: 0;
}
.btn-group-sm > .btn + .dropdown-toggle-split,
.btn-sm + .dropdown-toggle-split {
	padding-right: 0.375rem;
	padding-left: 0.375rem;
}
.btn-group-lg > .btn + .dropdown-toggle-split,
.btn-lg + .dropdown-toggle-split {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
}
.btn-group-vertical {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
	width: 100%;
}
.btn-group-vertical > .btn-group:not(:first-child),
.btn-group-vertical > .btn:not(:first-child) {
	margin-top: -1px;
}
.btn-group-vertical > .btn-group:not(:last-child) > .btn,
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child) > .btn,
.btn-group-vertical > .btn ~ .btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.nav {
	--bs-nav-link-padding-x: 1rem;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-link-color: var(--bs-link-color);
	--bs-nav-link-hover-color: var(--bs-link-hover-color);
	--bs-nav-link-disabled-color: #6c757d;
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.nav-link {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--bs-nav-link-color);
	text-decoration: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.nav-link {
		transition: none;
	}
}
.nav-link:focus,
.nav-link:hover {
	color: var(--bs-nav-link-hover-color);
}
.nav-link.disabled {
	color: var(--bs-nav-link-disabled-color);
	pointer-events: none;
	cursor: default;
}
.nav-tabs {
	--bs-nav-tabs-border-width: 1px;
	--bs-nav-tabs-border-color: #dee2e6;
	--bs-nav-tabs-border-radius: 0.375rem;
	--bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
	--bs-nav-tabs-link-active-color: #495057;
	--bs-nav-tabs-link-active-bg: #fff;
	--bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
	border-bottom: var(--bs-nav-tabs-border-width) solid
		var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
	margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1);
	background: 0 0;
	border: var(--bs-nav-tabs-border-width) solid transparent;
	border-top-left-radius: var(--bs-nav-tabs-border-radius);
	border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	isolation: isolate;
	border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
	color: var(--bs-nav-link-disabled-color);
	background-color: transparent;
	border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: var(--bs-nav-tabs-link-active-color);
	background-color: var(--bs-nav-tabs-link-active-bg);
	border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
	margin-top: calc(var(--bs-nav-tabs-border-width) * -1);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.nav-pills {
	--bs-nav-pills-border-radius: 0.375rem;
	--bs-nav-pills-link-active-color: #fff;
	--bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
	background: 0 0;
	border: 0;
	border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link:disabled {
	color: var(--bs-nav-link-disabled-color);
	background-color: transparent;
	border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	color: var(--bs-nav-pills-link-active-color);
	background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
	flex: 1 1 auto;
	text-align: center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
	flex-basis: 0;
	flex-grow: 1;
	text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
	width: 100%;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.navbar {
	--bs-navbar-padding-x: 0;
	--bs-navbar-padding-y: 0.5rem;
	--bs-navbar-color: rgba(0, 0, 0, 0.55);
	--bs-navbar-hover-color: rgba(0, 0, 0, 0.7);
	--bs-navbar-disabled-color: rgba(0, 0, 0, 0.3);
	--bs-navbar-active-color: rgba(0, 0, 0, 0.9);
	--bs-navbar-brand-padding-y: 0.3125rem;
	--bs-navbar-brand-margin-end: 1rem;
	--bs-navbar-brand-font-size: 1.25rem;
	--bs-navbar-brand-color: rgba(0, 0, 0, 0.9);
	--bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9);
	--bs-navbar-nav-link-padding-x: 0.5rem;
	--bs-navbar-toggler-padding-y: 0.25rem;
	--bs-navbar-toggler-padding-x: 0.75rem;
	--bs-navbar-toggler-font-size: 1.25rem;
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	--bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1);
	--bs-navbar-toggler-border-radius: 0.375rem;
	--bs-navbar-toggler-focus-width: 0.25rem;
	--bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
}
.navbar-brand {
	padding-top: var(--bs-navbar-brand-padding-y);
	padding-bottom: var(--bs-navbar-brand-padding-y);
	margin-right: var(--bs-navbar-brand-margin-end);
	font-size: var(--bs-navbar-brand-font-size);
	color: var(--bs-navbar-brand-color);
	text-decoration: none;
	white-space: nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
	color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
	--bs-nav-link-padding-x: 0;
	--bs-nav-link-padding-y: 0.5rem;
	--bs-nav-link-font-weight: ;
	--bs-nav-link-color: var(--bs-navbar-color);
	--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
	--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
	color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
	position: static;
}
.navbar-text {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:focus,
.navbar-text a:hover {
	color: var(--bs-navbar-active-color);
}
.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center;
}
.navbar-toggler {
	padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
	font-size: var(--bs-navbar-toggler-font-size);
	line-height: 1;
	color: var(--bs-navbar-color);
	background-color: transparent;
	border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
	border-radius: var(--bs-navbar-toggler-border-radius);
	transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
	.navbar-toggler {
		transition: none;
	}
}
.navbar-toggler:hover {
	text-decoration: none;
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	background-image: var(--bs-navbar-toggler-icon-bg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}
.navbar-nav-scroll {
	max-height: var(--bs-scroll-height, 75vh);
	overflow-y: auto;
}
@media (min-width: 576px) {
	.navbar-expand-sm {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.navbar-expand-sm .navbar-nav {
		flex-direction: row;
	}
	.navbar-expand-sm .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.navbar-expand-sm .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x);
	}
	.navbar-expand-sm .navbar-nav-scroll {
		overflow: visible;
	}
	.navbar-expand-sm .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	.navbar-expand-sm .navbar-toggler {
		display: none;
	}
	.navbar-expand-sm .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none;
	}
	.navbar-expand-sm .offcanvas .offcanvas-header {
		display: none;
	}
	.navbar-expand-sm .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
	}
}
@media (min-width: 768px) {
	.navbar-expand-md {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.navbar-expand-md .navbar-nav {
		flex-direction: row;
	}
	.navbar-expand-md .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x);
	}
	.navbar-expand-md .navbar-nav-scroll {
		overflow: visible;
	}
	.navbar-expand-md .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	.navbar-expand-md .navbar-toggler {
		display: none;
	}
	.navbar-expand-md .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none;
	}
	.navbar-expand-md .offcanvas .offcanvas-header {
		display: none;
	}
	.navbar-expand-md .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
	}
}
@media (min-width: 992px) {
	.navbar-expand-lg {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.navbar-expand-lg .navbar-nav {
		flex-direction: row;
	}
	.navbar-expand-lg .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x);
	}
	.navbar-expand-lg .navbar-nav-scroll {
		overflow: visible;
	}
	.navbar-expand-lg .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	.navbar-expand-lg .navbar-toggler {
		display: none;
	}
	.navbar-expand-lg .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none;
	}
	.navbar-expand-lg .offcanvas .offcanvas-header {
		display: none;
	}
	.navbar-expand-lg .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
	}
}
@media (min-width: 1200px) {
	.navbar-expand-xl {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.navbar-expand-xl .navbar-nav {
		flex-direction: row;
	}
	.navbar-expand-xl .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x);
	}
	.navbar-expand-xl .navbar-nav-scroll {
		overflow: visible;
	}
	.navbar-expand-xl .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	.navbar-expand-xl .navbar-toggler {
		display: none;
	}
	.navbar-expand-xl .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none;
	}
	.navbar-expand-xl .offcanvas .offcanvas-header {
		display: none;
	}
	.navbar-expand-xl .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
	}
}
@media (min-width: 1400px) {
	.navbar-expand-xxl {
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
	.navbar-expand-xxl .navbar-nav {
		flex-direction: row;
	}
	.navbar-expand-xxl .navbar-nav .dropdown-menu {
		position: absolute;
	}
	.navbar-expand-xxl .navbar-nav .nav-link {
		padding-right: var(--bs-navbar-nav-link-padding-x);
		padding-left: var(--bs-navbar-nav-link-padding-x);
	}
	.navbar-expand-xxl .navbar-nav-scroll {
		overflow: visible;
	}
	.navbar-expand-xxl .navbar-collapse {
		display: flex !important;
		flex-basis: auto;
	}
	.navbar-expand-xxl .navbar-toggler {
		display: none;
	}
	.navbar-expand-xxl .offcanvas {
		position: static;
		z-index: auto;
		flex-grow: 1;
		width: auto !important;
		height: auto !important;
		visibility: visible !important;
		background-color: transparent !important;
		border: 0 !important;
		transform: none !important;
		transition: none;
	}
	.navbar-expand-xxl .offcanvas .offcanvas-header {
		display: none;
	}
	.navbar-expand-xxl .offcanvas .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
	}
}
.navbar-expand {
	flex-wrap: nowrap;
	justify-content: flex-start;
}
.navbar-expand .navbar-nav {
	flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
	position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
	padding-right: var(--bs-navbar-nav-link-padding-x);
	padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
	overflow: visible;
}
.navbar-expand .navbar-collapse {
	display: flex !important;
	flex-basis: auto;
}
.navbar-expand .navbar-toggler {
	display: none;
}
.navbar-expand .offcanvas {
	position: static;
	z-index: auto;
	flex-grow: 1;
	width: auto !important;
	height: auto !important;
	visibility: visible !important;
	background-color: transparent !important;
	border: 0 !important;
	transform: none !important;
	transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
	display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
	display: flex;
	flex-grow: 0;
	padding: 0;
	overflow-y: visible;
}
.navbar-dark {
	--bs-navbar-color: rgba(255, 255, 255, 0.55);
	--bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
	--bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
	--bs-navbar-active-color: #fff;
	--bs-navbar-brand-color: #fff;
	--bs-navbar-brand-hover-color: #fff;
	--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
	--bs-card-spacer-y: 1rem;
	--bs-card-spacer-x: 1rem;
	--bs-card-title-spacer-y: 0.5rem;
	--bs-card-border-width: 1px;
	--bs-card-border-color: var(--bs-border-color-translucent);
	--bs-card-border-radius: 0.375rem;
	--bs-card-box-shadow: ;
	--bs-card-inner-border-radius: calc(0.375rem - 1px);
	--bs-card-cap-padding-y: 0.5rem;
	--bs-card-cap-padding-x: 1rem;
	--bs-card-cap-bg: rgba(0, 0, 0, 0.03);
	--bs-card-cap-color: ;
	--bs-card-height: ;
	--bs-card-color: ;
	--bs-card-bg: #fff;
	--bs-card-img-overlay-padding: 1rem;
	--bs-card-group-margin: 0.75rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	height: var(--bs-card-height);
	word-wrap: break-word;
	background-color: var(--bs-card-bg);
	background-clip: border-box;
	border: var(--bs-card-border-width) solid var(--bs-card-border-color);
	border-radius: var(--bs-card-border-radius);
}
.card > hr {
	margin-right: 0;
	margin-left: 0;
}
.card > .list-group {
	border-top: inherit;
	border-bottom: inherit;
}
.card > .list-group:first-child {
	border-top-width: 0;
	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
	border-bottom-width: 0;
	border-bottom-right-radius: var(--bs-card-inner-border-radius);
	border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
	border-top: 0;
}
.card-body {
	flex: 1 1 auto;
	padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
	color: var(--bs-card-color);
}
.card-title {
	margin-bottom: var(--bs-card-title-spacer-y);
}
.card-subtitle {
	margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
	margin-bottom: 0;
}
.card-text:last-child {
	margin-bottom: 0;
}
.card-link + .card-link {
	margin-left: var(--bs-card-spacer-x);
}
.card-header {
	padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
	margin-bottom: 0;
	color: var(--bs-card-cap-color);
	background-color: var(--bs-card-cap-bg);
	border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
	border-radius: var(--bs-card-inner-border-radius)
		var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
	padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
	color: var(--bs-card-cap-color);
	background-color: var(--bs-card-cap-bg);
	border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
	border-radius: 0 0 var(--bs-card-inner-border-radius)
		var(--bs-card-inner-border-radius);
}
.card-header-tabs {
	margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
	margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
	margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
	border-bottom: 0;
}
.card-header-tabs .nav-link.active {
	background-color: var(--bs-card-bg);
	border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
	margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
	margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: var(--bs-card-img-overlay-padding);
	border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom,
.card-img-top {
	width: 100%;
}
.card-img,
.card-img-top {
	border-top-left-radius: var(--bs-card-inner-border-radius);
	border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
	border-bottom-right-radius: var(--bs-card-inner-border-radius);
	border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
	margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
	.card-group {
		display: flex;
		flex-flow: row wrap;
	}
	.card-group > .card {
		flex: 1 0 0%;
		margin-bottom: 0;
	}
	.card-group > .card + .card {
		margin-left: 0;
		border-left: 0;
	}
	.card-group > .card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-header,
	.card-group > .card:not(:last-child) .card-img-top {
		border-top-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-footer,
	.card-group > .card:not(:last-child) .card-img-bottom {
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-header,
	.card-group > .card:not(:first-child) .card-img-top {
		border-top-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-footer,
	.card-group > .card:not(:first-child) .card-img-bottom {
		border-bottom-left-radius: 0;
	}
}
.accordion {
	--bs-accordion-color: #000;
	--bs-accordion-bg: #fff;
	--bs-accordion-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, border-radius 0.15s ease;
	--bs-accordion-border-color: var(--bs-border-color);
	--bs-accordion-border-width: 1px;
	--bs-accordion-border-radius: 0.375rem;
	--bs-accordion-inner-border-radius: calc(0.375rem - 1px);
	--bs-accordion-btn-padding-x: 1.25rem;
	--bs-accordion-btn-padding-y: 1rem;
	--bs-accordion-btn-color: var(--bs-body-color);
	--bs-accordion-btn-bg: var(--bs-accordion-bg);
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-icon-width: 1.25rem;
	--bs-accordion-btn-icon-transform: rotate(-180deg);
	--bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--bs-accordion-btn-focus-border-color: #86b7fe;
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-accordion-body-padding-x: 1.25rem;
	--bs-accordion-body-padding-y: 1rem;
	--bs-accordion-active-color: #0c63e4;
	--bs-accordion-active-bg: #e7f1ff;
}
.accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
	font-size: 1rem;
	color: var(--bs-accordion-btn-color);
	text-align: left;
	background-color: var(--bs-accordion-btn-bg);
	border: 0;
	border-radius: 0;
	overflow-anchor: none;
	transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
	.accordion-button {
		transition: none;
	}
}
.accordion-button:not(.collapsed) {
	color: var(--bs-accordion-active-color);
	background-color: var(--bs-accordion-active-bg);
	box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0
		var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
	background-image: var(--bs-accordion-btn-active-icon);
	transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
	flex-shrink: 0;
	width: var(--bs-accordion-btn-icon-width);
	height: var(--bs-accordion-btn-icon-width);
	margin-left: auto;
	content: '';
	background-image: var(--bs-accordion-btn-icon);
	background-repeat: no-repeat;
	background-size: var(--bs-accordion-btn-icon-width);
	transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
	.accordion-button::after {
		transition: none;
	}
}
.accordion-button:hover {
	z-index: 2;
}
.accordion-button:focus {
	z-index: 3;
	border-color: var(--bs-accordion-btn-focus-border-color);
	outline: 0;
	box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
	margin-bottom: 0;
}
.accordion-item {
	color: var(--bs-accordion-color);
	background-color: var(--bs-accordion-bg);
	border: var(--bs-accordion-border-width) solid
		var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
	border-top-left-radius: var(--bs-accordion-border-radius);
	border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type .accordion-button {
	border-top-left-radius: var(--bs-accordion-inner-border-radius);
	border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
	border-top: 0;
}
.accordion-item:last-of-type {
	border-bottom-right-radius: var(--bs-accordion-border-radius);
	border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type .accordion-button.collapsed {
	border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
	border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type .accordion-collapse {
	border-bottom-right-radius: var(--bs-accordion-border-radius);
	border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
	padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
	border-width: 0;
}
.accordion-flush .accordion-item {
	border-right: 0;
	border-left: 0;
	border-radius: 0;
}
.accordion-flush .accordion-item:first-child {
	border-top: 0;
}
.accordion-flush .accordion-item:last-child {
	border-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
	border-radius: 0;
}
.breadcrumb {
	--bs-breadcrumb-padding-x: 0;
	--bs-breadcrumb-padding-y: 0;
	--bs-breadcrumb-margin-bottom: 1rem;
	--bs-breadcrumb-bg: ;
	--bs-breadcrumb-border-radius: ;
	--bs-breadcrumb-divider-color: #6c757d;
	--bs-breadcrumb-item-padding-x: 0.5rem;
	--bs-breadcrumb-item-active-color: #6c757d;
	display: flex;
	flex-wrap: wrap;
	padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
	margin-bottom: var(--bs-breadcrumb-margin-bottom);
	font-size: var(--bs-breadcrumb-font-size);
	list-style: none;
	background-color: var(--bs-breadcrumb-bg);
	border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
	float: left;
	padding-right: var(--bs-breadcrumb-item-padding-x);
	color: var(--bs-breadcrumb-divider-color);
	content: var(--bs-breadcrumb-divider, '/');
}
.breadcrumb-item.active {
	color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
	--bs-pagination-padding-x: 0.75rem;
	--bs-pagination-padding-y: 0.375rem;
	--bs-pagination-font-size: 1rem;
	--bs-pagination-color: var(--bs-link-color);
	--bs-pagination-bg: #fff;
	--bs-pagination-border-width: 1px;
	--bs-pagination-border-color: #dee2e6;
	--bs-pagination-border-radius: 0.375rem;
	--bs-pagination-hover-color: var(--bs-link-hover-color);
	--bs-pagination-hover-bg: #e9ecef;
	--bs-pagination-hover-border-color: #dee2e6;
	--bs-pagination-focus-color: var(--bs-link-hover-color);
	--bs-pagination-focus-bg: #e9ecef;
	--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	--bs-pagination-active-color: #fff;
	--bs-pagination-active-bg: #017dac;
	--bs-pagination-active-border-color: #017dac;
	--bs-pagination-disabled-color: #6c757d;
	--bs-pagination-disabled-bg: #fff;
	--bs-pagination-disabled-border-color: #dee2e6;
	display: flex;
	padding-left: 0;
	list-style: none;
}
.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);
	text-decoration: none;
	background-color: var(--bs-pagination-bg);
	border: var(--bs-pagination-border-width) solid
		var(--bs-pagination-border-color);
	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;
}
@media (prefers-reduced-motion: reduce) {
	.page-link {
		transition: none;
	}
}
.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);
}
.page-link:focus {
	z-index: 3;
	color: var(--bs-pagination-focus-color);
	background-color: var(--bs-pagination-focus-bg);
	outline: 0;
	box-shadow: var(--bs-pagination-focus-box-shadow);
}
.active > .page-link,
.page-link.active {
	z-index: 3;
	color: var(--bs-pagination-active-color);
	background-color: var(--bs-pagination-active-bg);
	border-color: var(--bs-pagination-active-border-color);
}
.disabled > .page-link,
.page-link.disabled {
	color: var(--bs-pagination-disabled-color);
	pointer-events: none;
	background-color: var(--bs-pagination-disabled-bg);
	border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
	margin-left: -1px;
}
.page-item:first-child .page-link {
	border-top-left-radius: var(--bs-pagination-border-radius);
	border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
	border-top-right-radius: var(--bs-pagination-border-radius);
	border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
	--bs-pagination-padding-x: 1.5rem;
	--bs-pagination-padding-y: 0.75rem;
	--bs-pagination-font-size: 1.25rem;
	--bs-pagination-border-radius: 0.5rem;
}
.pagination-sm {
	--bs-pagination-padding-x: 0.5rem;
	--bs-pagination-padding-y: 0.25rem;
	--bs-pagination-font-size: 0.875rem;
	--bs-pagination-border-radius: 0.25rem;
}
.badge {
	--bs-badge-padding-x: 0.65em;
	--bs-badge-padding-y: 0.35em;
	--bs-badge-font-size: 0.75em;
	--bs-badge-font-weight: 700;
	--bs-badge-color: #fff;
	--bs-badge-border-radius: 0.375rem;
	display: inline-block;
	padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
	font-size: var(--bs-badge-font-size);
	font-weight: var(--bs-badge-font-weight);
	line-height: 1;
	color: var(--bs-badge-color);
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
	display: none;
}
.btn .badge {
	position: relative;
	top: -1px;
}
.alert {
	--bs-alert-bg: transparent;
	--bs-alert-padding-x: 1rem;
	--bs-alert-padding-y: 1rem;
	--bs-alert-margin-bottom: 1rem;
	--bs-alert-color: inherit;
	--bs-alert-border-color: transparent;
	--bs-alert-border: 1px solid var(--bs-alert-border-color);
	--bs-alert-border-radius: 0.375rem;
	position: relative;
	padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
	margin-bottom: var(--bs-alert-margin-bottom);
	color: var(--bs-alert-color);
	background-color: var(--bs-alert-bg);
	border: var(--bs-alert-border);
	border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
	color: inherit;
}
.alert-link {
	font-weight: 700;
}
.alert-dismissible {
	padding-right: 3rem;
}
.alert-dismissible .btn-close {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	padding: 1.25rem 1rem;
}
.alert-primary {
	--bs-alert-color: #084298;
	--bs-alert-bg: #cfe2ff;
	--bs-alert-border-color: #b6d4fe;
}
.alert-primary .alert-link {
	color: #06357a;
}
.alert-secondary {
	--bs-alert-color: #41464b;
	--bs-alert-bg: #e2e3e5;
	--bs-alert-border-color: #d3d6d8;
}
.alert-secondary .alert-link {
	color: #34383c;
}
.alert-success {
	--bs-alert-color: #0f5132;
	--bs-alert-bg: #d1e7dd;
	--bs-alert-border-color: #badbcc;
}
.alert-success .alert-link {
	color: #0c4128;
}
.alert-info {
	--bs-alert-color: #055160;
	--bs-alert-bg: #cff4fc;
	--bs-alert-border-color: #b6effb;
}
.alert-info .alert-link {
	color: #04414d;
}
.alert-warning {
	--bs-alert-color: #664d03;
	--bs-alert-bg: #fff3cd;
	--bs-alert-border-color: #ffecb5;
}
.alert-warning .alert-link {
	color: #523e02;
}
.alert-danger {
	--bs-alert-color: #842029;
	--bs-alert-bg: #f8d7da;
	--bs-alert-border-color: #f5c2c7;
}
.alert-danger .alert-link {
	color: #6a1a21;
}
.alert-light {
	--bs-alert-color: #636464;
	--bs-alert-bg: #fefefe;
	--bs-alert-border-color: #fdfdfe;
}
.alert-light .alert-link {
	color: #4f5050;
}
.alert-dark {
	--bs-alert-color: #141619;
	--bs-alert-bg: #d3d3d4;
	--bs-alert-border-color: #bcbebf;
}
.alert-dark .alert-link {
	color: #101214;
}
@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem;
	}
}
@keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem;
	}
}
.progress {
	--bs-progress-height: 1rem;
	--bs-progress-font-size: 0.75rem;
	--bs-progress-bg: #e9ecef;
	--bs-progress-border-radius: 0.375rem;
	--bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
	--bs-progress-bar-color: #fff;
	--bs-progress-bar-bg: #0d6efd;
	--bs-progress-bar-transition: width 0.6s ease;
	display: flex;
	height: var(--bs-progress-height);
	overflow: hidden;
	font-size: var(--bs-progress-font-size);
	background-color: var(--bs-progress-bg);
	border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: var(--bs-progress-bar-color);
	text-align: center;
	white-space: nowrap;
	background-color: var(--bs-progress-bar-bg);
	transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
	.progress-bar {
		transition: none;
	}
}
.progress-bar-striped {
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.15) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.15) 50%,
		rgba(255, 255, 255, 0.15) 75%,
		transparent 75%,
		transparent
	);
	background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-bar-animated {
	-webkit-animation: 1s linear infinite progress-bar-stripes;
	animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
	.progress-bar-animated {
		-webkit-animation: none;
		animation: none;
	}
}
.list-group {
	--bs-list-group-color: #212529;
	--bs-list-group-bg: #fff;
	--bs-list-group-border-color: rgba(0, 0, 0, 0.125);
	--bs-list-group-border-width: 1px;
	--bs-list-group-border-radius: 0.375rem;
	--bs-list-group-item-padding-x: 1rem;
	--bs-list-group-item-padding-y: 0.5rem;
	--bs-list-group-action-color: #495057;
	--bs-list-group-action-hover-color: #495057;
	--bs-list-group-action-hover-bg: #f8f9fa;
	--bs-list-group-action-active-color: #212529;
	--bs-list-group-action-active-bg: #e9ecef;
	--bs-list-group-disabled-color: #6c757d;
	--bs-list-group-disabled-bg: #fff;
	--bs-list-group-active-color: #fff;
	--bs-list-group-active-bg: #0d6efd;
	--bs-list-group-active-border-color: #0d6efd;
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
	list-style-type: none;
	counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
	content: counters(section, '.') '. ';
	counter-increment: section;
}
.list-group-item-action {
	width: 100%;
	color: var(--bs-list-group-action-color);
	text-align: inherit;
}
.list-group-item-action:focus,
.list-group-item-action:hover {
	z-index: 1;
	color: var(--bs-list-group-action-hover-color);
	text-decoration: none;
	background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
	color: var(--bs-list-group-action-active-color);
	background-color: var(--bs-list-group-action-active-bg);
}
.list-group-item {
	position: relative;
	display: block;
	padding: var(--bs-list-group-item-padding-y)
		var(--bs-list-group-item-padding-x);
	color: var(--bs-list-group-color);
	text-decoration: none;
	background-color: var(--bs-list-group-bg);
	border: var(--bs-list-group-border-width) solid
		var(--bs-list-group-border-color);
}
.list-group-item:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}
.list-group-item:last-child {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
	color: var(--bs-list-group-disabled-color);
	pointer-events: none;
	background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
	z-index: 2;
	color: var(--bs-list-group-active-color);
	background-color: var(--bs-list-group-active-bg);
	border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
	border-top-width: 0;
}
.list-group-item + .list-group-item.active {
	margin-top: calc(var(--bs-list-group-border-width) * -1);
	border-top-width: var(--bs-list-group-border-width);
}
.list-group-horizontal {
	flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
	border-bottom-left-radius: var(--bs-list-group-border-radius);
	border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
	border-top-right-radius: var(--bs-list-group-border-radius);
	border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
	margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
	border-top-width: var(--bs-list-group-border-width);
	border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
	margin-left: calc(var(--bs-list-group-border-width) * -1);
	border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
	.list-group-horizontal-sm {
		flex-direction: row;
	}
	.list-group-horizontal-sm > .list-group-item:first-child {
		border-bottom-left-radius: var(--bs-list-group-border-radius);
		border-top-right-radius: 0;
	}
	.list-group-horizontal-sm > .list-group-item:last-child {
		border-top-right-radius: var(--bs-list-group-border-radius);
		border-bottom-left-radius: 0;
	}
	.list-group-horizontal-sm > .list-group-item.active {
		margin-top: 0;
	}
	.list-group-horizontal-sm > .list-group-item + .list-group-item {
		border-top-width: var(--bs-list-group-border-width);
		border-left-width: 0;
	}
	.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
		margin-left: calc(var(--bs-list-group-border-width) * -1);
		border-left-width: var(--bs-list-group-border-width);
	}
}
@media (min-width: 768px) {
	.list-group-horizontal-md {
		flex-direction: row;
	}
	.list-group-horizontal-md > .list-group-item:first-child {
		border-bottom-left-radius: var(--bs-list-group-border-radius);
		border-top-right-radius: 0;
	}
	.list-group-horizontal-md > .list-group-item:last-child {
		border-top-right-radius: var(--bs-list-group-border-radius);
		border-bottom-left-radius: 0;
	}
	.list-group-horizontal-md > .list-group-item.active {
		margin-top: 0;
	}
	.list-group-horizontal-md > .list-group-item + .list-group-item {
		border-top-width: var(--bs-list-group-border-width);
		border-left-width: 0;
	}
	.list-group-horizontal-md > .list-group-item + .list-group-item.active {
		margin-left: calc(var(--bs-list-group-border-width) * -1);
		border-left-width: var(--bs-list-group-border-width);
	}
}
@media (min-width: 992px) {
	.list-group-horizontal-lg {
		flex-direction: row;
	}
	.list-group-horizontal-lg > .list-group-item:first-child {
		border-bottom-left-radius: var(--bs-list-group-border-radius);
		border-top-right-radius: 0;
	}
	.list-group-horizontal-lg > .list-group-item:last-child {
		border-top-right-radius: var(--bs-list-group-border-radius);
		border-bottom-left-radius: 0;
	}
	.list-group-horizontal-lg > .list-group-item.active {
		margin-top: 0;
	}
	.list-group-horizontal-lg > .list-group-item + .list-group-item {
		border-top-width: var(--bs-list-group-border-width);
		border-left-width: 0;
	}
	.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
		margin-left: calc(var(--bs-list-group-border-width) * -1);
		border-left-width: var(--bs-list-group-border-width);
	}
}
@media (min-width: 1200px) {
	.list-group-horizontal-xl {
		flex-direction: row;
	}
	.list-group-horizontal-xl > .list-group-item:first-child {
		border-bottom-left-radius: var(--bs-list-group-border-radius);
		border-top-right-radius: 0;
	}
	.list-group-horizontal-xl > .list-group-item:last-child {
		border-top-right-radius: var(--bs-list-group-border-radius);
		border-bottom-left-radius: 0;
	}
	.list-group-horizontal-xl > .list-group-item.active {
		margin-top: 0;
	}
	.list-group-horizontal-xl > .list-group-item + .list-group-item {
		border-top-width: var(--bs-list-group-border-width);
		border-left-width: 0;
	}
	.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
		margin-left: calc(var(--bs-list-group-border-width) * -1);
		border-left-width: var(--bs-list-group-border-width);
	}
}
@media (min-width: 1400px) {
	.list-group-horizontal-xxl {
		flex-direction: row;
	}
	.list-group-horizontal-xxl > .list-group-item:first-child {
		border-bottom-left-radius: var(--bs-list-group-border-radius);
		border-top-right-radius: 0;
	}
	.list-group-horizontal-xxl > .list-group-item:last-child {
		border-top-right-radius: var(--bs-list-group-border-radius);
		border-bottom-left-radius: 0;
	}
	.list-group-horizontal-xxl > .list-group-item.active {
		margin-top: 0;
	}
	.list-group-horizontal-xxl > .list-group-item + .list-group-item {
		border-top-width: var(--bs-list-group-border-width);
		border-left-width: 0;
	}
	.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
		margin-left: calc(var(--bs-list-group-border-width) * -1);
		border-left-width: var(--bs-list-group-border-width);
	}
}
.list-group-flush {
	border-radius: 0;
}
.list-group-flush > .list-group-item {
	border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
	border-bottom-width: 0;
}
.list-group-item-primary {
	color: #084298;
	background-color: #cfe2ff;
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
	color: #084298;
	background-color: #bacbe6;
}
.list-group-item-primary.list-group-item-action.active {
	color: #fff;
	background-color: #084298;
	border-color: #084298;
}
.list-group-item-secondary {
	color: #41464b;
	background-color: #e2e3e5;
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
	color: #41464b;
	background-color: #cbccce;
}
.list-group-item-secondary.list-group-item-action.active {
	color: #fff;
	background-color: #41464b;
	border-color: #41464b;
}
.list-group-item-success {
	color: #0f5132;
	background-color: #d1e7dd;
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
	color: #0f5132;
	background-color: #bcd0c7;
}
.list-group-item-success.list-group-item-action.active {
	color: #fff;
	background-color: #0f5132;
	border-color: #0f5132;
}
.list-group-item-info {
	color: #055160;
	background-color: #cff4fc;
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
	color: #055160;
	background-color: #badce3;
}
.list-group-item-info.list-group-item-action.active {
	color: #fff;
	background-color: #055160;
	border-color: #055160;
}
.list-group-item-warning {
	color: #664d03;
	background-color: #fff3cd;
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
	color: #664d03;
	background-color: #e6dbb9;
}
.list-group-item-warning.list-group-item-action.active {
	color: #fff;
	background-color: #664d03;
	border-color: #664d03;
}
.list-group-item-danger {
	color: #842029;
	background-color: #f8d7da;
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
	color: #842029;
	background-color: #dfc2c4;
}
.list-group-item-danger.list-group-item-action.active {
	color: #fff;
	background-color: #842029;
	border-color: #842029;
}
.list-group-item-light {
	color: #636464;
	background-color: #fefefe;
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
	color: #636464;
	background-color: #e5e5e5;
}
.list-group-item-light.list-group-item-action.active {
	color: #fff;
	background-color: #636464;
	border-color: #636464;
}
.list-group-item-dark {
	color: #141619;
	background-color: #d3d3d4;
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
	color: #141619;
	background-color: #bebebf;
}
.list-group-item-dark.list-group-item-action.active {
	color: #fff;
	background-color: #141619;
	border-color: #141619;
}
.btn-close {
	box-sizing: content-box;
	width: 1em;
	height: 1em;
	padding: 0.25em 0.25em;
	color: #000;
	background: transparent
		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
		center/1em auto no-repeat;
	border: 0;
	border-radius: 0.375rem;
	opacity: 0.5;
}
.btn-close:hover {
	color: #000;
	text-decoration: none;
	opacity: 0.75;
}
.btn-close:focus {
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
	opacity: 1;
}
.btn-close.disabled,
.btn-close:disabled {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	opacity: 0.25;
}
.btn-close-white {
	filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
	--bs-toast-padding-x: 0.75rem;
	--bs-toast-padding-y: 0.5rem;
	--bs-toast-spacing: 1.5rem;
	--bs-toast-max-width: 350px;
	--bs-toast-font-size: 0.875rem;
	--bs-toast-color: ;
	--bs-toast-bg: rgba(255, 255, 255, 0.85);
	--bs-toast-border-width: 1px;
	--bs-toast-border-color: var(--bs-border-color-translucent);
	--bs-toast-border-radius: 0.375rem;
	--bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-toast-header-color: #6c757d;
	--bs-toast-header-bg: rgba(255, 255, 255, 0.85);
	--bs-toast-header-border-color: rgba(0, 0, 0, 0.05);
	width: var(--bs-toast-max-width);
	max-width: 100%;
	font-size: var(--bs-toast-font-size);
	color: var(--bs-toast-color);
	pointer-events: auto;
	background-color: var(--bs-toast-bg);
	background-clip: padding-box;
	border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
	box-shadow: var(--bs-toast-box-shadow);
	border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
	opacity: 0;
}
.toast:not(.show) {
	display: none;
}
.toast-container {
	position: absolute;
	z-index: 1090;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	max-width: 100%;
	pointer-events: none;
}
.toast-container > :not(:last-child) {
	margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
	display: flex;
	align-items: center;
	padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
	color: var(--bs-toast-header-color);
	background-color: var(--bs-toast-header-bg);
	background-clip: padding-box;
	border-bottom: var(--bs-toast-border-width) solid
		var(--bs-toast-header-border-color);
	border-top-left-radius: calc(
		var(--bs-toast-border-radius) - var(--bs-toast-border-width)
	);
	border-top-right-radius: calc(
		var(--bs-toast-border-radius) - var(--bs-toast-border-width)
	);
}
.toast-header .btn-close {
	margin-right: calc(var(--bs-toast-padding-x) * -0.5);
	margin-left: var(--bs-toast-padding-x);
}
.toast-body {
	padding: var(--bs-toast-padding-x);
	word-wrap: break-word;
}
.modal {
	--bs-modal-zindex: 1055;
	--bs-modal-width: 500px;
	--bs-modal-padding: 1rem;
	--bs-modal-margin: 0.5rem;
	--bs-modal-color: ;
	--bs-modal-bg: #fff;
	--bs-modal-border-color: var(--bs-border-color-translucent);
	--bs-modal-border-width: 1px;
	--bs-modal-border-radius: 0.5rem;
	--bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	--bs-modal-inner-border-radius: calc(0.5rem - 1px);
	--bs-modal-header-padding-x: 1rem;
	--bs-modal-header-padding-y: 1rem;
	--bs-modal-header-padding: 1rem 1rem;
	--bs-modal-header-border-color: var(--bs-border-color);
	--bs-modal-header-border-width: 1px;
	--bs-modal-title-line-height: 1.5;
	--bs-modal-footer-gap: 0.5rem;
	--bs-modal-footer-bg: ;
	--bs-modal-footer-border-color: var(--bs-border-color);
	--bs-modal-footer-border-width: 1px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-modal-zindex);
	display: none;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	outline: 0;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: var(--bs-modal-margin);
	pointer-events: none;
}
.modal.fade .modal-dialog {
	transition: transform 0.3s ease-out;
	transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}
.modal.show .modal-dialog {
	transform: none;
}
.modal.modal-static .modal-dialog {
	transform: scale(1.02);
}
.modal-dialog-scrollable {
	height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
	max-height: 100%;
	overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}
.modal-dialog-centered {
	display: flex;
	align-items: center;
	min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	color: var(--bs-modal-color);
	pointer-events: auto;
	background-color: var(--bs-modal-bg);
	background-clip: padding-box;
	border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
	border-radius: var(--bs-modal-border-radius);
	outline: 0;
}
.modal-backdrop {
	--bs-backdrop-zindex: 1050;
	--bs-backdrop-bg: #000;
	--bs-backdrop-opacity: 0.5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: var(--bs-backdrop-zindex);
	width: 100vw;
	height: 100vh;
	background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop.show {
	opacity: var(--bs-backdrop-opacity);
}
.modal-header {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	padding: var(--bs-modal-header-padding);
	border-bottom: var(--bs-modal-header-border-width) solid
		var(--bs-modal-header-border-color);
	border-top-left-radius: var(--bs-modal-inner-border-radius);
	border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
	padding: calc(var(--bs-modal-header-padding-y) * 0.5)
		calc(var(--bs-modal-header-padding-x) * 0.5);
	margin: calc(var(--bs-modal-header-padding-y) * -0.5)
		calc(var(--bs-modal-header-padding-x) * -0.5)
		calc(var(--bs-modal-header-padding-y) * -0.5) auto;
}
.modal-title {
	margin-bottom: 0;
	line-height: var(--bs-modal-title-line-height);
}
.modal-body {
	position: relative;
	flex: 1 1 auto;
	padding: var(--bs-modal-padding);
}
.modal-footer {
	display: flex;
	flex-shrink: 0;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
	background-color: var(--bs-modal-footer-bg);
	border-top: var(--bs-modal-footer-border-width) solid
		var(--bs-modal-footer-border-color);
	border-bottom-right-radius: var(--bs-modal-inner-border-radius);
	border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
	margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
	.modal {
		--bs-modal-margin: 1.75rem;
		--bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	}
	.modal-dialog {
		max-width: var(--bs-modal-width);
		margin-right: auto;
		margin-left: auto;
	}
	.modal-sm {
		--bs-modal-width: 300px;
	}
}
@media (min-width: 992px) {
	.modal-lg,
	.modal-xl {
		--bs-modal-width: 800px;
	}
}
@media (min-width: 1200px) {
	.modal-xl {
		--bs-modal-width: 1140px;
	}
}
.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0;
}
.modal-fullscreen .modal-content {
	height: 100%;
	border: 0;
	border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
	border-radius: 0;
}
.modal-fullscreen .modal-body {
	overflow-y: auto;
}
@media (max-width: 575.98px) {
	.modal-fullscreen-sm-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}
	.modal-fullscreen-sm-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}
	.modal-fullscreen-sm-down .modal-footer,
	.modal-fullscreen-sm-down .modal-header {
		border-radius: 0;
	}
	.modal-fullscreen-sm-down .modal-body {
		overflow-y: auto;
	}
}
@media (max-width: 767.98px) {
	.modal-fullscreen-md-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}
	.modal-fullscreen-md-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}
	.modal-fullscreen-md-down .modal-footer,
	.modal-fullscreen-md-down .modal-header {
		border-radius: 0;
	}
	.modal-fullscreen-md-down .modal-body {
		overflow-y: auto;
	}
}
@media (max-width: 991.98px) {
	.modal-fullscreen-lg-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}
	.modal-fullscreen-lg-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}
	.modal-fullscreen-lg-down .modal-footer,
	.modal-fullscreen-lg-down .modal-header {
		border-radius: 0;
	}
	.modal-fullscreen-lg-down .modal-body {
		overflow-y: auto;
	}
}
@media (max-width: 1199.98px) {
	.modal-fullscreen-xl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}
	.modal-fullscreen-xl-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}
	.modal-fullscreen-xl-down .modal-footer,
	.modal-fullscreen-xl-down .modal-header {
		border-radius: 0;
	}
	.modal-fullscreen-xl-down .modal-body {
		overflow-y: auto;
	}
}
@media (max-width: 1399.98px) {
	.modal-fullscreen-xxl-down {
		width: 100vw;
		max-width: none;
		height: 100%;
		margin: 0;
	}
	.modal-fullscreen-xxl-down .modal-content {
		height: 100%;
		border: 0;
		border-radius: 0;
	}
	.modal-fullscreen-xxl-down .modal-footer,
	.modal-fullscreen-xxl-down .modal-header {
		border-radius: 0;
	}
	.modal-fullscreen-xxl-down .modal-body {
		overflow-y: auto;
	}
}
.tooltip {
	--bs-tooltip-zindex: 1080;
	--bs-tooltip-max-width: 200px;
	--bs-tooltip-padding-x: 0.5rem;
	--bs-tooltip-padding-y: 0.25rem;
	--bs-tooltip-margin: ;
	--bs-tooltip-font-size: 0.875rem;
	--bs-tooltip-color: #fff;
	--bs-tooltip-bg: #000;
	--bs-tooltip-border-radius: 0.375rem;
	--bs-tooltip-opacity: 0.9;
	--bs-tooltip-arrow-width: 0.8rem;
	--bs-tooltip-arrow-height: 0.4rem;
	z-index: var(--bs-tooltip-zindex);
	display: block;
	padding: var(--bs-tooltip-arrow-height);
	margin: var(--bs-tooltip-margin);
	font-family: var(--bs-font-sans-serif);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	white-space: normal;
	word-spacing: normal;
	line-break: auto;
	font-size: var(--bs-tooltip-font-size);
	word-wrap: break-word;
	opacity: 0;
}
.tooltip.show {
	opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
	display: block;
	width: var(--bs-tooltip-arrow-width);
	height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
	position: absolute;
	content: '';
	border-color: transparent;
	border-style: solid;
}
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
	bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
	top: -1px;
	border-width: var(--bs-tooltip-arrow-height)
		calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
	border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
	left: 0;
	width: var(--bs-tooltip-arrow-height);
	height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
	right: -1px;
	border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
		var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
	border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
	top: 0;
}
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
	bottom: -1px;
	border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
		var(--bs-tooltip-arrow-height);
	border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
	right: 0;
	width: var(--bs-tooltip-arrow-height);
	height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
	left: -1px;
	border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
		calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
	border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
	max-width: var(--bs-tooltip-max-width);
	padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
	color: var(--bs-tooltip-color);
	text-align: center;
	background-color: var(--bs-tooltip-bg);
	border-radius: var(--bs-tooltip-border-radius);
}
.popover {
	--bs-popover-zindex: 1070;
	--bs-popover-max-width: 276px;
	--bs-popover-font-size: 0.875rem;
	--bs-popover-bg: #fff;
	--bs-popover-border-width: 1px;
	--bs-popover-border-color: var(--bs-border-color-translucent);
	--bs-popover-border-radius: 0.5rem;
	--bs-popover-inner-border-radius: calc(0.5rem - 1px);
	--bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	--bs-popover-header-padding-x: 1rem;
	--bs-popover-header-padding-y: 0.5rem;
	--bs-popover-header-font-size: 1rem;
	--bs-popover-header-color: var(--bs-heading-color);
	--bs-popover-header-bg: #f0f0f0;
	--bs-popover-body-padding-x: 1rem;
	--bs-popover-body-padding-y: 1rem;
	--bs-popover-body-color: #212529;
	--bs-popover-arrow-width: 1rem;
	--bs-popover-arrow-height: 0.5rem;
	--bs-popover-arrow-border: var(--bs-popover-border-color);
	z-index: var(--bs-popover-zindex);
	display: block;
	max-width: var(--bs-popover-max-width);
	font-family: var(--bs-font-sans-serif);
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	white-space: normal;
	word-spacing: normal;
	line-break: auto;
	font-size: var(--bs-popover-font-size);
	word-wrap: break-word;
	background-color: var(--bs-popover-bg);
	background-clip: padding-box;
	border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
	border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
	display: block;
	width: var(--bs-popover-arrow-width);
	height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::after,
.popover .popover-arrow::before {
	position: absolute;
	display: block;
	content: '';
	border-color: transparent;
	border-style: solid;
	border-width: 0;
}
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow,
.bs-popover-top > .popover-arrow {
	bottom: calc(
		var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
	);
}
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before {
	border-width: var(--bs-popover-arrow-height)
		calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
	bottom: 0;
	border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
	bottom: var(--bs-popover-border-width);
	border-top-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow,
.bs-popover-end > .popover-arrow {
	left: calc(
		var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
	);
	width: var(--bs-popover-arrow-height);
	height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
	border-width: calc(var(--bs-popover-arrow-width) * 0.5)
		var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
	left: 0;
	border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
	left: var(--bs-popover-border-width);
	border-right-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
	top: calc(
		var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
	);
}
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
	border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5)
		var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
	top: 0;
	border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
	top: var(--bs-popover-border-width);
	border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before,
.bs-popover-bottom .popover-header::before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: var(--bs-popover-arrow-width);
	margin-left: calc(var(--bs-popover-arrow-width) * -0.5);
	content: '';
	border-bottom: var(--bs-popover-border-width) solid
		var(--bs-popover-header-bg);
}
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow,
.bs-popover-start > .popover-arrow {
	right: calc(
		var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)
	);
	width: var(--bs-popover-arrow-height);
	height: var(--bs-popover-arrow-width);
}
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
	border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0
		calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
	right: 0;
	border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
	right: var(--bs-popover-border-width);
	border-left-color: var(--bs-popover-bg);
}
.popover-header {
	padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
	margin-bottom: 0;
	font-size: var(--bs-popover-header-font-size);
	color: var(--bs-popover-header-color);
	background-color: var(--bs-popover-header-bg);
	border-bottom: var(--bs-popover-border-width) solid
		var(--bs-popover-border-color);
	border-top-left-radius: var(--bs-popover-inner-border-radius);
	border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
	display: none;
}
.popover-body {
	padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
	color: var(--bs-popover-body-color);
}
.carousel {
	position: relative;
}
.carousel.pointer-event {
	touch-action: pan-y;
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden;
}
.carousel-inner::after {
	display: block;
	clear: both;
	content: '';
}
.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.carousel-item {
		transition: none;
	}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
	display: block;
}
.active.carousel-item-end,
.carousel-item-next:not(.carousel-item-start) {
	transform: translateX(100%);
}
.active.carousel-item-start,
.carousel-item-prev:not(.carousel-item-end) {
	transform: translateX(-100%);
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-property: opacity;
	transform: none;
}
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end,
.carousel-fade .carousel-item.active {
	z-index: 1;
	opacity: 1;
}
.carousel-fade .active.carousel-item-end,
.carousel-fade .active.carousel-item-start {
	z-index: 0;
	opacity: 0;
	transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
	.carousel-fade .active.carousel-item-end,
	.carousel-fade .active.carousel-item-start {
		transition: none;
	}
}
.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15%;
	padding: 0;
	color: #fff;
	text-align: center;
	background: 0 0;
	border: 0;
	opacity: 0.5;
	transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
	.carousel-control-next,
	.carousel-control-prev {
		transition: none;
	}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: 0.9;
}
.carousel-control-prev {
	left: 0;
}
.carousel-control-next {
	right: 0;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
}
.carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 15%;
	margin-bottom: 1rem;
	margin-left: 15%;
	list-style: none;
}
.carousel-indicators [data-bs-target] {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	padding: 0;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: 0.5;
	transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
	.carousel-indicators [data-bs-target] {
		transition: none;
	}
}
.carousel-indicators .active {
	opacity: 1;
}
.carousel-caption {
	position: absolute;
	right: 15%;
	bottom: 1.25rem;
	left: 15%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: center;
}
.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
	filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
	background-color: #000;
}
.carousel-dark .carousel-caption {
	color: #000;
}
.spinner-border,
.spinner-grow {
	display: inline-block;
	width: var(--bs-spinner-width);
	height: var(--bs-spinner-height);
	vertical-align: var(--bs-spinner-vertical-align);
	border-radius: 50%;
	-webkit-animation: var(--bs-spinner-animation-speed) linear infinite
		var(--bs-spinner-animation-name);
	animation: var(--bs-spinner-animation-speed) linear infinite
		var(--bs-spinner-animation-name);
}
@-webkit-keyframes spinner-border {
	to {
		transform: rotate(360deg);
	}
}
@keyframes spinner-border {
	to {
		transform: rotate(360deg);
	}
}
.spinner-border {
	--bs-spinner-width: 2rem;
	--bs-spinner-height: 2rem;
	--bs-spinner-vertical-align: -0.125em;
	--bs-spinner-border-width: 0.25em;
	--bs-spinner-animation-speed: 0.75s;
	--bs-spinner-animation-name: spinner-border;
	border: var(--bs-spinner-border-width) solid currentcolor;
	border-right-color: transparent;
}
.spinner-border-sm {
	--bs-spinner-width: 1rem;
	--bs-spinner-height: 1rem;
	--bs-spinner-border-width: 0.2em;
}
@-webkit-keyframes spinner-grow {
	0% {
		transform: scale(0);
	}
	50% {
		opacity: 1;
		transform: none;
	}
}
@keyframes spinner-grow {
	0% {
		transform: scale(0);
	}
	50% {
		opacity: 1;
		transform: none;
	}
}
.spinner-grow {
	--bs-spinner-width: 2rem;
	--bs-spinner-height: 2rem;
	--bs-spinner-vertical-align: -0.125em;
	--bs-spinner-animation-speed: 0.75s;
	--bs-spinner-animation-name: spinner-grow;
	background-color: currentcolor;
	opacity: 0;
}
.spinner-grow-sm {
	--bs-spinner-width: 1rem;
	--bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
	.spinner-border,
	.spinner-grow {
		--bs-spinner-animation-speed: 1.5s;
	}
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
	--bs-offcanvas-width: 400px;
	--bs-offcanvas-height: 30vh;
	--bs-offcanvas-padding-x: 1rem;
	--bs-offcanvas-padding-y: 1rem;
	--bs-offcanvas-color: ;
	--bs-offcanvas-bg: #fff;
	--bs-offcanvas-border-width: 1px;
	--bs-offcanvas-border-color: var(--bs-border-color-translucent);
	--bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
@media (max-width: 575.98px) {
	.offcanvas-sm {
		position: fixed;
		bottom: 0;
		z-index: 1045;
		display: flex;
		flex-direction: column;
		max-width: 100%;
		color: var(--bs-offcanvas-color);
		visibility: hidden;
		background-color: var(--bs-offcanvas-bg);
		background-clip: padding-box;
		outline: 0;
		transition: transform 0.3s ease-in-out;
	}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
	.offcanvas-sm {
		transition: none;
	}
}
@media (max-width: 575.98px) {
	.offcanvas-sm.offcanvas-start {
		top: 0;
		left: 0;
		width: var(--bs-offcanvas-width);
		border-right: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(-100%);
	}
}
@media (max-width: 575.98px) {
	.offcanvas-sm.offcanvas-end {
		top: 0;
		right: 0;
		width: var(--bs-offcanvas-width);
		border-left: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(100%);
	}
}
@media (max-width: 575.98px) {
	.offcanvas-sm.offcanvas-top {
		top: 0;
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-bottom: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(-100%);
	}
}
@media (max-width: 575.98px) {
	.offcanvas-sm.offcanvas-bottom {
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-top: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(100%);
	}
}
@media (max-width: 575.98px) {
	.offcanvas-sm.show:not(.hiding),
	.offcanvas-sm.showing {
		transform: none;
	}
}
@media (max-width: 575.98px) {
	.offcanvas-sm.hiding,
	.offcanvas-sm.show,
	.offcanvas-sm.showing {
		visibility: visible;
	}
}
@media (min-width: 576px) {
	.offcanvas-sm {
		--bs-offcanvas-height: auto;
		--bs-offcanvas-border-width: 0;
		background-color: transparent !important;
	}
	.offcanvas-sm .offcanvas-header {
		display: none;
	}
	.offcanvas-sm .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
		background-color: transparent !important;
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md {
		position: fixed;
		bottom: 0;
		z-index: 1045;
		display: flex;
		flex-direction: column;
		max-width: 100%;
		color: var(--bs-offcanvas-color);
		visibility: hidden;
		background-color: var(--bs-offcanvas-bg);
		background-clip: padding-box;
		outline: 0;
		transition: transform 0.3s ease-in-out;
	}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
	.offcanvas-md {
		transition: none;
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md.offcanvas-start {
		top: 0;
		left: 0;
		width: var(--bs-offcanvas-width);
		border-right: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(-100%);
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md.offcanvas-end {
		top: 0;
		right: 0;
		width: var(--bs-offcanvas-width);
		border-left: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(100%);
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md.offcanvas-top {
		top: 0;
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-bottom: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(-100%);
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md.offcanvas-bottom {
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-top: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(100%);
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md.show:not(.hiding),
	.offcanvas-md.showing {
		transform: none;
	}
}
@media (max-width: 767.98px) {
	.offcanvas-md.hiding,
	.offcanvas-md.show,
	.offcanvas-md.showing {
		visibility: visible;
	}
}
@media (min-width: 768px) {
	.offcanvas-md {
		--bs-offcanvas-height: auto;
		--bs-offcanvas-border-width: 0;
		background-color: transparent !important;
	}
	.offcanvas-md .offcanvas-header {
		display: none;
	}
	.offcanvas-md .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
		background-color: transparent !important;
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg {
		position: fixed;
		bottom: 0;
		z-index: 1045;
		display: flex;
		flex-direction: column;
		max-width: 100%;
		color: var(--bs-offcanvas-color);
		visibility: hidden;
		background-color: var(--bs-offcanvas-bg);
		background-clip: padding-box;
		outline: 0;
		transition: transform 0.3s ease-in-out;
	}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
	.offcanvas-lg {
		transition: none;
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg.offcanvas-start {
		top: 0;
		left: 0;
		width: var(--bs-offcanvas-width);
		border-right: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(-100%);
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg.offcanvas-end {
		top: 0;
		right: 0;
		width: var(--bs-offcanvas-width);
		border-left: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(100%);
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg.offcanvas-top {
		top: 0;
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-bottom: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(-100%);
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg.offcanvas-bottom {
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-top: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(100%);
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg.show:not(.hiding),
	.offcanvas-lg.showing {
		transform: none;
	}
}
@media (max-width: 991.98px) {
	.offcanvas-lg.hiding,
	.offcanvas-lg.show,
	.offcanvas-lg.showing {
		visibility: visible;
	}
}
@media (min-width: 992px) {
	.offcanvas-lg {
		--bs-offcanvas-height: auto;
		--bs-offcanvas-border-width: 0;
		background-color: transparent !important;
	}
	.offcanvas-lg .offcanvas-header {
		display: none;
	}
	.offcanvas-lg .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
		background-color: transparent !important;
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl {
		position: fixed;
		bottom: 0;
		z-index: 1045;
		display: flex;
		flex-direction: column;
		max-width: 100%;
		color: var(--bs-offcanvas-color);
		visibility: hidden;
		background-color: var(--bs-offcanvas-bg);
		background-clip: padding-box;
		outline: 0;
		transition: transform 0.3s ease-in-out;
	}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
	.offcanvas-xl {
		transition: none;
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl.offcanvas-start {
		top: 0;
		left: 0;
		width: var(--bs-offcanvas-width);
		border-right: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(-100%);
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl.offcanvas-end {
		top: 0;
		right: 0;
		width: var(--bs-offcanvas-width);
		border-left: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(100%);
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl.offcanvas-top {
		top: 0;
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-bottom: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(-100%);
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl.offcanvas-bottom {
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-top: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(100%);
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl.show:not(.hiding),
	.offcanvas-xl.showing {
		transform: none;
	}
}
@media (max-width: 1199.98px) {
	.offcanvas-xl.hiding,
	.offcanvas-xl.show,
	.offcanvas-xl.showing {
		visibility: visible;
	}
}
@media (min-width: 1200px) {
	.offcanvas-xl {
		--bs-offcanvas-height: auto;
		--bs-offcanvas-border-width: 0;
		background-color: transparent !important;
	}
	.offcanvas-xl .offcanvas-header {
		display: none;
	}
	.offcanvas-xl .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
		background-color: transparent !important;
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl {
		position: fixed;
		bottom: 0;
		z-index: 1045;
		display: flex;
		flex-direction: column;
		max-width: 100%;
		color: var(--bs-offcanvas-color);
		visibility: hidden;
		background-color: var(--bs-offcanvas-bg);
		background-clip: padding-box;
		outline: 0;
		transition: transform 0.3s ease-in-out;
	}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
	.offcanvas-xxl {
		transition: none;
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl.offcanvas-start {
		top: 0;
		left: 0;
		width: var(--bs-offcanvas-width);
		border-right: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(-100%);
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl.offcanvas-end {
		top: 0;
		right: 0;
		width: var(--bs-offcanvas-width);
		border-left: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateX(100%);
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl.offcanvas-top {
		top: 0;
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-bottom: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(-100%);
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl.offcanvas-bottom {
		right: 0;
		left: 0;
		height: var(--bs-offcanvas-height);
		max-height: 100%;
		border-top: var(--bs-offcanvas-border-width) solid
			var(--bs-offcanvas-border-color);
		transform: translateY(100%);
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl.show:not(.hiding),
	.offcanvas-xxl.showing {
		transform: none;
	}
}
@media (max-width: 1399.98px) {
	.offcanvas-xxl.hiding,
	.offcanvas-xxl.show,
	.offcanvas-xxl.showing {
		visibility: visible;
	}
}
@media (min-width: 1400px) {
	.offcanvas-xxl {
		--bs-offcanvas-height: auto;
		--bs-offcanvas-border-width: 0;
		background-color: transparent !important;
	}
	.offcanvas-xxl .offcanvas-header {
		display: none;
	}
	.offcanvas-xxl .offcanvas-body {
		display: flex;
		flex-grow: 0;
		padding: 0;
		overflow-y: visible;
		background-color: transparent !important;
	}
}
.offcanvas {
	position: fixed;
	bottom: 0;
	z-index: 1045;
	display: flex;
	flex-direction: column;
	max-width: 100%;
	color: var(--bs-offcanvas-color);
	visibility: hidden;
	background-color: var(--bs-offcanvas-bg);
	background-clip: padding-box;
	outline: 0;
	transition: transform 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.offcanvas {
		transition: none;
	}
}
.offcanvas.offcanvas-start {
	top: 0;
	left: 0;
	width: var(--bs-offcanvas-width);
	border-right: var(--bs-offcanvas-border-width) solid
		var(--bs-offcanvas-border-color);
	transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
	top: 0;
	right: 0;
	width: var(--bs-offcanvas-width);
	border-left: var(--bs-offcanvas-border-width) solid
		var(--bs-offcanvas-border-color);
	transform: translateX(100%);
}
.offcanvas.offcanvas-top {
	top: 0;
	right: 0;
	left: 0;
	height: var(--bs-offcanvas-height);
	max-height: 100%;
	border-bottom: var(--bs-offcanvas-border-width) solid
		var(--bs-offcanvas-border-color);
	transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
	right: 0;
	left: 0;
	height: var(--bs-offcanvas-height);
	max-height: 100%;
	border-top: var(--bs-offcanvas-border-width) solid
		var(--bs-offcanvas-border-color);
	transform: translateY(100%);
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
	transform: none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
	visibility: visible;
}
.offcanvas-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}
.offcanvas-backdrop.fade {
	opacity: 0;
}
.offcanvas-backdrop.show {
	opacity: 0.5;
}
.offcanvas-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
	padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
		calc(var(--bs-offcanvas-padding-x) * 0.5);
	margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5);
	margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5);
	margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5);
}
.offcanvas-title {
	margin-bottom: 0;
	line-height: 1.5;
}
.offcanvas-body {
	flex-grow: 1;
	padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
	overflow-y: auto;
}
.placeholder {
	display: inline-block;
	min-height: 1em;
	vertical-align: middle;
	cursor: wait;
	background-color: currentcolor;
	opacity: 0.5;
}
.placeholder.btn::before {
	display: inline-block;
	content: '';
}
.placeholder-xs {
	min-height: 0.6em;
}
.placeholder-sm {
	min-height: 0.8em;
}
.placeholder-lg {
	min-height: 1.2em;
}
.placeholder-glow .placeholder {
	-webkit-animation: placeholder-glow 2s ease-in-out infinite;
	animation: placeholder-glow 2s ease-in-out infinite;
}
@-webkit-keyframes placeholder-glow {
	50% {
		opacity: 0.2;
	}
}
@keyframes placeholder-glow {
	50% {
		opacity: 0.2;
	}
}
.placeholder-wave {
	-webkit-mask-image: linear-gradient(
		130deg,
		#000 55%,
		rgba(0, 0, 0, 0.8) 75%,
		#000 95%
	);
	mask-image: linear-gradient(
		130deg,
		#000 55%,
		rgba(0, 0, 0, 0.8) 75%,
		#000 95%
	);
	-webkit-mask-size: 200% 100%;
	mask-size: 200% 100%;
	-webkit-animation: placeholder-wave 2s linear infinite;
	animation: placeholder-wave 2s linear infinite;
}
@-webkit-keyframes placeholder-wave {
	100% {
		-webkit-mask-position: -200% 0%;
		mask-position: -200% 0%;
	}
}
@keyframes placeholder-wave {
	100% {
		-webkit-mask-position: -200% 0%;
		mask-position: -200% 0%;
	}
}
.clearfix::after {
	display: block;
	clear: both;
	content: '';
}
.text-bg-primary {
	color: #fff !important;
	background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
	color: #fff !important;
	background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
	color: #fff !important;
	background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
	color: #000 !important;
	background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
	color: #000 !important;
	background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
	color: #fff !important;
	background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
	color: #000 !important;
	background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
	color: #fff !important;
	background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
	color: #0d6efd !important;
}
.link-primary:focus,
.link-primary:hover {
	color: #0a58ca !important;
}
.link-secondary {
	color: #6c757d !important;
}
.link-secondary:focus,
.link-secondary:hover {
	color: #565e64 !important;
}
.link-success {
	color: #198754 !important;
}
.link-success:focus,
.link-success:hover {
	color: #146c43 !important;
}
.link-info {
	color: #0dcaf0 !important;
}
.link-info:focus,
.link-info:hover {
	color: #3dd5f3 !important;
}
.link-warning {
	color: #ffc107 !important;
}
.link-warning:focus,
.link-warning:hover {
	color: #ffcd39 !important;
}
.link-danger {
	color: #dc3545 !important;
}
.link-danger:focus,
.link-danger:hover {
	color: #b02a37 !important;
}
.link-light {
	color: #f8f9fa !important;
}
.link-light:focus,
.link-light:hover {
	color: #f9fafb !important;
}
.link-dark {
	color: #212529 !important;
}
.link-dark:focus,
.link-dark:hover {
	color: #1a1e21 !important;
}
.ratio {
	position: relative;
	width: 100%;
}
.ratio::before {
	display: block;
	padding-top: var(--bs-aspect-ratio);
	content: '';
}
.ratio > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ratio-1x1 {
	--bs-aspect-ratio: 100%;
}
.ratio-4x3 {
	--bs-aspect-ratio: 75%;
}
.ratio-16x9 {
	--bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
	--bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}
.sticky-top {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1020;
}
.sticky-bottom {
	position: -webkit-sticky;
	position: sticky;
	bottom: 0;
	z-index: 1020;
}
@media (min-width: 576px) {
	.sticky-sm-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020;
	}
	.sticky-sm-bottom {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		z-index: 1020;
	}
}
@media (min-width: 768px) {
	.sticky-md-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020;
	}
	.sticky-md-bottom {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		z-index: 1020;
	}
}
@media (min-width: 992px) {
	.sticky-lg-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020;
	}
	.sticky-lg-bottom {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		z-index: 1020;
	}
}
@media (min-width: 1200px) {
	.sticky-xl-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020;
	}
	.sticky-xl-bottom {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		z-index: 1020;
	}
}
@media (min-width: 1400px) {
	.sticky-xxl-top {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1020;
	}
	.sticky-xxl-bottom {
		position: -webkit-sticky;
		position: sticky;
		bottom: 0;
		z-index: 1020;
	}
}
.hstack {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: stretch;
}
.vstack {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.stretched-link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: '';
}
.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.vr {
	display: inline-block;
	align-self: stretch;
	width: 1px;
	min-height: 1em;
	background-color: currentcolor;
	opacity: 0.25;
}
.align-baseline {
	vertical-align: baseline !important;
}
.align-top {
	vertical-align: top !important;
}
.align-middle {
	vertical-align: middle !important;
}
.align-bottom {
	vertical-align: bottom !important;
}
.align-text-bottom {
	vertical-align: text-bottom !important;
}
.align-text-top {
	vertical-align: text-top !important;
}
.float-start {
	float: left !important;
}
.float-end {
	float: right !important;
}
.float-none {
	float: none !important;
}
.opacity-0 {
	opacity: 0 !important;
}
.opacity-25 {
	opacity: 0.25 !important;
}
.opacity-50 {
	opacity: 0.5 !important;
}
.opacity-75 {
	opacity: 0.75 !important;
}
.opacity-100 {
	opacity: 1 !important;
}
.overflow-auto {
	overflow: auto !important;
}
.overflow-hidden {
	overflow: hidden !important;
}
.overflow-visible {
	overflow: visible !important;
}
.overflow-scroll {
	overflow: scroll !important;
}
.d-inline {
	display: inline !important;
}
.d-inline-block {
	display: inline-block !important;
}
.d-block {
	display: block !important;
}
.d-grid {
	display: grid !important;
}
.d-table {
	display: table !important;
}
.d-table-row {
	display: table-row !important;
}
.d-table-cell {
	display: table-cell !important;
}
.d-flex {
	display: flex !important;
}
.d-inline-flex {
	display: inline-flex !important;
}
.d-none {
	display: none !important;
}
.shadow {
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}
.shadow-lg {
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.shadow-none {
	box-shadow: none !important;
}
.position-static {
	position: static !important;
}
.position-relative {
	position: relative !important;
}
.position-absolute {
	position: absolute !important;
}
.position-fixed {
	position: fixed !important;
}
.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important;
}
.top-0 {
	top: 0 !important;
}
.top-50 {
	top: 50% !important;
}
.top-100 {
	top: 100% !important;
}
.bottom-0 {
	bottom: 0 !important;
}
.bottom-50 {
	bottom: 50% !important;
}
.bottom-100 {
	bottom: 100% !important;
}
.start-0 {
	left: 0 !important;
}
.start-50 {
	left: 50% !important;
}
.start-100 {
	left: 100% !important;
}
.end-0 {
	right: 0 !important;
}
.end-50 {
	right: 50% !important;
}
.end-100 {
	right: 100% !important;
}
.translate-middle {
	transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
	transform: translateX(-50%) !important;
}
.translate-middle-y {
	transform: translateY(-50%) !important;
}
.border {
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
	border: 0 !important;
}
.border-top {
	border-top: var(--bs-border-width) var(--bs-border-style)
		var(--bs-border-color) !important;
}
.border-top-0 {
	border-top: 0 !important;
}
.border-end {
	border-right: var(--bs-border-width) var(--bs-border-style)
		var(--bs-border-color) !important;
}
.border-end-0 {
	border-right: 0 !important;
}
.border-bottom {
	border-bottom: var(--bs-border-width) var(--bs-border-style)
		var(--bs-border-color) !important;
}
.border-bottom-0 {
	border-bottom: 0 !important;
}
.border-start {
	border-left: var(--bs-border-width) var(--bs-border-style)
		var(--bs-border-color) !important;
}
.border-start-0 {
	border-left: 0 !important;
}
.border-primary {
	--bs-border-opacity: 1;
	border-color: rgba(
		var(--bs-primary-rgb),
		var(--bs-border-opacity)
	) !important;
}
.border-secondary {
	--bs-border-opacity: 1;
	border-color: rgba(
		var(--bs-secondary-rgb),
		var(--bs-border-opacity)
	) !important;
}
.border-success {
	--bs-border-opacity: 1;
	border-color: rgba(
		var(--bs-success-rgb),
		var(--bs-border-opacity)
	) !important;
}
.border-info {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
	--bs-border-opacity: 1;
	border-color: rgba(
		var(--bs-warning-rgb),
		var(--bs-border-opacity)
	) !important;
}
.border-danger {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-1 {
	--bs-border-width: 1px;
}
.border-2 {
	--bs-border-width: 2px;
}
.border-3 {
	--bs-border-width: 3px;
}
.border-4 {
	--bs-border-width: 4px;
}
.border-5 {
	--bs-border-width: 5px;
}
.border-opacity-10 {
	--bs-border-opacity: 0.1;
}
.border-opacity-25 {
	--bs-border-opacity: 0.25;
}
.border-opacity-50 {
	--bs-border-opacity: 0.5;
}
.border-opacity-75 {
	--bs-border-opacity: 0.75;
}
.border-opacity-100 {
	--bs-border-opacity: 1;
}
.w-25 {
	width: 25% !important;
}
.w-50 {
	width: 50% !important;
}
.w-75 {
	width: 75% !important;
}
.w-100 {
	width: 100% !important;
}
.w-auto {
	width: auto !important;
}
.mw-100 {
	max-width: 100% !important;
}
.vw-100 {
	width: 100vw !important;
}
.min-vw-100 {
	min-width: 100vw !important;
}
.h-25 {
	height: 25% !important;
}
.h-50 {
	height: 50% !important;
}
.h-75 {
	height: 75% !important;
}
.h-100 {
	height: 100% !important;
}
.h-auto {
	height: auto !important;
}
.mh-100 {
	max-height: 100% !important;
}
.vh-100 {
	height: 100vh !important;
}
.min-vh-100 {
	min-height: 100vh !important;
}
.flex-fill {
	flex: 1 1 auto !important;
}
.flex-row {
	flex-direction: row !important;
}
.flex-column {
	flex-direction: column !important;
}
.flex-row-reverse {
	flex-direction: row-reverse !important;
}
.flex-column-reverse {
	flex-direction: column-reverse !important;
}
.flex-grow-0 {
	flex-grow: 0 !important;
}
.flex-grow-1 {
	flex-grow: 1 !important;
}
.flex-shrink-0 {
	flex-shrink: 0 !important;
}
.flex-shrink-1 {
	flex-shrink: 1 !important;
}
.flex-wrap {
	flex-wrap: wrap !important;
}
.flex-nowrap {
	flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
	flex-wrap: wrap-reverse !important;
}
.justify-content-start {
	justify-content: flex-start !important;
}
.justify-content-end {
	justify-content: flex-end !important;
}
.justify-content-center {
	justify-content: center !important;
}
.justify-content-between {
	justify-content: space-between !important;
}
.justify-content-around {
	justify-content: space-around !important;
}
.justify-content-evenly {
	justify-content: space-evenly !important;
}
.align-items-start {
	align-items: flex-start !important;
}
.align-items-end {
	align-items: flex-end !important;
}
.align-items-center {
	align-items: center !important;
}
.align-items-baseline {
	align-items: baseline !important;
}
.align-items-stretch {
	align-items: stretch !important;
}
.align-content-start {
	align-content: flex-start !important;
}
.align-content-end {
	align-content: flex-end !important;
}
.align-content-center {
	align-content: center !important;
}
.align-content-between {
	align-content: space-between !important;
}
.align-content-around {
	align-content: space-around !important;
}
.align-content-stretch {
	align-content: stretch !important;
}
.align-self-auto {
	align-self: auto !important;
}
.align-self-start {
	align-self: flex-start !important;
}
.align-self-end {
	align-self: flex-end !important;
}
.align-self-center {
	align-self: center !important;
}
.align-self-baseline {
	align-self: baseline !important;
}
.align-self-stretch {
	align-self: stretch !important;
}
.order-first {
	order: -1 !important;
}
.order-0 {
	order: 0 !important;
}
.order-1 {
	order: 1 !important;
}
.order-2 {
	order: 2 !important;
}
.order-3 {
	order: 3 !important;
}
.order-4 {
	order: 4 !important;
}
.order-5 {
	order: 5 !important;
}
.order-last {
	order: 6 !important;
}
.m-0 {
	margin: 0 !important;
}
.m-1 {
	margin: 0.25rem !important;
}
.m-2 {
	margin: 0.5rem !important;
}
.m-3 {
	margin: 1rem !important;
}
.m-4 {
	margin: 1.5rem !important;
}
.m-5 {
	margin: 3rem !important;
}
.m-auto {
	margin: auto !important;
}
.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.mx-1 {
	margin-right: 0.25rem !important;
	margin-left: 0.25rem !important;
}
.mx-2 {
	margin-right: 0.5rem !important;
	margin-left: 0.5rem !important;
}
.mx-3 {
	margin-right: 1rem !important;
	margin-left: 1rem !important;
}
.mx-4 {
	margin-right: 1.5rem !important;
	margin-left: 1.5rem !important;
}
.mx-5 {
	margin-right: 3rem !important;
	margin-left: 3rem !important;
}
.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.my-1 {
	margin-top: 0.25rem !important;
	margin-bottom: 0.25rem !important;
}
.my-2 {
	margin-top: 0.5rem !important;
	margin-bottom: 0.5rem !important;
}
.my-3 {
	margin-top: 1rem !important;
	margin-bottom: 1rem !important;
}
.my-4 {
	margin-top: 1.5rem !important;
	margin-bottom: 1.5rem !important;
}
.my-5 {
	margin-top: 3rem !important;
	margin-bottom: 3rem !important;
}
.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-1 {
	margin-top: 0.25rem !important;
}
.mt-2 {
	margin-top: 0.5rem !important;
}
.mt-3 {
	margin-top: 1rem !important;
}
.mt-4 {
	margin-top: 1.5rem !important;
}
.mt-5 {
	margin-top: 3rem !important;
}
.mt-auto {
	margin-top: auto !important;
}
.me-0 {
	margin-right: 0 !important;
}
.me-1 {
	margin-right: 0.25rem !important;
}
.me-2 {
	margin-right: 0.5rem !important;
}
.me-3 {
	margin-right: 1rem !important;
}
.me-4 {
	margin-right: 1.5rem !important;
}
.me-5 {
	margin-right: 3rem !important;
}
.me-auto {
	margin-right: auto !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-1 {
	margin-bottom: 0.25rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mb-4 {
	margin-bottom: 1.5rem !important;
}
.mb-5 {
	margin-bottom: 3rem !important;
}
.mb-auto {
	margin-bottom: auto !important;
}
.ms-0 {
	margin-left: 0 !important;
}
.ms-1 {
	margin-left: 0.25rem !important;
}
.ms-2 {
	margin-left: 0.5rem !important;
}
.ms-3 {
	margin-left: 1rem !important;
}
.ms-4 {
	margin-left: 1.5rem !important;
}
.ms-5 {
	margin-left: 3rem !important;
}
.ms-auto {
	margin-left: auto !important;
}
.p-0 {
	padding: 0 !important;
}
.p-1 {
	padding: 0.25rem !important;
}
.p-2 {
	padding: 0.5rem !important;
}
.p-3 {
	padding: 1rem !important;
}
.p-4 {
	padding: 1.5rem !important;
}
.p-5 {
	padding: 3rem !important;
}
.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.px-1 {
	padding-right: 0.25rem !important;
	padding-left: 0.25rem !important;
}
.px-2 {
	padding-right: 0.5rem !important;
	padding-left: 0.5rem !important;
}
.px-3 {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
.px-4 {
	padding-right: 1.5rem !important;
	padding-left: 1.5rem !important;
}
.px-5 {
	padding-right: 3rem !important;
	padding-left: 3rem !important;
}
.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.py-1 {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}
.py-2 {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}
.py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}
.py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pt-1 {
	padding-top: 0.25rem !important;
}
.pt-2 {
	padding-top: 0.5rem !important;
}
.pt-3 {
	padding-top: 1rem !important;
}
.pt-4 {
	padding-top: 1.5rem !important;
}
.pt-5 {
	padding-top: 3rem !important;
}
.pe-0 {
	padding-right: 0 !important;
}
.pe-1 {
	padding-right: 0.25rem !important;
}
.pe-2 {
	padding-right: 0.5rem !important;
}
.pe-3 {
	padding-right: 1rem !important;
}
.pe-4 {
	padding-right: 1.5rem !important;
}
.pe-5 {
	padding-right: 3rem !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pb-1 {
	padding-bottom: 0.25rem !important;
}
.pb-2 {
	padding-bottom: 0.5rem !important;
}
.pb-3 {
	padding-bottom: 1rem !important;
}
.pb-4 {
	padding-bottom: 1.5rem !important;
}
.pb-5 {
	padding-bottom: 3rem !important;
}
.ps-0 {
	padding-left: 0 !important;
}
.ps-1 {
	padding-left: 0.25rem !important;
}
.ps-2 {
	padding-left: 0.5rem !important;
}
.ps-3 {
	padding-left: 1rem !important;
}
.ps-4 {
	padding-left: 1.5rem !important;
}
.ps-5 {
	padding-left: 3rem !important;
}
.gap-0 {
	gap: 0 !important;
}
.gap-1 {
	gap: 0.25rem !important;
}
.gap-2 {
	gap: 0.5rem !important;
}
.gap-3 {
	gap: 1rem !important;
}
.gap-4 {
	gap: 1.5rem !important;
}
.gap-5 {
	gap: 3rem !important;
}
.font-monospace {
	font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
	font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
	font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
	font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
	font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
	font-size: 1.25rem !important;
}
.fs-6 {
	font-size: 1rem !important;
}
.fst-italic {
	font-style: italic !important;
}
.fst-normal {
	font-style: normal !important;
}
.fw-light {
	font-weight: 300 !important;
}
.fw-lighter {
	font-weight: lighter !important;
}
.fw-normal {
	font-weight: 400 !important;
}
.fw-bold {
	font-weight: 700 !important;
}
.fw-semibold {
	font-weight: 600 !important;
}
.fw-bolder {
	font-weight: bolder !important;
}
.lh-1 {
	line-height: 1 !important;
}
.lh-sm {
	line-height: 1.25 !important;
}
.lh-base {
	line-height: 1.5 !important;
}
.lh-lg {
	line-height: 2 !important;
}
.text-start {
	text-align: left !important;
}
.text-end {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
.text-decoration-none {
	text-decoration: none !important;
}
.text-decoration-underline {
	text-decoration: underline !important;
}
.text-decoration-line-through {
	text-decoration: line-through !important;
}
.text-lowercase {
	text-transform: lowercase !important;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.text-capitalize {
	text-transform: capitalize !important;
}
.text-wrap {
	white-space: normal !important;
}
.text-nowrap {
	white-space: nowrap !important;
}
.text-break {
	word-wrap: break-word !important;
	word-break: break-word !important;
}
.text-primary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
	--bs-text-opacity: 1;
	color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
	--bs-text-opacity: 1;
	color: #6c757d !important;
}
.text-black-50 {
	--bs-text-opacity: 1;
	color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
	--bs-text-opacity: 1;
	color: rgba(255, 255, 255, 0.5) !important;
}
.text-reset {
	--bs-text-opacity: 1;
	color: inherit !important;
}
.text-opacity-25 {
	--bs-text-opacity: 0.25;
}
.text-opacity-50 {
	--bs-text-opacity: 0.5;
}
.text-opacity-75 {
	--bs-text-opacity: 0.75;
}
.text-opacity-100 {
	--bs-text-opacity: 1;
}
.bg-primary {
	--bs-bg-opacity: 1;
	background-color: rgba(
		var(--bs-primary-rgb),
		var(--bs-bg-opacity)
	) !important;
}
.bg-secondary {
	--bs-bg-opacity: 1;
	background-color: rgba(
		var(--bs-secondary-rgb),
		var(--bs-bg-opacity)
	) !important;
}
.bg-success {
	--bs-bg-opacity: 1;
	background-color: rgba(
		var(--bs-success-rgb),
		var(--bs-bg-opacity)
	) !important;
}
.bg-info {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
	--bs-bg-opacity: 1;
	background-color: rgba(
		var(--bs-warning-rgb),
		var(--bs-bg-opacity)
	) !important;
}
.bg-danger {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
	--bs-bg-opacity: 1;
	background-color: rgba(
		var(--bs-body-bg-rgb),
		var(--bs-bg-opacity)
	) !important;
}
.bg-transparent {
	--bs-bg-opacity: 1;
	background-color: transparent !important;
}
.bg-opacity-10 {
	--bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
	--bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
	--bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
	--bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
	--bs-bg-opacity: 1;
}
.bg-gradient {
	background-image: var(--bs-gradient) !important;
}
.user-select-all {
	-webkit-user-select: all !important;
	-moz-user-select: all !important;
	user-select: all !important;
}
.user-select-auto {
	-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	user-select: auto !important;
}
.user-select-none {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;
}
.pe-none {
	pointer-events: none !important;
}
.pe-auto {
	pointer-events: auto !important;
}
.rounded {
	border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
	border-radius: 0 !important;
}
.rounded-1 {
	border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
	border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
	border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
	border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
	border-radius: var(--bs-border-radius-2xl) !important;
}
.rounded-circle {
	border-radius: 50% !important;
}
.rounded-pill {
	border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
	border-top-left-radius: var(--bs-border-radius) !important;
	border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-end {
	border-top-right-radius: var(--bs-border-radius) !important;
	border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-bottom {
	border-bottom-right-radius: var(--bs-border-radius) !important;
	border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-start {
	border-bottom-left-radius: var(--bs-border-radius) !important;
	border-top-left-radius: var(--bs-border-radius) !important;
}
.visible {
	visibility: visible !important;
}
.invisible {
	visibility: hidden !important;
}
@media (min-width: 576px) {
	.float-sm-start {
		float: left !important;
	}
	.float-sm-end {
		float: right !important;
	}
	.float-sm-none {
		float: none !important;
	}
	.d-sm-inline {
		display: inline !important;
	}
	.d-sm-inline-block {
		display: inline-block !important;
	}
	.d-sm-block {
		display: block !important;
	}
	.d-sm-grid {
		display: grid !important;
	}
	.d-sm-table {
		display: table !important;
	}
	.d-sm-table-row {
		display: table-row !important;
	}
	.d-sm-table-cell {
		display: table-cell !important;
	}
	.d-sm-flex {
		display: flex !important;
	}
	.d-sm-inline-flex {
		display: inline-flex !important;
	}
	.d-sm-none {
		display: none !important;
	}
	.flex-sm-fill {
		flex: 1 1 auto !important;
	}
	.flex-sm-row {
		flex-direction: row !important;
	}
	.flex-sm-column {
		flex-direction: column !important;
	}
	.flex-sm-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-sm-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-sm-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-sm-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-sm-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-sm-shrink-1 {
		flex-shrink: 1 !important;
	}
	.flex-sm-wrap {
		flex-wrap: wrap !important;
	}
	.flex-sm-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-sm-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.justify-content-sm-start {
		justify-content: flex-start !important;
	}
	.justify-content-sm-end {
		justify-content: flex-end !important;
	}
	.justify-content-sm-center {
		justify-content: center !important;
	}
	.justify-content-sm-between {
		justify-content: space-between !important;
	}
	.justify-content-sm-around {
		justify-content: space-around !important;
	}
	.justify-content-sm-evenly {
		justify-content: space-evenly !important;
	}
	.align-items-sm-start {
		align-items: flex-start !important;
	}
	.align-items-sm-end {
		align-items: flex-end !important;
	}
	.align-items-sm-center {
		align-items: center !important;
	}
	.align-items-sm-baseline {
		align-items: baseline !important;
	}
	.align-items-sm-stretch {
		align-items: stretch !important;
	}
	.align-content-sm-start {
		align-content: flex-start !important;
	}
	.align-content-sm-end {
		align-content: flex-end !important;
	}
	.align-content-sm-center {
		align-content: center !important;
	}
	.align-content-sm-between {
		align-content: space-between !important;
	}
	.align-content-sm-around {
		align-content: space-around !important;
	}
	.align-content-sm-stretch {
		align-content: stretch !important;
	}
	.align-self-sm-auto {
		align-self: auto !important;
	}
	.align-self-sm-start {
		align-self: flex-start !important;
	}
	.align-self-sm-end {
		align-self: flex-end !important;
	}
	.align-self-sm-center {
		align-self: center !important;
	}
	.align-self-sm-baseline {
		align-self: baseline !important;
	}
	.align-self-sm-stretch {
		align-self: stretch !important;
	}
	.order-sm-first {
		order: -1 !important;
	}
	.order-sm-0 {
		order: 0 !important;
	}
	.order-sm-1 {
		order: 1 !important;
	}
	.order-sm-2 {
		order: 2 !important;
	}
	.order-sm-3 {
		order: 3 !important;
	}
	.order-sm-4 {
		order: 4 !important;
	}
	.order-sm-5 {
		order: 5 !important;
	}
	.order-sm-last {
		order: 6 !important;
	}
	.m-sm-0 {
		margin: 0 !important;
	}
	.m-sm-1 {
		margin: 0.25rem !important;
	}
	.m-sm-2 {
		margin: 0.5rem !important;
	}
	.m-sm-3 {
		margin: 1rem !important;
	}
	.m-sm-4 {
		margin: 1.5rem !important;
	}
	.m-sm-5 {
		margin: 3rem !important;
	}
	.m-sm-auto {
		margin: auto !important;
	}
	.mx-sm-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.mx-sm-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	.mx-sm-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	.mx-sm-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	.mx-sm-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	.mx-sm-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	.mx-sm-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.my-sm-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.my-sm-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	.my-sm-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.my-sm-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.my-sm-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	.my-sm-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	.my-sm-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	.mt-sm-0 {
		margin-top: 0 !important;
	}
	.mt-sm-1 {
		margin-top: 0.25rem !important;
	}
	.mt-sm-2 {
		margin-top: 0.5rem !important;
	}
	.mt-sm-3 {
		margin-top: 1rem !important;
	}
	.mt-sm-4 {
		margin-top: 1.5rem !important;
	}
	.mt-sm-5 {
		margin-top: 3rem !important;
	}
	.mt-sm-auto {
		margin-top: auto !important;
	}
	.me-sm-0 {
		margin-right: 0 !important;
	}
	.me-sm-1 {
		margin-right: 0.25rem !important;
	}
	.me-sm-2 {
		margin-right: 0.5rem !important;
	}
	.me-sm-3 {
		margin-right: 1rem !important;
	}
	.me-sm-4 {
		margin-right: 1.5rem !important;
	}
	.me-sm-5 {
		margin-right: 3rem !important;
	}
	.me-sm-auto {
		margin-right: auto !important;
	}
	.mb-sm-0 {
		margin-bottom: 0 !important;
	}
	.mb-sm-1 {
		margin-bottom: 0.25rem !important;
	}
	.mb-sm-2 {
		margin-bottom: 0.5rem !important;
	}
	.mb-sm-3 {
		margin-bottom: 1rem !important;
	}
	.mb-sm-4 {
		margin-bottom: 1.5rem !important;
	}
	.mb-sm-5 {
		margin-bottom: 3rem !important;
	}
	.mb-sm-auto {
		margin-bottom: auto !important;
	}
	.ms-sm-0 {
		margin-left: 0 !important;
	}
	.ms-sm-1 {
		margin-left: 0.25rem !important;
	}
	.ms-sm-2 {
		margin-left: 0.5rem !important;
	}
	.ms-sm-3 {
		margin-left: 1rem !important;
	}
	.ms-sm-4 {
		margin-left: 1.5rem !important;
	}
	.ms-sm-5 {
		margin-left: 3rem !important;
	}
	.ms-sm-auto {
		margin-left: auto !important;
	}
	.p-sm-0 {
		padding: 0 !important;
	}
	.p-sm-1 {
		padding: 0.25rem !important;
	}
	.p-sm-2 {
		padding: 0.5rem !important;
	}
	.p-sm-3 {
		padding: 1rem !important;
	}
	.p-sm-4 {
		padding: 1.5rem !important;
	}
	.p-sm-5 {
		padding: 3rem !important;
	}
	.px-sm-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.px-sm-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.px-sm-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	.px-sm-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	.px-sm-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	.px-sm-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	.py-sm-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.py-sm-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	.py-sm-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-sm-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.py-sm-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-sm-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.pt-sm-0 {
		padding-top: 0 !important;
	}
	.pt-sm-1 {
		padding-top: 0.25rem !important;
	}
	.pt-sm-2 {
		padding-top: 0.5rem !important;
	}
	.pt-sm-3 {
		padding-top: 1rem !important;
	}
	.pt-sm-4 {
		padding-top: 1.5rem !important;
	}
	.pt-sm-5 {
		padding-top: 3rem !important;
	}
	.pe-sm-0 {
		padding-right: 0 !important;
	}
	.pe-sm-1 {
		padding-right: 0.25rem !important;
	}
	.pe-sm-2 {
		padding-right: 0.5rem !important;
	}
	.pe-sm-3 {
		padding-right: 1rem !important;
	}
	.pe-sm-4 {
		padding-right: 1.5rem !important;
	}
	.pe-sm-5 {
		padding-right: 3rem !important;
	}
	.pb-sm-0 {
		padding-bottom: 0 !important;
	}
	.pb-sm-1 {
		padding-bottom: 0.25rem !important;
	}
	.pb-sm-2 {
		padding-bottom: 0.5rem !important;
	}
	.pb-sm-3 {
		padding-bottom: 1rem !important;
	}
	.pb-sm-4 {
		padding-bottom: 1.5rem !important;
	}
	.pb-sm-5 {
		padding-bottom: 3rem !important;
	}
	.ps-sm-0 {
		padding-left: 0 !important;
	}
	.ps-sm-1 {
		padding-left: 0.25rem !important;
	}
	.ps-sm-2 {
		padding-left: 0.5rem !important;
	}
	.ps-sm-3 {
		padding-left: 1rem !important;
	}
	.ps-sm-4 {
		padding-left: 1.5rem !important;
	}
	.ps-sm-5 {
		padding-left: 3rem !important;
	}
	.gap-sm-0 {
		gap: 0 !important;
	}
	.gap-sm-1 {
		gap: 0.25rem !important;
	}
	.gap-sm-2 {
		gap: 0.5rem !important;
	}
	.gap-sm-3 {
		gap: 1rem !important;
	}
	.gap-sm-4 {
		gap: 1.5rem !important;
	}
	.gap-sm-5 {
		gap: 3rem !important;
	}
	.text-sm-start {
		text-align: left !important;
	}
	.text-sm-end {
		text-align: right !important;
	}
	.text-sm-center {
		text-align: center !important;
	}
}
@media (min-width: 768px) {
	.float-md-start {
		float: left !important;
	}
	.float-md-end {
		float: right !important;
	}
	.float-md-none {
		float: none !important;
	}
	.d-md-inline {
		display: inline !important;
	}
	.d-md-inline-block {
		display: inline-block !important;
	}
	.d-md-block {
		display: block !important;
	}
	.d-md-grid {
		display: grid !important;
	}
	.d-md-table {
		display: table !important;
	}
	.d-md-table-row {
		display: table-row !important;
	}
	.d-md-table-cell {
		display: table-cell !important;
	}
	.d-md-flex {
		display: flex !important;
	}
	.d-md-inline-flex {
		display: inline-flex !important;
	}
	.d-md-none {
		display: none !important;
	}
	.flex-md-fill {
		flex: 1 1 auto !important;
	}
	.flex-md-row {
		flex-direction: row !important;
	}
	.flex-md-column {
		flex-direction: column !important;
	}
	.flex-md-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-md-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-md-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-md-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-md-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-md-shrink-1 {
		flex-shrink: 1 !important;
	}
	.flex-md-wrap {
		flex-wrap: wrap !important;
	}
	.flex-md-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-md-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.justify-content-md-start {
		justify-content: flex-start !important;
	}
	.justify-content-md-end {
		justify-content: flex-end !important;
	}
	.justify-content-md-center {
		justify-content: center !important;
	}
	.justify-content-md-between {
		justify-content: space-between !important;
	}
	.justify-content-md-around {
		justify-content: space-around !important;
	}
	.justify-content-md-evenly {
		justify-content: space-evenly !important;
	}
	.align-items-md-start {
		align-items: flex-start !important;
	}
	.align-items-md-end {
		align-items: flex-end !important;
	}
	.align-items-md-center {
		align-items: center !important;
	}
	.align-items-md-baseline {
		align-items: baseline !important;
	}
	.align-items-md-stretch {
		align-items: stretch !important;
	}
	.align-content-md-start {
		align-content: flex-start !important;
	}
	.align-content-md-end {
		align-content: flex-end !important;
	}
	.align-content-md-center {
		align-content: center !important;
	}
	.align-content-md-between {
		align-content: space-between !important;
	}
	.align-content-md-around {
		align-content: space-around !important;
	}
	.align-content-md-stretch {
		align-content: stretch !important;
	}
	.align-self-md-auto {
		align-self: auto !important;
	}
	.align-self-md-start {
		align-self: flex-start !important;
	}
	.align-self-md-end {
		align-self: flex-end !important;
	}
	.align-self-md-center {
		align-self: center !important;
	}
	.align-self-md-baseline {
		align-self: baseline !important;
	}
	.align-self-md-stretch {
		align-self: stretch !important;
	}
	.order-md-first {
		order: -1 !important;
	}
	.order-md-0 {
		order: 0 !important;
	}
	.order-md-1 {
		order: 1 !important;
	}
	.order-md-2 {
		order: 2 !important;
	}
	.order-md-3 {
		order: 3 !important;
	}
	.order-md-4 {
		order: 4 !important;
	}
	.order-md-5 {
		order: 5 !important;
	}
	.order-md-last {
		order: 6 !important;
	}
	.m-md-0 {
		margin: 0 !important;
	}
	.m-md-1 {
		margin: 0.25rem !important;
	}
	.m-md-2 {
		margin: 0.5rem !important;
	}
	.m-md-3 {
		margin: 1rem !important;
	}
	.m-md-4 {
		margin: 1.5rem !important;
	}
	.m-md-5 {
		margin: 3rem !important;
	}
	.m-md-auto {
		margin: auto !important;
	}
	.mx-md-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.mx-md-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	.mx-md-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	.mx-md-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	.mx-md-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	.mx-md-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	.mx-md-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.my-md-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.my-md-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	.my-md-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.my-md-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.my-md-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	.my-md-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	.my-md-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	.mt-md-0 {
		margin-top: 0 !important;
	}
	.mt-md-1 {
		margin-top: 0.25rem !important;
	}
	.mt-md-2 {
		margin-top: 0.5rem !important;
	}
	.mt-md-3 {
		margin-top: 1rem !important;
	}
	.mt-md-4 {
		margin-top: 1.5rem !important;
	}
	.mt-md-5 {
		margin-top: 3rem !important;
	}
	.mt-md-auto {
		margin-top: auto !important;
	}
	.me-md-0 {
		margin-right: 0 !important;
	}
	.me-md-1 {
		margin-right: 0.25rem !important;
	}
	.me-md-2 {
		margin-right: 0.5rem !important;
	}
	.me-md-3 {
		margin-right: 1rem !important;
	}
	.me-md-4 {
		margin-right: 1.5rem !important;
	}
	.me-md-5 {
		margin-right: 3rem !important;
	}
	.me-md-auto {
		margin-right: auto !important;
	}
	.mb-md-0 {
		margin-bottom: 0 !important;
	}
	.mb-md-1 {
		margin-bottom: 0.25rem !important;
	}
	.mb-md-2 {
		margin-bottom: 0.5rem !important;
	}
	.mb-md-3 {
		margin-bottom: 1rem !important;
	}
	.mb-md-4 {
		margin-bottom: 1.5rem !important;
	}
	.mb-md-5 {
		margin-bottom: 3rem !important;
	}
	.mb-md-auto {
		margin-bottom: auto !important;
	}
	.ms-md-0 {
		margin-left: 0 !important;
	}
	.ms-md-1 {
		margin-left: 0.25rem !important;
	}
	.ms-md-2 {
		margin-left: 0.5rem !important;
	}
	.ms-md-3 {
		margin-left: 1rem !important;
	}
	.ms-md-4 {
		margin-left: 1.5rem !important;
	}
	.ms-md-5 {
		margin-left: 3rem !important;
	}
	.ms-md-auto {
		margin-left: auto !important;
	}
	.p-md-0 {
		padding: 0 !important;
	}
	.p-md-1 {
		padding: 0.25rem !important;
	}
	.p-md-2 {
		padding: 0.5rem !important;
	}
	.p-md-3 {
		padding: 1rem !important;
	}
	.p-md-4 {
		padding: 1.5rem !important;
	}
	.p-md-5 {
		padding: 3rem !important;
	}
	.px-md-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.px-md-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.px-md-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	.px-md-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	.px-md-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	.px-md-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	.py-md-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.py-md-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	.py-md-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-md-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.py-md-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-md-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.pt-md-0 {
		padding-top: 0 !important;
	}
	.pt-md-1 {
		padding-top: 0.25rem !important;
	}
	.pt-md-2 {
		padding-top: 0.5rem !important;
	}
	.pt-md-3 {
		padding-top: 1rem !important;
	}
	.pt-md-4 {
		padding-top: 1.5rem !important;
	}
	.pt-md-5 {
		padding-top: 3rem !important;
	}
	.pe-md-0 {
		padding-right: 0 !important;
	}
	.pe-md-1 {
		padding-right: 0.25rem !important;
	}
	.pe-md-2 {
		padding-right: 0.5rem !important;
	}
	.pe-md-3 {
		padding-right: 1rem !important;
	}
	.pe-md-4 {
		padding-right: 1.5rem !important;
	}
	.pe-md-5 {
		padding-right: 3rem !important;
	}
	.pb-md-0 {
		padding-bottom: 0 !important;
	}
	.pb-md-1 {
		padding-bottom: 0.25rem !important;
	}
	.pb-md-2 {
		padding-bottom: 0.5rem !important;
	}
	.pb-md-3 {
		padding-bottom: 1rem !important;
	}
	.pb-md-4 {
		padding-bottom: 1.5rem !important;
	}
	.pb-md-5 {
		padding-bottom: 3rem !important;
	}
	.ps-md-0 {
		padding-left: 0 !important;
	}
	.ps-md-1 {
		padding-left: 0.25rem !important;
	}
	.ps-md-2 {
		padding-left: 0.5rem !important;
	}
	.ps-md-3 {
		padding-left: 1rem !important;
	}
	.ps-md-4 {
		padding-left: 1.5rem !important;
	}
	.ps-md-5 {
		padding-left: 3rem !important;
	}
	.gap-md-0 {
		gap: 0 !important;
	}
	.gap-md-1 {
		gap: 0.25rem !important;
	}
	.gap-md-2 {
		gap: 0.5rem !important;
	}
	.gap-md-3 {
		gap: 1rem !important;
	}
	.gap-md-4 {
		gap: 1.5rem !important;
	}
	.gap-md-5 {
		gap: 3rem !important;
	}
	.text-md-start {
		text-align: left !important;
	}
	.text-md-end {
		text-align: right !important;
	}
	.text-md-center {
		text-align: center !important;
	}
}
@media (min-width: 992px) {
	.float-lg-start {
		float: left !important;
	}
	.float-lg-end {
		float: right !important;
	}
	.float-lg-none {
		float: none !important;
	}
	.d-lg-inline {
		display: inline !important;
	}
	.d-lg-inline-block {
		display: inline-block !important;
	}
	.d-lg-block {
		display: block !important;
	}
	.d-lg-grid {
		display: grid !important;
	}
	.d-lg-table {
		display: table !important;
	}
	.d-lg-table-row {
		display: table-row !important;
	}
	.d-lg-table-cell {
		display: table-cell !important;
	}
	.d-lg-flex {
		display: flex !important;
	}
	.d-lg-inline-flex {
		display: inline-flex !important;
	}
	.d-lg-none {
		display: none !important;
	}
	.flex-lg-fill {
		flex: 1 1 auto !important;
	}
	.flex-lg-row {
		flex-direction: row !important;
	}
	.flex-lg-column {
		flex-direction: column !important;
	}
	.flex-lg-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-lg-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-lg-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-lg-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-lg-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-lg-shrink-1 {
		flex-shrink: 1 !important;
	}
	.flex-lg-wrap {
		flex-wrap: wrap !important;
	}
	.flex-lg-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-lg-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.justify-content-lg-start {
		justify-content: flex-start !important;
	}
	.justify-content-lg-end {
		justify-content: flex-end !important;
	}
	.justify-content-lg-center {
		justify-content: center !important;
	}
	.justify-content-lg-between {
		justify-content: space-between !important;
	}
	.justify-content-lg-around {
		justify-content: space-around !important;
	}
	.justify-content-lg-evenly {
		justify-content: space-evenly !important;
	}
	.align-items-lg-start {
		align-items: flex-start !important;
	}
	.align-items-lg-end {
		align-items: flex-end !important;
	}
	.align-items-lg-center {
		align-items: center !important;
	}
	.align-items-lg-baseline {
		align-items: baseline !important;
	}
	.align-items-lg-stretch {
		align-items: stretch !important;
	}
	.align-content-lg-start {
		align-content: flex-start !important;
	}
	.align-content-lg-end {
		align-content: flex-end !important;
	}
	.align-content-lg-center {
		align-content: center !important;
	}
	.align-content-lg-between {
		align-content: space-between !important;
	}
	.align-content-lg-around {
		align-content: space-around !important;
	}
	.align-content-lg-stretch {
		align-content: stretch !important;
	}
	.align-self-lg-auto {
		align-self: auto !important;
	}
	.align-self-lg-start {
		align-self: flex-start !important;
	}
	.align-self-lg-end {
		align-self: flex-end !important;
	}
	.align-self-lg-center {
		align-self: center !important;
	}
	.align-self-lg-baseline {
		align-self: baseline !important;
	}
	.align-self-lg-stretch {
		align-self: stretch !important;
	}
	.order-lg-first {
		order: -1 !important;
	}
	.order-lg-0 {
		order: 0 !important;
	}
	.order-lg-1 {
		order: 1 !important;
	}
	.order-lg-2 {
		order: 2 !important;
	}
	.order-lg-3 {
		order: 3 !important;
	}
	.order-lg-4 {
		order: 4 !important;
	}
	.order-lg-5 {
		order: 5 !important;
	}
	.order-lg-last {
		order: 6 !important;
	}
	.m-lg-0 {
		margin: 0 !important;
	}
	.m-lg-1 {
		margin: 0.25rem !important;
	}
	.m-lg-2 {
		margin: 0.5rem !important;
	}
	.m-lg-3 {
		margin: 1rem !important;
	}
	.m-lg-4 {
		margin: 1.5rem !important;
	}
	.m-lg-5 {
		margin: 3rem !important;
	}
	.m-lg-auto {
		margin: auto !important;
	}
	.mx-lg-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.mx-lg-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	.mx-lg-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	.mx-lg-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	.mx-lg-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	.mx-lg-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	.mx-lg-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.my-lg-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.my-lg-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	.my-lg-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.my-lg-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.my-lg-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	.my-lg-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	.my-lg-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	.mt-lg-0 {
		margin-top: 0 !important;
	}
	.mt-lg-1 {
		margin-top: 0.25rem !important;
	}
	.mt-lg-2 {
		margin-top: 0.5rem !important;
	}
	.mt-lg-3 {
		margin-top: 1rem !important;
	}
	.mt-lg-4 {
		margin-top: 1.5rem !important;
	}
	.mt-lg-5 {
		margin-top: 3rem !important;
	}
	.mt-lg-auto {
		margin-top: auto !important;
	}
	.me-lg-0 {
		margin-right: 0 !important;
	}
	.me-lg-1 {
		margin-right: 0.25rem !important;
	}
	.me-lg-2 {
		margin-right: 0.5rem !important;
	}
	.me-lg-3 {
		margin-right: 1rem !important;
	}
	.me-lg-4 {
		margin-right: 1.5rem !important;
	}
	.me-lg-5 {
		margin-right: 3rem !important;
	}
	.me-lg-auto {
		margin-right: auto !important;
	}
	.mb-lg-0 {
		margin-bottom: 0 !important;
	}
	.mb-lg-1 {
		margin-bottom: 0.25rem !important;
	}
	.mb-lg-2 {
		margin-bottom: 0.5rem !important;
	}
	.mb-lg-3 {
		margin-bottom: 1rem !important;
	}
	.mb-lg-4 {
		margin-bottom: 1.5rem !important;
	}
	.mb-lg-5 {
		margin-bottom: 3rem !important;
	}
	.mb-lg-auto {
		margin-bottom: auto !important;
	}
	.ms-lg-0 {
		margin-left: 0 !important;
	}
	.ms-lg-1 {
		margin-left: 0.25rem !important;
	}
	.ms-lg-2 {
		margin-left: 0.5rem !important;
	}
	.ms-lg-3 {
		margin-left: 1rem !important;
	}
	.ms-lg-4 {
		margin-left: 1.5rem !important;
	}
	.ms-lg-5 {
		margin-left: 3rem !important;
	}
	.ms-lg-auto {
		margin-left: auto !important;
	}
	.p-lg-0 {
		padding: 0 !important;
	}
	.p-lg-1 {
		padding: 0.25rem !important;
	}
	.p-lg-2 {
		padding: 0.5rem !important;
	}
	.p-lg-3 {
		padding: 1rem !important;
	}
	.p-lg-4 {
		padding: 1.5rem !important;
	}
	.p-lg-5 {
		padding: 3rem !important;
	}
	.px-lg-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.px-lg-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.px-lg-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	.px-lg-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	.px-lg-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	.px-lg-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	.py-lg-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.py-lg-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	.py-lg-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-lg-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.py-lg-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-lg-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.pt-lg-0 {
		padding-top: 0 !important;
	}
	.pt-lg-1 {
		padding-top: 0.25rem !important;
	}
	.pt-lg-2 {
		padding-top: 0.5rem !important;
	}
	.pt-lg-3 {
		padding-top: 1rem !important;
	}
	.pt-lg-4 {
		padding-top: 1.5rem !important;
	}
	.pt-lg-5 {
		padding-top: 3rem !important;
	}
	.pe-lg-0 {
		padding-right: 0 !important;
	}
	.pe-lg-1 {
		padding-right: 0.25rem !important;
	}
	.pe-lg-2 {
		padding-right: 0.5rem !important;
	}
	.pe-lg-3 {
		padding-right: 1rem !important;
	}
	.pe-lg-4 {
		padding-right: 1.5rem !important;
	}
	.pe-lg-5 {
		padding-right: 3rem !important;
	}
	.pb-lg-0 {
		padding-bottom: 0 !important;
	}
	.pb-lg-1 {
		padding-bottom: 0.25rem !important;
	}
	.pb-lg-2 {
		padding-bottom: 0.5rem !important;
	}
	.pb-lg-3 {
		padding-bottom: 1rem !important;
	}
	.pb-lg-4 {
		padding-bottom: 1.5rem !important;
	}
	.pb-lg-5 {
		padding-bottom: 3rem !important;
	}
	.ps-lg-0 {
		padding-left: 0 !important;
	}
	.ps-lg-1 {
		padding-left: 0.25rem !important;
	}
	.ps-lg-2 {
		padding-left: 0.5rem !important;
	}
	.ps-lg-3 {
		padding-left: 1rem !important;
	}
	.ps-lg-4 {
		padding-left: 1.5rem !important;
	}
	.ps-lg-5 {
		padding-left: 3rem !important;
	}
	.gap-lg-0 {
		gap: 0 !important;
	}
	.gap-lg-1 {
		gap: 0.25rem !important;
	}
	.gap-lg-2 {
		gap: 0.5rem !important;
	}
	.gap-lg-3 {
		gap: 1rem !important;
	}
	.gap-lg-4 {
		gap: 1.5rem !important;
	}
	.gap-lg-5 {
		gap: 3rem !important;
	}
	.text-lg-start {
		text-align: left !important;
	}
	.text-lg-end {
		text-align: right !important;
	}
	.text-lg-center {
		text-align: center !important;
	}
}
@media (min-width: 1200px) {
	.float-xl-start {
		float: left !important;
	}
	.float-xl-end {
		float: right !important;
	}
	.float-xl-none {
		float: none !important;
	}
	.d-xl-inline {
		display: inline !important;
	}
	.d-xl-inline-block {
		display: inline-block !important;
	}
	.d-xl-block {
		display: block !important;
	}
	.d-xl-grid {
		display: grid !important;
	}
	.d-xl-table {
		display: table !important;
	}
	.d-xl-table-row {
		display: table-row !important;
	}
	.d-xl-table-cell {
		display: table-cell !important;
	}
	.d-xl-flex {
		display: flex !important;
	}
	.d-xl-inline-flex {
		display: inline-flex !important;
	}
	.d-xl-none {
		display: none !important;
	}
	.flex-xl-fill {
		flex: 1 1 auto !important;
	}
	.flex-xl-row {
		flex-direction: row !important;
	}
	.flex-xl-column {
		flex-direction: column !important;
	}
	.flex-xl-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-xl-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-xl-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-xl-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-xl-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-xl-shrink-1 {
		flex-shrink: 1 !important;
	}
	.flex-xl-wrap {
		flex-wrap: wrap !important;
	}
	.flex-xl-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-xl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.justify-content-xl-start {
		justify-content: flex-start !important;
	}
	.justify-content-xl-end {
		justify-content: flex-end !important;
	}
	.justify-content-xl-center {
		justify-content: center !important;
	}
	.justify-content-xl-between {
		justify-content: space-between !important;
	}
	.justify-content-xl-around {
		justify-content: space-around !important;
	}
	.justify-content-xl-evenly {
		justify-content: space-evenly !important;
	}
	.align-items-xl-start {
		align-items: flex-start !important;
	}
	.align-items-xl-end {
		align-items: flex-end !important;
	}
	.align-items-xl-center {
		align-items: center !important;
	}
	.align-items-xl-baseline {
		align-items: baseline !important;
	}
	.align-items-xl-stretch {
		align-items: stretch !important;
	}
	.align-content-xl-start {
		align-content: flex-start !important;
	}
	.align-content-xl-end {
		align-content: flex-end !important;
	}
	.align-content-xl-center {
		align-content: center !important;
	}
	.align-content-xl-between {
		align-content: space-between !important;
	}
	.align-content-xl-around {
		align-content: space-around !important;
	}
	.align-content-xl-stretch {
		align-content: stretch !important;
	}
	.align-self-xl-auto {
		align-self: auto !important;
	}
	.align-self-xl-start {
		align-self: flex-start !important;
	}
	.align-self-xl-end {
		align-self: flex-end !important;
	}
	.align-self-xl-center {
		align-self: center !important;
	}
	.align-self-xl-baseline {
		align-self: baseline !important;
	}
	.align-self-xl-stretch {
		align-self: stretch !important;
	}
	.order-xl-first {
		order: -1 !important;
	}
	.order-xl-0 {
		order: 0 !important;
	}
	.order-xl-1 {
		order: 1 !important;
	}
	.order-xl-2 {
		order: 2 !important;
	}
	.order-xl-3 {
		order: 3 !important;
	}
	.order-xl-4 {
		order: 4 !important;
	}
	.order-xl-5 {
		order: 5 !important;
	}
	.order-xl-last {
		order: 6 !important;
	}
	.m-xl-0 {
		margin: 0 !important;
	}
	.m-xl-1 {
		margin: 0.25rem !important;
	}
	.m-xl-2 {
		margin: 0.5rem !important;
	}
	.m-xl-3 {
		margin: 1rem !important;
	}
	.m-xl-4 {
		margin: 1.5rem !important;
	}
	.m-xl-5 {
		margin: 3rem !important;
	}
	.m-xl-auto {
		margin: auto !important;
	}
	.mx-xl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.mx-xl-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	.mx-xl-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	.mx-xl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	.mx-xl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	.mx-xl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	.mx-xl-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.my-xl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.my-xl-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	.my-xl-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.my-xl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.my-xl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	.my-xl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	.my-xl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	.mt-xl-0 {
		margin-top: 0 !important;
	}
	.mt-xl-1 {
		margin-top: 0.25rem !important;
	}
	.mt-xl-2 {
		margin-top: 0.5rem !important;
	}
	.mt-xl-3 {
		margin-top: 1rem !important;
	}
	.mt-xl-4 {
		margin-top: 1.5rem !important;
	}
	.mt-xl-5 {
		margin-top: 3rem !important;
	}
	.mt-xl-auto {
		margin-top: auto !important;
	}
	.me-xl-0 {
		margin-right: 0 !important;
	}
	.me-xl-1 {
		margin-right: 0.25rem !important;
	}
	.me-xl-2 {
		margin-right: 0.5rem !important;
	}
	.me-xl-3 {
		margin-right: 1rem !important;
	}
	.me-xl-4 {
		margin-right: 1.5rem !important;
	}
	.me-xl-5 {
		margin-right: 3rem !important;
	}
	.me-xl-auto {
		margin-right: auto !important;
	}
	.mb-xl-0 {
		margin-bottom: 0 !important;
	}
	.mb-xl-1 {
		margin-bottom: 0.25rem !important;
	}
	.mb-xl-2 {
		margin-bottom: 0.5rem !important;
	}
	.mb-xl-3 {
		margin-bottom: 1rem !important;
	}
	.mb-xl-4 {
		margin-bottom: 1.5rem !important;
	}
	.mb-xl-5 {
		margin-bottom: 3rem !important;
	}
	.mb-xl-auto {
		margin-bottom: auto !important;
	}
	.ms-xl-0 {
		margin-left: 0 !important;
	}
	.ms-xl-1 {
		margin-left: 0.25rem !important;
	}
	.ms-xl-2 {
		margin-left: 0.5rem !important;
	}
	.ms-xl-3 {
		margin-left: 1rem !important;
	}
	.ms-xl-4 {
		margin-left: 1.5rem !important;
	}
	.ms-xl-5 {
		margin-left: 3rem !important;
	}
	.ms-xl-auto {
		margin-left: auto !important;
	}
	.p-xl-0 {
		padding: 0 !important;
	}
	.p-xl-1 {
		padding: 0.25rem !important;
	}
	.p-xl-2 {
		padding: 0.5rem !important;
	}
	.p-xl-3 {
		padding: 1rem !important;
	}
	.p-xl-4 {
		padding: 1.5rem !important;
	}
	.p-xl-5 {
		padding: 3rem !important;
	}
	.px-xl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.px-xl-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.px-xl-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	.px-xl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	.px-xl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	.px-xl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	.py-xl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.py-xl-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	.py-xl-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-xl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.py-xl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-xl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.pt-xl-0 {
		padding-top: 0 !important;
	}
	.pt-xl-1 {
		padding-top: 0.25rem !important;
	}
	.pt-xl-2 {
		padding-top: 0.5rem !important;
	}
	.pt-xl-3 {
		padding-top: 1rem !important;
	}
	.pt-xl-4 {
		padding-top: 1.5rem !important;
	}
	.pt-xl-5 {
		padding-top: 3rem !important;
	}
	.pe-xl-0 {
		padding-right: 0 !important;
	}
	.pe-xl-1 {
		padding-right: 0.25rem !important;
	}
	.pe-xl-2 {
		padding-right: 0.5rem !important;
	}
	.pe-xl-3 {
		padding-right: 1rem !important;
	}
	.pe-xl-4 {
		padding-right: 1.5rem !important;
	}
	.pe-xl-5 {
		padding-right: 3rem !important;
	}
	.pb-xl-0 {
		padding-bottom: 0 !important;
	}
	.pb-xl-1 {
		padding-bottom: 0.25rem !important;
	}
	.pb-xl-2 {
		padding-bottom: 0.5rem !important;
	}
	.pb-xl-3 {
		padding-bottom: 1rem !important;
	}
	.pb-xl-4 {
		padding-bottom: 1.5rem !important;
	}
	.pb-xl-5 {
		padding-bottom: 3rem !important;
	}
	.ps-xl-0 {
		padding-left: 0 !important;
	}
	.ps-xl-1 {
		padding-left: 0.25rem !important;
	}
	.ps-xl-2 {
		padding-left: 0.5rem !important;
	}
	.ps-xl-3 {
		padding-left: 1rem !important;
	}
	.ps-xl-4 {
		padding-left: 1.5rem !important;
	}
	.ps-xl-5 {
		padding-left: 3rem !important;
	}
	.gap-xl-0 {
		gap: 0 !important;
	}
	.gap-xl-1 {
		gap: 0.25rem !important;
	}
	.gap-xl-2 {
		gap: 0.5rem !important;
	}
	.gap-xl-3 {
		gap: 1rem !important;
	}
	.gap-xl-4 {
		gap: 1.5rem !important;
	}
	.gap-xl-5 {
		gap: 3rem !important;
	}
	.text-xl-start {
		text-align: left !important;
	}
	.text-xl-end {
		text-align: right !important;
	}
	.text-xl-center {
		text-align: center !important;
	}
}
@media (min-width: 1400px) {
	.float-xxl-start {
		float: left !important;
	}
	.float-xxl-end {
		float: right !important;
	}
	.float-xxl-none {
		float: none !important;
	}
	.d-xxl-inline {
		display: inline !important;
	}
	.d-xxl-inline-block {
		display: inline-block !important;
	}
	.d-xxl-block {
		display: block !important;
	}
	.d-xxl-grid {
		display: grid !important;
	}
	.d-xxl-table {
		display: table !important;
	}
	.d-xxl-table-row {
		display: table-row !important;
	}
	.d-xxl-table-cell {
		display: table-cell !important;
	}
	.d-xxl-flex {
		display: flex !important;
	}
	.d-xxl-inline-flex {
		display: inline-flex !important;
	}
	.d-xxl-none {
		display: none !important;
	}
	.flex-xxl-fill {
		flex: 1 1 auto !important;
	}
	.flex-xxl-row {
		flex-direction: row !important;
	}
	.flex-xxl-column {
		flex-direction: column !important;
	}
	.flex-xxl-row-reverse {
		flex-direction: row-reverse !important;
	}
	.flex-xxl-column-reverse {
		flex-direction: column-reverse !important;
	}
	.flex-xxl-grow-0 {
		flex-grow: 0 !important;
	}
	.flex-xxl-grow-1 {
		flex-grow: 1 !important;
	}
	.flex-xxl-shrink-0 {
		flex-shrink: 0 !important;
	}
	.flex-xxl-shrink-1 {
		flex-shrink: 1 !important;
	}
	.flex-xxl-wrap {
		flex-wrap: wrap !important;
	}
	.flex-xxl-nowrap {
		flex-wrap: nowrap !important;
	}
	.flex-xxl-wrap-reverse {
		flex-wrap: wrap-reverse !important;
	}
	.justify-content-xxl-start {
		justify-content: flex-start !important;
	}
	.justify-content-xxl-end {
		justify-content: flex-end !important;
	}
	.justify-content-xxl-center {
		justify-content: center !important;
	}
	.justify-content-xxl-between {
		justify-content: space-between !important;
	}
	.justify-content-xxl-around {
		justify-content: space-around !important;
	}
	.justify-content-xxl-evenly {
		justify-content: space-evenly !important;
	}
	.align-items-xxl-start {
		align-items: flex-start !important;
	}
	.align-items-xxl-end {
		align-items: flex-end !important;
	}
	.align-items-xxl-center {
		align-items: center !important;
	}
	.align-items-xxl-baseline {
		align-items: baseline !important;
	}
	.align-items-xxl-stretch {
		align-items: stretch !important;
	}
	.align-content-xxl-start {
		align-content: flex-start !important;
	}
	.align-content-xxl-end {
		align-content: flex-end !important;
	}
	.align-content-xxl-center {
		align-content: center !important;
	}
	.align-content-xxl-between {
		align-content: space-between !important;
	}
	.align-content-xxl-around {
		align-content: space-around !important;
	}
	.align-content-xxl-stretch {
		align-content: stretch !important;
	}
	.align-self-xxl-auto {
		align-self: auto !important;
	}
	.align-self-xxl-start {
		align-self: flex-start !important;
	}
	.align-self-xxl-end {
		align-self: flex-end !important;
	}
	.align-self-xxl-center {
		align-self: center !important;
	}
	.align-self-xxl-baseline {
		align-self: baseline !important;
	}
	.align-self-xxl-stretch {
		align-self: stretch !important;
	}
	.order-xxl-first {
		order: -1 !important;
	}
	.order-xxl-0 {
		order: 0 !important;
	}
	.order-xxl-1 {
		order: 1 !important;
	}
	.order-xxl-2 {
		order: 2 !important;
	}
	.order-xxl-3 {
		order: 3 !important;
	}
	.order-xxl-4 {
		order: 4 !important;
	}
	.order-xxl-5 {
		order: 5 !important;
	}
	.order-xxl-last {
		order: 6 !important;
	}
	.m-xxl-0 {
		margin: 0 !important;
	}
	.m-xxl-1 {
		margin: 0.25rem !important;
	}
	.m-xxl-2 {
		margin: 0.5rem !important;
	}
	.m-xxl-3 {
		margin: 1rem !important;
	}
	.m-xxl-4 {
		margin: 1.5rem !important;
	}
	.m-xxl-5 {
		margin: 3rem !important;
	}
	.m-xxl-auto {
		margin: auto !important;
	}
	.mx-xxl-0 {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	.mx-xxl-1 {
		margin-right: 0.25rem !important;
		margin-left: 0.25rem !important;
	}
	.mx-xxl-2 {
		margin-right: 0.5rem !important;
		margin-left: 0.5rem !important;
	}
	.mx-xxl-3 {
		margin-right: 1rem !important;
		margin-left: 1rem !important;
	}
	.mx-xxl-4 {
		margin-right: 1.5rem !important;
		margin-left: 1.5rem !important;
	}
	.mx-xxl-5 {
		margin-right: 3rem !important;
		margin-left: 3rem !important;
	}
	.mx-xxl-auto {
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.my-xxl-0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	.my-xxl-1 {
		margin-top: 0.25rem !important;
		margin-bottom: 0.25rem !important;
	}
	.my-xxl-2 {
		margin-top: 0.5rem !important;
		margin-bottom: 0.5rem !important;
	}
	.my-xxl-3 {
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.my-xxl-4 {
		margin-top: 1.5rem !important;
		margin-bottom: 1.5rem !important;
	}
	.my-xxl-5 {
		margin-top: 3rem !important;
		margin-bottom: 3rem !important;
	}
	.my-xxl-auto {
		margin-top: auto !important;
		margin-bottom: auto !important;
	}
	.mt-xxl-0 {
		margin-top: 0 !important;
	}
	.mt-xxl-1 {
		margin-top: 0.25rem !important;
	}
	.mt-xxl-2 {
		margin-top: 0.5rem !important;
	}
	.mt-xxl-3 {
		margin-top: 1rem !important;
	}
	.mt-xxl-4 {
		margin-top: 1.5rem !important;
	}
	.mt-xxl-5 {
		margin-top: 3rem !important;
	}
	.mt-xxl-auto {
		margin-top: auto !important;
	}
	.me-xxl-0 {
		margin-right: 0 !important;
	}
	.me-xxl-1 {
		margin-right: 0.25rem !important;
	}
	.me-xxl-2 {
		margin-right: 0.5rem !important;
	}
	.me-xxl-3 {
		margin-right: 1rem !important;
	}
	.me-xxl-4 {
		margin-right: 1.5rem !important;
	}
	.me-xxl-5 {
		margin-right: 3rem !important;
	}
	.me-xxl-auto {
		margin-right: auto !important;
	}
	.mb-xxl-0 {
		margin-bottom: 0 !important;
	}
	.mb-xxl-1 {
		margin-bottom: 0.25rem !important;
	}
	.mb-xxl-2 {
		margin-bottom: 0.5rem !important;
	}
	.mb-xxl-3 {
		margin-bottom: 1rem !important;
	}
	.mb-xxl-4 {
		margin-bottom: 1.5rem !important;
	}
	.mb-xxl-5 {
		margin-bottom: 3rem !important;
	}
	.mb-xxl-auto {
		margin-bottom: auto !important;
	}
	.ms-xxl-0 {
		margin-left: 0 !important;
	}
	.ms-xxl-1 {
		margin-left: 0.25rem !important;
	}
	.ms-xxl-2 {
		margin-left: 0.5rem !important;
	}
	.ms-xxl-3 {
		margin-left: 1rem !important;
	}
	.ms-xxl-4 {
		margin-left: 1.5rem !important;
	}
	.ms-xxl-5 {
		margin-left: 3rem !important;
	}
	.ms-xxl-auto {
		margin-left: auto !important;
	}
	.p-xxl-0 {
		padding: 0 !important;
	}
	.p-xxl-1 {
		padding: 0.25rem !important;
	}
	.p-xxl-2 {
		padding: 0.5rem !important;
	}
	.p-xxl-3 {
		padding: 1rem !important;
	}
	.p-xxl-4 {
		padding: 1.5rem !important;
	}
	.p-xxl-5 {
		padding: 3rem !important;
	}
	.px-xxl-0 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.px-xxl-1 {
		padding-right: 0.25rem !important;
		padding-left: 0.25rem !important;
	}
	.px-xxl-2 {
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	.px-xxl-3 {
		padding-right: 1rem !important;
		padding-left: 1rem !important;
	}
	.px-xxl-4 {
		padding-right: 1.5rem !important;
		padding-left: 1.5rem !important;
	}
	.px-xxl-5 {
		padding-right: 3rem !important;
		padding-left: 3rem !important;
	}
	.py-xxl-0 {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	.py-xxl-1 {
		padding-top: 0.25rem !important;
		padding-bottom: 0.25rem !important;
	}
	.py-xxl-2 {
		padding-top: 0.5rem !important;
		padding-bottom: 0.5rem !important;
	}
	.py-xxl-3 {
		padding-top: 1rem !important;
		padding-bottom: 1rem !important;
	}
	.py-xxl-4 {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
	}
	.py-xxl-5 {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
	}
	.pt-xxl-0 {
		padding-top: 0 !important;
	}
	.pt-xxl-1 {
		padding-top: 0.25rem !important;
	}
	.pt-xxl-2 {
		padding-top: 0.5rem !important;
	}
	.pt-xxl-3 {
		padding-top: 1rem !important;
	}
	.pt-xxl-4 {
		padding-top: 1.5rem !important;
	}
	.pt-xxl-5 {
		padding-top: 3rem !important;
	}
	.pe-xxl-0 {
		padding-right: 0 !important;
	}
	.pe-xxl-1 {
		padding-right: 0.25rem !important;
	}
	.pe-xxl-2 {
		padding-right: 0.5rem !important;
	}
	.pe-xxl-3 {
		padding-right: 1rem !important;
	}
	.pe-xxl-4 {
		padding-right: 1.5rem !important;
	}
	.pe-xxl-5 {
		padding-right: 3rem !important;
	}
	.pb-xxl-0 {
		padding-bottom: 0 !important;
	}
	.pb-xxl-1 {
		padding-bottom: 0.25rem !important;
	}
	.pb-xxl-2 {
		padding-bottom: 0.5rem !important;
	}
	.pb-xxl-3 {
		padding-bottom: 1rem !important;
	}
	.pb-xxl-4 {
		padding-bottom: 1.5rem !important;
	}
	.pb-xxl-5 {
		padding-bottom: 3rem !important;
	}
	.ps-xxl-0 {
		padding-left: 0 !important;
	}
	.ps-xxl-1 {
		padding-left: 0.25rem !important;
	}
	.ps-xxl-2 {
		padding-left: 0.5rem !important;
	}
	.ps-xxl-3 {
		padding-left: 1rem !important;
	}
	.ps-xxl-4 {
		padding-left: 1.5rem !important;
	}
	.ps-xxl-5 {
		padding-left: 3rem !important;
	}
	.gap-xxl-0 {
		gap: 0 !important;
	}
	.gap-xxl-1 {
		gap: 0.25rem !important;
	}
	.gap-xxl-2 {
		gap: 0.5rem !important;
	}
	.gap-xxl-3 {
		gap: 1rem !important;
	}
	.gap-xxl-4 {
		gap: 1.5rem !important;
	}
	.gap-xxl-5 {
		gap: 3rem !important;
	}
	.text-xxl-start {
		text-align: left !important;
	}
	.text-xxl-end {
		text-align: right !important;
	}
	.text-xxl-center {
		text-align: center !important;
	}
}
@media (min-width: 1200px) {
	.fs-1 {
		font-size: 2.5rem !important;
	}
	.fs-2 {
		font-size: 2rem !important;
	}
	.fs-3 {
		font-size: 1.75rem !important;
	}
	.fs-4 {
		font-size: 1.5rem !important;
	}
}
@media print {
	.d-print-inline {
		display: inline !important;
	}
	.d-print-inline-block {
		display: inline-block !important;
	}
	.d-print-block {
		display: block !important;
	}
	.d-print-grid {
		display: grid !important;
	}
	.d-print-table {
		display: table !important;
	}
	.d-print-table-row {
		display: table-row !important;
	}
	.d-print-table-cell {
		display: table-cell !important;
	}
	.d-print-flex {
		display: flex !important;
	}
	.d-print-inline-flex {
		display: inline-flex !important;
	}
	.d-print-none {
		display: none !important;
	}
}
/*# sourceMappingURL=bootstrap.min.css.map */

@font-face {
	font-family: 'themify';
	src: url('../Content/Asset/vendors/themify-icon/fonts/themify.eot?-fvbane');
	src: url('../Content/Asset/vendors/themify-icon/fonts/themify.eot?#iefix-fvbane') format('embedded-opentype'), url('fonts/themify.woff') format('woff'), url('fonts/themify.ttf') format('truetype'), url('../Content/Asset/vendors/themify-icon/fonts/themify.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ti-wand:before {
	content: "\e600";
}
.ti-volume:before {
	content: "\e601";
}
.ti-user:before {
	content: "\e602";
}
.ti-unlock:before {
	content: "\e603";
}
.ti-unlink:before {
	content: "\e604";
}
.ti-trash:before {
	content: "\e605";
}
.ti-thought:before {
	content: "\e606";
}
.ti-target:before {
	content: "\e607";
}
.ti-tag:before {
	content: "\e608";
}
.ti-tablet:before {
	content: "\e609";
}
.ti-star:before {
	content: "\e60a";
}
.ti-spray:before {
	content: "\e60b";
}
.ti-signal:before {
	content: "\e60c";
}
.ti-shopping-cart:before {
	content: "\e60d";
}
.ti-shopping-cart-full:before {
	content: "\e60e";
}
.ti-settings:before {
	content: "\e60f";
}
.ti-search:before {
	content: "\e610";
}
.ti-zoom-in:before {
	content: "\e611";
}
.ti-zoom-out:before {
	content: "\e612";
}
.ti-cut:before {
	content: "\e613";
}
.ti-ruler:before {
	content: "\e614";
}
.ti-ruler-pencil:before {
	content: "\e615";
}
.ti-ruler-alt:before {
	content: "\e616";
}
.ti-bookmark:before {
	content: "\e617";
}
.ti-bookmark-alt:before {
	content: "\e618";
}
.ti-reload:before {
	content: "\e619";
}
.ti-plus:before {
	content: "\e61a";
}
.ti-pin:before {
	content: "\e61b";
}
.ti-pencil:before {
	content: "\e61c";
}
.ti-pencil-alt:before {
	content: "\e61d";
}
.ti-paint-roller:before {
	content: "\e61e";
}
.ti-paint-bucket:before {
	content: "\e61f";
}
.ti-na:before {
	content: "\e620";
}
.ti-mobile:before {
	content: "\e621";
}
.ti-minus:before {
	content: "\e622";
}
.ti-medall:before {
	content: "\e623";
}
.ti-medall-alt:before {
	content: "\e624";
}
.ti-marker:before {
	content: "\e625";
}
.ti-marker-alt:before {
	content: "\e626";
}
.ti-arrow-up:before {
	content: "\e627";
}
.ti-arrow-right:before {
	content: "\e628";
}
.ti-arrow-left:before {
	content: "\e629";
}
.ti-arrow-down:before {
	content: "\e62a";
}
.ti-lock:before {
	content: "\e62b";
}
.ti-location-arrow:before {
	content: "\e62c";
}
.ti-link:before {
	content: "\e62d";
}
.ti-layout:before {
	content: "\e62e";
}
.ti-layers:before {
	content: "\e62f";
}
.ti-layers-alt:before {
	content: "\e630";
}
.ti-key:before {
	content: "\e631";
}
.ti-import:before {
	content: "\e632";
}
.ti-image:before {
	content: "\e633";
}
.ti-heart:before {
	content: "\e634";
}
.ti-heart-broken:before {
	content: "\e635";
}
.ti-hand-stop:before {
	content: "\e636";
}
.ti-hand-open:before {
	content: "\e637";
}
.ti-hand-drag:before {
	content: "\e638";
}
.ti-folder:before {
	content: "\e639";
}
.ti-flag:before {
	content: "\e63a";
}
.ti-flag-alt:before {
	content: "\e63b";
}
.ti-flag-alt-2:before {
	content: "\e63c";
}
.ti-eye:before {
	content: "\e63d";
}
.ti-export:before {
	content: "\e63e";
}
.ti-exchange-vertical:before {
	content: "\e63f";
}
.ti-desktop:before {
	content: "\e640";
}
.ti-cup:before {
	content: "\e641";
}
.ti-crown:before {
	content: "\e642";
}
.ti-comments:before {
	content: "\e643";
}
.ti-comment:before {
	content: "\e644";
}
.ti-comment-alt:before {
	content: "\e645";
}
.ti-close:before {
	content: "\e646";
}
.ti-clip:before {
	content: "\e647";
}
.ti-angle-up:before {
	content: "\e648";
}
.ti-angle-right:before {
	content: "\e649";
}
.ti-angle-left:before {
	content: "\e64a";
}
.ti-angle-down:before {
	content: "\e64b";
}
.ti-check:before {
	content: "\e64c";
}
.ti-check-box:before {
	content: "\e64d";
}
.ti-camera:before {
	content: "\e64e";
}
.ti-announcement:before {
	content: "\e64f";
}
.ti-brush:before {
	content: "\e650";
}
.ti-briefcase:before {
	content: "\e651";
}
.ti-bolt:before {
	content: "\e652";
}
.ti-bolt-alt:before {
	content: "\e653";
}
.ti-blackboard:before {
	content: "\e654";
}
.ti-bag:before {
	content: "\e655";
}
.ti-move:before {
	content: "\e656";
}
.ti-arrows-vertical:before {
	content: "\e657";
}
.ti-arrows-horizontal:before {
	content: "\e658";
}
.ti-fullscreen:before {
	content: "\e659";
}
.ti-arrow-top-right:before {
	content: "\e65a";
}
.ti-arrow-top-left:before {
	content: "\e65b";
}
.ti-arrow-circle-up:before {
	content: "\e65c";
}
.ti-arrow-circle-right:before {
	content: "\e65d";
}
.ti-arrow-circle-left:before {
	content: "\e65e";
}
.ti-arrow-circle-down:before {
	content: "\e65f";
}
.ti-angle-double-up:before {
	content: "\e660";
}
.ti-angle-double-right:before {
	content: "\e661";
}
.ti-angle-double-left:before {
	content: "\e662";
}
.ti-angle-double-down:before {
	content: "\e663";
}
.ti-zip:before {
	content: "\e664";
}
.ti-world:before {
	content: "\e665";
}
.ti-wheelchair:before {
	content: "\e666";
}
.ti-view-list:before {
	content: "\e667";
}
.ti-view-list-alt:before {
	content: "\e668";
}
.ti-view-grid:before {
	content: "\e669";
}
.ti-uppercase:before {
	content: "\e66a";
}
.ti-upload:before {
	content: "\e66b";
}
.ti-underline:before {
	content: "\e66c";
}
.ti-truck:before {
	content: "\e66d";
}
.ti-timer:before {
	content: "\e66e";
}
.ti-ticket:before {
	content: "\e66f";
}
.ti-thumb-up:before {
	content: "\e670";
}
.ti-thumb-down:before {
	content: "\e671";
}
.ti-text:before {
	content: "\e672";
}
.ti-stats-up:before {
	content: "\e673";
}
.ti-stats-down:before {
	content: "\e674";
}
.ti-split-v:before {
	content: "\e675";
}
.ti-split-h:before {
	content: "\e676";
}
.ti-smallcap:before {
	content: "\e677";
}
.ti-shine:before {
	content: "\e678";
}
.ti-shift-right:before {
	content: "\e679";
}
.ti-shift-left:before {
	content: "\e67a";
}
.ti-shield:before {
	content: "\e67b";
}
.ti-notepad:before {
	content: "\e67c";
}
.ti-server:before {
	content: "\e67d";
}
.ti-quote-right:before {
	content: "\e67e";
}
.ti-quote-left:before {
	content: "\e67f";
}
.ti-pulse:before {
	content: "\e680";
}
.ti-printer:before {
	content: "\e681";
}
.ti-power-off:before {
	content: "\e682";
}
.ti-plug:before {
	content: "\e683";
}
.ti-pie-chart:before {
	content: "\e684";
}
.ti-paragraph:before {
	content: "\e685";
}
.ti-panel:before {
	content: "\e686";
}
.ti-package:before {
	content: "\e687";
}
.ti-music:before {
	content: "\e688";
}
.ti-music-alt:before {
	content: "\e689";
}
.ti-mouse:before {
	content: "\e68a";
}
.ti-mouse-alt:before {
	content: "\e68b";
}
.ti-money:before {
	content: "\e68c";
}
.ti-microphone:before {
	content: "\e68d";
}
.ti-menu:before {
	content: "\e68e";
}
.ti-menu-alt:before {
	content: "\e68f";
}
.ti-map:before {
	content: "\e690";
}
.ti-map-alt:before {
	content: "\e691";
}
.ti-loop:before {
	content: "\e692";
}
.ti-location-pin:before {
	content: "\e693";
}
.ti-list:before {
	content: "\e694";
}
.ti-light-bulb:before {
	content: "\e695";
}
.ti-Italic:before {
	content: "\e696";
}
.ti-info:before {
	content: "\e697";
}
.ti-infinite:before {
	content: "\e698";
}
.ti-id-badge:before {
	content: "\e699";
}
.ti-hummer:before {
	content: "\e69a";
}
.ti-home:before {
	content: "\e69b";
}
.ti-help:before {
	content: "\e69c";
}
.ti-headphone:before {
	content: "\e69d";
}
.ti-harddrives:before {
	content: "\e69e";
}
.ti-harddrive:before {
	content: "\e69f";
}
.ti-gift:before {
	content: "\e6a0";
}
.ti-game:before {
	content: "\e6a1";
}
.ti-filter:before {
	content: "\e6a2";
}
.ti-files:before {
	content: "\e6a3";
}
.ti-file:before {
	content: "\e6a4";
}
.ti-eraser:before {
	content: "\e6a5";
}
.ti-envelope:before {
	content: "\e6a6";
}
.ti-download:before {
	content: "\e6a7";
}
.ti-direction:before {
	content: "\e6a8";
}
.ti-direction-alt:before {
	content: "\e6a9";
}
.ti-dashboard:before {
	content: "\e6aa";
}
.ti-control-stop:before {
	content: "\e6ab";
}
.ti-control-shuffle:before {
	content: "\e6ac";
}
.ti-control-play:before {
	content: "\e6ad";
}
.ti-control-pause:before {
	content: "\e6ae";
}
.ti-control-forward:before {
	content: "\e6af";
}
.ti-control-backward:before {
	content: "\e6b0";
}
.ti-cloud:before {
	content: "\e6b1";
}
.ti-cloud-up:before {
	content: "\e6b2";
}
.ti-cloud-down:before {
	content: "\e6b3";
}
.ti-clipboard:before {
	content: "\e6b4";
}
.ti-car:before {
	content: "\e6b5";
}
.ti-calendar:before {
	content: "\e6b6";
}
.ti-book:before {
	content: "\e6b7";
}
.ti-bell:before {
	content: "\e6b8";
}
.ti-basketball:before {
	content: "\e6b9";
}
.ti-bar-chart:before {
	content: "\e6ba";
}
.ti-bar-chart-alt:before {
	content: "\e6bb";
}
.ti-back-right:before {
	content: "\e6bc";
}
.ti-back-left:before {
	content: "\e6bd";
}
.ti-arrows-corner:before {
	content: "\e6be";
}
.ti-archive:before {
	content: "\e6bf";
}
.ti-anchor:before {
	content: "\e6c0";
}
.ti-align-right:before {
	content: "\e6c1";
}
.ti-align-left:before {
	content: "\e6c2";
}
.ti-align-justify:before {
	content: "\e6c3";
}
.ti-align-center:before {
	content: "\e6c4";
}
.ti-alert:before {
	content: "\e6c5";
}
.ti-alarm-clock:before {
	content: "\e6c6";
}
.ti-agenda:before {
	content: "\e6c7";
}
.ti-write:before {
	content: "\e6c8";
}
.ti-window:before {
	content: "\e6c9";
}
.ti-widgetized:before {
	content: "\e6ca";
}
.ti-widget:before {
	content: "\e6cb";
}
.ti-widget-alt:before {
	content: "\e6cc";
}
.ti-wallet:before {
	content: "\e6cd";
}
.ti-video-clapper:before {
	content: "\e6ce";
}
.ti-video-camera:before {
	content: "\e6cf";
}
.ti-vector:before {
	content: "\e6d0";
}
.ti-themify-logo:before {
	content: "\e6d1";
}
.ti-themify-favicon:before {
	content: "\e6d2";
}
.ti-themify-favicon-alt:before {
	content: "\e6d3";
}
.ti-support:before {
	content: "\e6d4";
}
.ti-stamp:before {
	content: "\e6d5";
}
.ti-split-v-alt:before {
	content: "\e6d6";
}
.ti-slice:before {
	content: "\e6d7";
}
.ti-shortcode:before {
	content: "\e6d8";
}
.ti-shift-right-alt:before {
	content: "\e6d9";
}
.ti-shift-left-alt:before {
	content: "\e6da";
}
.ti-ruler-alt-2:before {
	content: "\e6db";
}
.ti-receipt:before {
	content: "\e6dc";
}
.ti-pin2:before {
	content: "\e6dd";
}
.ti-pin-alt:before {
	content: "\e6de";
}
.ti-pencil-alt2:before {
	content: "\e6df";
}
.ti-palette:before {
	content: "\e6e0";
}
.ti-more:before {
	content: "\e6e1";
}
.ti-more-alt:before {
	content: "\e6e2";
}
.ti-microphone-alt:before {
	content: "\e6e3";
}
.ti-magnet:before {
	content: "\e6e4";
}
.ti-line-double:before {
	content: "\e6e5";
}
.ti-line-dotted:before {
	content: "\e6e6";
}
.ti-line-dashed:before {
	content: "\e6e7";
}
.ti-layout-width-full:before {
	content: "\e6e8";
}
.ti-layout-width-default:before {
	content: "\e6e9";
}
.ti-layout-width-default-alt:before {
	content: "\e6ea";
}
.ti-layout-tab:before {
	content: "\e6eb";
}
.ti-layout-tab-window:before {
	content: "\e6ec";
}
.ti-layout-tab-v:before {
	content: "\e6ed";
}
.ti-layout-tab-min:before {
	content: "\e6ee";
}
.ti-layout-slider:before {
	content: "\e6ef";
}
.ti-layout-slider-alt:before {
	content: "\e6f0";
}
.ti-layout-sidebar-right:before {
	content: "\e6f1";
}
.ti-layout-sidebar-none:before {
	content: "\e6f2";
}
.ti-layout-sidebar-left:before {
	content: "\e6f3";
}
.ti-layout-placeholder:before {
	content: "\e6f4";
}
.ti-layout-menu:before {
	content: "\e6f5";
}
.ti-layout-menu-v:before {
	content: "\e6f6";
}
.ti-layout-menu-separated:before {
	content: "\e6f7";
}
.ti-layout-menu-full:before {
	content: "\e6f8";
}
.ti-layout-media-right-alt:before {
	content: "\e6f9";
}
.ti-layout-media-right:before {
	content: "\e6fa";
}
.ti-layout-media-overlay:before {
	content: "\e6fb";
}
.ti-layout-media-overlay-alt:before {
	content: "\e6fc";
}
.ti-layout-media-overlay-alt-2:before {
	content: "\e6fd";
}
.ti-layout-media-left-alt:before {
	content: "\e6fe";
}
.ti-layout-media-left:before {
	content: "\e6ff";
}
.ti-layout-media-center-alt:before {
	content: "\e700";
}
.ti-layout-media-center:before {
	content: "\e701";
}
.ti-layout-list-thumb:before {
	content: "\e702";
}
.ti-layout-list-thumb-alt:before {
	content: "\e703";
}
.ti-layout-list-post:before {
	content: "\e704";
}
.ti-layout-list-large-image:before {
	content: "\e705";
}
.ti-layout-line-solid:before {
	content: "\e706";
}
.ti-layout-grid4:before {
	content: "\e707";
}
.ti-layout-grid3:before {
	content: "\e708";
}
.ti-layout-grid2:before {
	content: "\e709";
}
.ti-layout-grid2-thumb:before {
	content: "\e70a";
}
.ti-layout-cta-right:before {
	content: "\e70b";
}
.ti-layout-cta-left:before {
	content: "\e70c";
}
.ti-layout-cta-center:before {
	content: "\e70d";
}
.ti-layout-cta-btn-right:before {
	content: "\e70e";
}
.ti-layout-cta-btn-left:before {
	content: "\e70f";
}
.ti-layout-column4:before {
	content: "\e710";
}
.ti-layout-column3:before {
	content: "\e711";
}
.ti-layout-column2:before {
	content: "\e712";
}
.ti-layout-accordion-separated:before {
	content: "\e713";
}
.ti-layout-accordion-merged:before {
	content: "\e714";
}
.ti-layout-accordion-list:before {
	content: "\e715";
}
.ti-ink-pen:before {
	content: "\e716";
}
.ti-info-alt:before {
	content: "\e717";
}
.ti-help-alt:before {
	content: "\e718";
}
.ti-headphone-alt:before {
	content: "\e719";
}
.ti-hand-point-up:before {
	content: "\e71a";
}
.ti-hand-point-right:before {
	content: "\e71b";
}
.ti-hand-point-left:before {
	content: "\e71c";
}
.ti-hand-point-down:before {
	content: "\e71d";
}
.ti-gallery:before {
	content: "\e71e";
}
.ti-face-smile:before {
	content: "\e71f";
}
.ti-face-sad:before {
	content: "\e720";
}
.ti-credit-card:before {
	content: "\e721";
}
.ti-control-skip-forward:before {
	content: "\e722";
}
.ti-control-skip-backward:before {
	content: "\e723";
}
.ti-control-record:before {
	content: "\e724";
}
.ti-control-eject:before {
	content: "\e725";
}
.ti-comments-smiley:before {
	content: "\e726";
}
.ti-brush-alt:before {
	content: "\e727";
}
.ti-youtube:before {
	content: "\e728";
}
.ti-vimeo:before {
	content: "\e729";
}
.ti-twitter:before {
	content: "\e72a";
}
.ti-time:before {
	content: "\e72b";
}
.ti-tumblr:before {
	content: "\e72c";
}
.ti-skype:before {
	content: "\e72d";
}
.ti-share:before {
	content: "\e72e";
}
.ti-share-alt:before {
	content: "\e72f";
}
.ti-rocket:before {
	content: "\e730";
}
.ti-pinterest:before {
	content: "\e731";
}
.ti-new-window:before {
	content: "\e732";
}
.ti-microsoft:before {
	content: "\e733";
}
.ti-list-ol:before {
	content: "\e734";
}
.ti-linkedin:before {
	content: "\e735";
}
.ti-layout-sidebar-2:before {
	content: "\e736";
}
.ti-layout-grid4-alt:before {
	content: "\e737";
}
.ti-layout-grid3-alt:before {
	content: "\e738";
}
.ti-layout-grid2-alt:before {
	content: "\e739";
}
.ti-layout-column4-alt:before {
	content: "\e73a";
}
.ti-layout-column3-alt:before {
	content: "\e73b";
}
.ti-layout-column2-alt:before {
	content: "\e73c";
}
.ti-instagram:before {
	content: "\e73d";
}
.ti-google:before {
	content: "\e73e";
}
.ti-github:before {
	content: "\e73f";
}
.ti-flickr:before {
	content: "\e740";
}
.ti-facebook:before {
	content: "\e741";
}
.ti-dropbox:before {
	content: "\e742";
}
.ti-dribbble:before {
	content: "\e743";
}
.ti-apple:before {
	content: "\e744";
}
.ti-android:before {
	content: "\e745";
}
.ti-save:before {
	content: "\e746";
}
.ti-save-alt:before {
	content: "\e747";
}
.ti-yahoo:before {
	content: "\e748";
}
.ti-wordpress:before {
	content: "\e749";
}
.ti-vimeo-alt:before {
	content: "\e74a";
}
.ti-twitter-alt:before {
	content: "\e74b";
}
.ti-tumblr-alt:before {
	content: "\e74c";
}
.ti-trello:before {
	content: "\e74d";
}
.ti-stack-overflow:before {
	content: "\e74e";
}
.ti-soundcloud:before {
	content: "\e74f";
}
.ti-sharethis:before {
	content: "\e750";
}
.ti-sharethis-alt:before {
	content: "\e751";
}
.ti-reddit:before {
	content: "\e752";
}
.ti-pinterest-alt:before {
	content: "\e753";
}
.ti-microsoft-alt:before {
	content: "\e754";
}
.ti-linux:before {
	content: "\e755";
}
.ti-jsfiddle:before {
	content: "\e756";
}
.ti-joomla:before {
	content: "\e757";
}
.ti-html5:before {
	content: "\e758";
}
.ti-flickr-alt:before {
	content: "\e759";
}
.ti-email:before {
	content: "\e75a";
}
.ti-drupal:before {
	content: "\e75b";
}
.ti-dropbox-alt:before {
	content: "\e75c";
}
.ti-css3:before {
	content: "\e75d";
}
.ti-rss:before {
	content: "\e75e";
}
.ti-rss-alt:before {
	content: "\e75f";
}

.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; 
}

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-adn:before {
  content: "\f170"; }

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

.fa-amazon:before {
  content: "\f270"; }

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-android:before {
  content: "\f17b"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

.fa-apple:before {
  content: "\f179"; }

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-pay:before {
  content: "\f415"; }

.fa-archive:before {
  content: "\f187"; }

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

.fa-bandcamp:before {
  content: "\f2d5"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-bath:before {
  content: "\f2cd"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-bed:before {
  content: "\f236"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bimobject:before {
  content: "\f378"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

.fa-blind:before {
  content: "\f29d"; }

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

.fa-bluetooth:before {
  content: "\f293"; }

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-braille:before {
  content: "\f2a1"; }

.fa-brain:before {
  content: "\f5dc"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-brush:before {
  content: "\f55d"; }

.fa-btc:before {
  content: "\f15a"; }

.fa-bug:before {
  content: "\f188"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-bus:before {
  content: "\f207"; }

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-business-time:before {
  content: "\f64a"; }

.fa-buysellads:before {
  content: "\f20d"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-calendar:before {
  content: "\f133"; }

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

.fa-car:before {
  content: "\f1b9"; }

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-chrome:before {
  content: "\f268"; }

.fa-church:before {
  content: "\f51d"; }

.fa-circle:before {
  content: "\f111"; }

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clock:before {
  content: "\f017"; }

.fa-clone:before {
  content: "\f24d"; }

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-cocktail:before {
  content: "\f561"; }

.fa-code:before {
  content: "\f121"; }

.fa-code-branch:before {
  content: "\f126"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-codiepie:before {
  content: "\f284"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

.fa-connectdevelop:before {
  content: "\f20e"; }

.fa-contao:before {
  content: "\f26d"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-crop:before {
  content: "\f125"; }

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-css3-alt:before {
  content: "\f38b"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dashcube:before {
  content: "\f210"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-deaf:before {
  content: "\f2a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-dev:before {
  content: "\f6cc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-edge:before {
  content: "\f282"; }

.fa-edit:before {
  content: "\f044"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

.fa-empire:before {
  content: "\f1d1"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-exchange-alt:before {
  content: "\f362"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expeditedssl:before {
  content: "\f23e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

.fa-female:before {
  content: "\f182"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-firefox:before {
  content: "\f269"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-fonticons:before {
  content: "\f280"; }

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

.fa-forumbee:before {
  content: "\f211"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frown:before {
  content: "\f119"; }

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

.fa-futbol:before {
  content: "\f1e3"; }

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

.fa-genderless:before {
  content: "\f22d"; }

.fa-get-pocket:before {
  content: "\f265"; }

.fa-gg:before {
  content: "\f260"; }

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

.fa-gitlab:before {
  content: "\f296"; }

.fa-gitter:before {
  content: "\f426"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glide:before {
  content: "\f2a5"; }

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-gratipay:before {
  content: "\f184"; }

.fa-grav:before {
  content: "\f2d6"; }

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-handshake:before {
  content: "\f2b5"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hashtag:before {
  content: "\f292"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-haykal:before {
  content: "\f666"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-heading:before {
  content: "\f1dc"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heartbeat:before {
  content: "\f21e"; }

.fa-helicopter:before {
  content: "\f533"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

.fa-history:before {
  content: "\f1da"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

.fa-hourglass:before {
  content: "\f254"; }

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-houzz:before {
  content: "\f27c"; }

.fa-hryvnia:before {
  content: "\f6f2"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

.fa-imdb:before {
  content: "\f2d8"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-industry:before {
  content: "\f275"; }

.fa-infinity:before {
  content: "\f534"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-invision:before {
  content: "\f7b0"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-key:before {
  content: "\f084"; }

.fa-keybase:before {
  content: "\f4f5"; }

.fa-keyboard:before {
  content: "\f11c"; }

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laravel:before {
  content: "\f3bd"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leanpub:before {
  content: "\f212"; }

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

.fa-linode:before {
  content: "\f2b8"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailchimp:before {
  content: "\f59e"; }

.fa-male:before {
  content: "\f183"; }

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-map:before {
  content: "\f279"; }

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

.fa-mars:before {
  content: "\f222"; }

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

.fa-medium:before {
  content: "\f23a"; }

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

.fa-meetup:before {
  content: "\f2e0"; }

.fa-megaport:before {
  content: "\f5a3"; }

.fa-meh:before {
  content: "\f11a"; }

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

.fa-mercury:before {
  content: "\f223"; }

.fa-meteor:before {
  content: "\f753"; }

.fa-microchip:before {
  content: "\f2db"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mizuni:before {
  content: "\f3cc"; }

.fa-mobile:before {
  content: "\f10b"; }

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-modx:before {
  content: "\f285"; }

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-monument:before {
  content: "\f5a6"; }

.fa-moon:before {
  content: "\f186"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

.fa-motorcycle:before {
  content: "\f21c"; }

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

.fa-neuter:before {
  content: "\f22c"; }

.fa-newspaper:before {
  content: "\f1ea"; }

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-nintendo-switch:before {
  content: "\f418"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-odnoklassniki:before {
  content: "\f263"; }

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-opencart:before {
  content: "\f23d"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-opera:before {
  content: "\f26a"; }

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-page4:before {
  content: "\f3d7"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-parking:before {
  content: "\f540"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-peace:before {
  content: "\f67c"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-percent:before {
  content: "\f295"; }

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-php:before {
  content: "\f457"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-podcast:before {
  content: "\f2ce"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-print:before {
  content: "\f02f"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-question:before {
  content: "\f128"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

.fa-quora:before {
  content: "\f2c4"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

.fa-ravelry:before {
  content: "\f2d9"; }

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

.fa-rebel:before {
  content: "\f1d0"; }

.fa-receipt:before {
  content: "\f543"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

.fa-registered:before {
  content: "\f25d"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

.fa-safari:before {
  content: "\f267"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

.fa-scribd:before {
  content: "\f28a"; }

.fa-scroll:before {
  content: "\f70e"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

.fa-sellcast:before {
  content: "\f2da"; }

.fa-sellsy:before {
  content: "\f213"; }

.fa-server:before {
  content: "\f233"; }

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-ship:before {
  content: "\f21a"; }

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shirtsinbulk:before {
  content: "\f214"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shower:before {
  content: "\f2cc"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

.fa-simplybuilt:before {
  content: "\f215"; }

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

.fa-skyatlas:before {
  content: "\f216"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-slack:before {
  content: "\f198"; }

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-smile:before {
  content: "\f118"; }

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snapchat:before {
  content: "\f2ab"; }

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

.fa-snowflake:before {
  content: "\f2dc"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-up:before {
  content: "\f0de"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-splotch:before {
  content: "\f5bc"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

.fa-stopwatch:before {
  content: "\f2f2"; }

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-subway:before {
  content: "\f239"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

.fa-sun:before {
  content: "\f185"; }

.fa-superpowers:before {
  content: "\f2dd"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-taxi:before {
  content: "\f1ba"; }

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

.fa-telegram:before {
  content: "\f2c6"; }

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

.fa-themeisle:before {
  content: "\f2b2"; }

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

.fa-trademark:before {
  content: "\f25c"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-train:before {
  content: "\f238"; }

.fa-tram:before {
  content: "\f7da"; }

.fa-transgender:before {
  content: "\f224"; }

.fa-transgender-alt:before {
  content: "\f225"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-trello:before {
  content: "\f181"; }

.fa-tripadvisor:before {
  content: "\f262"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-tshirt:before {
  content: "\f553"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-tv:before {
  content: "\f26c"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-universal-access:before {
  content: "\f29a"; }

.fa-university:before {
  content: "\f19c"; }

.fa-unlink:before {
  content: "\f127"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

.fa-usb:before {
  content: "\f287"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

.fa-utensils:before {
  content: "\f2e7"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

.fa-viacoin:before {
  content: "\f237"; }

.fa-viadeo:before {
  content: "\f2a9"; }

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-vk:before {
  content: "\f189"; }

.fa-vnv:before {
  content: "\f40b"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-water:before {
  content: "\f773"; }

.fa-weebly:before {
  content: "\f5cc"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

.fa-weixin:before {
  content: "\f1d7"; }

.fa-whatsapp:before {
  content: "\f232"; }

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-whmcs:before {
  content: "\f40d"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-wordpress-simple:before {
  content: "\f411"; }

.fa-wpbeginner:before {
  content: "\f297"; }

.fa-wpexplorer:before {
  content: "\f2de"; }

.fa-wpforms:before {
  content: "\f298"; }

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

.fa-yoast:before {
  content: "\f2b1"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

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

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    src: url("../css/webfonts/fa-brands-400.eot");
    src: url("../css/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../css/webfonts/fa-brands-400.woff2") format("woff2"), url("../css/webfonts/fa-brands-400.woff") format("woff"), url("../css/webfonts/fa-brands-400.ttf") format("truetype"), url("../css/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    src: url("../css/webfonts/fa-regular-400.eot");
    src: url("../css/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../css/webfonts/fa-regular-400.woff2") format("woff2"), url("../css/webfonts/fa-regular-400.woff") format("woff"), url("../css/webfonts/fa-regular-400.ttf") format("truetype"), url("../css/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url("../css/webfonts/fa-solid-900.eot");
    src: url("../css/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../css/webfonts/fa-solid-900.woff2") format("woff2"), url("../css/webfonts/fa-solid-900.woff") format("woff"), url("../css/webfonts/fa-solid-900.ttf") format("truetype"), url("../css/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

	/*
  	Flaticon icon font: Flaticon
  	Creation date: 24/07/2020 07:52
  	*/

@font-face {
  font-family: "Flaticon";
  src: url("./Flaticon.eot");
  src: url("./Flaticon.eot?#iefix") format("embedded-opentype"),
       url("./Flaticon.woff") format("woff"),
       url("./Flaticon.ttf") format("truetype"),
       url("./Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-target:before { content: "\f100"; }
.flaticon-lightbulb:before { content: "\f101"; }
.flaticon-mortarboard:before { content: "\f102"; }
@charset "UTF-8";
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}
@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 0.05;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 0.05;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75)
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%)
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
    100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes height {
    0% {
        opacity: 0;
        height: 0;
    }
    100% {
        opacity: 0.1;
        height: 50%;
    }
}
@keyframes height {
    0% {
        opacity: 0;
        height: 0;
        transition: all 0.6s linear;
    }
    100% {
        opacity: 0.3;
        height: 50%;
    }
}
.height {
    -webkit-animation-name: height;
    animation-name: height;
}

@-webkit-keyframes fadeInDown2 {
    0% {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.2;
    }
}
@keyframes fadeInDown2 {
    0% {
        -webkit-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 0.2;
    }
}
.fadeInDown2 {
    -webkit-animation-name: fadeInDown2;
    animation-name: fadeInDown2
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp2 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0.2;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@-webkit-keyframes fadeInUp3 {
    0% {
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp3 {
    0% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp3 {
    -webkit-animation-name: fadeInUp3;
    animation-name: fadeInUp3;
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    -ms-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        -ms-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom {
    0% {
        opacity: 0;
        -webkit-transform: translateX(220%) translateY(220px);
        -ms-transform: translateX(220%) translateY(220px);
        transform: translateX(220%) translateY(220px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom {
    -webkit-animation-name: rollIncustom;
    animation-name: rollIncustom
}

@-webkit-keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        -ms-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom1 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(150%) translateY(150px);
        -ms-transform: translateX(150%) translateY(150px);
        transform: translateX(150%) translateY(150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom1 {
    -webkit-animation-name: rollIncustom1;
    animation-name: rollIncustom1;
}

@-webkit-keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        -ms-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom3 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px) translateY(350px);
        -ms-transform: translateX(-20px) translateY(350px);
        transform: translateX(-20px) translateY(350px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom3 {
    -webkit-animation-name: rollIncustom3;
    animation-name: rollIncustom3;
}

@-webkit-keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        -ms-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom4 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-90px) translateY(70px);
        -ms-transform: translateX(-90px) translateY(70px);
        transform: translateX(-90px) translateY(70px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom4{
    -webkit-animation-name: rollIncustom4;
    animation-name: rollIncustom4;
}

@-webkit-keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        -ms-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom5 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-500px) translateY(-50px);
        -ms-transform: translateX(-500px) translateY(-50px);
        transform: translateX(-500px) translateY(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom5{
    -webkit-animation-name: rollIncustom5;
    animation-name: rollIncustom5;
}

@-webkit-keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        -ms-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom6 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(30px) translateY(-150px);
        -ms-transform: translateX(30px) translateY(-150px);
        transform: translateX(30px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom6{
    -webkit-animation-name: rollIncustom6;
    animation-name: rollIncustom6;
}

@-webkit-keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        -ms-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom7 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-150px) translateY(-150px);
        -ms-transform: translateX(-150px) translateY(-150px);
        transform: translateX(-150px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom7{
    -webkit-animation-name: rollIncustom7;
    animation-name: rollIncustom7;
}

@-webkit-keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom8 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(0px) translateY(-200px);
        -ms-transform: translateX(0px) translateY(-200px);
        transform: translateX(0px) translateY(-200px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom8{
    -webkit-animation-name: rollIncustom8;
    animation-name: rollIncustom8;
}

@-webkit-keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(200px) translateY(-150px);
        -ms-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
@keyframes rollIncustom9 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(500px) translateY(-150px);
        -ms-transform: translateX(200px) translateY(-150px);
        transform: translateX(200px) translateY(-150px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }
}
.rollIncustom9{
    -webkit-animation-name: rollIncustom9;
    animation-name: rollIncustom9;
}



@-webkit-keyframes slideInnew{
    0%{
        opacity:0;
        -webkit-transform:translate(-10px,-80px);
        -ms-transform:translate(-10px,-80px);
        transform:translate(0px,-50px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes slideInnew{
    0%{
        opacity:0;
        -webkit-transform:translate(-10px,-80px);
        -ms-transform:translate(-10px,-80px);
        transform:translate(-10px,-80px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.slideInnew{
    -webkit-animation-name:slideInnew;
    animation-name:slideInnew;
}
.slideInnew3{
    -webkit-animation-name:slideInnew3;
    animation-name:slideInnew3;
}

@-webkit-keyframes slideInnew3{
    0%{
        opacity:0;
        -webkit-transform:translate(80px,-80px);
        -ms-transform:translate(80px,-80px);
        transform:translate(80px,-80px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes slideInnew3{
    0%{
        opacity:0;
        -webkit-transform:translate(80px,-80px);
        -ms-transform:translate(80px,-80px);
        transform:translate(80px,-80px)
    }
    100%{
        -webkit-transform:translate(0,0);
        -ms-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.slideInnew3{
    -webkit-animation-name:slideInnew3;
    animation-name:slideInnew3;
}

@-webkit-keyframes slideInnew2{
    0%{
        opacity:0;
        -webkit-transform:matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        -ms-transform:matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
    }
    100%{
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
    }
}
@keyframes slideInnew2{
    0%{
        opacity:0;
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
    }
    100%{
        -webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        -ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
    }
}
.slideInnew2{
    -webkit-animation-name:slideInnew2;
    animation-name:slideInnew2;
}

@-webkit-keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}

@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}
.spinnerRotateone{
    -webkit-animation-name:spinnerRotateone;
    animation-name:spinnerRotateone;
}

@keyframes pop-char-out {
  0%,
  40% {
    transform: translate(0);
    opacity: 0;
  }
  20% {
    transform: translate(0.05em, -0.1em);
    /* opacity: 0.1; */
  }
  to {
    transform: translate(0);
    opacity: 1;
  }
}

@-webkit-keyframes widthL{
    0%{
        opacity:0;
        transform: translate3d(0, 0, 0);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes widthL{
    0%{
        opacity:0;
        transform: translate3d(0, 0, 0);
    }
    100%{
        opacity: 1;
        transform: translate3d(0, 100%, 0);
    }
}
.widthL{
    -webkit-animation-name:widthL;
    animation-name:widthL;
}

/*
.slideInnew2{
    -webkit-animation-name:slideInnew2;
    animation-name:slideInnew2;
}

@-webkit-keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}

@keyframes spinnerRotateone {
    0% {
        -webkit-transform: rotate(0deg) translateY(30px);
        transform: rotate(0deg) translateY(30px);
    }

    100% {
        -webkit-transform: rotate(160deg) translateY(30px);
        transform: rotate(160deg) translateY(30px);
    }
}
.spinnerRotateone{
    -webkit-animation-name:spinnerRotateone;
    animation-name:spinnerRotateone;
}*/

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2020 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/* Magnific Popup CSS */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}


.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

@font-face {
	font-family: 'ElegantIcons';
	src:url('../fonts/ElegantIcons.eot');
	src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('../elagent/fonts/ElegantIcons.woff') format('woff'),
		url('../fonts/ElegantIcons.ttf') format('truetype'),
		url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'ElegantIcons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
	font-family: 'ElegantIcons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}
.arrow_up:before {
	content: "\21";
}
.arrow_down:before {
	content: "\22";
}
.arrow_left:before {
	content: "\23";
}
.arrow_right:before {
	content: "\24";
}
.arrow_left-up:before {
	content: "\25";
}
.arrow_right-up:before {
	content: "\26";
}
.arrow_right-down:before {
	content: "\27";
}
.arrow_left-down:before {
	content: "\28";
}
.arrow-up-down:before {
	content: "\29";
}
.arrow_up-down_alt:before {
	content: "\2a";
}
.arrow_left-right_alt:before {
	content: "\2b";
}
.arrow_left-right:before {
	content: "\2c";
}
.arrow_expand_alt2:before {
	content: "\2d";
}
.arrow_expand_alt:before {
	content: "\2e";
}
.arrow_condense:before {
	content: "\2f";
}
.arrow_expand:before {
	content: "\30";
}
.arrow_move:before {
	content: "\31";
}
.arrow_carrot-up:before {
	content: "\32";
}
.arrow_carrot-down:before {
	content: "\33";
}
.arrow_carrot-left:before {
	content: "\34";
}
.arrow_carrot-right:before {
	content: "\35";
}
.arrow_carrot-2up:before {
	content: "\36";
}
.arrow_carrot-2down:before {
	content: "\37";
}
.arrow_carrot-2left:before {
	content: "\38";
}
.arrow_carrot-2right:before {
	content: "\39";
}
.arrow_carrot-up_alt2:before {
	content: "\3a";
}
.arrow_carrot-down_alt2:before {
	content: "\3b";
}
.arrow_carrot-left_alt2:before {
	content: "\3c";
}
.arrow_carrot-right_alt2:before {
	content: "\3d";
}
.arrow_carrot-2up_alt2:before {
	content: "\3e";
}
.arrow_carrot-2down_alt2:before {
	content: "\3f";
}
.arrow_carrot-2left_alt2:before {
	content: "\40";
}
.arrow_carrot-2right_alt2:before {
	content: "\41";
}
.arrow_triangle-up:before {
	content: "\42";
}
.arrow_triangle-down:before {
	content: "\43";
}
.arrow_triangle-left:before {
	content: "\44";
}
.arrow_triangle-right:before {
	content: "\45";
}
.arrow_triangle-up_alt2:before {
	content: "\46";
}
.arrow_triangle-down_alt2:before {
	content: "\47";
}
.arrow_triangle-left_alt2:before {
	content: "\48";
}
.arrow_triangle-right_alt2:before {
	content: "\49";
}
.arrow_back:before {
	content: "\4a";
}
.icon_minus-06:before {
	content: "\4b";
}
.icon_plus:before {
	content: "\4c";
}
.icon_close:before {
	content: "\4d";
}
.icon_check:before {
	content: "\4e";
}
.icon_minus_alt2:before {
	content: "\4f";
}
.icon_plus_alt2:before {
	content: "\50";
}
.icon_close_alt2:before {
	content: "\51";
}
.icon_check_alt2:before {
	content: "\52";
}
.icon_zoom-out_alt:before {
	content: "\53";
}
.icon_zoom-in_alt:before {
	content: "\54";
}
.icon_search:before {
	content: "\55";
}
.icon_box-empty:before {
	content: "\56";
}
.icon_box-selected:before {
	content: "\57";
}
.icon_minus-box:before {
	content: "\58";
}
.icon_plus-box:before {
	content: "\59";
}
.icon_box-checked:before {
	content: "\5a";
}
.icon_circle-empty:before {
	content: "\5b";
}
.icon_circle-slelected:before {
	content: "\5c";
}
.icon_stop_alt2:before {
	content: "\5d";
}
.icon_stop:before {
	content: "\5e";
}
.icon_pause_alt2:before {
	content: "\5f";
}
.icon_pause:before {
	content: "\60";
}
.icon_menu:before {
	content: "\61";
}
.icon_menu-square_alt2:before {
	content: "\62";
}
.icon_menu-circle_alt2:before {
	content: "\63";
}
.icon_ul:before {
	content: "\64";
}
.icon_ol:before {
	content: "\65";
}
.icon_adjust-horiz:before {
	content: "\66";
}
.icon_adjust-vert:before {
	content: "\67";
}
.icon_document_alt:before {
	content: "\68";
}
.icon_documents_alt:before {
	content: "\69";
}
.icon_pencil:before {
	content: "\6a";
}
.icon_pencil-edit_alt:before {
	content: "\6b";
}
.icon_pencil-edit:before {
	content: "\6c";
}
.icon_folder-alt:before {
	content: "\6d";
}
.icon_folder-open_alt:before {
	content: "\6e";
}
.icon_folder-add_alt:before {
	content: "\6f";
}
.icon_info_alt:before {
	content: "\70";
}
.icon_error-oct_alt:before {
	content: "\71";
}
.icon_error-circle_alt:before {
	content: "\72";
}
.icon_error-triangle_alt:before {
	content: "\73";
}
.icon_question_alt2:before {
	content: "\74";
}
.icon_question:before {
	content: "\75";
}
.icon_comment_alt:before {
	content: "\76";
}
.icon_chat_alt:before {
	content: "\77";
}
.icon_vol-mute_alt:before {
	content: "\78";
}
.icon_volume-low_alt:before {
	content: "\79";
}
.icon_volume-high_alt:before {
	content: "\7a";
}
.icon_quotations:before {
	content: "\7b";
}
.icon_quotations_alt2:before {
	content: "\7c";
}
.icon_clock_alt:before {
	content: "\7d";
}
.icon_lock_alt:before {
	content: "\7e";
}
.icon_lock-open_alt:before {
	content: "\e000";
}
.icon_key_alt:before {
	content: "\e001";
}
.icon_cloud_alt:before {
	content: "\e002";
}
.icon_cloud-upload_alt:before {
	content: "\e003";
}
.icon_cloud-download_alt:before {
	content: "\e004";
}
.icon_image:before {
	content: "\e005";
}
.icon_images:before {
	content: "\e006";
}
.icon_lightbulb_alt:before {
	content: "\e007";
}
.icon_gift_alt:before {
	content: "\e008";
}
.icon_house_alt:before {
	content: "\e009";
}
.icon_genius:before {
	content: "\e00a";
}
.icon_mobile:before {
	content: "\e00b";
}
.icon_tablet:before {
	content: "\e00c";
}
.icon_laptop:before {
	content: "\e00d";
}
.icon_desktop:before {
	content: "\e00e";
}
.icon_camera_alt:before {
	content: "\e00f";
}
.icon_mail_alt:before {
	content: "\e010";
}
.icon_cone_alt:before {
	content: "\e011";
}
.icon_ribbon_alt:before {
	content: "\e012";
}
.icon_bag_alt:before {
	content: "\e013";
}
.icon_creditcard:before {
	content: "\e014";
}
.icon_cart_alt:before {
	content: "\e015";
}
.icon_paperclip:before {
	content: "\e016";
}
.icon_tag_alt:before {
	content: "\e017";
}
.icon_tags_alt:before {
	content: "\e018";
}
.icon_trash_alt:before {
	content: "\e019";
}
.icon_cursor_alt:before {
	content: "\e01a";
}
.icon_mic_alt:before {
	content: "\e01b";
}
.icon_compass_alt:before {
	content: "\e01c";
}
.icon_pin_alt:before {
	content: "\e01d";
}
.icon_pushpin_alt:before {
	content: "\e01e";
}
.icon_map_alt:before {
	content: "\e01f";
}
.icon_drawer_alt:before {
	content: "\e020";
}
.icon_toolbox_alt:before {
	content: "\e021";
}
.icon_book_alt:before {
	content: "\e022";
}
.icon_calendar:before {
	content: "\e023";
}
.icon_film:before {
	content: "\e024";
}
.icon_table:before {
	content: "\e025";
}
.icon_contacts_alt:before {
	content: "\e026";
}
.icon_headphones:before {
	content: "\e027";
}
.icon_lifesaver:before {
	content: "\e028";
}
.icon_piechart:before {
	content: "\e029";
}
.icon_refresh:before {
	content: "\e02a";
}
.icon_link_alt:before {
	content: "\e02b";
}
.icon_link:before {
	content: "\e02c";
}
.icon_loading:before {
	content: "\e02d";
}
.icon_blocked:before {
	content: "\e02e";
}
.icon_archive_alt:before {
	content: "\e02f";
}
.icon_heart_alt:before {
	content: "\e030";
}
.icon_star_alt:before {
	content: "\e031";
}
.icon_star-half_alt:before {
	content: "\e032";
}
.icon_star:before {
	content: "\e033";
}
.icon_star-half:before {
	content: "\e034";
}
.icon_tools:before {
	content: "\e035";
}
.icon_tool:before {
	content: "\e036";
}
.icon_cog:before {
	content: "\e037";
}
.icon_cogs:before {
	content: "\e038";
}
.arrow_up_alt:before {
	content: "\e039";
}
.arrow_down_alt:before {
	content: "\e03a";
}
.arrow_left_alt:before {
	content: "\e03b";
}
.arrow_right_alt:before {
	content: "\e03c";
}
.arrow_left-up_alt:before {
	content: "\e03d";
}
.arrow_right-up_alt:before {
	content: "\e03e";
}
.arrow_right-down_alt:before {
	content: "\e03f";
}
.arrow_left-down_alt:before {
	content: "\e040";
}
.arrow_condense_alt:before {
	content: "\e041";
}
.arrow_expand_alt3:before {
	content: "\e042";
}
.arrow_carrot_up_alt:before {
	content: "\e043";
}
.arrow_carrot-down_alt:before {
	content: "\e044";
}
.arrow_carrot-left_alt:before {
	content: "\e045";
}
.arrow_carrot-right_alt:before {
	content: "\e046";
}
.arrow_carrot-2up_alt:before {
	content: "\e047";
}
.arrow_carrot-2dwnn_alt:before {
	content: "\e048";
}
.arrow_carrot-2left_alt:before {
	content: "\e049";
}
.arrow_carrot-2right_alt:before {
	content: "\e04a";
}
.arrow_triangle-up_alt:before {
	content: "\e04b";
}
.arrow_triangle-down_alt:before {
	content: "\e04c";
}
.arrow_triangle-left_alt:before {
	content: "\e04d";
}
.arrow_triangle-right_alt:before {
	content: "\e04e";
}
.icon_minus_alt:before {
	content: "\e04f";
}
.icon_plus_alt:before {
	content: "\e050";
}
.icon_close_alt:before {
	content: "\e051";
}
.icon_check_alt:before {
	content: "\e052";
}
.icon_zoom-out:before {
	content: "\e053";
}
.icon_zoom-in:before {
	content: "\e054";
}
.icon_stop_alt:before {
	content: "\e055";
}
.icon_menu-square_alt:before {
	content: "\e056";
}
.icon_menu-circle_alt:before {
	content: "\e057";
}
.icon_document:before {
	content: "\e058";
}
.icon_documents:before {
	content: "\e059";
}
.icon_pencil_alt:before {
	content: "\e05a";
}
.icon_folder:before {
	content: "\e05b";
}
.icon_folder-open:before {
	content: "\e05c";
}
.icon_folder-add:before {
	content: "\e05d";
}
.icon_folder_upload:before {
	content: "\e05e";
}
.icon_folder_download:before {
	content: "\e05f";
}
.icon_info:before {
	content: "\e060";
}
.icon_error-circle:before {
	content: "\e061";
}
.icon_error-oct:before {
	content: "\e062";
}
.icon_error-triangle:before {
	content: "\e063";
}
.icon_question_alt:before {
	content: "\e064";
}
.icon_comment:before {
	content: "\e065";
}
.icon_chat:before {
	content: "\e066";
}
.icon_vol-mute:before {
	content: "\e067";
}
.icon_volume-low:before {
	content: "\e068";
}
.icon_volume-high:before {
	content: "\e069";
}
.icon_quotations_alt:before {
	content: "\e06a";
}
.icon_clock:before {
	content: "\e06b";
}
.icon_lock:before {
	content: "\e06c";
}
.icon_lock-open:before {
	content: "\e06d";
}
.icon_key:before {
	content: "\e06e";
}
.icon_cloud:before {
	content: "\e06f";
}
.icon_cloud-upload:before {
	content: "\e070";
}
.icon_cloud-download:before {
	content: "\e071";
}
.icon_lightbulb:before {
	content: "\e072";
}
.icon_gift:before {
	content: "\e073";
}
.icon_house:before {
	content: "\e074";
}
.icon_camera:before {
	content: "\e075";
}
.icon_mail:before {
	content: "\e076";
}
.icon_cone:before {
	content: "\e077";
}
.icon_ribbon:before {
	content: "\e078";
}
.icon_bag:before {
	content: "\e079";
}
.icon_cart:before {
	content: "\e07a";
}
.icon_tag:before {
	content: "\e07b";
}
.icon_tags:before {
	content: "\e07c";
}
.icon_trash:before {
	content: "\e07d";
}
.icon_cursor:before {
	content: "\e07e";
}
.icon_mic:before {
	content: "\e07f";
}
.icon_compass:before {
	content: "\e080";
}
.icon_pin:before {
	content: "\e081";
}
.icon_pushpin:before {
	content: "\e082";
}
.icon_map:before {
	content: "\e083";
}
.icon_drawer:before {
	content: "\e084";
}
.icon_toolbox:before {
	content: "\e085";
}
.icon_book:before {
	content: "\e086";
}
.icon_contacts:before {
	content: "\e087";
}
.icon_archive:before {
	content: "\e088";
}
.icon_heart:before {
	content: "\e089";
}
.icon_profile:before {
	content: "\e08a";
}
.icon_group:before {
	content: "\e08b";
}
.icon_grid-2x2:before {
	content: "\e08c";
}
.icon_grid-3x3:before {
	content: "\e08d";
}
.icon_music:before {
	content: "\e08e";
}
.icon_pause_alt:before {
	content: "\e08f";
}
.icon_phone:before {
	content: "\e090";
}
.icon_upload:before {
	content: "\e091";
}
.icon_download:before {
	content: "\e092";
}
.social_facebook:before {
	content: "\e093";
}
.social_twitter:before {
	content: "\e094";
}
.social_pinterest:before {
	content: "\e095";
}
.social_googleplus:before {
	content: "\e096";
}
.social_tumblr:before {
	content: "\e097";
}
.social_tumbleupon:before {
	content: "\e098";
}
.social_wordpress:before {
	content: "\e099";
}
.social_instagram:before {
	content: "\e09a";
}
.social_dribbble:before {
	content: "\e09b";
}
.social_vimeo:before {
	content: "\e09c";
}
.social_linkedin:before {
	content: "\e09d";
}
.social_rss:before {
	content: "\e09e";
}
.social_deviantart:before {
	content: "\e09f";
}
.social_share:before {
	content: "\e0a0";
}
.social_myspace:before {
	content: "\e0a1";
}
.social_skype:before {
	content: "\e0a2";
}
.social_youtube:before {
	content: "\e0a3";
}
.social_picassa:before {
	content: "\e0a4";
}
.social_googledrive:before {
	content: "\e0a5";
}
.social_flickr:before {
	content: "\e0a6";
}
.social_blogger:before {
	content: "\e0a7";
}
.social_spotify:before {
	content: "\e0a8";
}
.social_delicious:before {
	content: "\e0a9";
}
.social_facebook_circle:before {
	content: "\e0aa";
}
.social_twitter_circle:before {
	content: "\e0ab";
}
.social_pinterest_circle:before {
	content: "\e0ac";
}
.social_googleplus_circle:before {
	content: "\e0ad";
}
.social_tumblr_circle:before {
	content: "\e0ae";
}
.social_stumbleupon_circle:before {
	content: "\e0af";
}
.social_wordpress_circle:before {
	content: "\e0b0";
}
.social_instagram_circle:before {
	content: "\e0b1";
}
.social_dribbble_circle:before {
	content: "\e0b2";
}
.social_vimeo_circle:before {
	content: "\e0b3";
}
.social_linkedin_circle:before {
	content: "\e0b4";
}
.social_rss_circle:before {
	content: "\e0b5";
}
.social_deviantart_circle:before {
	content: "\e0b6";
}
.social_share_circle:before {
	content: "\e0b7";
}
.social_myspace_circle:before {
	content: "\e0b8";
}
.social_skype_circle:before {
	content: "\e0b9";
}
.social_youtube_circle:before {
	content: "\e0ba";
}
.social_picassa_circle:before {
	content: "\e0bb";
}
.social_googledrive_alt2:before {
	content: "\e0bc";
}
.social_flickr_circle:before {
	content: "\e0bd";
}
.social_blogger_circle:before {
	content: "\e0be";
}
.social_spotify_circle:before {
	content: "\e0bf";
}
.social_delicious_circle:before {
	content: "\e0c0";
}
.social_facebook_square:before {
	content: "\e0c1";
}
.social_twitter_square:before {
	content: "\e0c2";
}
.social_pinterest_square:before {
	content: "\e0c3";
}
.social_googleplus_square:before {
	content: "\e0c4";
}
.social_tumblr_square:before {
	content: "\e0c5";
}
.social_stumbleupon_square:before {
	content: "\e0c6";
}
.social_wordpress_square:before {
	content: "\e0c7";
}
.social_instagram_square:before {
	content: "\e0c8";
}
.social_dribbble_square:before {
	content: "\e0c9";
}
.social_vimeo_square:before {
	content: "\e0ca";
}
.social_linkedin_square:before {
	content: "\e0cb";
}
.social_rss_square:before {
	content: "\e0cc";
}
.social_deviantart_square:before {
	content: "\e0cd";
}
.social_share_square:before {
	content: "\e0ce";
}
.social_myspace_square:before {
	content: "\e0cf";
}
.social_skype_square:before {
	content: "\e0d0";
}
.social_youtube_square:before {
	content: "\e0d1";
}
.social_picassa_square:before {
	content: "\e0d2";
}
.social_googledrive_square:before {
	content: "\e0d3";
}
.social_flickr_square:before {
	content: "\e0d4";
}
.social_blogger_square:before {
	content: "\e0d5";
}
.social_spotify_square:before {
	content: "\e0d6";
}
.social_delicious_square:before {
	content: "\e0d7";
}
.icon_printer:before {
	content: "\e103";
}
.icon_calulator:before {
	content: "\e0ee";
}
.icon_building:before {
	content: "\e0ef";
}
.icon_floppy:before {
	content: "\e0e8";
}
.icon_drive:before {
	content: "\e0ea";
}
.icon_search-2:before {
	content: "\e101";
}
.icon_id:before {
	content: "\e107";
}
.icon_id-2:before {
	content: "\e108";
}
.icon_puzzle:before {
	content: "\e102";
}
.icon_like:before {
	content: "\e106";
}
.icon_dislike:before {
	content: "\e0eb";
}
.icon_mug:before {
	content: "\e105";
}
.icon_currency:before {
	content: "\e0ed";
}
.icon_wallet:before {
	content: "\e100";
}
.icon_pens:before {
	content: "\e104";
}
.icon_easel:before {
	content: "\e0e9";
}
.icon_flowchart:before {
	content: "\e109";
}
.icon_datareport:before {
	content: "\e0ec";
}
.icon_briefcase:before {
	content: "\e0fe";
}
.icon_shield:before {
	content: "\e0f6";
}
.icon_percent:before {
	content: "\e0fb";
}
.icon_globe:before {
	content: "\e0e2";
}
.icon_globe-2:before {
	content: "\e0e3";
}
.icon_target:before {
	content: "\e0f5";
}
.icon_hourglass:before {
	content: "\e0e1";
}
.icon_balance:before {
	content: "\e0ff";
}
.icon_rook:before {
	content: "\e0f8";
}
.icon_printer-alt:before {
	content: "\e0fa";
}
.icon_calculator_alt:before {
	content: "\e0e7";
}
.icon_building_alt:before {
	content: "\e0fd";
}
.icon_floppy_alt:before {
	content: "\e0e4";
}
.icon_drive_alt:before {
	content: "\e0e5";
}
.icon_search_alt:before {
	content: "\e0f7";
}
.icon_id_alt:before {
	content: "\e0e0";
}
.icon_id-2_alt:before {
	content: "\e0fc";
}
.icon_puzzle_alt:before {
	content: "\e0f9";
}
.icon_like_alt:before {
	content: "\e0dd";
}
.icon_dislike_alt:before {
	content: "\e0f1";
}
.icon_mug_alt:before {
	content: "\e0dc";
}
.icon_currency_alt:before {
	content: "\e0f3";
}
.icon_wallet_alt:before {
	content: "\e0d8";
}
.icon_pens_alt:before {
	content: "\e0db";
}
.icon_easel_alt:before {
	content: "\e0f0";
}
.icon_flowchart_alt:before {
	content: "\e0df";
}
.icon_datareport_alt:before {
	content: "\e0f2";
}
.icon_briefcase_alt:before {
	content: "\e0f4";
}
.icon_shield_alt:before {
	content: "\e0d9";
}
.icon_percent_alt:before {
	content: "\e0da";
}
.icon_globe_alt:before {
	content: "\e0de";
}
.icon_clipboard:before {
	content: "\e0e6";
}


	.glyph {
		float: left;
		text-align: center;
		padding: .75em;
		margin: .4em 1.5em .75em 0;
		width: 6em;
text-shadow: none;
	}
        .glyph_big {
        font-size: 128px;
        color: #59c5dc;
        float: left;
        margin-right: 20px;
        }

        .glyph div { padding-bottom: 10px;}

	.glyph input {
		font-family: consolas, monospace;
		font-size: 12px;
		width: 100%;
		text-align: center;
		border: 0;
		box-shadow: 0 0 0 1px #ccc;
		padding: .2em;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
	}
	.centered {
		margin-left: auto;
		margin-right: auto;
	}
	.glyph .fs1 {
		font-size: 2em;
	}

	

/*----------------------------------------------------
This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.
---------------------------------------------------- */
/*=====================================================================
@Template Name: Saasland
@Author: DroitThemes
@Developed By: Md Shahadat Hussain

@Default Styles

Table of Content:
01/ variables
02/ predefine
03/ button
04/ preloader
05/ header
06/ banner
07/ breadcrumb
08/ features
09/ service
10/ price
11/ about
12/ testimonial
13/ screenshot
14/ joblist
15/ faq
16/ portfolio
17/ contact
18/ error
19/ shop
20/ blog
21/ footer

=====================================================================*/
/*====================================================*/
/*=== fonts ====*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@300;400;500;600;700;900&display=swap");
/*===== color =====*/
/*====================================================*/
/*====================================================*/
a {
    text-decoration: none;
}

    a:hover, a:focus {
        text-decoration: none;
    }

.row.m0 {
    margin: 0px;
}

.p0 {
    padding: 0px;
}

i:before {
    margin-left: 0px !important;
}

body {
    font: 400 15px/28px "Poppins", sans-serif;
    letter-spacing: 0px;
    color: #677294;
    padding: 0px;
    overflow-x: auto;
    z-index: 0;
}

.body_wrapper {
    z-index: 20;
    /* overflow: auto;*/
}

a, .btn, button {
    text-decoration: none;
    outline: none;
}

    a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
        text-decoration: none;
        outline: none;
    }

    .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: none;
        box-shadow: none;
    }

.seo_sec_title h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    color: #263b5e;
    margin-bottom: 15px;
}

.seo_sec_title p {
    font-size: 16px;
    font-weight: 300;
    color: #6a7695;
    margin-bottom: 0;
}

@media (min-width: 1440px) {
    .container {
        max-width: 100%;
    }
}

@media (min-width: 1250px) {
    .container {
        max-width: 1200px;
    }
}


@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
    /*this section for home page section search Number by gulzar */
    .hosting_btn {
        width: 100% !important;
    }

    .promo-full h3 {
        font-size: 20px !important;
    }

        .promo-full h3 span {
            font-size: 20px !important;
        }

    .findnumber_select {
        width: 100% !important;
    }

    .selectpickers {
        width: 100% !important;
        margin-bottom: 5px !important;
        border: 1px solid !important;
    }
}

.container.custom_container {
    max-width: 1520px;
}

.f_size_50 {
    font-size: 50px;
}

.f_size_40 {
    font-size: 40px;
}

.f_size_30 {
    font-size: 30px;
}

.f_size_28 {
    font-size: 28px;
}

.f_size_22 {
    font-size: 22px;
}

.f_size_24 {
    font-size: 24px;
}

.f_size_20 {
    font-size: 20px;
}

.f_size_18 {
    font-size: 18px;
}

.f_size_16 {
    font-size: 16px;
}

.f_size_15 {
    font-size: 15px;
}

.l_height60 {
    line-height: 60px;
}

.l_height50 {
    line-height: 50px;
}

.l_height45 {
    line-height: 45px;
}

.l_height40 {
    line-height: 40px;
}

.l_height30 {
    line-height: 30px;
}

.l_height34 {
    line-height: 34px;
}

.l_height28 {
    line-height: 28px;
}

.f_p {
    font-family: "Poppins", sans-serif;
}

/*=========== font-weight ==============*/
.f_300 {
    font-weight: 300;
}

.f_400 {
    font-weight: 400;
}

.f_500 {
    font-weight: 500;
}

.f_600 {
    font-weight: 600;
}

.f_700 {
    font-weight: 700;
}

.f_900 {
    font-weight: 900;
}

.t_color {
    color: #051441;
}

.w_color {
    color: #fff;
}

.t_color2 {
    color: #3f4451;
}

.t_color3 {
    color: #222d39;
}

.d_p_color {
    color: #bdbed6;
}

.bg_color {
    background: #fbfbfd;
}

.dk_bg_one {
    background: #090a21;
}

.dk_bg_two {
    background: #0f1029;
}

.seo_title_color {
    color: #263b5e;
}

.mt_60 {
    margin-top: 60px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_70 {
    margin-top: 70px;
}

.mt_75 {
    margin-top: 75px;
}

.mt_100 {
    margin-top: 100px;
}

.mt_130 {
    margin-top: 130px;
}

.mb_70 {
    margin-bottom: 70px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_15 {
    margin-bottom: 5px;
}

.mb_15 {
    margin-bottom: 15px;
}

.mb_30 {
    margin-bottom: -30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

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

.mb_60 {
    margin-bottom: 60px;
}

.mb_90 {
    margin-bottom: 90px;
}

.pl_20 {
    padding-left: 20px;
}

.pl-30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px;
}

.pl_50 {
    padding-left: 50px;
}

.pl_100 {
    padding-left: 100px;
}

.pl_70 {
    padding-left: 70px;
}

.pl_120 {
    padding-left: 120px;
}

.pr_100 {
    padding-right: 100px;
}

.pr_120 {
    padding-right: 120px;
}

.pr_70 {
    padding-right: 70px;
}

.pr_50 {
    padding-right: 50px;
}

.pr_20 {
    padding-right: 20px;
}

.pt_150 {
    padding-top: 150px;
}

.pt_120 {
    padding-top: 40px;
}

.sec_pad {
    padding: 50px 0px;
}

/*====================================================*/
/*====================================================*/
.btn_hover {
    overflow: hidden;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    z-index: 1;
    cursor: pointer;
    transition: all 0.3s linear;
}

    .btn_hover:hover {
        color: #fff;
    }

.btn_get {
    font: 500 14px/47px "Poppins", sans-serif;
    color: #6754e2;
    border: 2px solid rgb(204, 197, 250);
    border-radius: 4px;
    box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
    padding: 0px 23px;
    transform: perspective(1px) translateZ(0);
    transition-property: color;
    transition: all 0.3s ease;
    min-width: 120px;
    text-align: center;
}

    .btn_get:hover {
        color: #fff;
        background: #6754e2;
        border-color: #6754e2;
        box-shadow: none;
    }

.btn_get_two {
    box-shadow: none;
    background: #5e2ced;
    border-color: #5e2ced;
    color: #fff;
}

    .btn_get_two:hover {
        background: transparent;
        color: #5e2ced;
    }

.price_btn {
    font: 500 15px/53px "Poppins", sans-serif;
    color: #6754e2;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding: 0px 25px;
    display: inline-block;
    transition: background 0.2s linear;
}

    .price_btn:hover {
        color: #fff;
    }

.slider_btn {
    font: 500 14px/20px "Poppins", sans-serif;
    border-radius: 45px;
    padding: 15px 35px;
    background: #fff;
}

    .slider_btn:hover {
        color: #fff;
    }

.btn_three {
    font: 500 14px "Poppins", sans-serif;
    color: #fff;
    background: #017dac;
    border-radius: 3px;
    padding: 15px 30px;
    border: 1px solid #017dac;
    margin-top: 50px;
    transition: all 0.3s linear;
    cursor: pointer;
    display: inline-block;
}

    .btn_three:hover {
        color: #017dac;
        background: transparent;
    }

.agency_banner_btn {
    font: 500 17px "Poppins", sans-serif;
    color: #fff;
    background: #5b7921;
    /*        box-shadow: 0px 20px 30px 0px rgb(149, 193, 31);
*/ border-radius: 3px;
    padding: 16px 38px;
    border: 1px solid #5b7921;
    transition: all 0.2s linear;
    cursor: pointer;
}

    .agency_banner_btn:hover {
        color: #fff;
        background: #017dac !important;
        border: 1px solid #017dac;
        box-shadow: none;
        background: transparent;
    }

.agency_banner_btn_two {
    font: 500 14px "Poppins", sans-serif;
    color: #222d39;
    position: relative;
    margin-left: 50px;
    transition: color 0.2s linear;
}

    .agency_banner_btn_two:before {
        content: "";
        width: 100%;
        height: 1px;
        background: #60656d;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: background 0.2s linear;
    }

    .agency_banner_btn_two:hover {
        color: #5e2ced;
    }

        .agency_banner_btn_two:hover:before {
            background: #5e2ced;
        }

.software_banner_btn {
    font: 500 14px "Poppins", sans-serif;
    color: #fff;
    background: #3d64f4;
    box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    display: inline-block;
    padding: 16px 42px;
    border-radius: 45px;
    border: 0px;
    transition: all 0.2s linear;
}

    .software_banner_btn:hover {
        color: #3d64f4;
        background: #fff;
    }

.video_btn {
    font: 500 14px "Poppins", sans-serif;
    color: #fff;
    margin-left: 30px;
}

    .video_btn .icon {
        width: 44px;
        height: 44px;
        border-radius: 50%;
        background: #fff;
        display: inline-block;
        color: #3d64f4;
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        margin-right: 18px;
        vertical-align: middle;
        box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.19);
    }

    .video_btn span {
        display: inline-block;
        position: relative;
    }

        .video_btn span:before {
            content: "";
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            background: #fff;
        }

    .video_btn:hover {
        color: #fff;
    }

.btn_four {
    font: 500 14px "Poppins", sans-serif;
    padding: 16px 40px;
    border-radius: 45px;
    color: #fff;
    border: 1px solid #3d64f4;
    background: #3d64f4;
    cursor: pointer;
}

    .btn_four:hover {
        color: #3d64f4;
        background: transparent;
    }

.saas_banner_btn {
    padding: 16px 40px;
    background: #3d57f4;
    border-radius: 4px;
    color: #fff;
}

    .saas_banner_btn:hover {
        color: #3d57f4;
        background: #fff;
    }

.btn_five {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 3px;
    padding: 12px 28px;
}

    .btn_five:hover {
        background: #3d57f4;
        border-color: #3d57f4;
    }

.app_btn {
    box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    background-color: #017dac;
    display: inline-block;
    padding: 14px 40px;
    color: #fff;
    border-radius: 45px;
    border: 1px solid #017dac;
}

    .app_btn:hover {
        background-color: #5b7921;
        color: #fff;
        box-shadow: none;
        border: 1px solid #5b7921;
    }

.gr_btn {
    font: 500 14px "Poppins", sans-serif;
    color: #23b1fe;
    display: inline-block;
    padding: 15px 31px;
    position: relative;
    min-width: 140px;
    border-radius: 4px;
    background-image: linear-gradient(-48deg, rgb(35, 126, 253) 0%, rgb(36, 176, 254) 46%, rgb(36, 226, 255) 100%);
    z-index: 1;
    transition: color 0.2s linear;
}

    .gr_btn:before {
        content: "";
        position: absolute;
        top: 1px;
        left: 50%;
        width: calc(100% - 2px);
        bottom: 1px;
        border-radius: 4px;
        background: #fff;
        z-index: 0;
        transition: opacity 0.2s linear;
        transform: translatex(-50%);
    }

    .gr_btn .text {
        position: relative;
        z-index: 1;
    }

    .gr_btn:hover {
        color: #fff;
    }

        .gr_btn:hover:before {
            opacity: 0;
        }

.btn_six {
    font-size: 15px;
    border: 1px solid #17c7bd;
    padding: 13px 35px;
    transition: all 0.3s linear;
    display: inline-block;
}

    .btn_six + .btn_six {
        background: #ebfaf9;
        color: #17c7bd;
        margin-left: 20px;
    }

        .btn_six + .btn_six i {
            padding-right: 5px;
        }

        .btn_six + .btn_six:hover {
            background: #17c7bd;
            color: #fff;
        }

.seo_btn {
    display: inline-block;
    padding: 11px 40px;
    border-radius: 4px;
}

.seo_btn_one {
    color: #5e2ced;
    background: #e8e1fc;
}

    .seo_btn_one:hover {
        background: #5e2ced;
        color: #fff;
    }

.seo_btn_two {
    color: #00c99c;
    background: #d4f6ee;
}

    .seo_btn_two:hover {
        background: #00c99c;
        color: #fff;
    }

.btn_1 {
    border: 1px solid #5e2ced;
    border-radius: 25px;
    display: inline-block;
    padding: 10px 40px;
    background: #5e2ced;
    color: #fff;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    transition: 0.5s;
    box-shadow: 0px 20px 50px 0px rgba(123, 78, 245, 0.3);
}

    .btn_1:hover {
        color: #fff;
        box-shadow: none;
    }

.play_btn {
    z-index: 1;
    width: 111px;
    height: 111px;
    line-height: 111px;
    text-align: center;
    position: relative;
    display: inline-block;
}

    .play_btn:before {
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        content: "";
        position: absolute;
        border-radius: 100%;
        border: 1px dashed #d1d0cf;
        animation: spinner 7s infinite linear;
    }

    .play_btn span {
        top: 50%;
        left: 50%;
        width: 70px;
        height: 70px;
        color: #ffffff;
        font-size: 40px;
        line-height: 74px;
        position: absolute;
        border-radius: 100%;
        transform: translate(-50%, -50%);
        box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
        background-image: linear-gradient(90deg, #2a3bd8 0%, #5075ef 100%);
    }

@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}
/*====================================================*/
/*====================================================*/
/*=========== Preloader ============*/
.ctn-preloader {
    align-items: center;
    cursor: default;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9000;
}

    .ctn-preloader .animation-preloader {
        z-index: 1000;
    }

        .ctn-preloader .animation-preloader .spinner {
            animation: spinner 1s infinite linear;
            border-radius: 50%;
            border: 3px solid rgba(0, 0, 0, 0.2);
            border-top-color: #000000;
            height: 9em;
            margin: 0 auto 3.5em auto;
            width: 9em;
        }

        .ctn-preloader .animation-preloader .txt-loading {
            font: bold 5em "Poppins", sans-serif;
            text-align: center;
            user-select: none;
        }

            .ctn-preloader .animation-preloader .txt-loading .letters-loading {
                color: rgba(0, 0, 0, 0.2);
                position: relative;
            }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:before {
                    animation: letters-loading 4s infinite;
                    color: #017dac;
                    content: attr(data-text-preloader);
                    left: 0;
                    opacity: 0;
                    font-family: "Poppins", sans-serif;
                    position: absolute;
                    top: -3px;
                    transform: rotateY(-90deg);
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before {
                    color: #017dac;
                    animation-delay: 0.2s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before {
                    color: #017dac;
                    animation-delay: 0.4s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before {
                    color: #017dac;
                    animation-delay: 0.6s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before {
                    color: #5b7921;
                    animation-delay: 0.8s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before {
                    color: #5b7921;
                    animation-delay: 1s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before {
                    color: #5b7921;
                    animation-delay: 1.2s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before {
                    color: #5b7921;
                    animation-delay: 1.4s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(9):before {
                    color: #5b7921;
                    animation-delay: 1.2s;
                }

                .ctn-preloader .animation-preloader .txt-loading .letters-loading:nth-child(10):before {
                    color: #5b7921;
                    animation-delay: 1.4s;
                }

    .ctn-preloader.dark .animation-preloader .spinner {
        border-color: rgba(255, 255, 255, 0.2);
        border-top-color: #fff;
    }

    .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading {
        color: rgba(255, 255, 255, 0.2);
    }

        .ctn-preloader.dark .animation-preloader .txt-loading .letters-loading:before {
            color: #fff;
        }

    .ctn-preloader p {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 8px;
        color: #3b3b3b;
    }

    .ctn-preloader .loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 0;
        z-index: 1;
        pointer-events: none;
    }

        .ctn-preloader .loader .row {
            height: 100%;
        }

        .ctn-preloader .loader .loader-section {
            padding: 0px;
        }

            .ctn-preloader .loader .loader-section .bg {
                background-color: #ffffff;
                height: 100%;
                left: 0;
                width: 100%;
                transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
            }

        .ctn-preloader .loader.dark_bg .loader-section .bg {
            background: #111339;
        }

    .ctn-preloader.loaded .animation-preloader {
        opacity: 0;
        transition: 0.3s ease-out;
    }

    .ctn-preloader.loaded .loader-section .bg {
        width: 0;
        transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
    }

@keyframes spinner {
    to {
        transform: rotateZ(360deg);
    }
}

@keyframes letters-loading {
    0%, 75%, 100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }

    25%, 50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}

@media screen and (max-width: 767px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 8em;
        width: 8em;
    }

    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 3.5em "Poppins", sans-serif;
    }
}

@media screen and (max-width: 500px) {
    .ctn-preloader .animation-preloader .spinner {
        height: 7em;
        width: 7em;
    }

    .ctn-preloader .animation-preloader .txt-loading {
        font: bold 2em "Poppins", sans-serif;
    }
}
/*====================================================*/
/*====================================================*/
/*============== header_area css ==============*/
.header_area {
    /*        position: fixed;
*/ width: 100%;
    left: 0;
    z-index: 20;
    top: 0;
}

.menu_one {
    padding: 0px;
}

    .menu_one .btn_get {
        margin-left: 40px;
    }

    .menu_one .btn_1 {
        padding: 10px 40px;
        margin-left: 40px;
    }

.sticky_logo img + img {
    display: none;
}

@media (min-width: 992px) {
    .mobile_btn {
        visibility: hidden;
        display: none;
    }
}

.menu > .nav-item {
    position: relative;
    padding-bottom: 35px;
    padding-top: 35px;
}

    .menu > .nav-item > .nav-link {
        font: 400 14px "Poppins", sans-serif;
        color: #051441;
        padding: 0px;
        transition: color 0.3s ease 0s;
        position: relative;
    }

        .menu > .nav-item > .nav-link:before {
            content: "";
            width: 0;
            height: 1px;
            background: #6754e2;
            position: absolute;
            bottom: 0;
            left: auto;
            right: 0;
            transition: all 0.2s linear;
        }

        .menu > .nav-item > .nav-link:after {
            display: none;
        }

    .menu > .nav-item.submenu .dropdown-menu {
        margin: 0px;
        border: 0px;
        margin: 0px;
        border-radius: 0px;
        left: -40px;
        min-width: 200px;
        padding: 0px;
        background: #fff;
        box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu {
        transform: translateY(20px);
        transition: all 0.3s ease-in;
        opacity: 0;
        pointer-events: none;
        top: 100%;
        display: block;
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item {
    display: block;
    width: 100%;
    margin-right: 0px;
    padding: 0px 40px;
    position: relative;
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link {
        padding: 0px;
        white-space: nowrap;
        font: 400 14px/34px "Poppins", sans-serif;
        color: #051441;
        transition: color 0.2s linear;
    }

        .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link:after {
            display: none;
        }

        .menu > .nav-item.submenu .dropdown-menu .nav-item .nav-link span.arrow_carrot-right {
            right: 20px;
            position: absolute;
            line-height: 30px;
            font-size: 18px;
        }

    .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child {
        padding-top: 25px;
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child > .dropdown-menu {
        top: 0;
    }
}

.menu > .nav-item.submenu .dropdown-menu .nav-item:last-child {
    padding-bottom: 30px;
    margin-bottom: -8px;
}

.menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
    transition: transform 0.3s ease-in;
    padding: 0px;
}

    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu:before {
        display: none;
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu {
        position: absolute;
        left: 100%;
        top: -25px;
        opacity: 0;
        display: block;
        pointer-events: none;
        transform: translateY(20px);
        transition: all 0.3s ease-in;
    }
}

.menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item {
    padding: 0px;
}

    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu {
        left: 0;
        position: relative;
        transform: translateY(0);
    }

        .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item {
            padding: 20px 45px;
            border: 1px solid transparent;
            transition: all 0.15s linear;
        }

            .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link {
                display: flex;
            }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon {
                    margin-right: 25px;
                }

                    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_icon img {
                        max-width: 30px;
                    }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content h5 {
                    font: 500 16px "Poppins", sans-serif;
                    color: #13112d;
                    margin-bottom: 0px;
                }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item .nav-link .navdropdown_link .navdropdown_content p {
                    margin-bottom: 0;
                    padding-top: 5px;
                    font-size: 15px;
                    line-height: 20px;
                    color: #677294;
                }

            .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn {
                border-top-color: #f2f0f7;
                padding: 15px 45px;
            }

                .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link {
                    align-items: center;
                    justify-content: center;
                }

                    .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item.nav_download_btn .nav-link .navdropdown_link .navdropdown_icon {
                        margin-right: 10px;
                    }

            .menu > .nav-item.submenu .dropdown-menu.mega_menu_three > .nav-item > .dropdown-menu .nav-item:hover {
                transform: scale(1.05);
                border-color: #f2f0f7;
                background-color: rgb(255, 255, 255);
                box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1), 0px -1px 0px 0px rgba(243, 241, 248, 0.004);
            }

.menu > .nav-item.submenu.mega_menu {
    position: static;
}

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner {
        min-width: 200px;
        list-style: none;
        position: absolute;
        box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05);
        left: 0px;
        right: 0px;
        transition: all 300ms linear 0s;
        background: #fff;
    }

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner {
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.3s ease-in;
        -o-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        top: 100%;
        opacity: 0;
        pointer-events: none;
        display: block;
    }
}

.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
    position: relative;
    max-width: 1170px;
    margin: 0 auto;
    left: 0;
    background: transparent;
    box-shadow: none;
    padding: 0px;
}

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu {
        display: flex;
        flex-wrap: wrap;
    }
}

.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 0px;
    width: 25%;
}

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .nav-link {
        font: 500 18px "Poppins", sans-serif;
        color: #13112d;
    }

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu {
        left: 0;
        position: relative;
        transform: translateY(0);
        box-shadow: none;
        padding: 0px;
        background: transparent;
        top: 0;
    }

        .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item {
            padding-left: 0px;
            padding-right: 0px;
            white-space: normal;
        }

            .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:first-child {
                padding-top: 20px;
            }

            .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu > .nav-item:last-child {
                padding-bottom: 0px;
                margin-bottom: 0px;
            }

    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:hover > .nav-link {
        color: inherit !important;
    }

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
    left: 0;
}

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu {
        padding: 20px 0px;
    }
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_scrollTools {
    width: 0px;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCSB_container {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .mCustomScrollBox {
    width: 100%;
}

.menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item {
    padding: 0px;
    margin-bottom: 0;
    width: 100%;
}

    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu {
        left: 0;
        display: flex;
        flex-wrap: wrap;
        margin-left: -20px;
        max-height: calc(100vh - 120px);
    }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .dropdown-menu .nav-item {
            width: 25%;
            padding: 15px 20px;
            margin-bottom: 0;
        }

    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item {
        text-align: center;
    }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .rebon_tap {
            font: 500 12px "Poppins", sans-serif;
            color: #fff;
            background: red;
            display: block;
            position: absolute;
            top: -7px;
            left: -25px;
            padding: 15px 22px 5px;
            text-transform: uppercase;
            transform: rotate(-45deg);
        }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img {
            box-shadow: 0px 4px 8px 0px rgba(12, 0, 46, 0.06);
            position: relative;
            margin-top: 0;
            display: block;
            overflow: hidden;
        }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img:before {
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                background: #13112d;
                left: 0;
                top: 0;
                opacity: 0;
                transition: opacity 0.3s linear;
            }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img img {
                width: 100%;
                max-width: 100%;
            }

            .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .img.box_none {
                box-shadow: none;
            }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text {
            font: 500 16px/22px "Poppins", sans-serif;
            color: #13112d;
            display: block;
            margin-top: 20px;
        }

        .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item:hover .img:before {
            opacity: 0.5;
        }

@media (min-width: 992px) {
    .menu > .nav-item.submenu.mega_menu:hover .dropdown-menu > .nav-item > .dropdown-menu {
        opacity: 1;
        pointer-events: all;
    }

    .menu > .nav-item.submenu.mega_menu:hover .mega_menu_inner {
        transform: translateY(0);
        opacity: 1;
        pointer-events: all;
    }
}

.menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
    left: auto;
    right: 0;
}

    .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu .nav-item > .dropdown-menu {
        left: auto;
        right: 100%;
    }

.menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu {
    left: 0;
    right: auto;
}

    .menu > .nav-item:nth-last-child(-n+2).submenu.mega_menu .dropdown-menu .nav-item > .dropdown-menu {
        left: 0;
        right: auto;
    }

.menu > .nav-item + .nav-item {
    margin-left: 45px;
}

.menu > .nav-item.active .nav-link:before {
    width: 100%;
    left: 0;
    right: auto;
}

.menu > .nav-item:hover .nav-link:before {
    width: 100%;
    left: 0;
    right: auto;
}

@media (min-width: 992px) {
    .menu > .nav-item:hover .dropdown-menu {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }

        .menu > .nav-item:hover .dropdown-menu.mega_menu_three .nav-item .dropdown-menu {
            opacity: 1;
            pointer-events: all;
        }
}

@media (min-width: 992px) and (min-width: 992px) {
    .menu > .nav-item:hover .dropdown-menu > .nav-item:hover .dropdown-menu {
        transform: scaleY(1);
        opacity: 1;
        pointer-events: all;
    }
}

.navbar .search_cart .search a,
.navbar .search_cart .shpping-cart a {
    font-size: 18px;
    line-height: 18px;
    padding-top: 3px;
    color: #5b7921;
    margin-left: 16px;
}

.navbar .search_cart.w_menu .search a,
.navbar .search_cart.w_menu .shpping-cart a {
    color: #fff;
}

    .navbar .search_cart.w_menu .search a.nav-link {
        margin-left: 0;
    }

        .navbar .search_cart.w_menu .search a.nav-link:before {
            display: none;
        }

.navbar .search_cart .search {
    display: inline-block;
}

    .navbar .search_cart .search a.nav-link {
        font-size: 16px;
        line-height: 20px;
        position: relative;
        margin-left: 32px;
    }

        .navbar .search_cart .search a.nav-link:before {
            width: 1px !important;
            height: 12px;
            left: -14px;
            top: 3px;
            background: #13112d;
        }

.navbar .search_cart .shpping-cart {
    display: inline-block;
    margin-left: 0px;
    margin-right: 0px;
}

    .navbar .search_cart .shpping-cart .num {
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #017dac;
        color: #fff;
        font-size: 11px;
        display: block;
        position: absolute;
        top: -8px;
        right: -9px;
        line-height: 16px;
        text-align: center;
    }

    .navbar .search_cart .shpping-cart .nav-link:before {
        display: none;
    }

    .navbar .search_cart .shpping-cart .dropdown-menu {
        padding: 0px;
        min-width: 350px;
        width: 100%;
        position: absolute;
    }

        .navbar .search_cart .shpping-cart .dropdown-menu li {
            background: #fff;
        }

            .navbar .search_cart .shpping-cart .dropdown-menu li:first-child {
                padding-bottom: 0px;
            }

        .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item {
            display: flex;
            flex-wrap: wrap;
            padding: 30px;
        }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item a {
                color: #333;
                margin-left: 0;
            }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-img {
                display: block;
                width: 30%;
                transition: all 0.3s linear;
            }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content {
                width: 60%;
                padding-left: 15px;
                align-self: center;
            }

                .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content .cart-title {
                    font-size: 15px;
                    font-weight: 500;
                    line-height: 22px;
                    font-family: "Poppins", sans-serif;
                    margin-bottom: 10px;
                    transition: color 0.3s linear;
                }

                .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p {
                    font-size: 14px;
                    line-height: 22px;
                    font-family: "Poppins", sans-serif;
                    color: #333;
                    font-weight: 300;
                    margin-bottom: 0px;
                }

                    .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-content p del {
                        color: #919191;
                    }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove {
                width: 10%;
                text-align: right;
                align-self: center;
            }

                .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a {
                    font-size: 14px;
                    color: #333;
                }

                    .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item .cart-remove a:hover {
                        color: #6754e2;
                    }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-img {
                opacity: 0.5;
            }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
                color: #6754e2;
            }

        .navbar .search_cart .shpping-cart .dropdown-menu .cart_f {
            padding: 25px 30px 30px;
            background: #f9f9f9;
        }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total {
                font-size: 14px;
                color: #676b75;
            }

                .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .total .p-total {
                    float: right;
                    font-size: 20px;
                    color: #333333;
                    font-weight: 500;
                }

            .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
                font-size: 14px;
                text-transform: capitalize;
                border-radius: 4px;
                margin: 0px;
                line-height: 40px;
                padding: 0px 32px;
                background: #6754e2;
                border: 1px solid #6754e2;
                color: #fff;
                transition: all 0.3s linear;
            }

                .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
                    background: transparent;
                    color: #6754e2;
                }

                .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
                    margin-left: 10px;
                    background: transparent;
                    color: #6754e2;
                }

                    .navbar .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
                        background: #6754e2;
                        color: #fff;
                    }

.menu_two {
    padding: 0px;
}

    .menu_two .w_menu > .nav-item .nav-link:before {
        background: #5b7921;
    }

    .menu_two .w_menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
        color: #13112d;
    }

    .menu_two .menu_toggle .hamburger-cross span,
    .menu_two .menu_toggle .hamburger span {
        background: #051441;
    }

.w_menu .nav-item .nav-link {
    color: #fff;
}

    .w_menu .nav-item .nav-link:before {
        background: #fff;
    }

#landing_page .w_menu .nav-item .nav-link.active, #landing_page .w_menu .nav-item .nav-link:hover {
    color: #fff;
}

    #landing_page .w_menu .nav-item .nav-link.active:before, #landing_page .w_menu .nav-item .nav-link:hover:before {
        background: #fff;
        width: 100%;
        right: auto;
        left: 0;
    }

.login_btn {
    font: 500 15px "Poppins", sans-serif;
    padding: 10px 20px;
    /*min-width: 120px;*/
    display: inline-block;
    text-align: center;
    color: #051441;
    transition: all 0.2s linear;
   /* border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 45px;*/
    border: 1px solid transparent;
    margin-left: 5px;
    border-radius:4px;
}

    .login_btn:hover, .login_btn.active {
        background: #017dac;
        /* box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);*/
    }

.nav_right_btn .login_btn {
    font: 500 15px "Poppins", sans-serif;
    padding: 13px 32px;
    min-width: 120px;
    display: inline-block;
    text-align: center;
    color: #051441;
    transition: all 0.2s linear;
    border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 45px;
    border: 1px solid transparent;
}

    .nav_right_btn .login_btn:hover, .nav_right_btn .login_btn.active {
        background: #fff;
        box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.1);
    }

@media (max-width: 991px) {
    .nav_right_btn {
        display: none;
    }
}

.menu_four .btn_get {
    border-color: #fff;
    padding: 0px 30px;
    background: #fff;
    min-width: 120px;
    text-align: center;
}

    .menu_four .btn_get:hover {
        background: #5e2ced;
        border-color: #5e2ced;
    }

.menu_four .btn_get_radious {
    background: transparent;
}

    .menu_four .btn_get_radious:hover {
        background: #fff;
    }

.menu_four .menu_toggle .hamburger span,
.menu_four .menu_toggle .hamburger-cross span {
    background: #fff;
}

.menu_four .event_btn {
    border-color: #af8a90;
    background: transparent;
    padding: 7px 41px;
}

    .menu_four .event_btn:hover {
        background: #fd475d;
        border-color: #fd475d;
    }

.menu_five {
    border-radius: 0px;
}

    .menu_five .menu > .nav-item .nav-link {
        color: #fff;
    }

    .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_five .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
        color: #3d64f4;
    }

    .menu_five .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
        color: #051441;
    }

    .menu_five .btn_get {
        background: transparent;
        color: #fff;
        border: 1px solid #fff;
        line-height: 44px;
        padding: 0px 28px;
        min-width: 120px;
        text-align: center;
    }

        .menu_five .btn_get:hover {
            background: #fff;
            color: #3d64f4;
            border-color: #fff;
        }

    .menu_five .menu_toggle .hamburger span,
    .menu_five .menu_toggle .hamburger-cross span {
        background: #fff;
    }

.menu_six {
    padding: 0px;
}

    .menu_six .menu > .nav-item .nav-link {
        color: #fff;
    }

    .menu_six .menu > .nav-item:hover .nav-link, .menu_six .menu > .nav-item.active .nav-link {
        color: #3d57f4;
    }

        .menu_six .menu > .nav-item:hover .nav-link:before, .menu_six .menu > .nav-item.active .nav-link:before {
            background: #3d57f4;
        }

    .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_six .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
        color: #3d57f4;
    }

    .menu_six .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
        color: #051441;
    }

    .menu_six .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu {
        left: -40px;
        right: auto;
    }

    .menu_six .menu_toggle .hamburger-cross span,
    .menu_six .menu_toggle .hamburger span {
        background: #fff;
    }

    .menu_six .btn_get {
        border: 1px solid #fff;
        line-height: 43px;
        color: #fff;
    }

        .menu_six .btn_get:hover {
            background: #3d57f4;
            border-color: #3d57f4;
        }

.menu_seven {
    padding: 0px;
}

    .menu_seven .menu .nav-item .nav-link {
        color: #fff;
    }

    .menu_seven .menu .nav-item.active .nav-link:before, .menu_seven .menu .nav-item:hover .nav-link:before {
        background: #fff;
    }

    .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_seven .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
        color: #4069eb;
    }

    .menu_seven .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
        color: #051441;
    }

    .menu_seven .menu_toggle .hamburger-cross span,
    .menu_seven .menu_toggle .hamburger span {
        background: #fff;
    }

    .menu_seven .btn_get {
        background: transparent;
    }

        .menu_seven .btn_get:hover {
            background: #fff;
            color: #4069eb;
        }

.menu_eight .menu .nav-item.active .nav-link:before, .menu_eight .menu .nav-item:hover .nav-link:before {
    background: #fff;
}

.menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_eight .menu .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
    color: #23b1fe;
}

.menu_eight .menu .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item > .nav-link {
    color: #051441;
}

.menu_eight .saas_btn {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #fff;
    color: #23b1fe;
}

    .menu_eight .saas_btn.erp_btn_two {
        border-radius: 45px;
        color: #4e78f4;
    }

.menu_eight .menu_toggle .hamburger-cross span,
.menu_eight .menu_toggle .hamburger span {
    background: #fff;
}

.menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_nine .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
    color: #5f51fb;
}

.menu_nine .menu_toggle .hamburger-cross span,
.menu_nine .menu_toggle .hamburger span {
    background: #fff;
}

.menu_nine .btn_get {
    border-radius: 45px;
    line-height: 40px;
    font-size: 15px;
    margin-left: 35px;
}

.btn_get_radious {
    border-radius: 45px;
    border-width: 1px;
    color: #fff;
    background: #fff;
    box-shadow: none;
    padding: 0px 28px;
    line-height: 45px;
}

    .btn_get_radious:before {
        background: #5846ed;
    }

    .btn_get_radious:hover {
        color: #5846ed;
    }

/*============== header_area css ==============*/
/*========= hamburger menu css ========*/
.navbar-toggler {
    padding: 0px;
    margin-left: 20px;
    border: 0px;
}

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

.menu_toggle {
    width: 22px;
    height: 22px;
    position: relative;
    cursor: pointer;
    display: block;
}

    .menu_toggle .hamburger {
        position: absolute;
        height: 100%;
        width: 100%;
        display: block;
    }

        .menu_toggle .hamburger span {
            width: 0%;
            height: 2px;
            position: relative;
            top: 0;
            left: 0;
            margin: 4px 0;
            display: block;
            background: #5e2ced;
            border-radius: 3px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .menu_toggle .hamburger span:nth-child(1) {
                transition-delay: 0s;
            }

            .menu_toggle .hamburger span:nth-child(2) {
                transition-delay: 0.125s;
            }

            .menu_toggle .hamburger span:nth-child(3) {
                transition-delay: 0.2s;
            }

    .menu_toggle .hamburger-cross {
        position: absolute;
        height: 100%;
        width: 100%;
        transform: rotate(45deg);
        display: block;
    }

        .menu_toggle .hamburger-cross span {
            display: block;
            background: #5e2ced;
            border-radius: 3px;
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
        }

            .menu_toggle .hamburger-cross span:nth-child(1) {
                height: 100%;
                width: 2px;
                position: absolute;
                top: 0;
                left: 10px;
                transition-delay: 0.3s;
            }

            .menu_toggle .hamburger-cross span:nth-child(2) {
                width: 100%;
                height: 2px;
                position: absolute;
                left: 0;
                top: 10px;
                transition-delay: 0.4s;
            }

.collapsed .menu_toggle .hamburger span {
    width: 100%;
}

    .collapsed .menu_toggle .hamburger span:nth-child(1) {
        transition-delay: 0.3s;
    }

    .collapsed .menu_toggle .hamburger span:nth-child(2) {
        transition-delay: 0.4s;
    }

    .collapsed .menu_toggle .hamburger span:nth-child(3) {
        transition-delay: 0.5s;
    }

.collapsed .menu_toggle .hamburger-cross span:nth-child(1) {
    height: 0%;
    transition-delay: 0s;
}

.collapsed .menu_toggle .hamburger-cross span:nth-child(2) {
    width: 0%;
    transition-delay: 0.2s;
}

.header_area_two + section,
.header_area_three + section {
    margin-top: 93px;
}

.h_dark {
    background: #13112d;
}

.header_area_three {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.1);
}

    .header_area_three .menu_four .pl_30 {
        padding-left: 30px;
    }

    .header_area_three .menu_four .btn_get {
        border-color: #5e2ced;
        background: #5e2ced;
        color: #fff;
    }

        .header_area_three .menu_four .btn_get:hover {
            background: transparent;
            color: #5e2ced;
        }

    .header_area_three.navbar_fixed .menu_four .btn_get {
        border-color: #5e2ced !important;
    }

.header_area_four .header_top {
    background: #13112d;
}

    .header_area_four .header_top a {
        transition: color 0.3s linear;
    }

        .header_area_four .header_top a:hover {
            color: #5e2ced;
        }

.header_area_four + section {
    margin-top: 144px;
}

.header_top {
    padding: 12px 0px;
}

.header_contact_info {
    margin-bottom: 0;
}

    .header_contact_info li {
        display: inline-block;
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
        color: #fff;
        text-transform: capitalize;
    }

        .header_contact_info li:before {
            content: "";
            width: 1px;
            height: 12px;
            top: 1px;
            background: #5e5d76;
            display: inline-block;
            position: relative;
            margin: 0px 22px 0px 20px;
        }

        .header_contact_info li:first-child:before {
            display: none;
        }

        .header_contact_info li a {
            color: #c3c1da;
            font-weight: 300;
            padding-left: 5px;
        }

.header_social_icon {
    text-align: right;
    margin-bottom: 0;
}

    .header_social_icon li {
        display: inline-block;
        margin: 0px 0px 0px 15px;
    }

        .header_social_icon li a {
            font-size: 12px;
            color: #fff;
        }

.header_area_five .menu_one {
    padding: 0px 50px;
}

.header_area_six .header_top {
    border-bottom: 1px solid #e5ddfc;
}

    .header_area_six .header_top a:hover {
        color: #5e2ced !important;
    }

    .header_area_six .header_top .header_contact_info li {
        color: #282835;
    }

        .header_area_six .header_top .header_contact_info li a {
            color: #677294;
        }

    .header_area_six .header_top .header_social_icon li a {
        color: #282835;
    }

.header_area_six + section {
    margin-top: 144px;
}

.header_area_seven .header_top {
    background: #5e2ced;
    padding: 0px;
}

    .header_area_seven .header_top a {
        line-height: 50px;
        opacity: 0.7;
        transition: opacity 0.2s linear;
    }

        .header_area_seven .header_top a:hover {
            opacity: 1;
        }

    .header_area_seven .header_top .header_contact_info li i {
        vertical-align: middle;
    }

    .header_area_seven .header_top .header_contact_info li a {
        color: #fff;
    }

    .header_area_seven .header_top .header_social_icon {
        border-left: 1px solid #7444ff;
        padding-left: 22px;
        margin-left: 40px;
    }

    .header_area_seven .header_top .header_top_menu {
        text-align: right;
        margin-bottom: 0px;
    }

        .header_area_seven .header_top .header_top_menu li {
            display: inline-block;
        }

            .header_area_seven .header_top .header_top_menu li:before {
                content: "";
                width: 1px;
                height: 11px;
                background: #8e6bf7;
                display: inline-block;
                vertical-align: middle;
                margin: 0px 17px 0px 15px;
            }

            .header_area_seven .header_top .header_top_menu li a {
                font-size: 12px;
                font-family: "Poppins", sans-serif;
                font-weight: 300;
                color: #fff;
                transition: opacity 0.2s linear;
            }

            .header_area_seven .header_top .header_top_menu li:first-child:before {
                display: none;
            }

.header_area_seven + section {
    margin-top: 118px;
}

.menu_poss .w_menu.search_cart .search a.nav-link {
    margin-left: 32px;
}

/*============ sticky menu css ==============*/
.header_area {
    background-color: rgb(255, 255, 255);
    transition: all 0.2s linear;
}

    .header_area.navbar_fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
    }

    .header_area .w_menu .nav-item .nav-link {
        color: #051441;
    }

    .header_area.navbar_fixed .menu_one {
        padding: 0px;
        transition: all 0.2s linear;
    }

        .header_area.navbar_fixed .menu_one .btn_get {
            box-shadow: none;
        }

    .header_area.navbar_fixed .sticky_logo img {
        display: none;
    }

        .header_area.navbar_fixed .sticky_logo img + img {
            display: block;
        }

    .header_area.navbar_fixed .w_menu .nav-item .nav-link {
        color: #051441;
    }

        .header_area.navbar_fixed .w_menu .nav-item .nav-link:before {
            background: #051441;
        }

    .header_area.navbar_fixed #landing_page .w_menu .nav-item .nav-link:before {
        background: #6754e2;
    }

    .header_area.navbar_fixed #landing_page .w_menu .nav-item .nav-link.active, .header_area.navbar_fixed #landing_page .w_menu .nav-item .nav-link:hover {
        color: #6754e2;
    }

    .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover {
        color: #5e53fb;
    }

        .header_area.navbar_fixed .menu_poss .w_menu .nav-item .nav-link:hover:before {
            background: #5e53fb;
        }

    .header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link {
        color: #5e53fb;
    }

        .header_area.navbar_fixed .menu_poss .w_menu .nav-item.active .nav-link:before {
            background: #5e53fb;
        }

    .header_area.navbar_fixed .menu_poss .w_menu.search_cart .search a.nav-link:before {
        background: #5e53fb;
    }

    .header_area.navbar_fixed .menu_two .menu_toggle .hamburger-cross span,
    .header_area.navbar_fixed .menu_two .menu_toggle .hamburger span {
        background: #051441;
    }

    .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
        box-shadow: none;
        color: #fff !important;
        background: #5b7921;
        border-color: #5b7921 !important;
    }

    .header_area.navbar_fixed .menu_two .login_btn.active, .header_area.navbar_fixed .menu_two .login_btn:hover {
        box-shadow: none;
        color: #fff !important;
        background: #5b7921;
        border-color: #5b7921 !important;
    }

    .header_area.navbar_fixed .menu_two .nav_right_btn .sign_btn {
        box-shadow: none;
        color: #fff !important;
        background: #5b7921;
        border-color: #5b7921 !important;
    }



    .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover {
        color: #fff;
    }

    .header_area.navbar_fixed .menu_two .login_btn.active:hover {
        color: #fff;
    }

    .header_area.navbar_fixed .menu_four .btn_get {
        border: 2px solid #ccc5fa;
        box-shadow: none;
    }

        .header_area.navbar_fixed .menu_four .btn_get:hover {
            border-color: #6754e2;
        }

    .header_area.navbar_fixed .menu_four .btn_get_radious {
        border-color: #563bd1;
        color: #563bd1;
    }

        .header_area.navbar_fixed .menu_four .btn_get_radious:hover {
            background: #563bd1;
            color: #fff;
        }

    .header_area.navbar_fixed .menu_four .menu_toggle .hamburger span,
    .header_area.navbar_fixed .menu_four .menu_toggle .hamburger-cross span {
        background: #6754e2;
    }

    .header_area.navbar_fixed .menu_four .event_btn {
        color: #2c2c51;
        border-color: #2c2c51;
    }

        .header_area.navbar_fixed .menu_four .event_btn:hover {
            border-color: #fd475d;
            color: #fff;
        }

    .header_area.navbar_fixed .nav_right_btn .login_btn {
        color: #051441;
    }

    .header_area.navbar_fixed .login_btn {
        color: #051441;
    }

    .header_area.navbar_fixed .nav_right_btn .login_btn:hover {
        color: #051441;
    }

    .header_area.navbar_fixed .login_btn:hover {
        color: #051441;
    }

    .header_area.navbar_fixed .menu_five .btn_get {
        border-color: #3d64f4;
        color: #3d64f4;
        display: inline-block;
    }

        .header_area.navbar_fixed .menu_five .btn_get:hover {
            background: #3d64f4;
            color: #fff;
        }

    .header_area.navbar_fixed .menu_five .menu_toggle .hamburger-cross span,
    .header_area.navbar_fixed .menu_five .menu_toggle .hamburger span {
        background: #3d64f4;
    }

    .header_area.navbar_fixed .menu_six .menu > .nav-item > .nav-link {
        color: #051441;
    }

    .header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link {
        color: #3d57f4;
    }

        .header_area.navbar_fixed .menu_six .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_six .menu > .nav-item.active > .nav-link:before {
            background: #3d57f4;
        }

    .header_area.navbar_fixed .menu_six .menu_toggle .hamburger-cross span,
    .header_area.navbar_fixed .menu_six .menu_toggle .hamburger span {
        background: #3d57f4;
    }

    .header_area.navbar_fixed .menu_six .btn_get {
        border-color: #3d57f4;
        box-shadow: none;
        color: #3d57f4;
    }

        .header_area.navbar_fixed .menu_six .btn_get:hover {
            color: #fff;
        }

    .header_area.navbar_fixed .menu_seven .menu > .nav-item > .nav-link {
        color: #051441;
    }

    .header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link {
        color: #4069eb;
    }

        .header_area.navbar_fixed .menu_seven .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_seven .menu > .nav-item.active > .nav-link:before {
            background: #4069eb;
        }

    .header_area.navbar_fixed .menu_seven .btn_get {
        border-color: #4069eb;
        color: #4069eb;
    }

        .header_area.navbar_fixed .menu_seven .btn_get:hover {
            background: #4069eb;
            color: #fff;
        }

    .header_area.navbar_fixed .menu_seven .menu_toggle .hamburger-cross span,
    .header_area.navbar_fixed .menu_seven .menu_toggle .hamburger span {
        background: #4069eb;
    }

    .header_area.navbar_fixed .menu_eight .saas_btn {
        border-color: #23b1fe;
        box-shadow: none;
    }

        .header_area.navbar_fixed .menu_eight .saas_btn:hover {
            background: #23b1fe;
            color: #fff;
        }

        .header_area.navbar_fixed .menu_eight .saas_btn.erp_btn_two {
            border-color: #4e78f4;
        }

            .header_area.navbar_fixed .menu_eight .saas_btn.erp_btn_two:hover {
                background: #4e78f4;
            }

    .header_area.navbar_fixed .menu_eight .menu_toggle .hamburger span,
    .header_area.navbar_fixed .menu_eight .menu_toggle .hamburger-cross span {
        background: #23b1fe;
    }

    .header_area.navbar_fixed .security_btn {
        color: #0e79de;
    }

        .header_area.navbar_fixed .security_btn:hover {
            background: #0e79de;
            color: #fff;
        }

    .header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link {
        color: #5f51fb;
    }

        .header_area.navbar_fixed .menu_nine .menu > .nav-item:hover > .nav-link:before, .header_area.navbar_fixed .menu_nine .menu > .nav-item.active > .nav-link:before {
            background: #5f51fb;
        }

    .header_area.navbar_fixed .menu_nine .btn_get {
        border-color: #5f51fb;
        color: #5f51fb;
    }

        .header_area.navbar_fixed .menu_nine .btn_get:hover {
            background: #5f51fb;
            color: #fff;
        }

    .header_area.navbar_fixed .menu_nine .menu_toggle .hamburger-cross span,
    .header_area.navbar_fixed .menu_nine .menu_toggle .hamburger span {
        background: #5f51fb;
    }

    .header_area.navbar_fixed.header_area_five .menu_one {
        padding: 0px 50px;
    }

    .header_area.navbar_fixed.header_area_six .header_top {
        display: none;
    }

.security_btn {
    margin-top: 0;
    font-size: 14px;
    border: 2px solid #87bcef;
    padding: 7px 39px;
    border-radius: 45px;
    color: #fff;
}

    .security_btn:hover {
        background: #fff;
        color: #0e79de;
        border-color: #0e79de;
    }

.full_header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px;
}

    .full_header .logo img {
        display: none;
    }

        .full_header .logo img + img {
            display: inline-block;
        }

    .full_header .bar_menu {
        cursor: pointer;
    }

        .full_header .bar_menu span {
            width: 36px;
            height: 2px;
            background: #fff;
            display: block;
        }

            .full_header .bar_menu span:not(:last-child) {
                margin-bottom: 7px;
            }

            .full_header .bar_menu span:nth-child(2) {
                width: 24px;
            }

            .full_header .bar_menu span:nth-child(3) {
                width: 30px;
            }

    .full_header.content-white .logo img {
        display: inline-block;
    }

        .full_header.content-white .logo img + img {
            display: none;
        }

    .full_header.header_area {
        padding: 30px 0px;
    }

        .full_header.header_area .logo img {
            display: inline-block;
        }

            .full_header.header_area .logo img + img {
                display: none;
            }

        .full_header.header_area.navbar_fixed .logo img {
            display: none;
        }

            .full_header.header_area.navbar_fixed .logo img + img {
                display: inline-block;
            }

        .full_header.header_area.navbar_fixed .bar_menu span {
            background: #051441;
        }

.hamburger-menu-wrepper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 108;
    padding: 55px 80px;
    transform: scaleY(0);
    transition: transform 0.8s ease 0.4s;
    transform-origin: 0% 100%;
    background: rgba(5, 20, 65, 0.98);
}

    .hamburger-menu-wrepper .nav {
        position: relative;
        z-index: 108;
        transform: translateY(-15px);
        opacity: 0;
        visibility: hidden;
        -o-transition: all ease 0.3s 0s;
        transition: all ease 0.3s 0s;
    }

        .hamburger-menu-wrepper .nav .nav_logo img {
            opacity: 1 !important;
        }

        .hamburger-menu-wrepper .nav .close-menu {
            color: #fff;
        }

    .hamburger-menu-wrepper .animation-box {
        position: absolute;
        top: 5%;
        height: 100%;
        width: 100%;
        left: 0;
        transition-timing-function: linear;
        transition-duration: 0.3s;
    }

        .hamburger-menu-wrepper .animation-box .menu-box {
            display: table;
            height: 100%;
            width: 62%;
            margin: 0 auto;
            opacity: 0;
            transition-timing-function: ease-in-out;
            transition-duration: 0.3s;
        }

    .hamburger-menu-wrepper.show-menu {
        z-index: 108;
        opacity: 1;
        visibility: visible;
        transform: scaleY(1);
        transform-origin: 50% 0%;
        transition: -webkit-transform 0.7s ease 0.2s;
        transition: transform 0.7s ease 0.2s;
        transition: transform 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
    }

        .hamburger-menu-wrepper.show-menu .nav {
            transform: translateY(0px);
            transition: transform ease 1.4s 0.7s, opacity ease 1.4s 0.7s;
            opacity: 1;
            visibility: visible;
        }

        .hamburger-menu-wrepper.show-menu .animation-box {
            top: 0;
            opacity: 1;
            transition-timing-function: linear;
            transition-duration: 0.7s;
        }

            .hamburger-menu-wrepper.show-menu .animation-box .menu-box {
                opacity: 1;
            }

                .hamburger-menu-wrepper.show-menu .animation-box .menu-box .offcanfas_menu > li a {
                    transform: translateY(0px);
                    transition: transform ease 1.4s 0.6s, opacity ease 1.4s 0.6s, color 0.3s;
                    opacity: 1;
                    visibility: visible;
                }

.navbar .offcanfas_menu {
    margin: 0px;
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}

    .navbar .offcanfas_menu > .nav-item {
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

        .navbar .offcanfas_menu > .nav-item:not(:last-child) {
            margin-bottom: 18px;
        }

        .navbar .offcanfas_menu > .nav-item .nav-link {
            font-size: 2.1rem;
            line-height: 46px;
            display: inline-block;
            color: #fff;
            font-weight: 700;
            font-family: "Poppins", sans-serif;
            transform: translateY(45px);
            opacity: 0;
            visibility: hidden;
            -o-transition: all ease 0.3s 0s;
            transition: all ease 0.3s 0s;
            display: inline-block;
        }

            .navbar .offcanfas_menu > .nav-item .nav-link:before {
                background: #5f28fb;
            }

        .navbar .offcanfas_menu > .nav-item.submenu .nav-link {
            padding-right: 20px;
        }

            .navbar .offcanfas_menu > .nav-item.submenu .nav-link:after {
                content: "3";
                font-family: eleganticons;
                position: absolute;
                right: 13px;
                top: 0;
                display: block;
                border: 0;
                line-height: 50px;
                margin-left: 20px;
            }

        .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu {
            position: relative !important;
            transform: translate3d(0px, 0px, 0px) !important;
            display: none;
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            transition: all 0s linear;
            z-index: 0;
            background: transparent;
            padding-left: 25px;
            padding-top: 20px;
            padding-bottom: 0;
            max-height: none !important;
            left: 0;
        }

            .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item {
                background: transparent;
                padding: 0px;
            }

                .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item > .nav-link {
                    color: #fff;
                    font-size: 16px;
                    line-height: 31px;
                }

                .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item:hover .nav-link, .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu > .nav-item.active .nav-link {
                    color: #5f28fb;
                }

        .navbar .offcanfas_menu > .nav-item.submenu.active .nav-link {
            color: #5f28fb;
        }

            .navbar .offcanfas_menu > .nav-item.submenu.active .nav-link:before {
                background: #5f28fb;
            }

        .navbar .offcanfas_menu > .nav-item.submenu.show .nav-link {
            color: #5f28fb;
        }

            .navbar .offcanfas_menu > .nav-item.submenu.show .nav-link:before {
                width: 100%;
                background: #5f28fb;
            }

        .navbar .offcanfas_menu > .nav-item.submenu.show .dropdown-menu {
            position: relative !important;
            transform: translate3d(0px, 0px, 0px) !important;
        }

.header_footer {
    display: table-footer-group;
    padding-bottom: 80px;
}

    .header_footer h5 {
        font-size: 16px;
        color: #fff;
    }

    .header_footer ul {
        margin-bottom: 40px;
    }

        .header_footer ul li {
            display: inline-block;
            margin-right: 6px;
        }

            .header_footer ul li a {
                width: 44px;
                height: 44px;
                border: 1px solid #656c82;
                border-radius: 50%;
                text-align: center;
                font-size: 14px;
                line-height: 44px;
                color: #fff;
                display: block;
                transition: all 0.3s linear;
            }

                .header_footer ul li a:hover {
                    background: #fff;
                    border-color: #fff;
                    color: #5f28fb;
                }

    .header_footer p {
        font-size: 16px;
        color: #858faf;
        margin-bottom: 100px;
    }

.close_icon {
    position: absolute;
    right: 60px;
    top: 40px;
    color: #7b84a2;
    font-size: 30px;
    cursor: pointer;
    transition: all 0.3s linear;
}

    .close_icon:hover {
        color: #fff;
    }

.burger_menu {
    width: 40px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    font-size: 25px;
    display: flex;
    align-items: center;
    color: #051441;
    margin-left: 25px;
}

.side_menu_wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(5, 20, 65, 0.9);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.8s ease 0.4s;
    transition: -webkit-transform 0.8s ease 0.4s;
    -o-transition: transform 0.8s ease 0.4s;
    transition: transform 0.8s ease 0.4s;
    transition: transform 0.8s ease 0.4s, -webkit-transform 0.8s ease 0.4s;
    -webkit-transform-origin: 0% 50%;
    -ms-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

    .side_menu_wrapper .side_menu {
        max-width: 545px;
        height: 100%;
        margin-left: auto;
        background: #fff;
        position: relative;
        transition-duration: 0.4s;
        transform: translateX(100%);
        opacity: 0;
    }

        .side_menu_wrapper .side_menu ul {
            margin-bottom: 0;
        }

        .side_menu_wrapper .side_menu .menu_top {
            padding: 60px 70px 0px;
        }

            .side_menu_wrapper .side_menu .menu_top .close {
                font-size: 20px;
            }

        .side_menu_wrapper .side_menu .m_content {
            position: absolute;
            left: 0px;
            top: 10vh;
            overflow-x: hidden;
            overflow-y: auto;
            max-height: 55vh;
            -webkit-overflow-scrolling: touch;
            overflow-scrolling: touch;
            font-weight: 600;
            width: 100%;
            display: block;
            letter-spacing: -0.025rem;
            list-style: none;
            margin: 0;
            -webkit-transform: translateY(3rem);
            -ms-transform: translateY(3rem);
            transform: translateY(3rem);
            -webkit-transition: opacity 0.5s 0.6s ease, -webkit-transform 0.5s 0.6s ease;
            transition: opacity 0.5s 0.6s ease, -webkit-transform 0.5s 0.6s ease;
            -o-transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
            transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease;
            transition: transform 0.5s 0.6s ease, opacity 0.5s 0.6s ease, -webkit-transform 0.5s 0.6s ease;
            list-style: none;
            padding-left: 18%;
            padding-right: 100px;
            margin-top: 5vh;
        }

            .side_menu_wrapper .side_menu .m_content h2 {
                font-size: 3.5vh;
                line-height: 4vh;
                font-weight: 700;
                color: #051441;
                margin-bottom: 1vh;
            }

            .side_menu_wrapper .side_menu .m_content a {
                font-size: 2.5vh;
                font-weight: 500;
            }

            .side_menu_wrapper .side_menu .m_content p {
                font-size: 1.9vh;
                line-height: 2.9vh;
                color: #7e86a1;
                font-weight: 300;
                margin-top: 4vh;
                margin-bottom: 8.2vh;
            }

        .side_menu_wrapper .side_menu .get_info li .media img {
            margin-right: 20px;
            height: 5vh;
        }

        .side_menu_wrapper .side_menu .get_info li .media .media-body h4 {
            font-size: 2vh;
            font-weight: 600;
            margin-bottom: 0.5vh;
        }

        .side_menu_wrapper .side_menu .get_info li .media .media-body p {
            margin-bottom: 0vh;
            margin-top: 0.5vh;
            font-size: 1.8vh;
        }

        .side_menu_wrapper .side_menu .get_info li + li {
            margin-top: 2.9vh;
        }

        .side_menu_wrapper .side_menu .m_footer {
            position: absolute;
            left: 18%;
            bottom: 10%;
            display: flex;
            align-items: center;
        }

            .side_menu_wrapper .side_menu .m_footer li a {
                font-size: 20px;
                color: #959ebb;
                font-size: 16px;
                width: 50px;
                height: 50px;
                text-align: center;
                border: 1px solid #959ebb;
                display: inline-block;
                margin: 0px 5px;
                line-height: 50px;
                border-radius: 50%;
                transition: all 0.3s linear;
            }

                .side_menu_wrapper .side_menu .m_footer li a:hover {
                    background: rgb(95, 40, 251);
                    border-color: rgb(95, 40, 251);
                    color: #fff;
                    box-shadow: 0px 20px 20px 0px rgba(95, 40, 251, 0.3);
                }

.menu-is-opened .side_menu_wrapper {
    z-index: 100;
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    transition: -webkit-transform 0.7s ease 0.2s;
    -webkit-transition: -webkit-transform 0.7s ease 0.2s;
    -o-transition: transform 0.7s ease 0.2s;
    transition: transform 0.7s ease 0.2s;
    transition: transform 0.7s ease 0.2s, -webkit-transform 0.7s ease 0.2s;
}

    .menu-is-opened .side_menu_wrapper .side_menu {
        opacity: 1;
        transform: translateX(0);
        transition: transform 0.5s 0.6s linear;
    }

.menu_one.navbar .search_cart .search a.nav-link:before {
    display: none;
}

/*================= menu_scroll css ================*/
.menu_one.menu_scroll .container-fluid {
    padding-left: 100px;
    padding-right: 100px;
}

.menu_one .container-fluid {
    padding-left: 65px;
    padding-right: 100px;
}

.menu_one .tracking_btn {
    text-align: center;
    position: relative;
}

    .menu_one .tracking_btn .er_btn {
        font-size: 16px;
        color: #fff;
        background: #6754e2;
        border: 0px;
        padding: 8px 50px;
        margin-top: 0;
        display: block;
        position: relative;
        overflow: visible;
    }

        .menu_one .tracking_btn .er_btn i {
            margin-right: 10px;
        }

        .menu_one .tracking_btn .er_btn:hover {
            background: #6754e2;
        }

    .menu_one .tracking_btn h6 {
        font-size: 12px;
        color: #777777;
        margin-bottom: 0;
        line-height: 12px;
        position: relative;
        bottom: -7px;
    }

#landing_page ul li a.active {
    color: #6754e2;
}

    #landing_page ul li a.active:before {
        width: 100%;
    }

/*============= gadget_menu css =============*/
.gadget_menu .menu > .nav-item > .nav-link {
    font-size: 16px;
}

.gadget_menu .menu > .nav-item.submenu .dropdown-menu > .nav-item:hover > .nav-link {
    color: #fa6574;
}

.gadget_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
    color: #fa6574;
}

.gadget_menu .w_menu.search_cart .search a.nav-link {
    margin-left: 38px;
}

.gadget_menu .search_cart .shpping-cart .num {
    background: #232323;
}

.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
    color: #fa6574;
}

.gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
    background: #fa6574;
    border-color: #fa6574;
}

    .gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
        color: #fa6574;
    }

    .gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
        color: #fa6574;
    }

        .gadget_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
            background: #fa6574;
        }

.gadget_menu .alter_nav {
    top: 0;
}

.shop_menu .menu > .nav-item > .nav-link {
    font-size: 16px;
    font-family: "Inter", sans-serif;
}

    .shop_menu .menu > .nav-item > .nav-link:before {
        background: #f66b6a;
    }

.shop_menu .menu > .nav-item.submenu .dropdown-menu > .nav-item:hover > .nav-link {
    color: #f66b6a;
}

.shop_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
    color: #f66b6a;
}

.shop_menu .menu > .nav-item:hover > .nav-link, .shop_menu .menu > .nav-item.active > .nav-link {
    color: #fa6574;
}

.shop_menu .search_cart .shpping-cart .num {
    background: #fa6574;
}

.shop_menu .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
    color: #fa6574;
}

.shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
    background: #fa6574;
    border-color: #fa6574;
}

    .shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
        color: #fa6574;
    }

    .shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
        color: #fa6574;
    }

        .shop_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
            background: #fa6574;
        }

.menu_top_gap + div, .menu_top_gap + section {
    margin-top: 93px;
}

/*====================================================*/
/*====================================================*/
/*================= saas_home_area css ===============*/
.saas_home_area {
    position: relative;
    background: #fafafe;
    height: 1100px;
}

.banner_top {
    padding-top: 210px;
}

    .banner_top h2 {
        color: #051441;
        margin-bottom: 25px;
    }

    .banner_top p {
        margin-bottom: 42px;
    }

    .banner_top .subcribes {
        max-width: 630px;
        margin: 0 auto;
    }

        .banner_top .subcribes .form-control {
            border: 1px solid rgb(233, 235, 244);
            border-radius: 4px;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1);
            font: 400 15px/46px "Poppins", sans-serif;
            padding-left: 30px;
            color: #051441;
            z-index: 0;
        }

            .banner_top .subcribes .form-control.placeholder {
                color: #b4b9c8;
            }

            .banner_top .subcribes .form-control:-moz-placeholder {
                color: #b4b9c8;
            }

            .banner_top .subcribes .form-control::-moz-placeholder {
                color: #b4b9c8;
            }

            .banner_top .subcribes .form-control::-webkit-input-placeholder {
                color: #b4b9c8;
            }

        .banner_top .subcribes .btn_submit {
            position: absolute;
            right: 8px;
            color: #fff;
            top: 50%;
            transform: translateY(-50%);
            padding: 11px 32px;
        }

.saas_home_img {
    text-align: center;
    margin-top: 120px;
    position: relative;
}

    .saas_home_img img {
        box-shadow: 0px 40px 60px 0px rgba(0, 11, 40, 0.16);
        border-radius: 8px;
    }

/*============== slider_area css ==============*/
.slider_area {
    background-image: linear-gradient(40deg, rgb(23, 134, 216) 0%, rgb(0, 175, 240) 100%);
    height: 930px;
    background-size: cover;
    background-position: 50%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .slider_area .bottom_shoape {
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: -1;
        width: 100%;
    }

    .slider_area .middle_shape {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
    }

.leaf {
    position: absolute;
}

    .leaf.l_left {
        top: 200px;
        left: 260px;
    }

    .leaf.l_right {
        right: 0;
        bottom: 100px;
    }

.mobile_img {
    position: relative;
}

    .mobile_img .img {
        animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
        animation-name: animateUpDown;
        animation-duration: 2s;
        animation-iteration-count: infinite;
    }

    .mobile_img .mobile {
        z-index: -1;
        position: relative;
    }

    .mobile_img .women_img {
        top: 245px;
        right: 160px;
        z-index: 1;
    }

.slider_content {
    padding-top: 200px;
}

    .slider_content h2,
    .slider_content p {
        color: #fff;
    }

@keyframes animateUpDown {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-15px);
    }

    100% {
        transform: translateY(0px);
    }
}
/*=============== prototype_banner_area css ==============*/
.prototype_banner_area {
    background: #fbfbfd;
    padding-top: 220px;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.prototype_content .banner_subscribe .subcribes {
    display: block;
}

    .prototype_content .banner_subscribe .subcribes .form-control {
        max-width: 370px;
        width: 100%;
        border-radius: 3px;
        background-color: rgb(255, 255, 255);
        border: 0px;
        height: 50px;
        color: #222d39;
        padding-left: 30px;
        box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.06);
        font: 300 14px/28px "Poppins", sans-serif;
        border: 1px solid transparent;
    }

        .prototype_content .banner_subscribe .subcribes .form-control.placeholder {
            color: #aeb4ba;
        }

        .prototype_content .banner_subscribe .subcribes .form-control:-moz-placeholder {
            color: #aeb4ba;
        }

        .prototype_content .banner_subscribe .subcribes .form-control::-moz-placeholder {
            color: #aeb4ba;
        }

        .prototype_content .banner_subscribe .subcribes .form-control::-webkit-input-placeholder {
            color: #aeb4ba;
        }

        .prototype_content .banner_subscribe .subcribes .form-control:focus {
            border-color: #6754e2;
        }

.partner_logo {
    display: flex;
    flex-wrap: wrap;
    padding-top: 100px;
    border-bottom: 1px solid #eeeef5;
    padding-bottom: 35px;
    position: relative;
    z-index: 4;
}

    .partner_logo .p_logo_item {
        width: 20%;
        text-align: center;
    }

        .partner_logo .p_logo_item img {
            max-width: 100%;
            filter: contrast(0.3%);
            transition: all 0.3s ease 0s;
        }

        .partner_logo .p_logo_item:hover img {
            filter: contrast(100%);
        }

/*============== agency_banner_area css =============*/
.agency_banner_area {
    padding-top: 150px;
    position: relative;
    z-index: 1;
}

    .agency_banner_area .banner_shap {
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

.agency_content h2 {
    font-size: 50px;
    line-height: 66px;
}

/*================ software_banner_area css ================*/
.software_banner_area {
    min-height: 100vh;
    background-image: linear-gradient(140deg, rgb(35, 2, 109) 0%, rgb(61, 100, 244) 100%);
    position: relative;
    z-index: 0;
}

    .software_banner_area:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: -1;
        background: url("../img/home5/shap_tecture.png") no-repeat scroll center 0/cover;
    }

/*=============== saas banner area ================*/
.saas_banner_area {
    background-image: linear-gradient(140deg, rgb(3, 2, 7) 0%, rgb(17, 19, 57) 100%);
    padding-top: 230px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.saas_shap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.dasboard_img img {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

/*============= app_banner_area css ===========*/
.app_banner_area {
    background: url(/Content/Asset/img/home7/banner.png) no-repeat scroll center 100%;
    padding-top: 230px;
    padding-bottom: 210px;
    overflow: hidden;
    background-size: cover;
}

    .app_banner_area .app_img .app_screen {
        position: absolute;
        animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
        animation-name: animateUpDown;
        animation-iteration-count: infinite;
    }

        .app_banner_area .app_img .app_screen.one {
            top: 135px;
            left: 110px;
            animation-duration: 1.9s;
        }

        .app_banner_area .app_img .app_screen.two {
            top: 46px;
            left: 220px;
            animation-duration: 1.8s;
        }

        .app_banner_area .app_img .app_screen.three {
            top: 6px;
            left: 375px;
            animation-duration: 1.6s;
        }

.app_banner_contentmt h2 {
    line-height: 64px;
}

.app_banner_contentmt .app_btn {
    border: 0px;
    background: #fff;
    transition: all 0.2s linear;
    color: #4069eb;
    padding: 14px 40px;
}

    .app_banner_contentmt .app_btn:hover {
        border-color: #017dac;
        background: #017dac;
        color: #fff;
    }

/*================ agency_banner_area_two css ===============*/
.agency_banner_area_two {
    background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
    padding: 230px 0px 140px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.dot_shap {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 50%;
    z-index: -1;
}

    .dot_shap.one {
        width: 740px;
        height: 740px;
        top: -280px;
    }

    .dot_shap.two {
        width: 640px;
        height: 640px;
        top: -150px;
        right: -80px;
    }

    .dot_shap.three {
        width: 640px;
        height: 640px;
        top: 50%;
        transform: translateY(-50%);
        right: -450px;
    }

.agency_banner_img {
    margin-left: -100px;
}

.agency_content_two .agency_banner_btn {
    color: #5e2ced;
    border-color: #fff;
    background: #fff;
}

/*=============== saas_banner_area_two css ===============*/
.saas_banner_area_two {
    position: relative;
    z-index: 1;
}

    .saas_banner_area_two .shap_img {
        position: absolute;
        width: 99%;
        height: 540px;
        bottom: 120px;
        z-index: 0;
        left: 0;
        overflow: hidden;
        background-size: cover;
        transform: rotate(2deg);
        right: 0;
    }

    .saas_banner_area_two .section_intro {
        background-image: linear-gradient(-50deg, rgb(35, 126, 253) 0%, rgb(36, 176, 254) 46%, rgb(36, 226, 255) 100%);
    }

.section_container {
    max-width: 830px;
    margin: 0 auto;
    text-align: center;
    height: 100vh;
}

    .section_container .intro {
        height: 53%;
        width: 100%;
        position: relative;
    }

    .section_container .intro_content {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 0px 15px;
    }

        .section_container .intro_content h1 {
            font-size: 50px;
            letter-spacing: -0.2px;
            line-height: 70px;
            margin-bottom: 16px;
        }

        .section_container .intro_content p {
            line-height: 30px;
            margin-bottom: 60px;
        }

        .section_container .intro_content .subcribes {
            max-width: 570px;
            margin: 0 auto;
        }

            .section_container .intro_content .subcribes .form-control {
                border-radius: 4px;
                background-color: rgb(255, 255, 255);
                box-shadow: 0px 8px 16px 0px rgba(0, 11, 40, 0.1);
                font: 300 16px/36px "Poppins", sans-serif;
                border: 0px;
                color: #a1a8be;
                height: 60px;
                padding-left: 30px;
                position: relative;
                z-index: 1;
            }

                .section_container .intro_content .subcribes .form-control.placeholder {
                    color: #a1a8be;
                }

                .section_container .intro_content .subcribes .form-control:-moz-placeholder {
                    color: #a1a8be;
                }

                .section_container .intro_content .subcribes .form-control::-moz-placeholder {
                    color: #a1a8be;
                }

                .section_container .intro_content .subcribes .form-control::-webkit-input-placeholder {
                    color: #a1a8be;
                }

            .section_container .intro_content .subcribes .btn_submit {
                position: absolute;
                top: 0;
                right: 0;
                font: 400 14px/60px "Poppins", sans-serif;
                color: #fff;
                background: #1c7ce7;
                border-radius: 4px;
                padding: 0px 25px;
                border: 0px;
                z-index: 2;
            }

.animation_img {
    text-align: center;
    margin-top: -320px;
    z-index: 2;
    position: relative;
}

/*=============== saas_banner_area_two css ===============*/
.payment_banner_area {
    position: relative;
    min-height: 100vh;
    background-image: linear-gradient(-86deg, rgb(113, 33, 255) 0%, rgb(33, 212, 253) 100%);
    z-index: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .payment_banner_area .shape {
        background-image: linear-gradient(-57deg, rgb(113, 33, 255) 0%, rgb(33, 212, 253) 100%);
        position: absolute;
        left: -256px;
        top: -178px;
        width: 1095px;
        height: 602px;
        border-radius: 90px;
        transform: rotate(-38deg);
        z-index: -1;
        opacity: 0.2;
    }

        .payment_banner_area .shape.two {
            background-image: linear-gradient(-75deg, rgb(113, 33, 255) 0%, rgb(33, 212, 253) 100%);
            position: absolute;
            left: 689px;
            top: 458px;
            border-radius: 150px;
            width: 816px;
            height: 702px;
        }

.animation_img_two {
    width: 50%;
    height: 60%;
    float: right;
    text-align: right;
    position: absolute;
    bottom: 188px;
    right: 0;
    z-index: 0;
}

    .animation_img_two img {
        max-width: 100%;
    }

.svg_intro_bottom {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.payment_banner_content {
    max-width: 670px;
}

    .payment_banner_content h1 {
        line-height: 70px;
        margin-bottom: 25px;
    }

    .payment_banner_content p {
        line-height: 30px;
    }

    .payment_banner_content .agency_banner_btn {
        background: #fff;
        color: #5956fe;
        border-color: #fff;
    }

    .payment_banner_content .agency_banner_btn_two {
        color: #ffffff;
        margin-left: 30px;
    }

        .payment_banner_content .agency_banner_btn_two:before {
            display: none;
        }

        .payment_banner_content .agency_banner_btn_two i {
            vertical-align: middle;
            padding-left: 10px;
            transition: all 0.2s linear;
        }

        .payment_banner_content .agency_banner_btn_two:hover i {
            padding-left: 15px;
        }

/*=============== payment_banner_area_two css ==============*/
.payment_banner_area_two {
    background-image: linear-gradient(125deg, rgb(95, 81, 251) 0%, rgb(118, 124, 253) 64%, rgb(140, 167, 255) 100%);
    height: 100vh;
    min-height: 860px;
    padding-top: 200px;
    position: relative;
    z-index: 1;
}

    .payment_banner_area_two .symbols-pulse > div {
        background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 65%, rgba(255, 255, 255, 0.04) 100%);
        width: 28rem;
        height: 28rem;
    }

.payment_content_two {
    max-width: 800px;
    margin: 0 auto;
}

    .payment_content_two h2 {
        font-size: 50px;
        font-family: "Poppins", sans-serif;
        line-height: 66px;
        color: #fff;
        font-weight: 400;
        margin-bottom: 33px;
    }

        .payment_content_two h2 span {
            font-weight: 700;
        }

    .payment_content_two .slider_btn {
        color: #5f51fb;
        font-size: 15px;
        padding: 15px 41px;
        box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1);
    }

        .payment_content_two .slider_btn i {
            padding-right: 10px;
        }

        .payment_content_two .slider_btn:hover {
            background: #fff;
            box-shadow: none;
        }

    .payment_content_two .video_btn {
        position: relative;
        z-index: 1;
    }

        .payment_content_two .video_btn:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #fff;
            position: absolute;
            left: 0;
            bottom: 0;
        }

    .payment_content_two .payment_img {
        margin-top: 60px;
        position: relative;
        z-index: 1;
    }

        .payment_content_two .payment_img .payment_icon {
            position: absolute;
            z-index: 0;
        }

            .payment_content_two .payment_img .payment_icon.icon_one {
                top: -82px;
                left: -34px;
            }

            .payment_content_two .payment_img .payment_icon.icon_two {
                left: 20px;
                top: 33%;
            }

            .payment_content_two .payment_img .payment_icon.icon_three {
                top: 38%;
                left: -20px;
                z-index: 1;
            }

            .payment_content_two .payment_img .payment_icon.icon_four {
                right: 0;
                top: -89px;
            }

            .payment_content_two .payment_img .payment_icon.icon_five {
                right: -40px;
                top: 80px;
            }

            .payment_content_two .payment_img .payment_icon.icon_six {
                right: -20px;
                top: 160px;
            }

.company_banner_area {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(125deg, rgb(95, 81, 251) 0%, rgb(174, 89, 203) 64%, rgb(253, 96, 155) 100%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

    .company_banner_area .parallax-effect {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 105%;
        z-index: -1;
        opacity: 0.1;
    }

    .company_banner_area .company_banner_content h6 {
        font-size: 15px;
        font-weight: 400;
        margin-bottom: 28px;
        color: #fff;
    }

    .company_banner_area .company_banner_content h2 {
        font-size: 50px;
        line-height: 66px;
        font-weight: 700;
        color: #fff;
    }

    .company_banner_area .company_banner_content .about_btn {
        color: #5f51fb;
        font-size: 15px;
        padding: 14px 35px;
        margin-top: 28px;
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

        .company_banner_area .company_banner_content .about_btn:hover {
            background: #fff;
            color: #5f51fb;
            box-shadow: none;
        }

.new_startup_banner_area {
    min-height: 100vh;
    display: flex;
    align-items: center;
    background: rgb(86, 59, 209);
    position: relative;
    z-index: 0;
}

    .new_startup_banner_area:before {
        content: "";
        background: url("../img/new/startup_banner_bg.png") no-repeat scroll center bottom;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        z-index: -1;
        top: 0;
    }

    .new_startup_banner_area .new_startup_img {
        padding-right: 70px;
        position: relative;
        z-index: 1;
    }

        .new_startup_banner_area .new_startup_img .line {
            position: absolute;
            z-index: -1;
            height: 100%;
        }

            .new_startup_banner_area .new_startup_img .line.line_one {
                left: -40px;
                top: -95px;
            }

            .new_startup_banner_area .new_startup_img .line.line_two {
                left: 80px;
                bottom: -138px;
                opacity: 0.4;
            }

            .new_startup_banner_area .new_startup_img .line.line_three {
                right: 93px;
                top: -160px;
                opacity: 0.4;
            }

.new_startup_content h2 {
    font: 300 50px "Poppins", sans-serif;
    line-height: 58px;
}

    .new_startup_content h2 span {
        font-weight: 700;
    }

.new_startup_content .app_btn {
    background: #fff;
    border-color: #fff;
    color: #563bd1;
    box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
}

    .new_startup_content .app_btn i {
        padding-left: 8px;
    }

.startup_banner_area_three {
    min-height: 100vh;
    background: #17c7bd;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}

    .startup_banner_area_three:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: url("../img/new/startup_shap.png") no-repeat scroll center bottom/cover;
        z-index: -1;
    }

.startup_content_three h2 {
    font-size: 50px;
    color: #051441;
    font-weight: 300;
    line-height: 60px;
    margin-bottom: 30px;
}

    .startup_content_three h2 span {
        font-weight: 700;
    }

.startup_content_three p {
    font-size: 18px;
    color: #3c4043;
    line-height: 30px;
    font-style: italic;
    margin-bottom: 50px;
}

.stratup_app_screen {
    position: absolute;
    width: 48%;
    height: 100%;
    right: 0;
    z-index: -1;
}

    .stratup_app_screen .phone,
    .stratup_app_screen .laptop {
        position: absolute;
        right: 0;
    }

    .stratup_app_screen .phone {
        bottom: -220px;
        left: 0;
    }

    .stratup_app_screen .laptop {
        right: -200px;
        bottom: -200px;
    }

/*================= digital_banner_area css ============*/
.digital_banner_area {
    display: flex;
    align-items: center;
    min-height: 100vh;
    background-image: linear-gradient(40deg, rgb(95, 81, 251) 0%, rgb(118, 124, 253) 64%, rgb(140, 167, 255) 100%);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .digital_banner_area .digital_banner_shap {
        position: absolute;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(../img/new/digital_img.png) no-repeat scroll right 0;
        top: 0;
        z-index: -1;
    }

    .digital_banner_area .round_shap {
        position: absolute;
        border-radius: 50%;
        background-image: linear-gradient(50deg, rgb(64, 220, 253) 0%, rgb(82, 134, 253) 36%, rgb(99, 47, 253) 100%);
        border-radius: 50%;
        z-index: -1;
    }

        .digital_banner_area .round_shap.one {
            width: 200px;
            height: 200px;
            left: -100px;
        }

        .digital_banner_area .round_shap.two {
            width: 520px;
            height: 520px;
            left: 38%;
            bottom: -100px;
        }

        .digital_banner_area .round_shap.three {
            width: 100px;
            height: 100px;
            left: 34%;
            top: 200px;
        }

    .digital_banner_area #demo {
        position: absolute;
        z-index: -1;
    }

.digital_content {
    padding-right: 85px;
}

    .digital_content h6 {
        font-size: 15px;
        font-weight: 300;
        line-height: 28px;
        border-bottom: 1px solid #fff;
        display: inline-block;
        color: #fff;
    }

    .digital_content h2 {
        font-size: 50px;
        line-height: 66px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #fff;
    }

    .digital_content p {
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 44px;
        color: #fff;
    }

    .digital_content .btn_six {
        box-shadow: 0px 30px 30px 0px rgba(0, 11, 40, 0.1);
        background: #26c4e5;
        border-color: #26c4e5;
        color: #fff;
    }

        .digital_content .btn_six:hover {
            background: #26c4e5;
            color: #fff;
            box-shadow: none;
        }

.digital_video_slider {
    width: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .digital_video_slider .owl-stage {
        padding-left: 0px !important;
        padding-bottom: 30px;
    }

    .digital_video_slider .video_item {
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 20px 30px 0px rgba(0, 11, 40, 0.12);
    }

        .digital_video_slider .video_item .video_icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

            .digital_video_slider .video_item .video_icon:before {
                transform: scale(1.32);
            }

            .digital_video_slider .video_item .video_icon:after {
                position: absolute;
                left: 50%;
                top: 50%;
                border-radius: 50%;
                box-shadow: 0px 1px 15px 1px rgba(255, 255, 255, 0.3);
                content: "";
                -webkit-animation: pulse 2s infinite;
                -webkit-transform: scale(8);
                -ms-transform: scale(8);
                transform: scale(8);
                animation: pulse 2s infinite;
            }

            .digital_video_slider .video_item .video_icon i:after {
                display: none;
            }

/*================= digital_banner_area css ============*/
.saas_banner_area_three .owl-stage {
    padding-bottom: 138px;
}

.saas_banner_area_three .owl-dots {
    position: absolute;
    right: 50px;
    top: 43%;
    transform: translateY(-50%);
    margin-top: 0;
}

    .saas_banner_area_three .owl-dots button {
        display: block;
        margin: 15px 0px;
    }

        .saas_banner_area_three .owl-dots button span {
            background: #9886f7;
            border-color: #9886f7;
        }

        .saas_banner_area_three .owl-dots button.active span {
            background: #fff;
            border-color: #fff;
        }

.saas_banner_area_three .slider_item {
    min-height: 900px;
    background-image: linear-gradient(125deg, rgb(95, 81, 251) 0%, rgb(174, 89, 203) 64%, rgb(253, 96, 155) 100%);
    display: flex;
    position: relative;
}

    .saas_banner_area_three .slider_item.slider_item_two {
        background-image: linear-gradient(-120deg, rgb(134, 71, 249) 0%, rgb(78, 145, 193) 64%, rgb(21, 218, 136) 100%);
    }

    .saas_banner_area_three .slider_item .slidet_content {
        text-align: center;
        color: #fff;
        padding-top: 210px;
    }

        .saas_banner_area_three .slider_item .slidet_content h2 {
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #fff;
        }

            .saas_banner_area_three .slider_item .slidet_content h2 span {
                font-weight: 300;
            }

        .saas_banner_area_three .slider_item .slidet_content p {
            margin-bottom: 38px;
            font-size: 20px;
            color: #fff;
        }

        .saas_banner_area_three .slider_item .slidet_content .slider_btn {
            padding: 14px 51px;
            background: transparent;
            border: 1px solid #fff;
            color: #fff;
        }

            .saas_banner_area_three .slider_item .slidet_content .slider_btn:hover {
                background: #fff;
                color: #5f51fb;
            }

            .saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn {
                background: #fff;
                color: #5f51fb;
                margin-left: 15px;
            }

                .saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn:hover {
                    background: transparent;
                    color: #fff;
                }

    .saas_banner_area_three .slider_item .slidet_content_two {
        color: #fff;
        padding-top: 190px;
    }

        .saas_banner_area_three .slider_item .slidet_content_two h2 {
            font-size: 50px;
            font-weight: 600;
            margin-bottom: 30px;
            color: #fff;
        }

        .saas_banner_area_three .slider_item .slidet_content_two .slider_btn {
            border: 1px solid #fff;
            color: #5f51fb;
        }

            .saas_banner_area_three .slider_item .slidet_content_two .slider_btn:hover {
                background: transparent;
                color: #fff;
            }

    .saas_banner_area_three .slider_item .image_mockup {
        position: absolute;
        bottom: -140px;
        width: 1030px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
    }

        .saas_banner_area_three .slider_item .image_mockup img {
            max-width: 100%;
            width: auto;
            display: inline-block;
        }

        .saas_banner_area_three .slider_item .image_mockup .laptop {
            opacity: 0;
            transform: translateY(100px);
            transition: all 0.7s linear;
        }

        .saas_banner_area_three .slider_item .image_mockup .phone {
            right: 0;
            position: absolute;
            bottom: 46px;
        }

        .saas_banner_area_three .slider_item .image_mockup .watch {
            left: 0;
            position: absolute;
            bottom: 0px;
        }

.saas_banner_area_three .active .image_mockup .laptop {
    opacity: 1;
    transform: translateY(0);
}

.seo_home_area {
    background: #f7fdfc;
    position: relative;
    margin-bottom: 135px;
}

    .seo_home_area .saas_home_img {
        margin-top: 30px;
    }

        .seo_home_area .saas_home_img img {
            box-shadow: none;
            margin-bottom: -140px;
        }

.seo_banner_content h2 {
    font-size: 60px;
    line-height: 80px;
    color: #263b5e;
    font-weight: 600;
}

.seo_banner_content p {
    font-size: 18px;
    line-height: 30px;
    color: #6a7695;
    margin-bottom: 53px;
}

.seo_banner_content .seo_btn {
    margin: 0px 8px;
}

.home_bubble .bubble {
    position: absolute;
    border-radius: 50%;
}

    .home_bubble .bubble.b_one, .home_bubble .bubble.b_four {
        width: 10px;
        height: 10px;
    }

    .home_bubble .bubble.b_two, .home_bubble .bubble.b_five {
        width: 30px;
        height: 30px;
    }

    .home_bubble .bubble.b_three, .home_bubble .bubble.b_six {
        width: 14px;
        height: 14px;
    }

    .home_bubble .bubble.b_one {
        background: #00c99c;
        top: 40%;
        left: 85px;
        transform: translateY(-50%);
        animation: spin2 2s infinite alternate;
    }

    .home_bubble .bubble.b_two {
        background: #fca249;
        top: 50%;
        left: 155px;
        transform: translateY(-50%);
        animation: spin1 2s infinite alternate;
    }

    .home_bubble .bubble.b_three {
        background: #7d95fa;
        top: 85%;
        left: 255px;
        animation: spin1 1s infinite alternate;
    }

    .home_bubble .bubble.b_four {
        background: #d27dfa;
        top: 40%;
        right: 85px;
        transform: translateY(-50%);
        animation: spin1 2s infinite alternate;
    }

    .home_bubble .bubble.b_five {
        background: #ff9398;
        top: 50%;
        right: 155px;
        transform: translateY(-50%);
        animation: spin1 3s infinite alternate;
    }

    .home_bubble .bubble.b_six {
        background: #f1d53b;
        top: 85%;
        right: 55px;
        animation: spin2 2s infinite alternate;
    }

.home_bubble .triangle {
    position: absolute;
}

    .home_bubble .triangle.b_seven {
        left: 25%;
        top: 400px;
    }

    .home_bubble .triangle.b_eight {
        left: -100px;
        bottom: -45px;
    }

    .home_bubble .triangle.b_nine {
        right: 28%;
        bottom: 250px;
        animation: spin2 2s infinite alternate;
    }

/*============ keyframes animation  =============*/
@-webkit-keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}

@keyframes pulse {
    0% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(-50%, -50%) scale(2);
        transform: translate(-50%, -50%) scale(2);
    }
}
/*============ n_hero_banner_area  =============*/
.n_hero_banner_area {
    min-height: 1010px;
    position: relative;
    z-index: 1;
    padding-top: 250px;
    background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
    overflow: hidden;
}

.n_banner_content {
    font-family: "Poppins", sans-serif;
    padding-top: 60px;
    position: relative;
    z-index: 1;
}

    .n_banner_content h2 {
        font-size: 50px;
        line-height: 66px;
        font-weight: 700;
        color: #fff;
    }

    .n_banner_content p {
        font-size: 16px;
        line-height: 28px;
        font-weight: 400;
        padding: 18px 55px 35px 0px;
        color: #fff;
    }

    .n_banner_content .n_banner_btn {
        font-size: 14px;
        font-family: "Poppins", sans-serif;
        border-radius: 3px;
        box-shadow: 0px 20px 30px 0px rgba(0, 0, 29, 0.14);
        background: #fff;
        padding: 14px 37px;
        font-weight: 600;
        color: #414141;
        display: inline-block;
        transition: all 0.3s linear;
    }

        .n_banner_content .n_banner_btn:hover {
            box-shadow: none;
        }

.n_banner_btn {
    font-size: 14px;
    font-family: "Poppins", sans-serif;
    border-radius: 3px;
    box-shadow: 0px 20px 30px 0px rgba(0, 0, 29, 0.14) !important;
    background-image: linear-gradient(90deg, rgb(164, 133, 253) 0%, rgb(94, 44, 237) 100%);
    background-size: 200% auto;
    padding: 18px 33px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    transition: all 0.3s linear;
}

    .n_banner_btn:hover {
        background-position: right center;
        color: #fff;
    }

.n_hero_banner_area .mobile_img {
    position: relative;
    z-index: 2;
}

    .n_hero_banner_area .mobile_img img {
        max-width: inherit;
        position: relative;
        z-index: 1;
        top: -120px;
    }

.n_hero_banner_area svg {
    position: absolute;
    bottom: -29px;
    height: 350px;
    width: 100%;
    left: 0;
}

.shape_banners .img1 {
    position: absolute !important;
    right: 0;
    top: 0;
}

.shape_banners .img2 {
    bottom: -280px;
    position: absolute;
}

/*============ home_one_banner  =============*/
.home_one_banner {
    min-height: 900px;
    background-position: center bottom;
}

    .home_one_banner .shape_01,
    .home_one_banner .shape_02 {
        max-width: 128px;
    }

    .home_one_banner .shape_01 {
        top: 26%;
        left: 7%;
    }

    .home_one_banner .shape_02 {
        top: 31%;
        left: 2%;
    }

    .home_one_banner .shape_03 {
        top: 30%;
        right: 0%;
        max-width: 77px;
    }

    .home_one_banner .shape_04 {
        top: 58%;
        right: 8px;
        max-width: 90px;
    }

    .home_one_banner .banner_image {
        margin-left: 35px;
    }

    .home_one_banner .title_text {
        font-size: 50px;
        font-weight: 700;
        line-height: 1.32;
        margin-bottom: 25px;
        color: #222d39;
    }

    .home_one_banner p {
        font-size: 18px;
        line-height: 1.667;
        margin-bottom: 40px;
    }

.deco_wrap {
    position: relative;
}

    .deco_wrap .deco_image {
        z-index: 1;
        position: absolute;
    }

        .deco_wrap .deco_image img {
            position: relative !important;
        }

[data-background] {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/*====================================================*/
/*====================================================*/
/*================= Start breadcrumb_area css =================*/
.breadcrumb_area {
    background-image: linear-gradient(180deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
    position: relative;
    z-index: 1;
    padding: 235px 0px 125px;
    overflow: hidden;
}

    .breadcrumb_area .breadcrumb_shap {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
    }

/*================= End breadcrumb_area css =================*/
/*================= Start breadcrumb_area_two css =================*/
.breadcrumb_area_two {
    background: #f8f6fe;
    position: relative;
    padding: 235px 0px 125px;
    z-index: 1;
}

    .breadcrumb_area_two .breadcrumb_shap {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        height: 100%;
        width: 100%;
        background-size: cover;
    }

    .breadcrumb_area_two .bubble li {
        background: #5e2ced;
        opacity: 0.1;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        position: absolute;
    }

        .breadcrumb_area_two .bubble li:nth-child(1) {
            left: 220px;
            bottom: 50px;
            animation: spin3 2s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(2) {
            left: 35%;
            top: 100px;
            animation: spin 2s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(3) {
            left: 40%;
            width: 51px;
            height: 51px;
            bottom: 50px;
            animation: spin1 3s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(4) {
            left: 42%;
            bottom: 50px;
            width: 20px;
            height: 20px;
        }

        .breadcrumb_area_two .bubble li:nth-child(5) {
            left: 76%;
            width: 51px;
            height: 51px;
            top: 160px;
            animation: spin1 3s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(6) {
            left: 75%;
            width: 30px;
            height: 30px;
            top: 186px;
        }

        .breadcrumb_area_two .bubble li:nth-child(7) {
            left: 52%;
            top: 150px;
            width: 20px;
            height: 20px;
            animation: spin2 2s infinite alternate;
        }

        .breadcrumb_area_two .bubble li:nth-child(8) {
            left: 90%;
            top: 250px;
            width: 20px;
            height: 20px;
            animation: spin2 2s infinite alternate;
        }

.breadcrumb_content_two h1 {
    color: #222d39;
    margin-bottom: 12px;
}

.breadcrumb_content_two .breadcrumb {
    background: transparent;
    justify-content: center;
}

    .breadcrumb_content_two .breadcrumb li {
        font-size: 20px;
        font-weight: 400;
        text-transform: capitalize;
        position: relative;
        color: #525c7c;
    }

        .breadcrumb_content_two .breadcrumb li a {
            color: #051441;
        }

        .breadcrumb_content_two .breadcrumb li + li {
            padding-left: 32px;
        }

            .breadcrumb_content_two .breadcrumb li + li:after {
                content: "\e649";
                font-family: "themify";
                position: absolute;
                left: 8px;
                top: 0;
                font-size: 14px;
            }

@keyframes spin {
    0% {
        transform: translateX(-10px) scale(0.9);
    }

    100% {
        transform: translateX(30px) scale(1.3) translateY(10px);
    }
}

@keyframes spin1 {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.5);
    }
}

@keyframes spin2 {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(40px);
    }
}

@keyframes spin3 {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateY(10px);
    }

    50% {
        transform: translateX(30px);
    }

    100% {
        transform: translateX(50px);
    }
}
/*================= End breadcrumb_area_two css =================*/
/*========= blog_breadcrumb_area css ========*/
.blog_breadcrumb_area {
    position: relative;
    height: 600px;
    display: flex;
    align-items: center;
    z-index: 1;
}

    .blog_breadcrumb_area .background_overlay {
        position: absolute;
        height: 100%;
        width: 100%;
        background-image: linear-gradient(-140deg, rgb(94, 44, 237) 0%, rgb(128, 55, 218) 100%);
        opacity: 0.9;
        z-index: -1;
        top: 0;
    }

    .blog_breadcrumb_area .breadcrumb_content_two {
        color: #fff;
        padding-top: 80px;
    }

        .blog_breadcrumb_area .breadcrumb_content_two h5 {
            font-size: 16px;
            font-weight: 400;
            margin-bottom: 18px;
            color: #fff;
        }

        .blog_breadcrumb_area .breadcrumb_content_two h1 {
            font-size: 50px;
            font-weight: 700;
            line-height: 1.25em;
            color: #fff;
            margin-bottom: 25px;
        }

        .blog_breadcrumb_area .breadcrumb_content_two ol {
            margin-bottom: 0;
        }

            .blog_breadcrumb_area .breadcrumb_content_two ol li {
                display: inline-block;
                font-size: 16px;
            }

                .blog_breadcrumb_area .breadcrumb_content_two ol li + li:before {
                    content: "\e649";
                    display: inline-block;
                    font-family: "themify";
                    font-size: 10px;
                    margin: 0px 5px 0px 3px;
                }

/*========= blog_breadcrumb_area css ========*/
/*====================================================*/
/*====================================================*/
/*================= service_promo_area css =================*/
.service_promo_area {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

    .service_promo_area .shape {
        position: absolute;
        width: 100%;
        height: 1320px;
        z-index: -1;
    }

        .service_promo_area .shape.shape_one {
            opacity: 0.01;
            left: -25%;
            top: 350px;
        }

        .service_promo_area .shape.shape_two {
            opacity: 0.02;
            left: -15%;
            top: 400px;
        }

        .service_promo_area .shape.shape_three {
            right: -52%;
            bottom: -9%;
            opacity: 0.01;
        }

        .service_promo_area .shape.shape_four {
            right: -44%;
            bottom: -12%;
            opacity: 0.02;
        }

.s_service_section {
    margin-top: 360px;
}

.s_service_item {
    background-image: linear-gradient(40deg, rgb(103, 84, 226) 0%, rgb(25, 204, 230) 100%);
    box-shadow: 0px 20px 60px 0px rgba(0, 11, 40, 0.06);
    padding: 50px 40px 40px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

    .s_service_item .icon {
        width: 82px;
        height: 82px;
        border-width: 1px;
        border-style: solid;
        border-radius: 50%;
        line-height: 82px;
        font-size: 30px;
        text-align: center;
        margin-bottom: 34px;
        transition: all 0.3s linear;
    }

        .s_service_item .icon.icon_1 {
            background-color: rgba(10, 188, 123, 0.059);
            border-color: rgba(10, 188, 123, 0.3);
            color: #0abc7b;
        }

        .s_service_item .icon.icon_2 {
            border-color: rgba(231, 178, 18, 0.3);
            background-color: rgba(214, 167, 25, 0.059);
            color: #d6a719;
        }

        .s_service_item .icon.icon_3 {
            color: #6754e2;
            background-color: rgba(103, 84, 226, 0.059);
            border-color: rgba(103, 84, 226, 0.3);
        }

        .s_service_item .icon.icon_4 {
            color: #f91c60;
            background-color: rgba(248, 27, 95, 0.059);
            border-color: rgba(248, 27, 95, 0.3);
        }

    .s_service_item .solid_overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #fff;
        z-index: -1;
        opacity: 1;
        transition: all 0.3s linear;
    }

    .s_service_item h5 {
        margin-bottom: 18px;
        transition: color 0.2s ease;
    }

    .s_service_item:hover .solid_overlay {
        opacity: 0;
    }

    .s_service_item:hover .learn_btn_two,
    .s_service_item:hover h5,
    .s_service_item:hover p {
        color: #fff;
    }

    .s_service_item:hover .icon {
        border-color: rgba(255, 255, 255, 0.3);
        background-color: rgba(255, 255, 255, 0.059);
        color: #fff;
    }

.learn_btn_two {
    color: #051441;
    font-size: 15px;
    display: inline-block;
    margin-top: 7px;
    position: relative;
    transition: color 0.2s ease;
}

    .learn_btn_two:before {
        content: "";
        height: 1px;
        width: 0;
        position: absolute;
        left: 0;
        background: #fff;
        bottom: 0;
        transition: width 0.2s ease;
    }

    .learn_btn_two i {
        font-size: 13px;
        padding-left: 5px;
        vertical-align: middle;
    }

    .learn_btn_two:hover {
        color: #fff;
    }

        .learn_btn_two:hover:before {
            width: 100%;
        }

        .learn_btn_two:hover i {
            padding-left: 10px;
            transition: all 0.2s ease;
        }

.service_promo_area_two {
    margin-top: -140px;
    padding-bottom: 120px;
}

    .service_promo_area_two .s_service_section {
        margin-top: 200px;
    }

    .service_promo_area_two .shape.shape_one {
        top: 150px;
    }

    .service_promo_area_two .shape.shape_two {
        top: 250px;
    }

    .service_promo_area_two .s_service_item {
        background: #5f51fb;
    }

/*=============== s_features_section css ================*/
.s_features_section {
    margin-top: 190px;
    padding-bottom: 70px;
}

.s_features_item .s_features_content {
    max-width: 590px;
}

    .s_features_item .s_features_content .icon_square {
        width: 72px;
        height: 72px;
        border-radius: 4px;
        border: 1px solid rgba(127, 203, 17, 0.3);
        background-color: rgba(127, 203, 17, 0.059);
        text-align: center;
        font-size: 30px;
        line-height: 72px;
        color: #7fcb11;
    }

    .s_features_item .s_features_content h2 {
        margin: 32px 0px 20px;
    }

.s_features_item .ml_50 {
    margin-left: -50px;
}

.s_features_item .ml_25 {
    margin-left: -25px;
}

.s_features_item.s_features_item_two .s_features_content .icon_square {
    background-color: rgba(94, 44, 237, 0.059);
    border-color: rgba(94, 44, 237, 0.3);
    color: #6754e2;
}

.learn_btn {
    font: 500 16px/25px "Poppins", sans-serif;
    color: #051441;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    margin-top: 30px;
    transition: all 0.1s linear;
}

    .learn_btn i {
        padding-left: 8px;
        font-size: 14px;
        transition: all 0.2s ease 0s;
    }

    .learn_btn:before {
        content: "";
        width: 100%;
        left: 0;
        bottom: 0;
        height: 1px;
        background: #051441;
        position: absolute;
        transition: background 0.3s linear;
    }

    .learn_btn:hover {
        color: #7fcb11;
    }

        .learn_btn:hover:before {
            background: #7fcb11;
        }

        .learn_btn:hover i {
            padding-left: 15px;
        }

/*============= software_promo_area css ============*/
.software_promo_area {
    background: #f6f7fa;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

    .software_promo_area .round_shape {
        border-radius: 50%;
        max-width: 650px;
        min-height: 650px;
        margin: 120px auto 0px;
        position: relative;
    }

        .software_promo_area .round_shape .symbols-pulse {
            top: 50%;
        }

        .software_promo_area .round_shape .r_shape {
            position: absolute;
            top: 50%;
            left: 50%;
            border: 1px solid #e9ebf0;
            border-radius: 50%;
            transform: translate(-50%, -50%);
        }

            .software_promo_area .round_shape .r_shape.r_shape_five {
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .software_promo_area .round_shape .r_shape.r_shape_five a {
                    display: block;
                    color: #fff;
                    font-size: 80px;
                    font-weight: 700;
                }

                .software_promo_area .round_shape .r_shape.r_shape_five .round {
                    width: 30px;
                    height: 30px;
                    display: block;
                    border-radius: 50%;
                    background: #399be4;
                    border: 5px solid #fff;
                    right: 10px;
                    position: absolute;
                    bottom: 12px;
                }

.s_promo_info .promo_item {
    position: absolute;
    border-style: solid;
    border: 0px solid rgba(93, 88, 247, 0.14);
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.1);
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    opacity: 1;
    width: 95px;
    height: 95px;
}

    .s_promo_info .promo_item .text {
        padding: 10px;
    }

        .s_promo_info .promo_item .text img {
            max-width: 100%;
            height: auto;
        }

        .s_promo_info .promo_item .text p {
            display: block;
            font-size: 14px;
            color: #677294;
            margin-bottom: 0px;
            margin-top: 5px;
            font-weight: 400;
        }

    .s_promo_info .promo_item.item_one {
        left: 50%;
        top: 0px;
    }

    .s_promo_info .promo_item.item_two {
        left: 0px;
        top: 228px;
    }

    .s_promo_info .promo_item.item_three {
        left: 133px;
        top: 95px;
    }

    .s_promo_info .promo_item.item_four {
        left: 72%;
        top: 23%;
    }

    .s_promo_info .promo_item.item_five {
        left: 84%;
        top: 50%;
    }

    .s_promo_info .promo_item.item_six {
        top: 61%;
        left: 24%;
    }

    .s_promo_info .promo_item.item_seven {
        top: 70%;
        left: 67%;
    }

    .s_promo_info .promo_item.item_eight {
        top: 84%;
        left: 41%;
    }

    .s_promo_info .promo_item.item_nine {
        left: 0px;
        top: 65%;
    }

    .s_promo_info .promo_item.scroll_animation.in-view {
        opacity: 1;
    }

        .s_promo_info .promo_item.scroll_animation.in-view.item_one {
            animation: rollIncustom3 0.6s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_two {
            animation: rollIncustom 0.6s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_three {
            animation: rollIncustom1 0.9s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_four {
            animation: rollIncustom4 1.2s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_five {
            animation: rollIncustom5 0.9s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_six {
            animation: rollIncustom6 0.6s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_seven {
            animation: rollIncustom7 0.9s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_eight {
            animation: rollIncustom8 0.6s linear;
        }

        .s_promo_info .promo_item.scroll_animation.in-view.item_nine {
            animation: rollIncustom9 0.9s linear;
        }

.process_area .features_info {
    padding-bottom: 185px;
}

/*============== features_area css ==============*/
.features_area {
    background: #fbfbfd;
    overflow: hidden;
}

.feature_info .feature_img {
    position: relative;
}

    .feature_info .feature_img img {
        max-width: 100%;
    }

    .feature_info .feature_img.f_img_one {
        margin-left: -50px;
    }

        .feature_info .feature_img.f_img_one .one {
            bottom: 10px;
            left: 50px;
        }

        .feature_info .feature_img.f_img_one .three {
            bottom: 60px;
            left: 50px;
        }

    .feature_info .feature_img.f_img_two .one {
        right: 120px;
        bottom: 10px;
    }

    .feature_info .feature_img.f_img_two .three {
        right: 70px;
        bottom: 30px;
    }

    .feature_info .feature_img.f_img_two .four {
        top: 80px;
        left: 100px;
    }

.feature_info .f_content .icon {
    position: relative;
    width: 105px;
    height: 105px;
    text-align: center;
    line-height: 105px;
    font-size: 20px;
    color: #fff;
    margin-left: -24px;
    z-index: 1;
}

    .feature_info .f_content .icon img {
        position: absolute;
        left: 0;
        top: 10px;
        z-index: -1;
    }

.feature_info .f_content h2 {
    color: #3f4451;
    line-height: 44px;
    padding-right: 50px;
    margin: 8px 0px 30px;
}

.feature_info .f_content p {
    color: #677294;
    line-height: 30px;
    margin-bottom: 0px;
}

/*============= prototype_featured_area css ===============*/
.prototype_featured_area {
    background: #f4f4f9;
    position: relative;
    z-index: 1;
}

.p_feature_item + .p_feature_item {
    margin-top: 170px;
}

.p_feature_item img {
    max-width: 100%;
}

.p_feature_item .p_feture_img_one {
    margin-right: -160px;
}

.p_feature_item .p_feture_img_two {
    margin-left: -160px;
}

.p_feature_item .prototype_content h2 {
    font-size: 26px;
    line-height: 36px;
    padding-right: 70px;
}

.p_feature_item .prototype_content .prototype_logo {
    background-color: rgb(251, 251, 253);
    box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.04);
    display: inline-block;
    padding: 7px 16px;
    margin: 35px 0px 45px;
}

    .p_feature_item .prototype_content .prototype_logo a {
        display: inline-block;
        padding: 10px 12px;
    }

.p_feature_item .prototype_content p {
    font-weight: 300;
}

/*============== agency_featured_area css =============*/
.agency_featured_area {
    padding-top: 160px;
}

.agency_featured_area_two {
    padding-bottom: 150px;
}

.features_info {
    position: relative;
    padding-bottom: 170px;
}

    .features_info .dot_img {
        position: absolute;
        left: 0;
        top: 28px;
    }

    .features_info.feature_info_two {
        padding-bottom: 70px;
    }

.dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(255, 161, 39, 0.161);
    display: block;
    position: absolute;
    left: -9px;
    top: 15px;
    z-index: 1;
}

    .dot .dot1 {
        position: absolute;
        left: 50%;
        margin-top: -4px;
        margin-left: -4px;
        top: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #feb85d;
    }

    .dot .dot2 {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(254, 184, 93, 0.8);
        animation: pulsate 3s infinite;
        animation-delay: 1.5s;
        transform: translate(-50%, -50%);
        will-change: transform;
    }

    .dot.middle_dot {
        left: 54.8%;
        transform: translateX(-50%);
        bottom: 0;
        top: auto;
    }

.agency_featured_item {
    margin-top: 130px;
}

    .agency_featured_item .agency_featured_content {
        position: relative;
    }

        .agency_featured_item .agency_featured_content h3 {
            font: 500 26px/36px "Poppins", sans-serif;
            color: #222d39;
            margin: 32px 0px 25px;
        }

        .agency_featured_item .agency_featured_content p {
            font-size: 15px;
        }

        .agency_featured_item .agency_featured_content .icon {
            width: 46px;
            height: 46px;
            line-height: 46px;
            border-radius: 50%;
            background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
            box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);
            font-size: 20px;
            color: #fff;
            display: inline-block;
            text-align: center;
        }

    .agency_featured_item.agency_featured_item_two .agency_featured_content .dot {
        left: 30px;
    }

/*=============== software_featured_area css ===============*/
.software_featured_area {
    padding-top: 120px;
}

.software_featured_item .s_icon {
    display: inline-block;
    position: relative;
}

    .software_featured_item .s_icon .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: -22px;
    }

.software_featured_item h3 {
    font-size: 17px;
    margin: 30px 0px 25px;
}

.software_featured_item .learn_btn {
    font: 400 14px/26px "Poppins", sans-serif;
    color: #222d39;
    position: relative;
    margin-top: 0px;
}

    .software_featured_item .learn_btn:before {
        content: "";
        width: 0;
        height: 1px;
        left: auto;
        right: 0;
        bottom: 0;
        background: #3d64f4;
        position: absolute;
        transition: width 0.2s linear;
    }

    .software_featured_item .learn_btn:hover {
        color: #3d64f4;
    }

        .software_featured_item .learn_btn:hover:before {
            width: 100%;
            right: auto;
            left: 0;
        }

/*=============== software_featured_area_two css ==================*/
.software_featured_area_two {
    background-image: linear-gradient(40deg, rgb(35, 2, 109) 0%, rgb(61, 100, 244) 100%);
}

.software_featured_img {
    margin-left: -30px;
}

.software_featured_content .btn_four {
    border: 0px;
    color: #3d64f4;
    background: #fff;
}

    .software_featured_content .btn_four:hover {
        color: #fff;
        background: #3d64f4;
    }

/*=============== saas_featured_area css ==============*/
.saas_featured_area {
    position: relative;
    overflow: hidden;
}

.square_box {
    position: absolute;
    transform: rotate(45deg);
    border-top-left-radius: 45px;
    opacity: 0.302;
}

    .square_box.box_one {
        background-image: linear-gradient(140deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
        width: 382px;
        height: 382px;
        bottom: -191px;
        left: -50px;
    }

    .square_box.box_two {
        background-image: linear-gradient(140deg, rgb(60, 15, 115) 0%, rgb(188, 34, 128) 100%);
        width: 235px;
        height: 235px;
        bottom: -116px;
        left: 250px;
    }

    .square_box.box_three {
        background-image: linear-gradient(-90deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
        opacity: 0.059;
        left: -80px;
        top: -60px;
        width: 500px;
        height: 500px;
        border-radius: 45px;
    }

    .square_box.box_four {
        background-image: linear-gradient(-90deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
        opacity: 0.059;
        left: 150px;
        top: -25px;
        width: 550px;
        height: 550px;
        border-radius: 45px;
    }

.saas_featured_info .saas_featured_item {
    color: #fff;
    border-radius: 4px;
    padding: 50px 30px 50px 40px;
    margin-bottom: 30px;
    transition: all 0.3s linear;
    cursor: pointer;
}

    .saas_featured_info .saas_featured_item.s_featured_one {
        background-image: linear-gradient(40deg, rgb(60, 15, 115) 0%, rgb(188, 34, 128) 100%);
    }

    .saas_featured_info .saas_featured_item.s_featured_two {
        background-image: linear-gradient(40deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
    }

    .saas_featured_info .saas_featured_item.s_featured_three {
        background-image: linear-gradient(40deg, rgb(65, 24, 129) 0%, rgb(17, 131, 173) 100%);
    }

    .saas_featured_info .saas_featured_item.s_featured_four {
        background-image: linear-gradient(40deg, rgb(65, 24, 129) 0%, rgb(155, 43, 220) 100%);
    }

    .saas_featured_info .saas_featured_item h6 {
        font-size: 18px;
        color: #fff;
    }

    .saas_featured_info .saas_featured_item p {
        font-size: 15px;
        font-weight: 300;
        color: #fff;
    }

    .saas_featured_info .saas_featured_item:hover {
        transform: scale(1.06);
    }

.saas_featured_info .saas_featured_content p {
    color: #bdbed6;
}

.saas_featured_info .f_img_one {
    margin-left: -100px;
}

.saas_featured_info .img_border img {
    border: 4px solid #2a3656;
    border-radius: 6px;
}

.saas_featured_info .f_img_two {
    margin-right: -120px;
    position: relative;
    z-index: 0;
}

    .saas_featured_info .f_img_two:before {
        content: "";
        background-color: rgb(15, 16, 41);
        position: absolute;
        width: 420px;
        height: 100%;
        right: -50px;
        top: -55px;
        z-index: -1;
    }

    .saas_featured_info .f_img_two img {
        border-color: #49436f;
    }

.saas_featured_info .saas_featured_content .saas_banner_btn {
    padding: 12px 30px;
}

.saas_featured_info + .saas_featured_info {
    margin-top: 250px;
}

/*=============== app_featured_area css ===============*/
.app_featured_area {
    padding: 140px 0px;
    position: relative;
    z-index: 1;
}

.triangle_shape {
    position: absolute;
    z-index: -2;
    height: 161%;
    width: 149%;
    background: #fbfbfd;
    bottom: -290px;
    right: -47%;
    -webkit-transform: rotate(-36deg);
    -ms-transform: rotate(-36deg);
    transform: rotate(-36deg);
}

.app_featured_content {
    padding: 50px 100px 90px 0;
}

    .app_featured_content .learn_btn_two {
        margin-top: 20px;
        overflow: hidden;
    }

        .app_featured_content .learn_btn_two:before {
            background: #4069eb;
        }

        .app_featured_content .learn_btn_two:hover {
            color: #4069eb;
        }

.app_fetured_item {
    position: relative;
    height: 100%;
    margin-left: 70px;
}

.app_item {
    text-align: center;
    border-radius: 6px;
    width: 200px;
    padding: 45px 0px 35px;
    position: absolute;
    z-index: 0;
}

    .app_item h6 {
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .app_item.item_one {
        background-image: linear-gradient(40deg, rgb(232, 126, 22) 0%, rgb(240, 222, 20) 100%);
        box-shadow: 0px 20px 40px 0px rgba(224, 149, 32, 0.4);
        right: 0;
        top: 0;
        z-index: 1;
    }

    .app_item.item_two {
        background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
        box-shadow: 0px 20px 40px 0px rgba(94, 44, 237, 0.4);
        left: 140px;
        top: 90px;
    }

    .app_item.item_three {
        background-image: linear-gradient(40deg, rgb(224, 56, 39) 0%, rgb(249, 164, 122) 100%);
        box-shadow: 0px 20px 40px 0px rgba(224, 56, 39, 0.4);
        left: 0;
        bottom: 70px;
        z-index: -1;
    }

    .app_item.item_four {
        background-image: linear-gradient(40deg, rgb(33, 113, 212) 0%, rgb(44, 196, 240) 100%);
        box-shadow: 0px 20px 40px 0px rgba(44, 130, 237, 0.4);
        right: 0;
        bottom: 10px;
    }

.app_img {
    position: relative;
    display: inline-block;
    z-index: 0;
}

    .app_img .dot {
        background: rgba(64, 105, 235, 0.161);
    }

        .app_img .dot .dot1 {
            background: #6c8bed;
        }

        .app_img .dot .dot2 {
            background: rgba(64, 105, 235, 0.8);
        }

    .app_img .dot_one {
        right: 75px;
        top: 35px;
        left: auto;
    }

    .app_img .dot_two {
        right: 100px;
        top: 67%;
        left: auto;
    }

    .app_img .dot_three {
        top: 38%;
        left: 105px;
    }

    .app_img .text_bg {
        position: absolute;
        z-index: 1;
    }

        .app_img .text_bg.one {
            left: -50%;
            top: 190px;
        }

        .app_img .text_bg.two {
            right: -34%;
            top: -50px;
        }

        .app_img .text_bg.three {
            right: -50%;
            bottom: 100px;
        }

.app_featured_area_two {
    position: relative;
    padding-bottom: 120px;
}

    .app_featured_area_two .app_feature_info {
        margin-top: 230px;
    }

/*=============== saas_features_area_two css ==============*/
.saas_features_area_two {
    padding-top: 90px;
}

.saas_features_item {
    padding: 0px 40px;
    margin-bottom: 30px;
}

    .saas_features_item h4 {
        margin: 25px 0px 20px;
    }

.new_service {
    position: relative;
}

    .new_service .col-lg-4:first-child .separator {
        display: none;
    }

    .new_service .number {
        width: 33px;
        height: 33px;
        text-align: center;
        font-size: 16px;
        color: #017dac;
        border: 1px solid #017dac;
        border-radius: 50%;
        margin: 0 auto;
        line-height: 32px;
        background: #fff;
        transition: all 0.2s linear;
        z-index: 1;
        position: relative;
    }

    .new_service .separator {
        position: absolute;
        top: 15px;
        width: 100%;
        background: #ededed;
        height: 1px;
        left: -51%;
        z-index: 0;
    }

        .new_service .separator:before {
            content: "";
            position: absolute;
            top: 0px;
            width: 0;
            background: #017dac;
            height: 1px;
            left: 0;
            z-index: 0;
            transition: width 0.3s linear;
        }

    .new_service .new_service_content {
       /* margin-top: 50px;*/
        border-radius: 4px;
        padding: 50px;
        transition: all 0.2s linear;
    }

    .new_service .saas_features_item {
        padding: 0px;
        /*cursor: pointer;*/
        position: relative;
    }

        .new_service .saas_features_item:hover .number {
            background: #5f51fb;
            box-shadow: 0px 10px 30px 0px rgba(95, 81, 251, 0.5);
            color: #fff;
        }

        .new_service .saas_features_item:hover .separator:before {
            width: 100%;
        }

/*        .new_service .saas_features_item:hover .new_service_content {
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 50px 80px 0px rgba(0, 11, 40, 0.08);
        }*/

/*=============== saas_features_area_two css ==============*/
/*=============== payment_features_area css =============*/
.payment_features_area {
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
}

    .payment_features_area .featured_item + .featured_item {
        margin-top: 100px;
    }

    .payment_features_area .payment_featured_img {
        margin-left: -190px;
    }

        .payment_features_area .payment_featured_img.img_two {
            margin-right: -190px;
            margin-left: 0px;
        }

    .payment_features_area .bg_shape {
        position: absolute;
        background-color: rgb(250, 251, 255);
        width: 1100px;
        height: 1775px;
        display: block;
        border-radius: 120px;
        z-index: -1;
    }

    .payment_features_area .shape_one {
        transform: rotate(-45deg);
        right: -669px;
        top: -80px;
    }

    .payment_features_area .shape_two {
        left: -669px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-43deg);
        top: 275px;
        width: 870px;
    }

    .payment_features_area .shape_three {
        bottom: -29%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: -100px;
        width: 988px;
        height: 1022px;
    }

.payment_features_content .icon {
    display: inline-block;
    position: relative;
    height: 100px;
    width: 100px;
    margin-bottom: 40px;
}

    .payment_features_content .icon .icon_img {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -23px;
        margin-left: -11px;
    }

.payment_features_content h2 {
    font-weight: 700;
    font-size: 26px;
    color: #051441;
    margin-bottom: 15px;
}

.payment_features_content p {
    font-size: 18px;
    color: #677294;
    line-height: 30px;
    margin-bottom: 50px;
}

.pay_btn {
    color: #5956fe;
    position: relative;
    border: 0px;
    z-index: 1;
    border-radius: 4px;
    background: #fff;
    z-index: 1;
    min-width: 170px;
    padding: 15px 20px;
    text-align: center;
    box-shadow: 0px 2px 5px 0px rgba(63, 54, 132, 0.1);
}

    .pay_btn:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        border-radius: 3px;
        background-image: linear-gradient(0deg, rgb(113, 33, 255) 0%, rgb(33, 212, 253) 100%);
        transition: all 0.3s linear;
    }

    .pay_btn.pay_btn_two {
        color: #fff;
        margin-left: 18px;
    }

        .pay_btn.pay_btn_two:before {
            opacity: 1;
        }

        .pay_btn.pay_btn_two:hover {
            color: #5956fe;
            box-shadow: 0px 2px 5px 0px rgba(63, 54, 132, 0.1);
        }

            .pay_btn.pay_btn_two:hover:before {
                opacity: 0;
            }

    .pay_btn:hover {
        color: #fff;
    }

        .pay_btn:hover:before {
            opacity: 1;
        }

.payment_features_two {
    position: relative;
    z-index: 1;
}

    .payment_features_two .sec_title h2 {
        font-size: 35px;
        line-height: 44px;
        font-weight: 500;
    }

.payment_features_item {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 60px 0px rgba(0, 11, 40, 0.06);
    padding: 50px 40px;
}

    .payment_features_item h4 {
        font: 600 20px/26px "Poppins", sans-serif;
        color: #051441;
        margin-bottom: 22px;
    }

    .payment_features_item p {
        font-weight: 300;
        margin-bottom: 28px;
    }

    .payment_features_item .learn_btn_two:before {
        background: #5f51fb;
    }

/*======== payment_features_area css ==========*/
.payment_features_area_three {
    padding: 135px 0px 75px;
}

.payment_features_content_two h2 {
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 18px;
    font-weight: 500;
}

.payment_features_content_two p {
    font-size: 18px;
    line-height: 30px;
    font-weight: 300;
    margin-bottom: 60px;
}

.payment_features_content_two .item {
    margin-top: 30px;
}

    .payment_features_content_two .item h3 {
        font-size: 20px;
        line-height: 26px;
        color: #051441;
        margin-bottom: 15px;
        margin-top: 0px;
    }

    .payment_features_content_two .item p {
        font-size: 16px;
        line-height: 26px;
    }

.payment_features_content_two .app_btn {
    background: #5f51fb;
    border-color: #5f51fb;
    padding: 11px 38px;
}

    .payment_features_content_two .app_btn i {
        font-size: 12px;
        padding-left: 10px;
    }

    .payment_features_content_two .app_btn:hover {
        color: #5f51fb;
        background: transparent;
    }

.payment_features_img {
    position: relative;
    text-align: left;
    z-index: 1;
    float: left;
}

    .payment_features_img:before {
        content: "";
        background: url(../img/new/shape_bg.png) no-repeat scroll center left;
        position: absolute;
        left: -65px;
        top: -20px;
        right: -32px;
        height: 100%;
        background-size: cover;
        z-index: -1;
    }

    .payment_features_img img {
        margin-left: -50px;
    }

.payment_features_area_four .payment_features_content h2 {
    line-height: 44px;
    font-size: 30px;
}

.payment_features_area_four .pay_btn {
    border-radius: 45px;
    border: 1px solid #5f51fb;
    min-width: auto;
    padding: 12px 36px;
    color: #5f51fb;
}

    .payment_features_area_four .pay_btn:before {
        background: #5f51fb;
    }

    .payment_features_area_four .pay_btn:hover {
        color: #fff;
    }

    .payment_features_area_four .pay_btn.pay_btn_two {
        color: #fff;
    }

        .payment_features_area_four .pay_btn.pay_btn_two:hover {
            color: #5f51fb;
        }

/*===========perfect_solution_area css ==========*/
.perfect_solution_area {
    display: flex;
    overflow: hidden;
}

    .perfect_solution_area .perfect_solution_left {
        display: flex;
        align-items: center;
        padding: 150px 0px;
    }

        .perfect_solution_area .perfect_solution_left .per_solution_content {
            max-width: 685px;
            margin-left: auto;
            margin-right: 0;
            padding-right: 170px;
        }

            .perfect_solution_area .perfect_solution_left .per_solution_content h2 {
                font-size: 40px;
                line-height: 56px;
                color: #051441;
                font-weight: 500;
                margin-bottom: 32px;
            }

            .perfect_solution_area .perfect_solution_left .per_solution_content p {
                font-size: 18px;
                line-height: 30px;
                margin-bottom: 50px;
            }

            .perfect_solution_area .perfect_solution_left .per_solution_content .btn_three {
                margin-top: 0px;
                font-size: 15px;
                background: #5f51fb;
                padding: 15px 42px;
            }

                .perfect_solution_area .perfect_solution_left .per_solution_content .btn_three:hover {
                    background: transparent;
                }

            .perfect_solution_area .perfect_solution_left .per_solution_content .btn_six {
                background: transparent;
                color: #677294;
                border-color: #dfe3ed;
                margin-left: 20px;
            }

                .perfect_solution_area .perfect_solution_left .per_solution_content .btn_six:hover {
                    background: #5f51fb;
                    border-color: #5f51fb;
                    color: #fff;
                }

            .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two {
                padding-right: 0px;
                margin-right: auto;
                margin-left: 0;
                padding-left: 110px;
            }

            .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three {
                padding-right: 0px;
                margin-right: auto;
                margin-left: 0;
                padding-left: 110px;
            }

                .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three h2 {
                    font-weight: 600;
                    line-height: 56px;
                }

                .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three .btn_three {
                    border-radius: 45px;
                    padding: 13px 44px;
                }

    .perfect_solution_area .perfect_solution_right {
        padding: 0px;
        position: relative;
    }

        .perfect_solution_area .perfect_solution_right .bg_img {
            background: url("../img/new/solution_01.jpg") no-repeat scroll center 0;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            width: 100%;
            height: 130%;
            background-size: cover;
        }

            .perfect_solution_area .perfect_solution_right .bg_img.bg_two {
                background: url("../img/new/solution_02.jpg") no-repeat scroll center 0;
            }

/*=========== startup_fuatures_area css ==========*/
.startup_tab {
    border: 0px;
    margin-bottom: 50px;
}

    .startup_tab .nav-item {
        width: 20%;
        padding: 0px 15px;
        margin: 0px;
        text-align: center;
    }

        .startup_tab .nav-item .nav-link {
            border: 0px;
            background: #fbfbfd;
            padding: 32px 0px;
            border-radius: 4px;
            border: 2px solid transparent;
            transition: all 0.3s linear;
            cursor: pointer;
        }

            .startup_tab .nav-item .nav-link .icon {
                width: 70px;
                height: 70px;
                border-radius: 50%;
                display: inline-block;
                text-align: center;
                font-size: 30px;
                line-height: 72px;
                color: #fff;
                margin-bottom: 15px;
            }

            .startup_tab .nav-item .nav-link h3 {
                font-size: 18px;
                line-height: 26px;
                color: #051441;
                font-weight: 400;
                white-space: pre-line;
                margin-bottom: 0;
            }

            .startup_tab .nav-item .nav-link.active {
                background: #fff;
                box-shadow: 0px 30px 40px 0px rgba(29, 7, 90, 0.08);
            }

.startup_tab_content .show .startup_tab_img .phone_img,
.startup_tab_content .show .startup_tab_img .web_img {
    transform: translateX(0);
    opacity: 1;
}

.startup_tab_img {
    position: relative;
    padding-top: 40px;
    padding-bottom: 64px;
    z-index: 1;
}

    .startup_tab_img:before {
        content: "";
        height: 100%;
        background: url("../img/new/tab_shape_bg.png") no-repeat scroll center 0/contain;
        top: 0px;
        right: -55px;
        left: -55px;
        position: absolute;
        z-index: -1;
    }

    .startup_tab_img .web_img {
        display: inline-block;
        box-shadow: 0px 20px 40px 0px rgba(0, 11, 40, 0.14);
        transform: translateX(-30px);
        opacity: 0;
        transition: all 0.4s linear;
    }

    .startup_tab_img .phone_img {
        position: absolute;
        right: 0;
        bottom: 0;
        transform: translateX(30px);
        opacity: 0;
        transition: all 0.5s linear;
    }

/*============== intregration_area css =============*/
.intregration_logo {
    padding-right: 60px;
    margin-bottom: -30px;
}

    .intregration_logo .intregration_item {
        margin-bottom: 30px;
    }

.intregration_icon {
    width: 100%;
    display: block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 5px 0px rgba(29, 7, 90, 0.06);
    height: 100%;
    padding: 30px;
    transition: all 0.3s linear;
}

    .intregration_icon:hover {
        transform: scale(1.03);
    }

.intregration_content h2 {
    font-size: 30px;
    color: #051441;
    font-weight: 600;
    margin-bottom: 25px;
}

.intregration_content p {
    line-height: 30px;
    margin-bottom: 40px;
}

.startup_fuatures_area_two .startup_tab {
    margin-bottom: 0px;
}

    .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(1) .nav-link {
        border-color: #fa6fd1;
    }

    .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(2) .nav-link {
        border-color: #6fadfa;
    }

    .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(3) .nav-link {
        border-color: #f3af4e;
    }

    .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(4) .nav-link {
        border-color: #aa6ffa;
    }

    .startup_fuatures_area_two .startup_tab .nav-item:hover:nth-child(5) .nav-link {
        border-color: #fa6666;
    }

.seo_features_content h2 {
    font-size: 30px;
    line-height: 40px;
    color: #263b5e;
    font-weight: 600;
    margin-bottom: 25px;
}

.seo_features_content p {
    font-size: 16px;
    color: #6a7695;
    font-weight: 300;
}

.seo_features_content h6 {
    font-size: 18px;
    font-weight: 400;
    color: #263b5e;
    line-height: 30px;
    margin-bottom: 35px;
}

.seo_features_content .seo_btn {
    margin-top: 40px;
}

.seo_features_content .seo_features_item {
    padding-right: 150px;
    margin-top: 50px;
    display: flex;
}

    .seo_features_content .seo_features_item .icon {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #f1ebfe;
        text-align: center;
        line-height: 70px;
        margin-right: 30px;
    }

        .seo_features_content .seo_features_item .icon.two {
            background: #fcf1e7;
        }

    .seo_features_content .seo_features_item .media-body {
        flex: 1;
    }

    .seo_features_content .seo_features_item h3 {
        font-size: 20px;
        color: #263b5e;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .seo_features_content .seo_features_item p {
        font-size: 16px;
        line-height: 28px;
        color: #6a7695;
        margin-bottom: 0;
    }

.seo_features_img {
    text-align: center;
    position: relative;
    z-index: 1;
}

    .seo_features_img img {
        margin-right: -80px;
    }

    .seo_features_img .round_circle {
        position: absolute;
        width: 540px;
        height: 540px;
        border-radius: 50%;
        background: #5e2ced;
        right: -126px;
        z-index: -1;
        opacity: 0.06;
    }

        .seo_features_img .round_circle.two {
            width: 360px;
            height: 360px;
            left: 84px;
            right: auto;
            top: 74px;
            z-index: -2;
        }

    .seo_features_img.seo_features_img_two img {
        margin-left: -170px;
        margin-right: 0;
    }

    .seo_features_img.seo_features_img_two .round_circle {
        left: -86px;
        right: auto;
        width: 500px;
        height: 500px;
        background: #dfac0b;
    }

        .seo_features_img.seo_features_img_two .round_circle.two {
            right: 60px;
            width: 370px;
            height: 370px;
            left: auto;
        }

.title-four h2 {
    font: 600 30px/45px "Poppins", sans-serif;
    color: #282835;
}

.title-four p {
    max-width: 670px;
    margin: 0 auto;
}

.best_screen_features_area {
    position: relative;
    padding-bottom: 100px;
    margin-top: 120px;
    z-index: 1;
    background: #f8f8ff;
    overflow: hidden;
}

    .best_screen_features_area .memphis-parallax li:nth-child(1) {
        left: 30%;
        top: 58px;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(3) {
        left: 5%;
        top: 33%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(2) {
        left: 8%;
        top: 120px;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(6) {
        left: 28%;
        top: 86%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(5) {
        left: 13%;
        top: 81%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(7) {
        left: 38%;
        top: 89%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(8) {
        left: 39%;
        top: 40%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(4) {
        left: 12%;
        top: 64%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(9) {
        left: 28%;
        top: 29%;
    }

    .best_screen_features_area .memphis-parallax li:nth-child(10) {
        left: 12%;
        top: 34%;
    }

    .best_screen_features_area svg {
        position: absolute;
        top: -14px;
        width: 100%;
        left: 0;
        z-index: -1;
        bottom: 0;
        height: 277px;
    }

.b_screen_img {
    margin-left: -50px;
    margin-top: 65px;
}

.b_features_item {
    padding-left: 100px;
}

.b_features_icon {
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 30px;
    line-height: 70px;
    color: #5e2ced;
    border: 1px solid rgba(94, 44, 237, 0.2);
    border-radius: 4px;
    background-color: rgba(94, 44, 237, 0.05);
    margin-bottom: 30px;
    position: relative;
    transition: all 0.2s linear;
}

    .b_features_icon .hover_color {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        background-image: linear-gradient(-120deg, rgb(164, 133, 253) 0%, rgb(94, 44, 237) 100%);
        box-shadow: 0px 20px 30px 0px rgba(0, 0, 29, 0.14);
        transition: all 0.3s linear;
        opacity: 0;
        border-radius: 4px;
    }

.b_features_item h3 {
    font-size: 20px;
    line-height: 26px;
    color: #282835;
    font-weight: 600;
    padding-bottom: 15px;
    transition: all 0.2s linear;
}

    .b_features_item h3:hover {
        color: #5e2ced;
    }

.b_features_item:hover .b_features_icon {
    color: #fff;
    border: 1px solid transparent;
}

    .b_features_item:hover .b_features_icon .hover_color {
        opacity: 1;
    }

.b_features_info {
    height: 100%;
    align-items: center;
    padding-top: 70px;
}

/*====================================================*/
/*====================================================*/
/*=========== service_area css ============*/
.service_area {
    background: #f4f6fa;
}

.service_item {
    background: #fff;
    box-shadow: 0px 30px 40px 0px rgba(3, 115, 156, 0.1);
    padding: 47px 40px 0px;
    height: 100%;
    position: relative;
    border: 2px solid transparent;
    transition: border 0.2s linear;
    cursor: pointer;
    overflow: hidden;
}

    .service_item p {
        line-height: 28px;
    }

    .service_item .icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 20px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
        box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
        position: absolute;
        right: 30px;
        top: 30px;
    }

        .service_item .icon.s_icon_one {
            background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
            box-shadow: 0px 14px 30px 0px rgba(94, 44, 237, 0.4);
        }

        .service_item .icon.s_icon_two {
            background-image: linear-gradient(40deg, rgb(224, 56, 39) 0%, rgb(249, 164, 122) 100%);
            box-shadow: 0px 14px 30px 0px rgba(224, 56, 39, 0.4);
        }

        .service_item .icon.s_icon_three {
            background-image: linear-gradient(40deg, rgb(44, 130, 237) 0%, rgb(56, 208, 252) 100%);
            box-shadow: 0px 14px 30px 0px rgba(44, 130, 237, 0.4);
        }

        .service_item .icon.s_icon_four {
            background-image: linear-gradient(40deg, rgb(224, 149, 32) 0%, rgb(250, 233, 38) 100%);
            box-shadow: 0px 14px 30px 0px rgba(224, 149, 32, 0.4);
        }

    .service_item img {
        margin-right: -25px;
        width: auto;
    }

    .service_item:hover {
        border-color: #c4e7f7;
    }

/*================ prototype_service_info css ==============*/
.prototype_service_area_two,
.prototype_service_area_three {
    overflow: hidden;
}

.prototype_service_info {
    padding: 150px 0px 175px;
    position: relative;
    z-index: 0;
}

.p_service_info {
    margin-bottom: -90px;
}

.p_service_item {
    margin-bottom: 90px;
}

    .p_service_item .icon {
        box-sizing: content-box;
        width: 55px;
        height: 60px;
        position: relative;
        margin: 0px 0px 25px;
        font-size: 24px;
        -webkit-border-radius: 50%/14%;
        border-radius: 50%/14%;
        color: white;
        text-align: center;
        line-height: 64px;
        -o-text-overflow: clip;
        text-overflow: clip;
        z-index: 1;
    }

        .p_service_item .icon:before {
            box-sizing: content-box;
            position: absolute;
            content: "";
            top: 10%;
            right: -5.5%;
            bottom: 10%;
            left: -5%;
            border: none;
            -webkit-border-radius: 7%/50%;
            border-radius: 7%/50%;
            text-overflow: clip;
            text-shadow: none;
            z-index: -1;
        }

        .p_service_item .icon.icon_one {
            background: #7142f8;
        }

            .p_service_item .icon.icon_one:before {
                background: #7142f8;
            }

        .p_service_item .icon.icon_two {
            background: #5cbd2c;
        }

            .p_service_item .icon.icon_two:before {
                background: #5cbd2c;
            }

        .p_service_item .icon.icon_three {
            background: #f38650;
        }

            .p_service_item .icon.icon_three:before {
                background: #f38650;
            }

        .p_service_item .icon.icon_four {
            background: #ecbf24;
        }

            .p_service_item .icon.icon_four:before {
                background: #ecbf24;
            }

        .p_service_item .icon.icon_five {
            background: #fa4c9a;
        }

            .p_service_item .icon.icon_five:before {
                background: #fa4c9a;
            }

        .p_service_item .icon.icon_six {
            background: #35bfe7;
        }

            .p_service_item .icon.icon_six:before {
                background: #35bfe7;
            }

    .p_service_item h5 {
        font-size: 17px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .p_service_item p {
        font-size: 15px;
    }

.symbols-pulse {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

    .symbols-pulse > div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 23rem;
        height: 23rem;
        border-radius: 100%;
        background-image: linear-gradient(-180deg, rgba(227, 221, 246, 0.1) 0%, rgba(227, 221, 246, 0.2) 65%, rgba(227, 221, 246, 0.1) 100%);
        z-index: -1;
    }

    .symbols-pulse .pulse-1 {
        transform: translate(-50%, -50%) scale(0.67);
    }

    .symbols-pulse .pulse-2 {
        transform: translate(-50%, -50%) scale(1.05);
    }

    .symbols-pulse .pulse-3 {
        transform: translate(-50%, -50%) scale(1.63);
    }

    .symbols-pulse .pulse-4 {
        transform: translate(-50%, -50%) scale(2.1);
    }

    .symbols-pulse .pulse-x {
        will-change: transform;
        animation: pulsate 3s infinite;
    }

@keyframes pulsate {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.5);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(4);
    }
}
/*================ prototype_service_area css =============*/
.prototype_service_area {
    background: #fbfbfd;
    padding-bottom: 130px;
    padding-top: 20px;
}

.service_carousel {
    padding-left: 155px;
    position: relative;
    z-index: 1;
}

    .service_carousel:before {
        width: 100px;
        content: "";
        height: 100%;
        right: -25px;
        top: 0;
        position: absolute;
        background: #fbfbfb;
        filter: blur(12px);
        box-shadow: 0px 100px 40px 0px rgba(251, 251, 251, 0.1);
        z-index: 1;
    }

    .service_carousel .owl-stage {
        left: -100px;
        display: flex;
    }

    .service_carousel .owl-item {
        padding-left: 25px;
        padding-bottom: 55px;
    }

        .service_carousel .owl-item .service_item {
            box-shadow: 0px 30px 40px 0px rgba(12, 0, 46, 0.1);
        }

            .service_carousel .owl-item .service_item:hover {
                border-color: rgba(116, 68, 253, 0.2);
            }

            .service_carousel .owl-item .service_item img {
                width: auto;
            }

    .service_carousel .owl-next {
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        left: 0;
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: rgb(255, 255, 255);
        box-shadow: 0px 2px 20px 2px rgba(12, 0, 46, 0.06);
        font-size: 16px;
        color: #222d39;
        line-height: 56px;
        transition: all 0.2s linear;
    }

        .service_carousel .owl-next:hover {
            background: #7444fd !important;
            color: #fff !important;
        }

.prototype_service_area_two {
    background: #f8f8fc;
    padding: 120px 0px 60px;
    position: relative;
    z-index: 1;
}

/*============= agency_service_area css =============*/
.agency_service_area {
    padding: 135px 0px 140px;
}

.agency_service_item {
    margin-bottom: 30px;
}

    .agency_service_item .icon {
        width: auto;
        height: auto;
        display: inline-block;
    }

        .agency_service_item .icon i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

    .agency_service_item a {
        font: 400 14px/26px "Poppins", sans-serif;
        color: #222d39;
        vertical-align: middle;
        position: relative;
        z-index: 1;
        transition: color 0.3s linear 0s;
    }

        .agency_service_item a:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #222d39;
            left: 0;
            bottom: 0;
            position: absolute;
            z-index: -1;
            transition: width 0.3s linear 0s;
        }

    .agency_service_item p {
        display: inline-block;
    }

        .agency_service_item p i {
            vertical-align: middle;
            padding-left: 8px;
            transition: all 0.3s linear 0s;
        }

        .agency_service_item p:hover a {
            color: #5e2ced;
        }

            .agency_service_item p:hover a:before {
                width: 132%;
                background: #5e2ced;
            }

        .agency_service_item p:hover i {
            color: #5e2ced;
            padding-left: 12px;
        }

/*====================== design_developers_area css =================*/
.design_img img {
    border: 2px solid rgb(228, 235, 242);
    border-radius: 6px;
    background-color: rgb(195, 201, 206);
    box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
}

.design_img_two {
    margin-left: -100px;
}

/*============== software_service_area css =============*/
.software_service_area {
    background: #f9f9fc;
}

.software_service_tab {
    margin: 0px;
    border: 0px;
    display: block;
}

    .software_service_tab .nav-item {
        margin: 0px;
    }

        .software_service_tab .nav-item .nav-link {
            display: block;
            padding: 16px 32px 16px 40px;
            transition: border-left-color 0.25s linear;
            border-radius: 0px;
            border: 0px;
            border-left: 4px solid #e6e8ef;
            background: transparent;
            font: 400 16px "Poppins", sans-serif;
            color: #677294;
            position: relative;
            cursor: pointer;
        }

            .software_service_tab .nav-item .nav-link:before {
                content: "";
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 7px 0 7px 8px;
                border-color: transparent transparent transparent #3d64f4;
                position: absolute;
                left: -2px;
                top: 50%;
                transform: translateY(-50%);
                opacity: 0;
            }

            .software_service_tab .nav-item .nav-link.active {
                border-left-color: #3d64f4;
                color: #3d64f4;
            }

                .software_service_tab .nav-item .nav-link.active:before {
                    opacity: 1;
                }

.software_service_tab_content {
    margin-bottom: -70px;
}

    .software_service_tab_content .software_service_item {
        padding-right: 30px;
    }

        .software_service_tab_content .software_service_item i {
            font-size: 30px;
            color: #3d64f4;
            line-height: 40px;
        }

        .software_service_tab_content .software_service_item h5 {
            font: 600 17px/25px "Poppins", sans-serif;
            color: #222d39;
        }

        .software_service_tab_content .software_service_item p {
            font-size: 15px;
        }

/*============== developer_product_area css ================*/
.developer_product_area {
    background: #f9f9fc;
    padding: 160px 0px;
}

.developer_product_content {
    padding-right: 100px;
}

    .developer_product_content .develor_tab {
        display: inline-block;
        border-bottom: 2px solid #e1e3ed;
        padding: 0px 40px 0px 10px;
    }

        .developer_product_content .develor_tab .nav-item {
            margin: 0px 0px 0px 50px;
            float: left;
        }

            .developer_product_content .develor_tab .nav-item .nav-link {
                font: 400 16px "Poppins", sans-serif;
                color: #677294;
                border: 0px;
                padding: 0px 0px 10px;
                position: relative;
                cursor: pointer;
            }

                .developer_product_content .develor_tab .nav-item .nav-link:before {
                    width: 0;
                    content: "";
                    left: auto;
                    right: 0;
                    height: 2px;
                    background: #3d64f4;
                    position: absolute;
                    bottom: -2px;
                    transition: all 0.3s linear;
                }

                .developer_product_content .develor_tab .nav-item .nav-link.active {
                    color: #3d64f4;
                    background: transparent;
                }

                    .developer_product_content .develor_tab .nav-item .nav-link.active:before {
                        right: auto;
                        left: 0;
                        width: 100%;
                    }

            .developer_product_content .develor_tab .nav-item:first-child {
                margin-left: 0px;
            }

    .developer_product_content .developer_tab_content p {
        line-height: 28px;
        font-weight: 300;
    }

    .developer_product_content .developer_tab_content .details_btn {
        font: 400 14px "Poppins", sans-serif;
        color: #3d64f4;
        position: relative;
        display: inline-block;
    }

        .developer_product_content .developer_tab_content .details_btn:before {
            width: 100%;
            content: "";
            left: auto;
            right: 0;
            height: 1px;
            background: #3d64f4;
            position: absolute;
            bottom: 0px;
            transition: all 0.3s linear;
        }

.c_violet {
    color: #222d39;
}

    .c_violet:before {
        background: #5e2ced;
    }

    .c_violet:hover {
        color: #5e2ced;
    }

.d_product_content_two .develor_tab .nav-item .nav-link:before {
    background: #5e2ced;
}

.d_product_content_two .develor_tab .nav-item .nav-link.active {
    color: #5e2ced;
}

.tab_img_info {
    position: relative;
}

    .tab_img_info .tab_img {
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        border-radius: 6px;
        overflow: hidden;
        transition: opacity 0.3s linear;
    }

        .tab_img_info .tab_img.active {
            position: relative;
            opacity: 1;
        }

/*============= app_service_area css ============*/
.app_service_area {
    padding-top: 120px;
    background: #fff;
}

.app_service_info {
    margin-bottom: -90px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.app_service_item {
    border: 1px solid rgb(244, 244, 249);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    padding: 50px;
    transition: all 0.2s linear;
    margin-bottom: 30px;
    cursor: pointer;
}

    .app_service_item .app_icon {
        font-size: 40px;
        line-height: 45px;
    }

        .app_service_item .app_icon.one {
            text-shadow: 0px 14px 30px rgba(44, 130, 237, 0.4);
            color: #677294;
            background-image: linear-gradient(0deg, rgb(33, 113, 212) 0%, rgb(44, 196, 240) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .app_service_item .app_icon.two {
            text-shadow: 0px 14px 30px rgba(224, 56, 39, 0.4);
            color: #e03827;
            background-image: linear-gradient(0deg, #e03827 0%, #f9a47a 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .app_service_item .app_icon.three {
            text-shadow: 0px 14px 30px rgba(94, 44, 237, 0.4);
            color: #e03827;
            background-image: linear-gradient(0deg, #5e2ced 0%, #a485fd 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

    .app_service_item .learn_btn_two {
        color: #222d39;
        font-size: 14px;
    }

        .app_service_item .learn_btn_two:before {
            background: #4069eb;
        }

        .app_service_item .learn_btn_two:hover {
            color: #4069eb;
        }

        .app_service_item .learn_btn_two.c_violet:hover {
            color: #5e2ced;
        }

            .app_service_item .learn_btn_two.c_violet:hover:before {
                background: #5e2ced;
            }

    .app_service_item:hover {
        box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.08);
    }

.app_service_area_two {
    background: #f9f9fc;
    padding: 120px 0px;
}

    .app_service_area_two .app_service_info {
        margin-bottom: -30px;
    }

/*============== service_details_area css ==============*/
.service_details_img {
    margin-left: -80px;
}

.service_details ul {
    padding-left: 35px;
}

    .service_details ul li {
        font: 400 16px "Poppins", sans-serif;
        color: #677294;
        position: relative;
        padding-left: 35px;
        margin-bottom: 13px;
    }

        .service_details ul li i {
            position: absolute;
            left: 0;
            top: 5px;
            color: #5e2ced;
        }

        .service_details ul li:last-child {
            margin-bottom: 0px;
        }

.service_details_item + .service_details_item {
    margin-top: 200px;
}

/*============= saas_service_area css =============*/
.saas_service_item .saas_service_content .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    line-height: 64px;
    color: #fff;
    text-align: center;
    margin-bottom: 35px;
}

    .saas_service_item .saas_service_content .icon.icon_one {
        background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
        box-shadow: 0px 10px 20px 0px rgba(94, 44, 237, 0.2);
    }

    .saas_service_item .saas_service_content .icon.icon_two {
        background-image: linear-gradient(40deg, rgb(224, 56, 39) 0%, rgb(249, 164, 122) 100%);
        box-shadow: 0px 10px 20px 0px rgba(227, 69, 49, 0.2);
    }

    .saas_service_item .saas_service_content .icon.icon_three {
        background-image: linear-gradient(40deg, rgb(87, 178, 42) 0%, rgb(119, 234, 61) 100%);
        box-shadow: 0px 10px 20px 0px rgba(92, 186, 45, 0.2);
    }

    .saas_service_item .saas_service_content .icon.icon_four {
        background-image: linear-gradient(40deg, rgb(44, 130, 237) 0%, rgb(56, 208, 252) 100%);
        box-shadow: 0px 10px 20px 0px rgba(45, 139, 239, 0.2);
    }

.saas_service_item .saas_service_content h4 {
    margin-bottom: 20px;
}

.saas_service_item .saas_service_content p {
    margin-bottom: 45px;
}

.saas_service_item + .saas_service_item {
    margin-top: 180px;
}

/*============ payment_service_area css ==============*/
.payment_service_area {
    padding-top: 225px;
    padding-bottom: 150px;
    position: relative;
    z-index: 2;
    background: url("../img/home9/shape_two.png") no-repeat scroll center 0;
    background-size: cover;
}

    .payment_service_area .image_shape {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
        height: 882px;
        z-index: -1;
    }

    .payment_service_area .service-content h2 {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .payment_service_area .service-content p {
        font-size: 18px;
    }

.pay_icon {
    background: url("../img/home9/icon_shape_two.png") no-repeat scroll center 0;
    width: 110px;
    height: 103px;
    text-align: center;
    line-height: 95px;
    margin-bottom: 34px;
}

.payment_service_item {
    padding-right: 80px;
    margin-bottom: 75px;
    display: flex;
}

    .payment_service_item .icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.1);
        text-align: center;
        line-height: 55px;
        margin-right: 30px;
    }

    .payment_service_item .media-body {
        flex: 1;
    }

    .payment_service_item h3 {
        margin-bottom: 15px;
    }

    .payment_service_item p {
        margin-bottom: 0;
    }

/*============= stratup_service_area css =============*/
.stratup_service_img {
    position: relative;
    padding-top: 20px;
    z-index: 1;
}

    .stratup_service_img .shape {
        position: absolute;
        left: -37px;
        right: 0;
        top: 0;
        bottom: 0;
        background: url(../img/new/new_shape.png) no-repeat scroll left 0;
        z-index: -1;
        background-size: contain;
    }

    .stratup_service_img .phone_img {
        position: absolute;
        left: 0;
        bottom: 0;
    }

.stratup_service_info {
    margin-left: -15px;
}

    .stratup_service_info .startup_service_item {
        position: relative;
        padding-left: 75px;
    }

        .stratup_service_info .startup_service_item .icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            text-align: center;
            font-size: 24px;
            color: #fff;
            background: #6fadfa;
            line-height: 65px;
            position: absolute;
            left: 0;
            top: -5px;
        }

            .stratup_service_info .startup_service_item .icon.icon_two {
                background: #f3af4e;
            }

            .stratup_service_info .startup_service_item .icon.icon_three {
                background: #fa6fd1;
            }

            .stratup_service_info .startup_service_item .icon.icon_four {
                background: #fa6666;
            }

        .stratup_service_info .startup_service_item h3 {
            font-size: 18px;
            font-weight: 600;
            font-family: "Poppins", sans-serif;
            color: #051441;
            margin-bottom: 2px;
        }

        .stratup_service_info .startup_service_item p {
            font-size: 15px;
            font-weight: 400;
            margin-bottom: 0;
        }

        .stratup_service_info .startup_service_item + .startup_service_item {
            margin-top: 40px;
        }

/*============= stratup_service_area css =============*/
/*============= progress_bar_area css =============*/
.progress_bar_area {
    padding-top: 120px;
}

    .progress_bar_area .br_bottom {
        width: 100%;
        height: 1px;
        background: #f0f0f8;
        margin-top: 100px;
    }

    .progress_bar_area .progress_item {
        text-align: center;
        padding: 0px 30px;
        margin-bottom: 30px;
    }

        .progress_bar_area .progress_item .circle {
            position: relative;
            margin-bottom: 22px;
        }

        .progress_bar_area .progress_item h4 {
            color: #051441;
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            font-family: "Poppins", sans-serif;
        }

        .progress_bar_area .progress_item p {
            margin-bottom: 0;
            line-height: 28px;
        }

    .progress_bar_area .number {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 40px;
        color: #051441;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
    }

/*============= progress_bar_area css =============*/
/*============= service_details_area css =============*/
.service_details_area .job_info .info_item {
    padding-left: 0px;
}

.service_details_area .details_content .sec_title p + p {
    margin-top: 40px;
    margin-bottom: 0;
}

/*=========== case_study_area css ==========*/
.case_study_area .row {
    margin-bottom: -40px;
}

.case_study_item {
    margin-bottom: 40px;
}

    .case_study_item img {
        max-width: 100%;
    }

    .case_study_item .text {
        background: #f4f6f9;
        padding: 20px 40px;
        transition: all 0.3s linear;
        cursor: pointer;
    }

    .case_study_item p {
        font-size: 15px;
        color: #677294;
        margin-bottom: 0;
    }

    .case_study_item h3 {
        font-size: 20px;
        line-height: 34px;
        font-weight: 500;
        color: #282835;
        margin-bottom: 0;
        transition: all 0.3s linear;
    }

        .case_study_item h3:hover {
            color: #5e2ced;
        }

    .case_study_item:hover .text {
        background: #fff;
        box-shadow: 0px 20px 20px 0px rgba(9, 1, 34, 0.06);
    }

/*=================== case_study_details_area css ===============*/
.study_details h2 {
    font-size: 30px;
    font-weight: 600;
    color: #051441;
    margin-bottom: 25px;
}

.study_details .btn_info {
    align-items: center;
    padding-top: 40px;
}

.study_details .tag {
    font-size: 20px;
    color: #3dc318;
    margin-left: 25px;
}

    .study_details .tag i {
        padding-right: 15px;
    }

.study_details ul li {
    font: 400 15px "Poppins", sans-serif;
    color: #677294;
    margin-bottom: 15px;
}

    .study_details ul li span {
        font-weight: 600;
        color: #051441;
    }

.study_details_content {
    padding-top: 58px;
}

    .study_details_content h2 {
        font-size: 26px;
        color: #051441;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .study_details_content p {
        color: #677294;
        font-size: 15px;
        line-height: 28px;
        margin-bottom: 0;
    }

        .study_details_content p + p {
            margin-top: 30px;
        }

.study_details_two .study_details_content {
    padding-top: 0px;
}

    .study_details_two .study_details_content + .study_details_content {
        padding-top: 50px;
    }

.study_details_three .details_img img {
    box-shadow: -12.856px 15.321px 30px 0px rgba(9, 1, 34, 0.1);
}

.study_details_three .study_details_content {
    padding-top: 0;
}

    .study_details_three .study_details_content h2 {
        margin-bottom: 25px;
    }

    .study_details_three .study_details_content p {
        margin-bottom: 50px;
    }

    .study_details_three .study_details_content ul li {
        font: 400 15px/34px "Poppins", sans-serif;
        color: #282835;
        position: relative;
        padding-left: 25px;
    }

        .study_details_three .study_details_content ul li:before {
            content: "\e64c";
            position: absolute;
            left: 0;
            top: 0;
            font-family: "themify";
            color: #5e2ced;
        }

/*============= seo_service_area css =============*/
.seo_service_item {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 10px 0px rgba(38, 59, 94, 0.1);
    padding: 60px 40px 38px;
    margin-bottom: 30px;
    transition: all 0.3s linear;
    cursor: pointer;
}

    .seo_service_item h4 {
        font-size: 20px;
        line-height: 28px;
        color: #263b5e;
        font-weight: 500;
        margin-top: 35px;
        margin-bottom: 16px;
        transition: color 0.2s linear;
    }

        .seo_service_item h4:hover {
            color: #5e2ced;
        }

    .seo_service_item p {
        margin-bottom: 0;
        font-size: 16px;
        line-height: 30px;
        color: #6a7695;
        margin-bottom: 40px;
    }

    .seo_service_item i {
        font-size: 40px;
        color: #afb8ce;
        transition: color 0.2s linear;
    }

        .seo_service_item i:hover {
            color: #5e2ced;
        }

    .seo_service_item:hover {
        box-shadow: 0px 30px 60px 0px rgba(38, 59, 94, 0.1);
    }

/*=========== case_studies_area css ==========*/
.case_studies_slider .owl-dots {
    margin-top: 40px;
}

    .case_studies_slider .owl-dots button span {
        width: 6px;
        height: 6px;
        background: #b9c4d8;
        border: 0px;
    }

    .case_studies_slider .owl-dots button.active span {
        background: #5e2ced;
    }

.studies_item {
    background: #fff;
    box-shadow: 0px 3px 4px 0px rgba(38, 59, 94, 0.1);
    margin: 10px 15px;
}

    .studies_item .text {
        padding: 18px 40px;
    }

        .studies_item .text h4 {
            font-size: 20px;
            color: #263b5e;
            font-weight: 500;
            margin-bottom: 3px;
        }

        .studies_item .text p {
            margin-bottom: 0;
        }

            .studies_item .text p a {
                font-size: 16px;
                color: #6a7695;
            }

/*=========================== Start app-deatails-area css ==========================*/
.app-deatails-area {
    padding: 120px 0px;
}

    .app-deatails-area .title-four {
        margin-bottom: 60px;
    }

    .app-deatails-area .app_info {
        border-width: 1px;
        border-color: rgb(240, 240, 250);
        border-style: solid;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 30px 80px 0px rgba(0, 0, 29, 0.1);
        padding: 60px 0px;
        position: relative;
        z-index: 1;
    }

    .app-deatails-area .app-details {
        position: relative;
        padding: 70px;
        border-right: 1px solid #e8e8f2;
    }

        .app-deatails-area .app-details .app-title {
            text-align: center;
            font-family: "Poppins", sans-serif;
            margin-bottom: 35px;
        }

            .app-deatails-area .app-details .app-title h5 {
                font: 600 20px/30px "Poppins", sans-serif;
                color: #282835;
                letter-spacing: 0px;
                padding: 45px 0px 10px;
            }

        .app-deatails-area .app-details .user-info {
            font-size: 14px;
            line-height: 16px;
            font-weight: 400;
            color: #8b8b99;
        }

            .app-deatails-area .app-details .user-info .star-rating {
                display: inline-block;
                color: #f8bf10;
                font-size: 12px;
                margin-right: 12px;
            }

        .app-deatails-area .app-details .customer_table table {
            margin-bottom: 0px;
        }

            .app-deatails-area .app-details .customer_table table td {
                border: 0px;
                font: 600 16px/22px "Poppins", sans-serif;
                color: #282835;
            }

                .app-deatails-area .app-details .customer_table table td + td {
                    font-weight: 400;
                    color: #585e68;
                }

        .app-deatails-area .app-details .app-icon {
            width: 80px;
            height: 80px;
            line-height: 78px;
            border: 1px solid rgb(94, 44, 237);
            text-align: center;
            border-radius: 3px;
            display: block;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

            .app-deatails-area .app-details .app-icon:before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                background-image: linear-gradient(-120deg, rgb(164, 133, 253) 0%, rgb(94, 44, 237) 100%);
                box-shadow: 0px 20px 30px 0px rgba(0, 0, 29, 0.14);
                z-index: -1;
                opacity: 0;
                transition: all 0.3s linear;
            }

        .app-deatails-area .app-details:hover .app-icon:before {
            opacity: 1;
        }

        .app-deatails-area .app-details:hover .app-icon img {
            filter: brightness(10);
        }

.app_info .col-md-6:last-child .app-details {
    border-right: 0px;
}

/*=========================== Start service primary css ==========================*/
.service_primary {
    padding: 0px 45px;
    margin-top: 30px;
}

    .service_primary .service_icon {
        display: flex;
        align-items: center;
        margin: 0px auto 40px;
    }

        .service_primary .service_icon > img {
            height: auto;
            margin: auto;
            max-width: 140px;
        }

    .service_primary .service_title {
        margin-bottom: 15px;
    }

        .service_primary .service_title > a {
            font-size: 24px;
            font-weight: 600;
            color: #222d39;
        }

    .service_primary:hover .service_title > a {
        color: #3e5ae8;
    }

    .service_primary p {
        font-size: 15px;
        line-height: 1.733;
        margin-bottom: 26px;
    }

    .service_primary .flow_gray {
        display: inline-block;
    }

/*=========================== End service primary css ==========================*/
/*====================================================*/
/*====================================================*/
/*================= s_pricing_area css ===============*/
.s_pricing-item {
    text-align: center;
    background: #f6f7fa;
    border: 1px solid #f6f7fa;
    padding: 55px;
    cursor: pointer;
    transition: all 0.2s linear;
    margin-bottom: 30px;
    position: relative;
}

    .s_pricing-item .tag_label {
        font: 400 16px/22px "Poppins", sans-serif;
        color: #fff;
        background: #5f2eed;
        transform: rotate(90deg);
        position: absolute;
        top: 36px;
        right: 0;
        padding: 9px 26px;
        border: 0px;
        display: block;
    }

        .s_pricing-item .tag_label:before {
            content: "";
            border-top: 20px solid #5f2eed;
            border-bottom: 20px solid #5f2eed;
            border-right: 11px solid transparent;
            border-left: 11px solid transparent;
            position: absolute;
            right: -11px;
            top: 0;
        }

        .s_pricing-item .tag_label.blue_bg {
            background: #19cce6;
        }

            .s_pricing-item .tag_label.blue_bg:before {
                border-top: 20px solid #19cce6;
                border-bottom: 20px solid #19cce6;
            }

    .s_pricing-item .shape_img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .s_pricing-item .s_price_icon {
        width: 110px;
        height: 110px;
        text-align: center;
        line-height: 110px;
        background: #f0f2f8;
        border-radius: 50%;
        margin: 0 auto;
        position: relative;
        transition: all 0.2s linear;
    }

        .s_pricing-item .s_price_icon i:before {
            font-size: 48px;
        }

        .s_pricing-item .s_price_icon.p_icon1 {
            color: #7fcb11;
        }

        .s_pricing-item .s_price_icon.p_icon2 {
            color: #6754e2;
        }

        .s_pricing-item .s_price_icon.p_icon3 {
            color: #e92460;
        }

    .s_pricing-item p {
        color: #677294;
    }

    .s_pricing-item .price {
        color: #051441;
        padding: 24px 0px 40px;
        border-bottom: 1px solid #e9e9f4;
    }

        .s_pricing-item .price sub {
            color: #677294;
            bottom: 0;
        }

    .s_pricing-item ul li {
        line-height: 40px;
        color: #505975;
        font-weight: 300;
    }

    .s_pricing-item:hover {
        border-color: rgb(242, 242, 248);
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14);
    }

        .s_pricing-item:hover .s_price_icon {
            background: #faf9fa;
        }

/*=========== s_subscribe_area css ============*/
.s_subscribe_area {
    position: relative;
    z-index: 1;
    background: #f9fafd;
    padding: 120px 0px 130px;
    overflow: hidden;
}

    .s_subscribe_area:before {
        content: "";
        width: 100%;
        height: 100%;
        background: url("../Content/Asset/img/saas/map.png") no-repeat scroll center 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }

    .s_subscribe_area .mchimp-errmessage,
    .s_subscribe_area .mchimp-sucmessage {
        text-align: center;
    }

.right_shape,
.bottom_shape {
    position: absolute;
    width: 700px;
    height: 600px;
}

    .right_shape path,
    .bottom_shape path {
        opacity: 0.03;
    }

.right_shape {
    right: -450px;
    top: -102px;
}

.bottom_shape {
    left: 130px;
    top: 280px;
}

.s_subcribes {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
}

    .s_subcribes .form-control {
        font: 300 16px/100px "Poppins", sans-serif;
        color: #9ea4b7;
        height: 100px;
        padding: 0px 0px 0px 50px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 30px 60px 0px rgba(8, 0, 63, 0.14);
        border: 0px;
        border-radius: 0px;
        border-left-width: 10px;
        border-style: solid;
        z-index: 0;
    }

        .s_subcribes .form-control.placeholder {
            color: #9ea4b7;
        }

        .s_subcribes .form-control:-moz-placeholder {
            color: #9ea4b7;
        }

        .s_subcribes .form-control::-moz-placeholder {
            color: #9ea4b7;
        }

        .s_subcribes .form-control::-webkit-input-placeholder {
            color: #9ea4b7;
        }

    .s_subcribes .btn-submit {
        position: absolute;
        background: transparent;
        color: #6754e2;
        right: 40px;
        line-height: 100px;
        padding: 0px;
        font-size: 30px;
        z-index: 3;
    }

/*================= pricing_area css ==============*/
.domain_form_inner {
    display: flex;
    justify-content: center;
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1);
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    border-left: 8px solid #f8636b;
}

    .domain_form_inner input {
        width: 64%;
        border: 0px;
        border-radius: 0px;
        padding: 0px;
        font-size: 20px;
        font-weight: 300;
        padding-left: 40px;
    }

        .domain_form_inner input.placeholder {
            color: #9d9db0;
        }

        .domain_form_inner input:-moz-placeholder {
            color: #9d9db0;
        }

        .domain_form_inner input::-moz-placeholder {
            color: #9d9db0;
        }

        .domain_form_inner input::-webkit-input-placeholder {
            color: #9d9db0;
        }

        .domain_form_inner input:focus {
            outline: none;
            box-shadow: none;
        }

    .domain_form_inner .domain_select {
        width: 15%;
    }

        .domain_form_inner .domain_select .selectpickers {
            border: 0px;
            width: 100%;
            padding: 0px;
            text-align: center !important;
            border-left: 1px solid #d8dcea;
            border-radius: 0px;
            font-size: 20px;
            color: #9d9db0;
            font-weight: 300;
            background: transparent;
        }

            .domain_form_inner .domain_select .selectpickers:after {
                border-bottom: 1px solid #9d9db0;
                border-right: 1px solid #9d9db0;
                right: 35px;
                width: 6px;
                height: 6px;
            }

            .domain_form_inner .domain_select .selectpickers ul {
                width: 100%;
            }

                .domain_form_inner .domain_select .selectpickers ul li {
                    color: #9d9db0;
                }

            .domain_form_inner .domain_select .selectpickers:focus {
                outline: none;
                box-shadow: none;
            }

    .domain_form_inner button {
        width: 21%;
        border: 0px;
        padding: 25px 32px;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.3s linear;
    }

        .domain_form_inner button:before {
            content: "U";
            font-family: eleganticons;
            transform: rotate(-90deg);
            display: inline-block;
            margin-right: 10px;
        }





















.pricing_area {
    background: #fbfbfd;
}

.price_tab {
    border-radius: 45px;
    max-width: 400px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 3px 13px 0px rgba(0, 11, 40, 0.08);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    border: 0px;
    padding: 7px;
    justify-content: center;
    position: relative;
}

    .price_tab .nav-item {
        padding: 0px;
        margin: 0px;
    }

        .price_tab .nav-item .nav-link {
            margin: 0px;
            font: 400 16px "Poppins", sans-serif;
            color: #677294;
            padding: 12px 30px;
            display: inline-block;
            border: 0px;
            border-radius: 45px;
            min-width: 193px;
            text-align: center;
            transition: color 0.3s linear;
            position: relative;
            z-index: 1;
            cursor: pointer;
        }

            .price_tab .nav-item .nav-link.active {
                border: 0px;
                border-radius: 45px;
                background: transparent;
                color: #fff;
                background: #5b7921 !important;
            }

    .price_tab .hover_bg {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: calc(100% - 14px);
        border-radius: 45px;
        z-index: 0;
        transition: all 0.2s linear;
    }

.price_tab_two .hover_bg {
    background: #5f2eed;
}

.price_content .fade {
    transform: translateY(10px);
    transition: all 0.3s linear;
}

    .price_content .fade.show {
        transform: translateY(0px);
    }

.price_content .price_item {
    text-align: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 4px 6px 0px rgba(0, 11, 40, 0.1);
    padding: 50px 50px 40px;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden;
    transition: all 0.2s linear;
    cursor: pointer;
}

    .price_content .price_item .tag {
        position: absolute;
        font: 400 14px "Poppins", sans-serif;
        color: #fff;
        background: #00aff0;
        padding: 19px 32px;
        top: -10px;
        left: -39px;
        transform: rotate(-45deg);
    }

        .price_content .price_item .tag span {
            position: relative;
            top: 11px;
        }

    .price_content .price_item p {
        font-size: 16px;
        line-height: 22px;
        color: #677294;
        font-weight: 300;
        margin-bottom: 0px;
    }

    .price_content .price_item .price {
        line-height: 40px;
        border-bottom: 1px solid #e9e9f4;
        padding: 33px 0px 30px;
    }

        .price_content .price_item .price sub {
            color: #677294;
            bottom: 0;
        }

    .price_content .price_item .p_list {
        padding: 30px 0px 20px;
    }

        .price_content .price_item .p_list li {
            font: 300 16px/40px "Poppins", sans-serif;
            color: #505975;
        }

            .price_content .price_item .p_list li i {
                padding-right: 10px;
            }

            .price_content .price_item .p_list li .ti-check {
                color: #00aff0;
            }

            .price_content .price_item .p_list li .ti-close {
                color: #f0002d;
            }

    .price_content .price_item .price_btn {
        border-radius: 45px;
        color: #00aff0;
        border-color: #00aff0;
        padding: 0px 36px;
    }

        .price_content .price_item .price_btn:hover {
            color: #fff;
            background: #00aff0;
        }

    .price_content .price_item:hover {
        border-color: #c9ebfa;
        box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.14);
    }

/*=================== pricing_area_two css ===============*/
.pricing_area_two {
    background: #f6f7fa;
}

.price_content_two .price_item .tag {
    background: #5f2eed;
}

.price_content_two .price_item .p_list li .ti-check {
    color: #5f2eed;
}

.price_content_two .price_item .price_btn {
    border-color: #5f2eed;
    color: #5f2eed;
    background: transparent;
}

    .price_content_two .price_item .price_btn:hover {
        background: #5f2eed;
        color: #fff;
    }

.price_content_two .price_item:hover {
    border-color: #dad1f8;
}

.price_content_three .price_item .tag {
    background: #5f51fb;
}

.price_content_three .price_item .p_list li .ti-check {
    color: #5f51fb;
}

.price_content_three .price_item .price_btn {
    border-color: #5f51fb;
    color: #5f51fb;
    background: transparent;
}

    .price_content_three .price_item .price_btn:hover {
        background: #5f51fb;
        color: #fff;
    }

.price_content_three .price_item:hover {
    border-color: #dfdcfe;
}

/*================== call_action_area css ================*/
.call_action_area {
    min-height: 900px;
    position: relative;
    background-image: linear-gradient(180deg, rgb(23, 134, 216) 0%, rgb(0, 175, 240) 100%);
    z-index: 1;
    padding-top: 250px;
    position: relative;
    overflow: hidden;
}

    .call_action_area:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: url("../img/home2/action_bg.png") no-repeat scroll center 0;
    }

    .call_action_area .action_one {
        left: -240px;
        bottom: 0;
        height: 100%;
        z-index: -1;
    }

    .call_action_area .action_two {
        right: 0;
        background-position: 50% 50%;
        z-index: -1;
        top: 0;
    }

    .call_action_area .action_content {
        max-width: 570px;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

        .call_action_area .action_content h2 {
            margin-bottom: 15px;
            color: #fff;
        }

        .call_action_area .action_content p {
            font-weight: 300;
            color: #fff;
        }

        .call_action_area .action_content .action_btn {
            min-width: 180px;
            line-height: 55px;
            border-radius: 45px;
            box-shadow: 0px 20px 40px 0px rgba(0, 11, 40, 0.2);
            background: #fff;
            color: #00aff0;
        }

            .call_action_area .action_content .action_btn:hover {
                box-shadow: none;
            }

/*============= design_tab_area css ============*/
.design_tab_area {
    background: #fbfbfd;
}

.design_tab {
    border: 0px;
}

    .design_tab .nav-item {
        width: 100%;
        margin-bottom: 30px;
    }

        .design_tab .nav-item .nav-link {
            background-color: rgb(251, 251, 253);
            box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.04);
            border: 0px;
            border-radius: 0px;
            padding: 25px 50px;
            transition: background 0.5s ease 0s;
            cursor: pointer;
        }

            .design_tab .nav-item .nav-link h5 {
                font-size: 17px;
                line-height: 26px;
                font-weight: 500;
                color: #222d39;
                transition: color 0.5s ease 0s;
            }

            .design_tab .nav-item .nav-link p {
                margin-bottom: 0px;
                font-size: 15px;
                font-weight: 300;
                color: #677294;
                transition: color 0.5s ease 0s;
            }

            .design_tab .nav-item .nav-link:hover {
                background-color: #5b7921;
                color: #fff;
            }

                .design_tab .nav-item .nav-link:hover h5,
                .design_tab .nav-item .nav-link:hover p {
                    color: white;
                }

.tab-content .tab-pane .tab_img img {
    transform: translateX(20px);
    transition: all 0.3s linear;
    max-width: 100%;
}

.tab-content .tab-pane.show .tab_img img {
    transform: translateX(0);
}

.tab-content .tab_img {
    margin-right: -160px;
    padding-left: 120px;
    max-width: 100%;
}

/*============= action_area_two css =============*/
.action_area_two {
    background: #f6f6fa;
    padding-bottom: 40px;
}

.action_content {
    margin-top: 25px;
}

    .action_content .btn_three {
        margin-top: 40px;
        box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    }

        .action_content .btn_three:hover {
            box-shadow: none;
        }

.action_img {
    margin-right: -160px;
    margin-top: -50px;
}

    .action_img img {
        max-width: 100%;
    }

/*================= action area three css =================*/
.action_area_three {
    background-image: linear-gradient(0deg, rgb(94, 44, 237) 0%, rgb(108, 60, 244) 100%);
    position: relative;
    z-index: 1;
}

    .action_area_three:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        z-index: -1;
    }

    .action_area_three .curved {
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0;
        z-index: -1;
        background: url("../img/home4/action_shap.png") no-repeat scroll center top;
        top: 0;
        background-size: contain;
    }

    .action_area_three .action_content h2 {
        color: #fff;
    }

    .action_area_three .action_content .about_btn {
        background: transparent;
        border: 1px solid #fff;
        color: #fff;
    }

        .action_area_three .action_content .about_btn:hover {
            box-shadow: none;
            color: #5e2ced;
            background: #fff;
        }

    .action_area_three .action_content .white_btn {
        color: #5e2ced;
        box-shadow: none;
        background: #fff;
        margin-right: 25px;
    }

        .action_area_three .action_content .white_btn:hover {
            box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
            color: #fff;
            background: #5e2ced;
        }

/*=========== payment_priceing_area css ===========*/
.payment_priceing_area {
    padding: 120px 0px 90px;
    position: relative;
    z-index: 1;
}

    .payment_priceing_area:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url("../img/new/price_bg.png") no-repeat scroll center;
        position: absolute;
        z-index: -1;
    }

    .payment_priceing_area .payment_price_info {
        display: block;
        overflow: hidden;
        padding: 30px 0px;
    }

    .payment_priceing_area .sec_title h2 {
        font-size: 35px;
        font-weight: 500;
        line-height: 45px;
    }

.payment_price_item {
    text-align: center;
    background: #fbfbfd;
    padding: 50px 40px 55px;
    border: 1px solid #f1f3f8;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    width: 33.3333333333%;
    float: left;
    transition: all 0.2s linear;
}

    .payment_price_item:before {
        content: "";
        width: 100%;
        height: 100%;
        background-image: linear-gradient(-140deg, rgb(253, 171, 231) 0%, rgb(189, 142, 242) 36%, rgb(125, 113, 253) 100%);
        box-shadow: 0px 30px 60px 0px rgba(0, 11, 40, 0.1);
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: -1;
        border-radius: 4px;
        transition: opacity 0.4s linear;
    }

    .payment_price_item h2 {
        font-size: 40px;
        font-weight: 600;
        color: #051441;
    }

    .payment_price_item h6 {
        font-size: 18px;
        color: #051441;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .payment_price_item p {
        line-height: 30px;
        margin-bottom: 50px;
    }

    .payment_price_item .payment_price_btn {
        font-size: 15px;
        font-family: "Poppins", sans-serif;
        font-weight: 500;
        border-radius: 45px;
        background: rgba(253, 83, 135, 0.1);
        display: inline-block;
        padding: 10px 42px;
        color: #fd5387;
        transition: all 0.3s linear;
    }

        .payment_price_item .payment_price_btn i {
            font-size: 12px;
            padding-left: 5px;
        }

    .payment_price_item:nth-child(3) .payment_price_btn {
        background: rgba(95, 81, 251, 0.1);
        color: rgb(95, 81, 251);
    }

    .payment_price_item.center {
        border: 0px;
        border-radius: 4px;
        padding: 80px 40px 86px;
        transform: translateY(-30px);
        transition: all 0.4s linear;
    }

        .payment_price_item.center:before {
            opacity: 1;
        }

        .payment_price_item.center h2,
        .payment_price_item.center h6,
        .payment_price_item.center p {
            color: #fff;
        }

        .payment_price_item.center .payment_price_btn {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

    .payment_price_item:hover {
        border-radius: 4px;
        border-color: rgb(189, 142, 242);
        transition: all 0.4s linear;
        box-shadow: none;
    }

        .payment_price_item:hover:before {
            opacity: 1;
        }

        .payment_price_item:hover h2,
        .payment_price_item:hover h6,
        .payment_price_item:hover p {
            color: #fff;
        }

        .payment_price_item:hover .payment_price_btn {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

/*============== priceing_area_four css ============*/
.pricing_area_four .sec_title {
    margin-bottom: 50px;
}

    .pricing_area_four .sec_title h2 {
        margin-bottom: 0px;
    }

    .pricing_area_four .sec_title p {
        font-style: italic;
    }

.price_info_two {
    box-shadow: 0px 4px 5px 0px rgba(12, 0, 46, 0.05);
}

    .price_info_two .price_head {
        display: table;
        width: 100%;
    }

        .price_info_two .price_head .p_head {
            width: 25%;
            text-align: center;
            color: #fff;
            vertical-align: middle;
            display: table-cell;
            padding: 31px 0px;
        }

            .price_info_two .price_head .p_head h4 {
                color: #222d39;
                font-size: 20px;
            }

            .price_info_two .price_head .p_head h4,
            .price_info_two .price_head .p_head h5 {
                margin-bottom: 0px;
            }

            .price_info_two .price_head .p_head p {
                margin-bottom: 0;
                font-size: 14px;
                font-weight: 400;
                color: #fff;
            }

            .price_info_two .price_head .p_head:nth-child(2) {
                background: #0ed1b3;
            }

            .price_info_two .price_head .p_head:nth-child(3) {
                background: #6c84ee;
            }

            .price_info_two .price_head .p_head:nth-child(4) {
                background: #ee6cda;
            }

            .price_info_two .price_head .p_head h5 {
                font-size: 20px;
                font-weight: 600;
                color: #fff;
            }

    .price_info_two .price_item {
        width: 25%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        cursor: pointer;
        padding: 15px 0px;
    }

        .price_info_two .price_item:nth-child(odd) {
            background: #f8f8fa;
        }

        .price_info_two .price_item:first-child {
            text-align: left;
            padding-left: 30px;
        }

        .price_info_two .price_item h5 {
            margin-bottom: 0;
            font-size: 16px;
            font-weight: 500;
            color: #222d39;
        }

            .price_info_two .price_item h5 i {
                font-size: 20px;
            }

        .price_info_two .price_item .pr_title {
            position: relative;
            display: inline-block;
            padding-left: 30px;
        }

            .price_info_two .price_item .pr_title:before {
                content: "p";
                position: absolute;
                left: 0;
                top: 0;
                font-family: eleganticons;
                color: #afb5c7;
                transition: color 0s linear;
            }

            .price_info_two .price_item .pr_title:hover:before {
                color: #5e2ced;
            }

        .price_info_two .price_item .check {
            color: #0ed1b3;
        }

        .price_info_two .price_item .cros {
            color: #afb5c7;
        }

    .price_info_two .pr_list {
        display: table;
        width: 100%;
    }

    .price_info_two .price_btn {
        border-radius: 45px;
        color: #677294;
        border-color: #dfe3ed;
        padding: 0px 32px;
        line-height: 46px;
        margin: 40px 0px;
        transition: all 0.2s linear;
    }

        .price_info_two .price_btn:hover {
            background: #5e2ced;
            border-color: #5e2ced;
            color: #fff;
        }

.tooltip .tooltip-inner {
    background-color: #fff !important;
    opacity: 1;
    color: #111 !important;
    opacity: 1;
    box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.14);
    font-size: "Poppins", sans-serif;
    font-size: 16px;
    color: #677294;
    line-height: 26px;
    width: 100%;
}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fff;
}

.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fff;
}

.tooltip.show {
    opacity: 1;
}

.price_info_three .price_head .p_head:nth-child(2) {
    background: #fba820;
}

.price_info_three .price_head .p_head:nth-child(3) {
    background: #e63779;
}

.price_info_three .price_head .p_head:nth-child(4) {
    background: #0e79de;
}

.price_info_three .price_item h5 {
    color: #2c2c51;
}

.price_info_three .price_item .pr_title:hover:before {
    color: #26da15;
}

.price_info_three .price_item .check {
    color: #0e79de;
}

.price_info_three .price_item .cros {
    color: #fc3f48;
}

.price_info_three .price_btn:hover {
    background: #0e79de;
    border-color: #0e79de;
}

/*PRICEING AREA CSS */
.pricing_area_five {
    padding: 110px 0px;
    background: #f9f9fd;
}

    .pricing_area_five .title-four {
        margin-bottom: 60px;
    }

.price_box_two {
    border: 1px solid rgb(240, 243, 250);
    border-radius: 5px;
    background-color: rgb(252, 252, 255);
    padding: 40px 40px 55px;
    transition: all 0.3s linear;
    cursor: pointer;
}

    .price_box_two h5 {
        font-size: 20px;
        line-height: 28px;
        color: #282835;
        font-family: "Poppins", sans-serif;
    }

    .price_box_two p {
        font-size: 14px;
        line-height: 28px;
        color: #8b8b99;
        font-family: "Poppins", sans-serif;
    }

    .price_box_two .price_icon {
        margin-top: 24px;
    }

        .price_box_two .price_icon img {
            max-width: 100%;
        }

    .price_box_two .rate {
        font-size: 40px;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        color: #282835;
        border-bottom: 1px solid #e8e8f0;
        padding: 25px 0px 17px;
        transition: all 0.3s linear;
    }

    .price_box_two ul {
        padding: 23px 0px 30px;
    }

        .price_box_two ul li {
            font-size: 14px;
            line-height: 34px;
            color: #727988;
            font-family: "Poppins", sans-serif;
        }

    .price_box_two .purchase_btn_two {
        font-size: 14px;
        line-height: 30px;
        color: #5e2ced;
        border: 1px solid #a485fd;
        border-radius: 3px;
        display: inline-block;
        padding: 9px 35px;
        text-align: center;
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        transition: all 0.3s linear;
        position: relative;
        z-index: 1;
    }

        .price_box_two .purchase_btn_two:before {
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: 0;
            position: absolute;
            background-image: linear-gradient(90deg, rgb(164, 133, 253) 0%, rgb(94, 44, 237) 100%);
            transition: all 0.4s linear;
            z-index: -1;
        }

        .price_box_two .purchase_btn_two:hover {
            box-shadow: 0px 20px 30px 0px rgba(0, 0, 29, 0.14);
            color: #fff;
        }

            .price_box_two .purchase_btn_two:hover:before {
                opacity: 1;
            }

    .price_box_two:hover {
        border-color: rgb(240, 243, 250);
        background: #fff;
        box-shadow: 0px 30px 50px 0px rgba(0, 0, 29, 0.1);
    }

        .price_box_two:hover .rate {
            color: #5e2ced;
        }

/*====================================================*/
/*====================================================*/
/*============= agency_about_area css ============*/
.agency_about_area .owl-dots {
    position: absolute;
    left: -48%;
    bottom: 10px;
}

    .agency_about_area .owl-dots button span {
        width: 8px;
        height: 8px;
        display: block;
        background: #9c7bfb;
        border-radius: 50%;
        border: 1px solid #9c7bfb;
        margin: 0px 5px;
        transition: all 0.3s linear;
    }

    .agency_about_area .owl-dots button.active span {
        transform: scale(1.5);
        border-color: rgba(251, 251, 253, 0.8);
        background: transparent;
    }

.about_content_left {
    padding: 0px 0px 0px 200px;
}

.about_content {
    background-image: linear-gradient(40deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
    height: 100%;
    color: #fff;
    padding: 100px;
    position: relative;
    bottom: -30px;
}

    .about_content h2,
    .about_content p {
        color: #fff;
    }

.about_btn {
    font: 500 14px "Poppins", sans-serif;
    padding: 17px 28px;
    background: rgb(251, 251, 253);
    box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    border-radius: 3px;
    color: #5e2ced;
    display: inline-block;
    transition: all 0.3s ease;
}

    .about_btn:hover {
        color: #fff;
        background: #5e2ced;
    }

.about_img {
    padding: 0px;
    position: relative;
}

    .about_img .about_img_slider .about_item {
        float: left;
        position: relative;
        z-index: 1;
        overflow: hidden;
        cursor: pointer;
    }

        .about_img .about_img_slider .about_item:after {
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: rgba(17, 22, 28, 0.7);
            position: absolute;
            opacity: 0;
            z-index: 0;
            transition: opacity 0.4s linear 0s;
        }

        .about_img .about_img_slider .about_item img {
            transition: all 0.5s linear;
        }

        .about_img .about_img_slider .about_item.w55 {
            width: 53.3%;
        }

        .about_img .about_img_slider .about_item.w45 {
            width: 46.7%;
        }

        .about_img .about_img_slider .about_item img {
            width: 100%;
            max-width: 100%;
        }

        .about_img .about_img_slider .about_item .about_text {
            position: absolute;
            bottom: 80px;
            padding: 0px 80px 0px 50px;
            left: 0;
            z-index: 1;
            transition: all 0.3s linear;
        }

            .about_img .about_img_slider .about_item .about_text h5 {
                color: #fff;
            }

            .about_img .about_img_slider .about_item .about_text .br {
                width: 50px;
                height: 5px;
                background: #fff;
                opacity: 0.3;
                margin-bottom: 25px;
                display: block;
            }

            .about_img .about_img_slider .about_item .about_text.text_two {
                bottom: 30px;
            }

        .about_img .about_img_slider .about_item:hover:after {
            opacity: 1;
        }

        .about_img .about_img_slider .about_item:hover img {
            transform: scale(1.03);
        }

        .about_img .about_img_slider .about_item:hover .about_text {
            bottom: 90px;
        }

            .about_img .about_img_slider .about_item:hover .about_text.text_two {
                bottom: 50px;
            }

    .about_img .pluse_icon {
        width: 100px;
        height: 100px;
        text-align: center;
        color: #5e2ced;
        line-height: 100px;
        font-size: 22px;
        background-color: rgb(251, 251, 253);
        box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.14);
        display: inline-block;
        position: absolute;
        bottom: -60px;
        left: 0;
        z-index: 2;
    }

/*===== about_area css ======*/
.onepage_about_area {
    padding-top: 110px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .onepage_about_area .shape {
        position: absolute;
        top: 0;
        right: 80px;
        z-index: -1;
    }

    .onepage_about_area .row_reverse {
        flex-direction: row-reverse;
    }

    .onepage_about_area .align_items_center {
        align-items: center;
        font-family: "Poppins", sans-serif;
    }

    .onepage_about_area .onepage_about_img {
        margin-left: 30px;
        position: relative;
    }

        .onepage_about_area .onepage_about_img img {
            max-width: inherit;
        }

    .onepage_about_area .onepage_about_content .h_color {
        color: #282835;
        font-weight: 600;
        line-height: 50px;
    }

    .onepage_about_area .onepage_about_content p {
        padding-top: 20px;
        margin-bottom: 0;
        font-size: 16px;
        line-height: 26px;
        color: #8b8b99;
    }

    .onepage_about_area .onepage_about_content .n_banner_btn {
        margin-top: 50px;
    }

.memphis-parallax li {
    position: absolute;
}

.onepage_about_area .memphis-parallax li:nth-child(1),
.faq_solution_area .memphis-parallax li:nth-child(1) {
    right: 40%;
    top: 200px;
}

.onepage_about_area .memphis-parallax li:nth-child(3),
.faq_solution_area .memphis-parallax li:nth-child(3) {
    right: 5%;
    top: 63%;
}

.onepage_about_area .memphis-parallax li:nth-child(2),
.faq_solution_area .memphis-parallax li:nth-child(2) {
    right: 17%;
    top: 120px;
}

.onepage_about_area .memphis-parallax li:nth-child(6),
.faq_solution_area .memphis-parallax li:nth-child(6) {
    right: 47%;
    top: 82%;
}

.onepage_about_area .memphis-parallax li:nth-child(5),
.faq_solution_area .memphis-parallax li:nth-child(5) {
    right: 46%;
    top: 60%;
}

.onepage_about_area .memphis-parallax li:nth-child(7),
.faq_solution_area .memphis-parallax li:nth-child(7) {
    right: 75%;
    top: 95%;
}

.onepage_about_area .memphis-parallax li:nth-child(8),
.faq_solution_area .memphis-parallax li:nth-child(8) {
    right: 13%;
    top: 81%;
}

.onepage_about_area .memphis-parallax li:nth-child(4),
.faq_solution_area .memphis-parallax li:nth-child(4) {
    right: 32%;
    top: 89%;
}

.faq_accordian_two {
    flex: 1;
    align-self: center;
}

.faq_solution_area {
    padding: 120px 0px 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

    .faq_solution_area .title-four {
        margin-bottom: 50px;
    }

.faq_accordian_two .card {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 29, 0.08);
    background: #fff;
    border: 0px;
    margin-bottom: 20px;
    border-radius: 0px;
    padding: 0px 30px 25px;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

    .faq_accordian_two .card:before {
        content: "";
        background-image: linear-gradient(90deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: 0;
        transition: all 0.3s linear;
    }

    .faq_accordian_two .card .card-header {
        border: 0px;
        border-radius: 0px;
        background: transparent;
        padding: 0px;
    }

        .faq_accordian_two .card .card-header h5 .btn-link {
            display: block;
            padding: 25px 0px 0px;
            text-align: left;
            width: 100%;
            font: 500 20px/26px "Poppins", sans-serif;
            color: #8b8b99;
            text-decoration: none;
            border-radius: 0px;
            cursor: pointer;
        }

            .faq_accordian_two .card .card-header h5 .btn-link i {
                color: #5e2ced;
                font-size: 30px;
                line-height: 26px;
                vertical-align: middle;
                padding-right: 25px;
            }

    .faq_accordian_two .card .card-body {
        background: transparent;
        padding: 10px 36px 0px 62px;
    }

        .faq_accordian_two .card .card-body p {
            color: #8b8b99;
        }

    .faq_accordian_two .card.active:before {
        opacity: 1;
    }

    .faq_accordian_two .card.active .card-header h5 .btn-link,
    .faq_accordian_two .card.active .card-header h5 .btn-link i,
    .faq_accordian_two .card.active .card-body p {
        color: #fff;
    }

.faq_image_mockup {
    position: relative;
    right: -53px;
}

.faq_solution_area .faq_image_mockup img {
    max-width: inherit;
}

/*============== Start about_section css =================*/
.about_section {
    background-position: center bottom;
    padding-bottom: 245px;
    padding-top: 120px;
    background-size: 100%;
}

    .about_section .item_image {
        margin-left: -160px;
        margin-right: -160px;
        margin-bottom: 85px;
    }

        .about_section .item_image img {
            max-width: 100%;
        }

    .about_section p {
        margin-bottom: 40px;
    }

.about_information_title {
    z-index: 1;
    margin-top: -180px;
    position: relative;
    padding: 100px 70px;
    margin-right: -30px;
    background-color: #ffffff;
    box-shadow: 1.392px 9.903px 43px 0px rgba(66, 97, 234, 0.1);
}

    .about_information_title h4 {
        margin-bottom: 30px;
        line-height: 1;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #3e5ae8;
        text-transform: uppercase;
    }

    .about_information_title h2 {
        font-size: 38px;
        font-weight: 400;
        line-height: 1.316;
        margin-bottom: 60px;
        text-transform: uppercase;
        color: #222d39;
    }

        .about_information_title h2 > strong {
            font-weight: 700;
        }

    .about_information_title .text_btn {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #222d39;
    }

        .about_information_title .text_btn i {
            transform: translateY(1px);
            transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);
            display: inline-block;
        }

        .about_information_title .text_btn:hover {
            color: #3e5ae8;
        }

            .about_information_title .text_btn:hover i {
                color: #3e5ae8;
                transform: translate(8px, 1px);
            }

            .about_information_title .text_btn:hover span:before {
                left: 0px;
                width: 100%;
                right: auto;
            }

        .about_information_title .text_btn span {
            border-bottom: 1px solid #222d39;
            position: relative;
            display: inline-block;
            line-height: 20px;
        }

            .about_information_title .text_btn span:before {
                width: 0px;
                left: auto;
                right: 0px;
                bottom: -1px;
                height: 1px;
                content: "";
                position: absolute;
                background: #3e5ae8;
                transition: width 0.3s linear;
            }

/*============== End about_section css =================*/
.home_portfolio_fullwidth_area {
    position: relative;
    z-index: 2;
}

    .home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img img {
        height: 100%;
        width: inherit;
        object-fit: none;
    }

    .home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img .hover_content {
        background-color: rgba(103, 84, 226, 0.8);
    }

.fixed_footer {
    position: fixed !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

/*============== start personal_portfolio_area css =================*/
.personal_portfolio_area {
    background: url(../img/digital-agency/banner_01/banner_shap.png) no-repeat scroll center 0/cover;
    padding: 270px 0px 240px;
    position: relative;
}

    .personal_portfolio_area:before {
        content: "";
        position: absolute;
        width: 910px;
        height: 100%;
        background: url(../img/digital-agency/banner_01/banner_img.jpg);
        background-color: #c10024;
        background-blend-mode: multiply;
        right: 0;
        top: 0;
        z-index: -1;
    }

    .personal_portfolio_area .personal_portfolio_text {
        max-width: 570px;
    }

        .personal_portfolio_area .personal_portfolio_text h5 {
            font-size: 20px;
            line-height: 40px;
            text-transform: uppercase;
            letter-spacing: 2.4px;
            margin-bottom: 0;
        }

        .personal_portfolio_area .personal_portfolio_text h3 {
            font-size: 40px;
            line-height: 55px;
            margin-top: 27px;
            margin-bottom: 40px;
        }

            .personal_portfolio_area .personal_portfolio_text h3 span {
                color: #feef3c;
            }

        .personal_portfolio_area .personal_portfolio_text h5, .personal_portfolio_area .personal_portfolio_text h3 {
            color: #fff;
        }

        .personal_portfolio_area .personal_portfolio_text .erp_btn_learn {
            font-size: 16px;
            text-transform: uppercase;
            font-weight: 600;
            color: #fff;
            position: relative;
        }

            .personal_portfolio_area .personal_portfolio_text .erp_btn_learn i {
                vertical-align: middle;
                margin-left: 6px;
                transition: all 0.2s linear;
            }

            .personal_portfolio_area .personal_portfolio_text .erp_btn_learn:before {
                content: "";
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: 0;
                left: 0;
                background: #fff;
            }

            .personal_portfolio_area .personal_portfolio_text .erp_btn_learn:hover i {
                margin-left: 12px;
            }

        .personal_portfolio_area .personal_portfolio_text .social_icon {
            list-style: none;
            padding-left: 0;
            position: absolute;
            bottom: 30px;
        }

            .personal_portfolio_area .personal_portfolio_text .social_icon li {
                display: inline-block;
                margin-right: 15px;
            }

                .personal_portfolio_area .personal_portfolio_text .social_icon li a {
                    color: #8086ca;
                    font-size: 15px;
                }

                    .personal_portfolio_area .personal_portfolio_text .social_icon li a:hover {
                        color: #fff;
                    }

/*============== end personal_portfolio_area css =================*/
/*============ personal_description_area css ============*/
.personal_description_area .text {
    max-width: 680px;
    margin: 0 auto;
}

    .personal_description_area .text h3 {
        font-size: 30px;
        line-height: 46px;
        color: #383838;
        margin: 50px 0px;
        font-weight: 400;
    }

        .personal_description_area .text h3 span {
            color: #000b92;
            text-transform: uppercase;
            font-weight: 700;
        }

    .personal_description_area .text a {
        display: inline-block;
    }

/*============ personal_description_area css ============*/
.showcase_slider .slider {
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}

.showcase_slider .showcase_slider_item {
    background: rgba(0, 0, 0, 0.3);
    margin-left: 275px;
    max-width: 700px;
    margin-right: auto;
    padding: 140px 100px;
}

    .showcase_slider .showcase_slider_item h3, .showcase_slider .showcase_slider_item a, .showcase_slider .showcase_slider_item h6 {
        color: #fff;
    }

    .showcase_slider .showcase_slider_item h3 {
        font-size: 48px;
        line-height: 50px;
        font-weight: 600;
        margin-bottom: 18px;
    }

    .showcase_slider .showcase_slider_item h6 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 25px;
    }

    .showcase_slider .showcase_slider_item p {
        margin-bottom: 0;
        margin-top: 11rem;
    }

        .showcase_slider .showcase_slider_item p a {
            font-size: 14px;
            font-weight: 400;
        }

            .showcase_slider .showcase_slider_item p a:after {
                content: "/";
                display: inline-block;
                margin: 0px 5px;
            }

            .showcase_slider .showcase_slider_item p a:last-child:after {
                display: none;
            }

.showcase_bg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    max-width: 100%;
}

/*====================================================*/
/*====================================================*/
/*=============== agency_testimonial_area css ==============*/
.agency_testimonial_info {
    position: relative;
}

    .agency_testimonial_info .testimonial_slider {
        max-width: 770px;
        border-radius: 6px;
        margin: 0 auto;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 40px 0px rgba(12, 0, 46, 0.06);
        padding: 50px;
    }

        .agency_testimonial_info .testimonial_slider .testimonial_item {
            z-index: 0;
            transition: all 0.2s linear;
        }

            .agency_testimonial_info .testimonial_slider .testimonial_item .author_img img {
                max-width: 100%;
                width: auto;
                display: inline-block;
                border-radius: 50%;
            }

            .agency_testimonial_info .testimonial_slider .testimonial_item .author_description {
                margin-top: 18px;
                margin-bottom: 40px;
            }

                .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h4 {
                    margin-bottom: 5px;
                }

                .agency_testimonial_info .testimonial_slider .testimonial_item .author_description h6 {
                    font: 400 14px/26px "Poppins", sans-serif;
                    color: #959cb1;
                }

            .agency_testimonial_info .testimonial_slider .testimonial_item p {
                font-weight: 300;
                font-size: 16px;
                line-height: 30px;
                margin-bottom: 50px;
            }

        .agency_testimonial_info .testimonial_slider .active {
            position: relative;
            z-index: 9;
        }

        .agency_testimonial_info .testimonial_slider .owl-dots {
            text-align: center;
            bottom: 0px;
            position: relative;
            margin-top: 0px;
        }

            .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot {
                width: 16px;
                height: 16px;
                border-radius: 50%;
                border: 1px solid transparent;
                transition: all 0.2s linear;
                margin: 0px 2px;
            }

                .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot span {
                    width: 8px;
                    height: 8px;
                    background: #cfcfe7;
                    border-radius: 50%;
                    display: block;
                    margin: 0 auto;
                    border: 0px;
                    transition: all 0.2s linear;
                }

                .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active {
                    border-color: #017dac;
                }

                    .agency_testimonial_info .testimonial_slider .owl-dots .owl-dot.active span {
                        transform: scale(0);
                    }

    .agency_testimonial_info .owl-prev, .agency_testimonial_info .owl-next {
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        border: 1px solid rgb(243, 245, 248);
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.06);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
    }

        .agency_testimonial_info .owl-prev:hover, .agency_testimonial_info .owl-next:hover {
            color: #fff;
            background: rgb(94, 44, 237);
        }

    .agency_testimonial_info .owl-next {
        right: 0;
    }

/*============= partner_logo_area_two css ==============*/
.partner_logo_area_two {
    padding-top: 120px;
}

    .partner_logo_area_two.sec_pad .row {
        margin-bottom: -60px;
    }

    .partner_logo_area_two h4 {
        color: #8891aa;
    }

.partner_info {
    text-align: center;
    justify-content: center;
}

    .partner_info .logo_item {
        width: 20%;
        margin-bottom: 60px;
    }

        .partner_info .logo_item img {
            max-width: 100%;
            -webkit-filter: contrast(0.3%);
            filter: contrast(0.3%);
            -webkit-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        .partner_info .logo_item:hover img {
            filter: contrast(100%);
        }

.subscribe_form_info {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(243, 246, 249);
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.1);
    padding: 120px 0px;
    margin-bottom: -150px;
    z-index: 2;
    position: relative;
}

    .subscribe_form_info .subscribe-form {
        max-width: 370px;
        margin: 0 auto;
    }

        .subscribe_form_info .subscribe-form .form-control {
            text-align: center;
            border: 0px;
            font: 400 18px/28px "Poppins", sans-serif;
            color: #b4bacc;
            border-radius: 0px;
            border-bottom: 1px solid #3d64f4;
            box-shadow: none;
        }

            .subscribe_form_info .subscribe-form .form-control.placeholder {
                color: #b4bacc;
            }

            .subscribe_form_info .subscribe-form .form-control:-moz-placeholder {
                color: #b4bacc;
            }

            .subscribe_form_info .subscribe-form .form-control::-moz-placeholder {
                color: #b4bacc;
            }

            .subscribe_form_info .subscribe-form .form-control::-webkit-input-placeholder {
                color: #b4bacc;
            }

        .subscribe_form_info .subscribe-form .btn_four {
            padding: 16px 44px;
            box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);
        }

            .subscribe_form_info .subscribe-form .btn_four:hover {
                box-shadow: none;
            }

.s_form_info_two .subscribe-form .form-control {
    border-color: #5e2ced;
}

.s_form_info_two .subscribe-form .btn_four {
    border-radius: 4px;
    border-color: #5e2ced;
    background: #5e2ced;
    box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);
}

    .s_form_info_two .subscribe-form .btn_four:hover {
        color: #fff;
    }

.saas_subscribe_area_two .subscribe_form_info {
    padding: 0px 0px;
}

    .saas_subscribe_area_two .subscribe_form_info .form-control {
        border-color: #017dac;
    }

    .saas_subscribe_area_two .subscribe_form_info .btn_four {
        border-color: #017dac;
        background: #017dac;
        box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);
    }

        .saas_subscribe_area_two .subscribe_form_info .btn_four:hover {
            color: #fff;
        }

/*=============== partner_logo_area_three css ================*/
.partner_logo_area_three {
    padding: 100px 0px;
}

    .partner_logo_area_three .partner_info {
        margin-bottom: -20px;
    }

        .partner_logo_area_three .partner_info .logo_item {
            margin-bottom: 20px;
        }

            .partner_logo_area_three .partner_info .logo_item a {
                display: inline-block;
            }

            .partner_logo_area_three .partner_info .logo_item img {
                filter: contrast(100%);
                transition: all 0.3s linear;
            }

            .partner_logo_area_three .partner_info .logo_item:hover img {
                filter: brightness(200%);
            }

    .partner_logo_area_three .partner_info_two .logo_item {
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .partner_logo_area_three .partner_info_two .logo_item:hover img {
            filter: brightness(1);
        }

.partner_logo_area_four {
    padding-top: 80px;
    margin-bottom: -40px;
}

    .partner_logo_area_four h4 {
        color: #8891aa;
    }

.partner_logo_area_five {
    padding: 200px 0px 70px;
}

.payment_logo_area {
    padding: 200px 0px 120px;
}

    .payment_logo_area .sec_title h2 {
        font-size: 35px;
        line-height: 44px;
    }

.partner_logo_area_six {
    padding: 56px 0px;
}

    .partner_logo_area_six .partner_info {
        margin-bottom: -60px;
    }

        .partner_logo_area_six .partner_info .logo_item:hover img {
            filter: brightness(0);
        }

/*============== saas_signup_area css ==============*/
.saas_signup_form .input-group .form-control {
    background: transparent;
    font: 300 14px "Poppins", sans-serif;
    color: rgba(255, 255, 255, 0.7);
    border-radius: 0px;
    border: 0px;
    border-bottom: 1px solid #3c3c5b;
    padding-left: 0px;
    padding-bottom: 10px;
    box-shadow: none;
    z-index: 0;
    position: relative;
}

    .saas_signup_form .input-group .form-control.placeholder {
        color: #535473;
    }

    .saas_signup_form .input-group .form-control:-moz-placeholder {
        color: #535473;
    }

    .saas_signup_form .input-group .form-control::-moz-placeholder {
        color: #535473;
    }

    .saas_signup_form .input-group .form-control::-webkit-input-placeholder {
        color: #535473;
    }

    .saas_signup_form .input-group .form-control:focus + label {
        transform: scale(1);
    }

.saas_signup_form .input-group label {
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #3d57f4;
    z-index: 2;
    bottom: 0;
    transform: scale(0);
    margin-bottom: 0;
    transition: all 0.3s linear;
}

.saas_signup_form .saas_banner_btn {
    border: 0px;
    padding: 12px 48px;
}

/*============= fun_fact_area  css ==============*/
.fun_fact_area {
    padding-top: 150px;
    padding-bottom: 110px;
    overflow: hidden;
}

.fun_fact_area_two {
    background: #f7f6fa;
}

.fun_fact_content h1 {
    font-size: 60px;
}

.fun_fact_content .fact_item h1 {
    font-size: 70px;
    font-weight: 400;
}

.fact_author_img {
    position: relative;
}

    .fact_author_img .box_three {
        width: 630px;
        height: 630px;
        background-image: linear-gradient(90deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
        opacity: 1;
        top: -460px;
    }

    .fact_author_img .box_four {
        background-image: linear-gradient(90deg, rgb(65, 24, 129) 0%, rgb(155, 43, 220) 100%);
        opacity: 1;
        width: 708px;
        height: 708px;
        top: -460px;
        left: 150px;
    }

    .fact_author_img img {
        margin-top: -70px;
        filter: grayscale(100%);
    }

.fact_author_img_two .box_three {
    background-image: linear-gradient(-90deg, rgb(251, 134, 47) 0%, rgb(198, 64, 253) 100%);
}

.fact_author_img_two .box_four {
    background-image: linear-gradient(90deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
}

/*============ feedback_area css ==============*/
.feedback_slider .owl-nav {
    display: none;
}

.feedback_slider .item {
    padding: 0px 15px;
}

.feedback_slider .shap_one, .feedback_slider .shap_two {
    position: absolute;
    bottom: 0;
    right: 20px;
    opacity: 0.302;
    border-radius: 10px;
    transform: rotate(45deg);
    width: 66px;
    height: 66px;
    bottom: -35px;
    opacity: 0.302;
}

.feedback_slider .shap_one {
    background-image: linear-gradient(40deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
}

.feedback_slider .shap_two {
    background-image: linear-gradient(40deg, rgb(41, 10, 89) 0%, rgb(61, 87, 244) 100%);
    right: -10px;
    bottom: -45px;
}

.feedback_slider .center .feedback_item {
    border-color: #3d57f4;
}

    .feedback_slider .center .feedback_item .shap_one, .feedback_slider .center .feedback_item .shap_two {
        opacity: 1;
    }

.feedback_item {
    border: 1px solid rgb(19, 20, 48);
    border-radius: 4px;
    background-color: rgb(15, 16, 41);
    box-shadow: 0px 30px 50px 0px rgba(12, 0, 46, 0.3);
    padding: 45px;
    position: relative;
    overflow: hidden;
}

    .feedback_item .feed_back_author {
        display: flex;
    }

    .feedback_item .media .img {
        border: 1px solid rgb(68, 70, 123);
        border-radius: 50%;
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin-right: 18px;
    }

        .feedback_item .media .img img {
            max-width: 100%;
            width: auto;
        }

    .feedback_item .media .media-body {
        align-self: center;
    }

        .feedback_item .media .media-body h6 {
            margin-bottom: 0px;
            font-size: 14px;
            color: #58596e;
        }

    .feedback_item p {
        font-weight: 300;
        margin-top: 34px;
        margin-bottom: 25px;
    }

    .feedback_item .post_date {
        font-size: 14px;
        line-height: 24px;
        color: #58596e;
        font-style: italic;
        font-weight: 300;
        position: relative;
    }

        .feedback_item .post_date:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #58596e;
            position: absolute;
            left: 0;
            bottom: 0;
        }

    .feedback_item .ratting {
        align-self: center;
        flex: 1;
        text-align: right;
    }

        .feedback_item .ratting a {
            font-size: 12px;
            color: #58596e;
        }

            .feedback_item .ratting a:nth-child(1), .feedback_item .ratting a:nth-child(2), .feedback_item .ratting a:nth-child(3) {
                color: #3d57f4;
            }

.owl-dots {
    text-align: center;
    margin-top: 75px;
}

    .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #3d3e65;
        margin: 0px 5px;
        border: 1px solid #3d3e65;
        display: block;
        transition: all 0.3s linear;
    }

    .owl-dots .owl-dot.active span {
        background: transparent;
        transform: scale(1.5);
        border-color: rgb(61, 87, 244);
    }

    .owl-dots .owl-dot:focus {
        outline: none;
    }

.feedback_area_two {
    background-image: linear-gradient(30deg, rgb(95, 81, 251) 0%, rgb(140, 167, 255) 100%);
    height: 550px;
    position: relative;
    z-index: 1;
}

    .feedback_area_two:before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: url("../img/new/feedback_shap.png") no-repeat scroll center 0;
        position: absolute;
        z-index: -1;
    }

    .feedback_area_two .sec_title {
        padding-left: 162px;
    }

        .feedback_area_two .sec_title h2 {
            font-size: 35px;
            line-height: 45px;
        }

        .feedback_area_two .sec_title p {
            color: #cfd0fa;
            font-style: italic;
        }

.feedback_slider_two .item {
    padding-bottom: 50px;
}

.feedback_slider_two .shap_one, .feedback_slider_two .shap_two {
    opacity: 0.12;
    background-image: linear-gradient(40deg, rgb(95, 81, 251) 0%, rgb(118, 124, 253) 64%, rgb(140, 167, 255) 100%);
    position: absolute;
    bottom: 0;
    right: 20px;
    border-radius: 10px;
    transform: rotate(45deg);
    width: 66px;
    height: 66px;
    bottom: -35px;
    opacity: 0.14;
}

.feedback_slider_two .shap_two {
    right: -10px;
    bottom: -45px;
}

.feedback_slider_two .center .feedback_item_two .shap_one, .feedback_slider_two .center .feedback_item_two .shap_two {
    opacity: 0.45;
}

.feedback_slider_two .owl-nav {
    display: block;
    position: absolute;
    right: 120px;
    top: -100px;
}

    .feedback_slider_two .owl-nav i {
        width: 50px;
        height: 50px;
        text-align: center;
        border: 1px solid #fff;
        display: inline-block;
        color: #fff;
        line-height: 50px;
        font-size: 12px;
        border-radius: 50%;
        margin-left: 10px;
        transition: all 0.3s linear;
    }

        .feedback_slider_two .owl-nav i:hover {
            background: #fff;
            color: #5f51fb;
        }

.feedback_slider_two .feedback_item {
    background: #fff;
    box-shadow: 0px 20px 60px 0px rgba(0, 11, 40, 0.1);
    border: 0px;
    margin: 0 20px;
}

    .feedback_slider_two .feedback_item .media .img {
        border: 0px;
    }

.feedback_slider_two .owl-dots {
    display: none;
}

.feedback_area_three {
    height: 540px;
}

    .feedback_area_three .row {
        margin-left: -20px;
        margin-right: -20px;
    }

    .feedback_area_three .feedback_slider_two .feedback_item {
        margin: 0px 20px;
        box-shadow: 0px 30px 40px 0px rgba(0, 11, 40, 0.08);
    }

        .feedback_area_three .feedback_slider_two .feedback_item .ratting a:nth-child(1), .feedback_area_three .feedback_slider_two .feedback_item .ratting a:nth-child(2), .feedback_area_three .feedback_slider_two .feedback_item .ratting a:nth-child(3) {
            color: #fbc509;
        }

        .feedback_area_three .feedback_slider_two .feedback_item p {
            line-height: 28px;
        }

    .feedback_area_three .feedback_slider_two .owl-nav {
        right: 15px;
    }

        .feedback_area_three .feedback_slider_two .owl-nav i {
            border-color: #dfe3ed;
            color: #677294;
        }

            .feedback_area_three .feedback_slider_two .owl-nav i:hover {
                border-color: #5f51fb;
                background: #5f51fb;
                color: #fff;
            }

/*=============== app_testimonial_area css =============*/
.app_testimonial_area {
    background: #fbfbfd;
    padding-top: 200px;
    padding-bottom: 140px;
    overflow: hidden;
    position: relative;
}

    .app_testimonial_area .text_shadow {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
    }

        .app_testimonial_area .text_shadow:before {
            content: attr(data-line);
            position: absolute;
            left: 0px;
            width: 100%;
            text-align: center;
            color: rgb(246, 246, 250);
            font-weight: 700;
            background-image: linear-gradient(140deg, #672dde 0%, #4069eb 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: "Poppins", sans-serif;
            font-size: 200px;
            line-height: 200px;
            z-index: -1;
            text-transform: uppercase;
            top: 50%;
            opacity: 0.02;
        }

.app_testimonial_slider {
    max-width: 690px;
    margin: 0 auto;
}

.nav_container {
    position: relative;
    z-index: 1;
}

    .nav_container .owl-prev, .nav_container .owl-next {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.06);
        font-size: 20px;
        color: #222d39;
        border: 0px;
        line-height: 50px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        transition: all 0.2s linear;
        cursor: pointer;
    }

        .nav_container .owl-prev:hover, .nav_container .owl-next:hover {
            background: #4069eb;
            color: #fff;
            box-shadow: none;
        }

    .nav_container .owl-prev {
        left: 15px;
    }

    .nav_container .owl-next {
        right: 15px;
    }

    .nav_container .owl-dots {
        margin-top: 30px;
    }

        .nav_container .owl-dots .owl-dot span {
            background: #cfcfe7;
            border: 0px;
        }

        .nav_container .owl-dots .owl-dot.active span {
            background: #653cee;
        }

.shap {
    position: absolute;
    opacity: 0.02;
    transform: rotate(45deg);
    border-radius: 45px;
    left: 90px;
    z-index: -1;
}

    .shap.one {
        background-image: linear-gradient(140deg, rgb(125, 13, 240) 0%, rgb(12, 182, 231) 100%);
        width: 650px;
        height: 510px;
        top: -155%;
    }

    .shap.two {
        background-image: linear-gradient(140deg, rgb(125, 13, 240) 0%, rgb(12, 182, 231) 100%);
        width: 666px;
        height: 330px;
        top: -145%;
        left: 290px;
    }

.app_testimonial_item .author-img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto 15px;
}

    .app_testimonial_item .author-img img {
        width: auto;
        border-radius: 100%;
        max-width: 100%;
    }

.app_testimonial_item .author_info {
    margin-bottom: 35px;
}

    .app_testimonial_item .author_info p {
        color: #959cb1;
        font-size: 14px;
        margin-bottom: 0px;
    }

/*===========experts_team_area css ==========*/
.experts_team_area .learn_btn:hover {
    color: #4069eb;
}

    .experts_team_area .learn_btn:hover:before {
        background: #4069eb;
    }

.ex_team_item {
    position: relative;
    text-align: center;
    margin-bottom: 40px;
    overflow: hidden;
    cursor: pointer;
}

    .ex_team_item img {
        max-width: 100%;
    }

    .ex_team_item .hover_content, .ex_team_item .team_content {
        position: absolute;
        width: 100%;
    }

    .ex_team_item h3 {
        margin-bottom: 3px;
    }

    .ex_team_item h5 {
        font: 300 14px/24px "Poppins", sans-serif;
        color: #677294;
        margin-bottom: 0px;
    }

    .ex_team_item .team_content {
        bottom: 0;
        background: rgba(255, 255, 255, 0.9);
        padding: 17px 0px;
        transition: all 0.4s ease;
    }

    .ex_team_item .hover_content {
        top: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 33px;
        background-image: linear-gradient(140deg, rgba(125, 13, 240, 0.9) 0%, rgba(58, 113, 235, 0.9) 100%);
        opacity: 0;
        visibility: visible;
        z-index: -1;
        transition: all 0.4s ease;
        transform: scale(0.9);
    }

        .ex_team_item .hover_content .n_hover_content {
            width: 100%;
        }

            .ex_team_item .hover_content .n_hover_content ul {
                margin-bottom: 0px;
            }

                .ex_team_item .hover_content .n_hover_content ul li {
                    display: inline-block;
                }

                    .ex_team_item .hover_content .n_hover_content ul li a {
                        font-size: 13px;
                        color: #fff;
                        margin: 0px 5px;
                    }

                        .ex_team_item .hover_content .n_hover_content ul li a:hover {
                            color: #0cb6e7;
                        }

            .ex_team_item .hover_content .n_hover_content .br {
                width: 100%;
                height: 1px;
                background: rgba(255, 255, 255, 0.2);
                display: block;
                margin: 15px 0px 20px;
                transform: scale(0);
                transition: all 0.6s linear;
            }

            .ex_team_item .hover_content .n_hover_content h3 {
                transform: translateY(12px);
                transition: all 0.5s linear;
            }

            .ex_team_item .hover_content .n_hover_content h5 {
                color: #fff;
                transform: translateY(20px);
                transition: all 0.6s linear;
            }

    .ex_team_item:hover .hover_content {
        opacity: 1;
        visibility: visible;
        z-index: 0;
        transform: scale(1);
    }

        .ex_team_item:hover .hover_content .br {
            transform: scale(1);
        }

        .ex_team_item:hover .hover_content h3, .ex_team_item:hover .hover_content h5 {
            transform: translateY(0);
        }

    .ex_team_item:hover .team_content {
        opacity: 0;
        visibility: visible;
        transform: translateY(100%);
    }

/*=============== payment_clients_area  css =============*/
.payment_clients_area {
    background: #fafbff;
    padding: 130px 0px;
    position: relative;
}

    .payment_clients_area .clients_bg_shape_top {
        position: absolute;
        width: 100%;
        height: 85px;
        top: -82px;
        left: 0;
        background: url("../img/home9/triangle_top.png") no-repeat;
    }

    .payment_clients_area .clients_bg_shape_right {
        width: 1600px;
        height: 1253px;
        background-color: white;
        -webkit-box-shadow: 0px 0px 59px 0px rgba(91, 82, 254, 0.05);
        box-shadow: 0px 0px 59px 0px rgba(91, 82, 254, 0.05);
        position: absolute;
        right: -44.5%;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        border-radius: 150px;
        top: -375px;
    }

    .payment_clients_area .payment_clients_inner {
        position: relative;
    }

        .payment_clients_area .payment_clients_inner .clients_item {
            border-width: 5px;
            border-color: rgb(246, 246, 250);
            border-style: solid;
            border-radius: 10px;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 1px 30px 0px rgba(55, 125, 162, 0.2);
            position: absolute;
            text-align: center;
        }

            .payment_clients_area .payment_clients_inner .clients_item img {
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }

            .payment_clients_area .payment_clients_inner .clients_item.one {
                width: 120px;
                height: 120px;
                top: 170px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.two {
                width: 180px;
                height: 180px;
                top: 325px;
                left: 150px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.three {
                width: 128px;
                height: 128px;
                left: 245px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.four {
                width: 142px;
                height: 142px;
                left: 450px;
                top: 400px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.five {
                width: 110px;
                height: 110px;
                left: 621px;
                top: 260px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.six {
                width: 100px;
                height: 100px;
                left: 425px;
                top: 180px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.seven {
                width: 80px;
                height: 80px;
                left: 550px;
                top: 0px;
            }

            .payment_clients_area .payment_clients_inner .clients_item.eight {
                width: 95px;
                height: 95px;
                left: 745px;
                top: 35px;
            }

/*============ payment_testimonial_area css =============*/
.payment_testimonial_area {
    background: #fafbff;
    padding-top: 150px;
}

    .payment_testimonial_area .testimonial_img {
        margin-bottom: -82px;
        position: relative;
        z-index: 1;
    }

.payment_testimonial_info .testimonial_content {
    padding-left: 80px;
    position: relative;
    margin-top: 100px;
}

    .payment_testimonial_info .testimonial_content .icon {
        font-size: 300px;
        color: #ebeff9;
        position: absolute;
        transform: rotate(180deg);
        left: -35px;
        top: 0;
        font-family: "Poppins", sans-serif;
        height: 133px;
    }

    .payment_testimonial_info .testimonial_content p {
        line-height: 34px;
        margin-bottom: 45px;
    }

    .payment_testimonial_info .testimonial_content .author_description {
        color: #6781a9;
        font-weight: 300;
        padding-top: 5px;
    }

/*================ payment_action_area css ===================*/
.payment_action_area {
    padding: 225px 0px 145px;
    position: relative;
}

    .payment_action_area .clients_bg_shape_bottom {
        position: absolute;
        width: 100%;
        height: 85px;
        top: 0px;
        left: 0;
        background: url("../img/home9/triangle_bottom.png") no-repeat;
        background-size: contain;
    }

.payment_action_content .pay_icon {
    margin: 0 auto 50px;
}

.payment_action_content h2 {
    font-size: 26px;
}

.payment_action_content p {
    line-height: 30px;
    font-size: 18px;
    margin: 25px 0px 60px;
}

.payment_action_content .pay_btn {
    margin: 0px;
}

/*=========== sass_partner_logo_area css ==========*/
.sass_partner_logo_area, .saas_map_area, .saas_subscribe_area {
    background: #fbfcfe;
}

    /*=========== saas_subscribe_area css ==========*/
    .saas_subscribe_area .saas_action_content {
        max-width: 970px;
        margin: 0 auto;
        border-radius: 6px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 22px 95px 0px rgba(55, 168, 237, 0.1);
        display: flex;
        flex-wrap: wrap;
        padding: 60px;
        margin-bottom: -50px;
        position: relative;
        z-index: 2;
    }

        .saas_subscribe_area .saas_action_content .gr_btn {
            min-width: 200px;
            padding: 20px 0px;
            text-align: center;
            color: #fff;
        }

            .saas_subscribe_area .saas_action_content .gr_btn:before {
                opacity: 0;
                transition: all 0.2s linear;
            }

            .saas_subscribe_area .saas_action_content .gr_btn:hover {
                color: #23b1fe;
            }

                .saas_subscribe_area .saas_action_content .gr_btn:hover:before {
                    opacity: 1;
                }

/*============ payment_subscribe_area css ===========*/
.payment_subscribe_info {
    border-radius: 6px;
    background-image: linear-gradient(50deg, rgb(95, 81, 251) 0%, rgb(118, 124, 253) 64%, rgb(140, 167, 255) 100%);
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 60px;
    margin-bottom: -100px;
    position: relative;
}

    .payment_subscribe_info .payment_subscribe_content {
        padding-top: 0px;
    }

        .payment_subscribe_info .payment_subscribe_content h2 {
            font: 600 26px "Poppins", sans-serif;
            color: #fff;
        }

        .payment_subscribe_info .payment_subscribe_content p {
            margin-bottom: 0;
            font-weight: 300;
            color: #fff;
        }

    .payment_subscribe_info .subscribe-form {
        display: flex;
        justify-content: flex-end;
        flex: 1;
    }

        .payment_subscribe_info .subscribe-form .form-control {
            width: 430px;
            height: 60px;
            border: 1px solid rgba(255, 255, 255, 0.3);
            border-radius: 45px;
            background: rgba(247, 248, 252, 0.059);
            color: #fff;
            font-size: 15px;
            font-weight: 300;
            padding-left: 30px;
            box-shadow: none;
        }

            .payment_subscribe_info .subscribe-form .form-control.placeholder {
                color: #d3d3f2;
            }

            .payment_subscribe_info .subscribe-form .form-control:-moz-placeholder {
                color: #d3d3f2;
            }

            .payment_subscribe_info .subscribe-form .form-control::-moz-placeholder {
                color: #d3d3f2;
            }

            .payment_subscribe_info .subscribe-form .form-control::-webkit-input-placeholder {
                color: #d3d3f2;
            }

        .payment_subscribe_info .subscribe-form .btn_four {
            background: #5f51fb;
            color: #fff;
            border: #5f51fd;
            margin-left: 20px;
        }

            .payment_subscribe_info .subscribe-form .btn_four:hover {
                background: #fff;
                border-color: #fff;
                color: #5f51fd;
            }

/*========== testimonial_area_four css ==========*/
.testimonial_area_four {
    position: relative;
}

.testimonial_shap_img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.testimonial_title {
    position: relative;
    padding-bottom: 90px;
}

    .testimonial_title h6 {
        font-size: 16px;
        color: #563bd1;
        font-family: "Poppins", sans-serif;
        font-style: italic;
    }

    .testimonial_title .owl-prev, .testimonial_title .owl-next {
        position: absolute;
        bottom: 0;
        width: 50px;
        height: 50px;
        border: 1px solid #e0e4ed;
        text-align: center;
        font-size: 14px;
        color: #677294;
        border-radius: 50%;
        line-height: 48px;
        transition: all 0.3s linear;
        cursor: pointer;
        background: transparent;
    }

        .testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover {
            background: #563bd1;
            color: #fff;
        }

    .testimonial_title .owl-next {
        left: 60px;
    }

.stratup_testimonial_info {
    height: 576px;
    position: relative;
}

    .stratup_testimonial_info:before {
        content: "";
        background: url("../img/new/testimonial_bg.png") no-repeat scroll center 0/contain;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
    }

.testimonial_slider_four {
    padding: 0px 70px;
}

    .testimonial_slider_four .item {
        text-align: center;
        color: #fff;
    }

        .testimonial_slider_four .item .author_img {
            width: 70px;
            height: 70px;
            border-radius: 50%;
            display: inline-block;
            overflow: hidden;
            margin-bottom: 35px;
        }

        .testimonial_slider_four .item img {
            width: auto;
        }

        .testimonial_slider_four .item p {
            font-size: 18px;
            line-height: 36px;
            font-style: italic;
            margin-bottom: 40px;
            color: #fff;
        }

        .testimonial_slider_four .item h5 {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
        }

        .testimonial_slider_four .item h6 {
            font-size: 14px;
            font-weight: 300;
            margin-bottom: 0;
            color: #fff;
        }

.testimonial_area_five {
    position: relative;
}

    .testimonial_area_five .stratup_testimonial_info:before {
        background: url("../img/new/testimonial_bg_two.png") no-repeat scroll center 0/contain;
    }

    .testimonial_area_five .testimonial_title h6 {
        color: #26c4e5;
    }

    .testimonial_area_five .testimonial_title .owl-next:hover, .testimonial_area_five .testimonial_title .owl-prev:hover {
        background: #26c4e5;
    }

/*========== video_area css ============*/
.video_area {
    position: relative;
    z-index: 1;
}

.video_content {
    position: relative;
}

.video_leaf {
    position: absolute;
    left: 85px;
    top: -80px;
    background: url("../img/new/leaf.png") no-repeat scroll;
    z-index: -2;
}

.cup {
    position: absolute;
    right: 98px;
    bottom: 40px;
}

.video_info {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: linear-gradient(50deg, rgba(58, 43, 220, 0.9) 0%, rgba(23, 199, 189, 0.9) 100%), url("../img/new/video_bg.jpg") no-repeat;
    background-size: cover;
    box-shadow: 0px 50px 70px 0px rgba(0, 11, 40, 0.24);
    height: 450px;
    max-width: 770px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

    .video_info h2 {
        position: absolute;
        top: 58%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 100px;
        opacity: 0.1;
        font-weight: 700;
        z-index: -1;
    }

.video_icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 20px 40px 0px rgba(1, 16, 58, 0.14);
    text-align: center;
    line-height: 85px;
    font-size: 30px;
    position: relative;
    transition: all 0.3s linear;
    display: inline-block;
}

    .video_icon:before, .video_icon:after {
        content: "";
        width: 100%;
        height: 100%;
        border: 0.2px solid #fff;
        border-radius: 50%;
        opacity: 0.1;
        position: absolute;
        left: 0;
    }

    .video_icon:before {
        transform: scale(2.5);
    }

    .video_icon:after {
        transform: scale(3.8);
    }

    .video_icon i {
        color: rgb(23, 199, 189);
        text-shadow: 0px 6px 25px rgba(16, 147, 140, 0.9);
        position: relative;
    }

        .video_icon i:after {
            width: 300%;
            height: 300%;
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: 50%;
            box-shadow: 0px 1px 15px 1px rgba(255, 255, 255, 0.5);
            content: "";
            -webkit-animation: pulse 2s infinite;
            transform: scale(8);
            animation: pulse 2s infinite;
        }

    .video_icon:hover {
        transform: scale(1.04);
    }

/*============ seo_fact_area css ===========*/
.seo_fact_area {
    background: #f9f7fd;
    position: relative;
}

.seo_fact_info {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

    .seo_fact_info:before {
        content: "";
        background: url("../img/seo/shap.png") no-repeat scroll center center;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0;
    }

    .seo_fact_info .seo_fact_item {
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0px 20px 40px 0px rgba(38, 59, 94, 0.1);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

        .seo_fact_info .seo_fact_item .counter {
            font-size: 50px;
            font-weight: 600;
            margin-bottom: 15px;
        }

            .seo_fact_info .seo_fact_item .counter.one {
                color: #15b2ec;
            }

            .seo_fact_info .seo_fact_item .counter.two {
                color: #f5a416;
            }

            .seo_fact_info .seo_fact_item .counter.three {
                color: #00c99c;
            }

            .seo_fact_info .seo_fact_item .counter.four {
                color: #f12699;
            }

        .seo_fact_info .seo_fact_item p {
            margin-bottom: 0;
            color: #6a7695;
            font-size: 16px;
        }

        .seo_fact_info .seo_fact_item:nth-child(even) {
            margin-top: 135px;
        }

        .seo_fact_info .seo_fact_item:first-child {
            margin-top: 25px;
        }

        .seo_fact_info .seo_fact_item.last {
            margin-top: 120px;
        }

.seo_call_to_action_area {
    background: #5e2ced;
}

.seo_call_action_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .seo_call_action_text h2 {
        font-size: 40px;
        line-height: 54px;
        color: #fff;
        font-weight: 600;
    }

    .seo_call_action_text .about_btn {
        border: 1px solid #fff;
    }

.get_started_section {
    padding-top: 210px;
    padding-bottom: 130px;
    background-color: #f9fbfd;
}

    .get_started_section .flow_shape_1,
    .get_started_section .flow_shape_2 {
        max-width: 190px;
    }

    .get_started_section .flow_shape_1 {
        left: 50%;
        top: -90px;
        transform: translateX(-50%);
    }

    .get_started_section .flow_shape_2 {
        left: 55%;
        top: -60px;
        transform: translateX(-55%);
    }

    .get_started_section .shape_1 {
        top: -75px;
        left: 50px;
        max-width: 30px;
    }

    .get_started_section .shape_2,
    .get_started_section .shape_3 {
        max-width: 100px;
    }

    .get_started_section .shape_2 {
        left: 70px;
        bottom: 0px;
    }

    .get_started_section .shape_3 {
        top: -120px;
        right: 30px;
    }

    .get_started_section .shape_4 {
        right: 85px;
        bottom: -35px;
        max-width: 205px;
    }

    .get_started_section .getstart_content {
        margin: auto;
        max-width: 630px;
    }

    .get_started_section .title_text {
        font-size: 45px;
        font-weight: 600;
        line-height: 1.222;
        color: #222d39;
        margin-bottom: 40px;
    }

    .get_started_section .btn_four {
        background: #3d59e8;
        border-color: #3d59e8;
        box-shadow: 0px 15px 30px 0px rgba(94, 44, 237, 0.15);
    }

        .get_started_section .btn_four:hover {
            box-shadow: none;
            color: #fff;
        }

/*====================================================*/
/*====================================================*/
/*================= app_screenshot_area css =============*/
.app_screenshot_area {
    overflow: hidden;
}

    .app_screenshot_area .app_screen_info {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -10px;
    }

    .app_screenshot_area .app_screenshot_slider .item {
        padding: 10px 20px 20px;
    }

        .app_screenshot_area .app_screenshot_slider .item .screenshot_img {
            border: 1px solid #f4f4f9;
            border-radius: 4px;
            box-shadow: 0px 6px 16px 0px rgba(12, 0, 46, 0.06);
        }

            .app_screenshot_area .app_screenshot_slider .item .screenshot_img img {
                max-width: 100%;
            }

    .app_screenshot_area .app_screenshot_slider .owl-dots {
        margin-top: 40px;
    }

        .app_screenshot_area .app_screenshot_slider .owl-dots .owl-dot span {
            background: #cfcfe7;
            border: 0px;
        }

        .app_screenshot_area .app_screenshot_slider .owl-dots .owl-dot.active span {
            background: #653cee;
        }

    .app_screenshot_area .app_screenshot_slider .owl-prev, .app_screenshot_area .app_screenshot_slider .owl-next {
        position: absolute;
        bottom: 0;
        width: 50px;
        height: 50px;
        border: 1px solid #d9e1ea;
        background: #fbfbfd;
        border-radius: 25px;
        font-size: 20px;
        line-height: 50px;
        transform: translateX(-50%);
        cursor: pointer;
        transition: all 0.2s linear;
    }

        .app_screenshot_area .app_screenshot_slider .owl-prev:hover, .app_screenshot_area .app_screenshot_slider .owl-next:hover {
            background: #4069eb;
            border-color: #4069eb;
            color: #fff;
        }

    .app_screenshot_area .app_screenshot_slider .owl-prev {
        left: calc(50% - 60px);
    }

    .app_screenshot_area .app_screenshot_slider .owl-next {
        right: calc(50% - 60px);
    }

/*================= app_screenshot_area css =============*/
/*=============== get started area css ===============*/
.get_started_area {
    background-image: linear-gradient(140deg, rgb(103, 45, 222) 0%, rgb(64, 105, 235) 100%);
    padding: 120px 0px 80px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .get_started_area .shap {
        opacity: 0.03;
    }

        .get_started_area .shap.one {
            background: rgb(255, 255, 255);
            top: -290px;
            left: -50px;
        }

        .get_started_area .shap.two {
            background: rgb(255, 255, 255);
            top: -260px;
            left: 100px;
        }

        .get_started_area .shap.three {
            background: rgb(255, 255, 255);
            top: auto;
            left: 47%;
            bottom: -300px;
        }

        .get_started_area .shap.four {
            background: rgb(255, 255, 255);
            top: auto;
            left: 63%;
            bottom: -280px;
        }

.get_content h3 {
    font-size: 24px;
    color: #fff;
}

.get_content h2, .get_content p {
    color: #fff;
}

.get_content .app_btn {
    font: 500 16px "Poppins", sans-serif;
    padding: 12px 34px;
    border-color: #fff;
    background: #fff;
    line-height: 27px;
    transition: all 0.2s linear;
    min-width: 200px;
    text-align: center;
}

    .get_content .app_btn.app_btn_one {
        color: #4069eb;
        vertical-align: middle;
    }

        .get_content .app_btn.app_btn_one img {
            padding-right: 12px;
        }

        .get_content .app_btn.app_btn_one:hover {
            background: rgba(255, 255, 255, 0.1);
            color: #fff;
        }

    .get_content .app_btn.app_btn_two {
        background: rgba(255, 255, 255, 0.1);
        vertical-align: middle;
        box-shadow: none;
        margin-left: 20px;
    }

        .get_content .app_btn.app_btn_two i {
            font-size: 25px;
            padding-right: 10px;
            vertical-align: sub;
        }

        .get_content .app_btn.app_btn_two:hover {
            color: #4069eb;
            background: #fff;
            box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
        }

/*============ get_started_three css ============*/
.get_started_three .startup_tab_img .web_img, .get_started_three .startup_tab_img .phone_img {
    opacity: 1;
    transform: translate(0);
}

.get_started_three .get_btn_info {
    margin-top: 50px;
}

    .get_started_three .get_btn_info .get_btn_item {
        display: flex;
        align-items: center;
        padding-right: 110px;
        position: relative;
        flex-wrap: wrap;
    }

        .get_started_three .get_btn_info .get_btn_item .get_icon {
            height: 100px;
            width: 100px;
            line-height: 100px;
            font-size: 45px;
            text-align: center;
            border-radius: 3px;
            background: #fff1f3;
            color: #ff738b;
            margin-right: 25px;
        }

        .get_started_three .get_btn_info .get_btn_item h3 {
            font-size: 20px;
            line-height: 34px;
            color: #051441;
            font-weight: 400;
            flex: 1;
        }

        .get_started_three .get_btn_info .get_btn_item .icon_two {
            background: #f1f5ff;
        }

            .get_started_three .get_btn_info .get_btn_item .icon_two .small {
                color: #46d779;
                font-size: 25px;
                position: relative;
                top: -25px;
                left: 6px;
                padding-top: 0;
            }

            .get_started_three .get_btn_info .get_btn_item .icon_two i {
                color: #73a1ff;
                padding-top: 30px;
                display: inline-block;
            }

/*====================================================*/
/*====================================================*/
/*===================== job_listing_area css ======================*/
.job_listing_area .sec_title {
    max-width: 970px;
}

.job_listing_area .app_service_info {
    margin-bottom: -30px;
}

.job_listing {
    margin-top: 160px;
}

    .job_listing .job_list_tab {
        border-bottom: 1px solid #e7e7f6;
    }

        .job_listing .job_list_tab .list_item_tab {
            font: 300 15px/26px "Poppins", sans-serif;
            color: #677294;
            padding: 0px 0px 10px;
            border: 0px;
            border-radius: 0px;
            position: relative;
            display: inline-block;
            cursor: pointer;
        }

            .job_listing .job_list_tab .list_item_tab:before {
                content: "";
                width: 0;
                height: 1px;
                background: #5f2eed;
                position: absolute;
                bottom: 0;
                left: auto;
                right: 0;
                transition: all 0.2s linear;
            }

            .job_listing .job_list_tab .list_item_tab.active, .job_listing .job_list_tab .list_item_tab:hover {
                background: transparent;
            }

                .job_listing .job_list_tab .list_item_tab.active:before {
                    width: 100%;
                    right: auto;
                    left: 0;
                }

            .job_listing .job_list_tab .list_item_tab + .list_item_tab {
                margin-left: 55px;
            }

    .job_listing .listing_tab {
        margin-bottom: -30px;
        margin-top: 60px;
        overflow: hidden;
    }

        .job_listing .listing_tab .list_item {
            display: table;
            width: 100%;
            background: #fff;
            box-shadow: 0px 2px 8px 0px rgba(12, 0, 46, 0.04);
            padding: 20px 45px 20px 20px;
            margin-bottom: 30px;
            cursor: pointer;
            transition: all 0.2s linear;
        }

            .job_listing .listing_tab .list_item figure {
                float: left;
                width: 70px;
                margin-bottom: 0px;
                margin-right: 20px;
            }

                .job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img {
                    float: left;
                    width: 100%;
                }

            .job_listing .listing_tab .list_item .joblisting_text {
                display: table-cell;
                vertical-align: middle;
                border-left: 1px solid #eeebf7;
                width: 100%;
                padding-left: 25px;
            }

                .job_listing .listing_tab .list_item .joblisting_text .job_list_table {
                    display: table;
                    width: 100%;
                }

                .job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell {
                    display: table-cell;
                    vertical-align: middle;
                    width: 75%;
                    line-height: 46px;
                }

                .job_listing .listing_tab .list_item .joblisting_text h4 a {
                    font-size: 20px;
                    margin-bottom: 5px;
                    display: inline-block;
                }

                    .job_listing .listing_tab .list_item .joblisting_text h4 a:hover {
                        color: #5e2ced;
                    }

                .job_listing .listing_tab .list_item .joblisting_text ul {
                    margin-bottom: 0px;
                }

                    .job_listing .listing_tab .list_item .joblisting_text ul li {
                        float: left;
                        font: 300 14px/15px "Poppins", sans-serif;
                        color: #677294;
                        padding: 0px 10px;
                        border-left: 2px solid #aeb3c3;
                    }

                        .job_listing .listing_tab .list_item .joblisting_text ul li:first-child {
                            padding-left: 0px;
                            border: none;
                        }

                        .job_listing .listing_tab .list_item .joblisting_text ul li.p_color {
                            color: #5e2ced;
                        }

                        .job_listing .listing_tab .list_item .joblisting_text ul li.g_color {
                            color: #61bd17;
                        }

                        .job_listing .listing_tab .list_item .joblisting_text ul li.gold_color {
                            color: #d7ad1e;
                        }

                .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist {
                    float: right;
                }

                    .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn {
                        font: 300 14px/36px "Poppins", sans-serif;
                        color: #5c6789;
                        border: 1px solid #e7e7f6;
                        border-radius: 3px;
                        display: inline-block;
                        padding: 4px 22px;
                        transition: all 0.2s linear;
                    }

                        .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .apply_btn:hover {
                            background: #5e2ced;
                            border-color: #5e2ced;
                            color: #fff;
                        }

                    .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn {
                        font-size: 18px;
                        line-height: 46px;
                        float: right;
                        margin-left: 20px;
                    }

                        .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a {
                            display: inline-block;
                            color: #d4d8e4;
                        }

                            .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist .like-btn a:hover {
                                color: #5e2ced;
                            }

            .job_listing .listing_tab .list_item:hover {
                box-shadow: 0px 25px 30px -8px rgba(12, 0, 46, 0.06);
            }

    .job_listing .pagination {
        display: block;
    }

        .job_listing .pagination .nav-links .page-numbers {
            width: 40px;
            height: 40px;
            border: 1px solid rgb(231, 231, 246);
            display: inline-block;
            text-align: center;
            line-height: 40px;
            color: #677294;
            font-size: 16px;
            border-radius: 50%;
            background-color: rgb(251, 251, 253);
            margin: 0px 3px;
        }

            .job_listing .pagination .nav-links .page-numbers i {
                font-size: 14px;
            }

            .job_listing .pagination .nav-links .page-numbers.current {
                background: #5e2ced;
                color: #fff;
            }

/*===================== job_listing_area css ======================*/
/*============== job_details_area css =============*/
.details_content .f_size_22 {
    font-size: 22px;
}

.details_content .btn_three {
    min-width: 150px;
    text-align: center;
    background: #5e2ced;
    border-color: #5e2ced;
    color: #fff;
}

    .details_content .btn_three:hover {
        color: #fff;
        box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);
    }

.job_deatails_content {
    padding-bottom: 40px;
}

    .job_deatails_content ul li {
        position: relative;
        padding-left: 36px;
        font-weight: 300;
        font-size: 15px;
        color: #677294;
        margin-bottom: 27px;
    }

        .job_deatails_content ul li i {
            position: absolute;
            left: 0;
            top: 5px;
            color: #5f2eed;
        }

    .job_deatails_content:nth-child(4) {
        border-bottom: 1px solid #eeebf6;
    }

.job_info {
    border: 1px solid rgb(244, 244, 249);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    padding: 50px;
}

    .job_info .info_head {
        border-bottom: 1px solid #eeebf6;
        padding-bottom: 18px;
    }

        .job_info .info_head i {
            font-size: 40px;
            color: #9979f7;
            text-shadow: 0px 14px 30px rgba(94, 44, 237, 0.4);
            margin-bottom: 35px;
            display: inline-block;
        }

    .job_info .info_item {
        position: relative;
        padding-left: 30px;
        margin-top: 25px;
    }

        .job_info .info_item i {
            color: #9979f7;
            font-size: 18px;
            position: absolute;
            left: 0;
            top: 5px;
        }

        .job_info .info_item h6 {
            font-size: 18px;
            color: #222d39;
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            margin-bottom: 5px;
        }

        .job_info .info_item p {
            margin-bottom: 0px;
            font-size: 14px;
            font-weight: 300;
            color: #677294;
        }

/*========== job_apply_area css =========*/
.apply_form .form-group {
    margin-bottom: 30px;
}

.apply_form input[type=text], .apply_form textarea, .apply_form .selectpickers {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    font: 300 15px/60px "Poppins", sans-serif;
    color: #9ca3b9;
    width: 100%;
    height: 60px;
    padding-left: 30px;
    border: 1px solid #fff;
}

    .apply_form input[type=text]:focus, .apply_form textarea:focus, .apply_form .selectpickers:focus {
        box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
        border-color: rgb(242, 239, 252);
        outline: none;
    }

    .apply_form input[type=text].placeholder, .apply_form textarea.placeholder, .apply_form .selectpickers.placeholder {
        color: #9ca3b9;
    }

    .apply_form input[type=text]:-moz-placeholder, .apply_form textarea:-moz-placeholder, .apply_form .selectpickers:-moz-placeholder {
        color: #9ca3b9;
    }

    .apply_form input[type=text]::-moz-placeholder, .apply_form textarea::-moz-placeholder, .apply_form .selectpickers::-moz-placeholder {
        color: #9ca3b9;
    }

    .apply_form input[type=text]::-webkit-input-placeholder, .apply_form textarea::-webkit-input-placeholder, .apply_form .selectpickers::-webkit-input-placeholder {
        color: #9ca3b9;
    }

.apply_form textarea {
    height: 180px;
}

.apply_form .selectpickers {
    width: 100%;
}

.apply_form .upload_box {
    width: 100%;
    border: 1px dotted #e7e3f2;
    font: 300 15px/26px "Poppins", sans-serif;
    color: #9ca3b9;
    padding: 20px 50px;
}

    .apply_form .upload_box input[type=file] {
        font: 300 15px/26px "Poppins", sans-serif;
        color: #9ca3b9;
        display: block;
        margin-top: 45px;
    }

        .apply_form .upload_box input[type=file]:focus {
            outline: none;
        }

.apply_form p {
    font: 300 15px/26px "Poppins", sans-serif;
    color: #677294;
}

    .apply_form p a {
        color: #222d39;
    }

.apply_form .btn_three {
    font-size: 14px;
    font-weight: 500;
    background: #017dac;
    padding: 14px 37px;
    border-radius: 3px;
    transition: all 0.3s linear;
    cursor: pointer;
    margin-top: 20px;
}

    .apply_form .btn_three:hover {
        color: #fff;
        box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);
    }

/*====================================================*/
/*====================================================*/
/*============== faq area css =============*/
.faq_tab {
    border: 1px solid rgb(244, 244, 249);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    padding: 50px 40px;
    position:sticky;
    top:100px;
}

    .faq_tab .nav-tabs {
        border: 0px;
        margin-bottom: 0px;
        display: block;
    }

    .faq_tab .nav-item {
        margin: 0px;
    }

        .faq_tab .nav-item .nav-link {
            font: 400 16px/22px "Poppins", sans-serif;
            color: #677294;
            padding: 0px;
            border: 0px;
            border-radius: 0px;
            display: inline-block;
            position: relative;
            margin-bottom: 20px;
            cursor: pointer;
        }

            .faq_tab .nav-item .nav-link:before {
                content: "";
                width: 0;
                height: 1px;
                background: #5b7921;
                position: absolute;
                left: 0;
                bottom: 0;
                transition: width 0.2s linear;
            }

            .faq_tab .nav-item .nav-link.active {
                color: #5b7921;
            }

                .faq_tab .nav-item .nav-link.active:before {
                    width: 100%;
                }

.faq_content .tab-pane .card {
    border: 0px;
    border-radius: 0px;
    background: transparent;
    border-bottom: 1px solid #e4e0ee;
}

    .faq_content .tab-pane .card .card-header {
        padding: 0px;
        border: 0px;
        background: transparent;
    }

        .faq_content .tab-pane .card .card-header .btn {
            color: #5b7921;
            display: block;
            width: 100%;
            text-align: left;
            font: 500 18px/26px "Poppins", sans-serif;
            padding: 20px 30px 20px 0px;
            position: relative;
            white-space: normal;
        }

            .faq_content .tab-pane .card .card-header .btn i {
                position: absolute;
                right: 0;
                top: 50%;
                transform: translateY(-50%);
                display: none;
                font-size: 20px;
            }

                .faq_content .tab-pane .card .card-header .btn i + i {
                    display: block;
                }

            .faq_content .tab-pane .card .card-header .btn.collapsed {
                color: #576370;
            }

                .faq_content .tab-pane .card .card-header .btn.collapsed i {
                    display: block;
                }

                    .faq_content .tab-pane .card .card-header .btn.collapsed i + i {
                        display: none;
                    }

    .faq_content .tab-pane .card .card-body {
        padding: 0px 0px 45px;
        font: 400 15px/26px "Poppins", sans-serif;
        color: #677294;
    }

/*====================================================*/
/*====================================================*/
/*============= portfolio area css ============*/
.portfolio_area {
    overflow: hidden;
}

    .portfolio_area .price_btn {
        border-color: #5f51fb;
        color: #5f51fb;
        background: transparent;
        margin-top: 50px;
        line-height: 48px;
        padding: 0px 30px;
    }

        .portfolio_area .price_btn:hover {
            background: #5f51fb;
            color: #fff;
        }

.portfolio_filter {
    display: flex;
    justify-content: center;
}

    .portfolio_filter .work_portfolio_item {
        font: 400 16px/22px "Poppins", sans-serif;
        color: #677294;
        display: inline-block;
        border-radius: 3px;
        transition: all 0.2s linear;
        position: relative;
        cursor: pointer;
    }

        .portfolio_filter .work_portfolio_item:before {
            content: "";
            width: 0;
            height: 1px;
            bottom: 0;
            background: transparent;
            position: absolute;
            left: auto;
            right: 0;
            transition: width 0.3s linear;
        }

        .portfolio_filter .work_portfolio_item.active, .portfolio_filter .work_portfolio_item:hover {
            color: #5e2ced;
        }

            .portfolio_filter .work_portfolio_item.active:before, .portfolio_filter .work_portfolio_item:hover:before {
                width: 100%;
                background: #5e2ced;
                right: auto;
                left: 0;
            }

        .portfolio_filter .work_portfolio_item + .work_portfolio_item {
            margin-left: 60px;
        }

.portfolio_filter_blue .work_portfolio_item.active, .portfolio_filter_blue .work_portfolio_item:hover {
    color: #26c4e5;
}

    .portfolio_filter_blue .work_portfolio_item.active:before, .portfolio_filter_blue .work_portfolio_item:hover:before {
        width: 100%;
        background: #26c4e5;
    }

.pr_btn {
    margin-top: 70px;
    background: transparent;
    color: #26c4e5;
    border-color: #26c4e5;
}

    .pr_btn:hover {
        background: #26c4e5;
        color: #fff;
    }

.portfolio_gallery .portfolio_item .portfolio_img {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

    .portfolio_gallery .portfolio_item .portfolio_img img {
        max-width: 100%;
        width: 100%;
    }

    .portfolio_gallery .portfolio_item .portfolio_img .img_rounded {
        border-radius: 6px;
    }

    .portfolio_gallery .portfolio_item .portfolio_img .hover_content {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(44, 44, 57, 0.7);
        opacity: 0;
        transition: opacity 300ms linear;
    }

        .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup {
            width: 50px;
            height: 50px;
            font-size: 18px;
            line-height: 50px;
            text-align: center;
            right: 50px;
            top: 50px;
            border: 1px solid #fff;
            border-radius: 50%;
            color: #fff;
            transform: scale(0.9);
            opacity: 0;
            transition: all 0.3s ease-in;
        }

            .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup:hover {
                background: #fff;
                color: #282835;
            }

        .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description {
            bottom: 0;
            padding-left: 50px;
            padding-bottom: 48px;
            width: 100%;
        }

            .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description h3 {
                transform: translateY(25px);
                transition: all 0.4s linear;
                color: #fff;
            }

            .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links {
                overflow: hidden;
            }

                .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a {
                    transform: translateY(25px);
                    color: #fff;
                    transition: all 0.3s linear;
                }

                    .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description .links a:before {
                        background: #fff;
                    }

        .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .img_popup {
            right: 30px;
            top: 30px;
        }

        .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description {
            padding-left: 30px;
            padding-bottom: 30px;
        }

            .portfolio_gallery .portfolio_item .portfolio_img .hover_content.h_content_two .portfolio-description .links a {
                font-size: 14px;
            }

    .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content {
        opacity: 1;
    }

        .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .img_popup {
            opacity: 1;
            transform: scale(1);
        }

        .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description h3, .portfolio_gallery .portfolio_item .portfolio_img:hover .hover_content .portfolio-description a {
            transform: translateY(0);
        }

.portfolio-description .portfolio-title {
    overflow: hidden;
    display: inline-block;
}

.portfolio-description h3 {
    margin-top: 22px;
    margin-bottom: 0px;
    transition: color 0.2s linear;
    color: #282835;
}

    .portfolio-description h3:hover {
        color: #5e2ced;
    }

.portfolio-description .links {
    overflow: hidden;
}

    .portfolio-description .links a {
        font-size: 15px;
        color: #677294;
        font-weight: 300;
        position: relative;
        display: inline-block;
        margin-right: 8px;
        transition: color 0.01s linear;
    }

        .portfolio-description .links a:before {
            content: "";
            width: 0;
            height: 1px;
            bottom: 0;
            background: #5e2ced;
            position: absolute;
            left: auto;
            right: 0;
            transition: width 0.3s linear;
        }

        .portfolio-description .links a:hover {
            color: #5e2ced;
        }

            .portfolio-description .links a:hover:before {
                width: 100%;
                right: auto;
                left: 0;
            }

.portfolio_fullwidth_area {
    padding-top: 100px;
}

/*==============Start portfolio_details_area css ==============*/
.p_category_item .social_icon, .icon .social_icon {
    padding-top: 8px;
}

    .p_category_item .social_icon a, .icon .social_icon a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 13px;
        line-height: 43px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        margin-right: 5px;
        transition: all 0.2s linear;
        color: #fff;
    }

        .p_category_item .social_icon a:nth-child(1), .icon .social_icon a:nth-child(1) {
            background: #4779de;
        }

        .p_category_item .social_icon a:nth-child(2), .icon .social_icon a:nth-child(2) {
            background: #e43e30;
        }

        .p_category_item .social_icon a:nth-child(3), .icon .social_icon a:nth-child(3) {
            background: #1da1f3;
        }

        .p_category_item .social_icon a:hover, .icon .social_icon a:hover {
            box-shadow: 0px 5px 12px 2px rgba(0, 11, 40, 0.2);
        }

.portfolio_pagination {
    display: flex;
    justify-content: space-between;
}

    .portfolio_pagination .prev, .portfolio_pagination .next {
        font-size: 14px;
        font-weight: 300;
        color: #9ca3b9;
        transition: color 0.2s linear;
    }

        .portfolio_pagination .prev:hover, .portfolio_pagination .next:hover {
            color: #222d39;
        }

        .portfolio_pagination .prev i {
            padding-right: 8px;
        }

        .portfolio_pagination .next i {
            padding-left: 8px;
        }

.pr_slider .owl-prev, .pr_slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: transparent;
    border: 0px;
    background: transparent;
    padding: 0px;
    font-size: 24px;
    color: #677294;
    transition: color 0.2s linear;
    cursor: pointer;
}

    .pr_slider .owl-prev:hover, .pr_slider .owl-next:hover {
        color: #5e2ced;
    }

.pr_slider .owl-prev {
    left: 40px;
}

.pr_slider .owl-next {
    right: 40px;
}

.p_details_three .portfolio_category {
    flex-wrap: wrap;
    margin-top: 50px;
}

    .p_details_three .portfolio_category .p_category_item {
        flex: 0 0 50%;
        max-width: 50%;
    }

.p_details_three .portfolio_pagination {
    margin-top: 190px;
}

.p_details_three .icon {
    margin-top: 120px;
}

/*==============End portfolio_details_area css ==============*/
.portfolio_section {
    padding: 50px 0px 120px;
}

.portfolio_masonry_grid {
    margin-bottom: -75px;
}

    .portfolio_masonry_grid .grid-item,
    .portfolio_masonry_grid .grid-sizer {
        width: 33.333%;
    }

    .portfolio_masonry_grid .grid-item {
        display: flex;
        margin-bottom: 75px;
        align-items: center;
    }

        .portfolio_masonry_grid .grid-item.w_66 {
            width: 66.666%;
        }

        .portfolio_masonry_grid .grid-item .portfolio_grid {
            margin: auto;
        }

        .portfolio_masonry_grid .grid-item:nth-child(even) .portfolio_grid {
            margin-left: 0px;
        }

        .portfolio_masonry_grid .grid-item:nth-child(odd) .portfolio_grid {
            margin-right: 0px;
        }

.portfolio_grid {
    background-color: #ffffff;
}

    .portfolio_grid .item_image {
        display: block;
        overflow: hidden;
        position: relative;
        margin-bottom: 30px;
    }

        .portfolio_grid .item_image:before {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            content: "";
            z-index: 1;
            opacity: 0;
            position: absolute;
            transition: all 0.2s linear;
            background-color: rgba(61, 89, 232, 0.95);
        }

    .portfolio_grid:hover .item_image:before {
        opacity: 1;
    }

    .portfolio_grid .item_title {
        margin-bottom: 10px;
    }

        .portfolio_grid .item_title > a {
            line-height: 1;
            display: table;
            font-size: 24px;
            font-weight: 600;
            color: #222d39;
        }

    .portfolio_grid:hover .item_title > a {
        color: #3e5ae8;
    }

    .portfolio_grid .category_list {
        margin: 0px;
        padding: 0px;
        display: block;
    }

        .portfolio_grid .category_list > li {
            float: left;
            margin-right: 6px;
            position: relative;
            padding-right: 3px;
            display: inline-block;
        }

            .portfolio_grid .category_list > li:after {
                right: 0px;
                bottom: 0px;
                content: ",";
                line-height: 1;
                position: absolute;
                color: #677294;
            }

            .portfolio_grid .category_list > li:last-child {
                margin-right: 0px;
                padding-right: 0px;
            }

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

            .portfolio_grid .category_list > li > a {
                display: block;
                line-height: 1;
                font-size: 15px;
                position: relative;
                color: #677294;
            }

                .portfolio_grid .category_list > li > a:before {
                    width: 0px;
                    left: auto;
                    right: 0px;
                    bottom: -1px;
                    height: 1px;
                    content: "";
                    position: absolute;
                    background: #3e5ae8;
                    transition: width 0.3s linear;
                }

                .portfolio_grid .category_list > li > a:hover {
                    color: #3e5ae8;
                }

                    .portfolio_grid .category_list > li > a:hover:before {
                        left: 0px;
                        width: 100%;
                        right: auto;
                    }

/* portfolio grid - end */
/*====================================================*/
/*====================================================*/
/*================= map_area  ====================*/
.map_area {
    height: 552px;
    position: relative;
}

    .map_area iframe {
        height: 100%;
        width: 100%;
        border: 0px;
        pointer-events: none;
        margin: 0px;
        padding: 0px;
    }

.app_contact_info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 600px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 40px 50px 0px rgba(12, 0, 46, 0.2);
    padding: 45px 45px 15px;
}

    .app_contact_info .triangle {
        position: absolute;
        width: 15px;
        height: 15px;
        right: 55px;
        background: #fff;
        bottom: -7px;
        transform: rotate(45deg);
    }

    .app_contact_info .info_item {
        padding-left: 55px;
        position: relative;
        margin-bottom: 35px;
    }

        .app_contact_info .info_item i {
            position: absolute;
            left: 0;
            font-size: 30px;
            color: #5e2ced;
            background-image: linear-gradient(0deg, #5e2ced 0%, #a485fd 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            top: 0px;
            left: 0;
        }

        .app_contact_info .info_item h6 {
            color: #051441;
            margin-bottom: 5px;
        }

        .app_contact_info .info_item p, .app_contact_info .info_item a {
            color: #677294;
            line-height: 24px;
            margin-bottom: 0px;
        }

            .app_contact_info .info_item a:hover {
                color: #4069eb;
            }

/*================== contact_info_area css ================*/
.contact_info_item {
    border-bottom: 1px solid #eeebf6;
    padding-bottom: 25px;
}

    .contact_info_item p {
        color: #677294;
        margin-bottom: 8px;
    }

    .contact_info_item a {
        color: #677294;
        padding-left: 3px;
        display: inline-block;
    }

        .contact_info_item a:hover {
            color: #5e2ced;
        }

    .contact_info_item + .contact_info_item {
        border: 0px;
        margin-top: 33px;
    }

.mapbox {
    height: 400px;
    box-shadow: 0px 3px 4px 0px rgba(12, 0, 46, 0.05);
    border: 10px solid #fff;
}

#mapBox {
    height: 100% !important;
}

.text_box {
    margin-bottom: 30px;
}

    .text_box input[type=text], .text_box textarea, .text_box input[type=password], .text_box input[type=email] {
        font: 400 15px/60px "Poppins", sans-serif;
        color: #222d39;
        height: 60px;
        border-radius: 4px;
        width: 100%;

      /*  background-color: rgb(255, 255, 255);
        box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
        border: 1px solid #fff;*/
        background-color: rgb(255, 255, 255);

        box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
        border: 1px solid #ccc !important;
        text-align: left;
       /* padding: 14px;*/
        resize:none;
        padding-left:15px;
    }

        .text_box input[type=text].placeholder, .text_box textarea.placeholder, .text_box input[type=password].placeholder, .text_box input[type=email].placeholder {
            color: #222d39;
        }

        .text_box input[type=text]:-moz-placeholder, .text_box textarea:-moz-placeholder, .text_box input[type=password]:-moz-placeholder, .text_box input[type=email]:-moz-placeholder {
            color: #222d39;
        }

        .text_box input[type=text]::-moz-placeholder, .text_box textarea::-moz-placeholder, .text_box input[type=password]::-moz-placeholder, .text_box input[type=email]::-moz-placeholder {
            color: #222d39;
        }

        .text_box input[type=text]::-webkit-input-placeholder, .text_box textarea::-webkit-input-placeholder, .text_box input[type=password]::-webkit-input-placeholder, .text_box input[type=email]::-webkit-input-placeholder {
            color: #222d39;
        }

        .text_box input[type=text]:focus, .text_box textarea:focus, .text_box input[type=password]:focus, .text_box input[type=email]:focus {
            border-color: rgb(242, 239, 252);
          /*  box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);*/
            outline: none;
        }

    .text_box textarea {
        height: 220px;
    }

.contact_form_box .btn_three {
    min-width: 180px;
    text-align: center;
    background: #017dac;
    border-color: #017dac;
    margin-top: 0px;
}

    .contact_form_box .btn_three:hover {
        background: transparent;
        color: #5e2ced;
    }

.mapbox2 {
    height: 440px;
    border-top: 10px solid #fff;
}

/*============= login_area css =============*/
.login_area {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .login_area .login_info {
        padding: 160px 100px 160px 0px;
    }

        .login_area .login_info:before {
            content: "";
            position: absolute;
            width: 2500px;
            right: 0;
            height: 100%;
            background: #fbfbfb;
            top: 0;
            z-index: -1;
        }

        .login_area .login_info p a {
            color: #677294;
        }

.login-form .text_box .text_c {
    color: #161341;
    font-size: 14px;
    margin-bottom: 15px;
}

/*.login-form .text_box input[type=password] {
    padding-top: 8px;
    line-height: 50px;
}*/

 /*   .login-form .text_box input[type=password]:focus {
        padding-top: 0px;
    }*/

.login-form .extra {
    display: flex;
    justify-content: space-between;
    font: 400 14px/30px "Poppins", sans-serif;
    margin-top: 45px;
}

    .login-form .extra .checkbox label {
        margin-bottom: 0px;
        color: #161341;
    }

    .login-form .extra .checkbox input[type=checkbox] {
        position: relative;
        width: 10px;
        height: 10px;
        margin-right: 10px;
    }

        .login-form .extra .checkbox input[type=checkbox]:before {
            content: "";
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            top: 0;
            left: 0;
            border: 1px solid #7348ef;
            border-radius: 2px;
            background-color: white;
        }

        .login-form .extra .checkbox input[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 4px;
            height: 8px;
            border: solid #7348ef;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 0px;
            left: 3px;
        }

    .login-form .extra .forgotten-password a {
        color: #677294;
    }

.login-form .btn_three {
    width: 100%;
    background: #5b7921;
    color: #fff;
    margin-top: 40px;
}

    .login-form .btn_three:hover {
        box-shadow: 0px 20px 30px 0px rgba(61, 100, 244, 0.16);
    }

.login-form .alter-login {
    font: 400 15px/26px "Poppins", sans-serif;
    color: #9ca3b9;
}

    .login-form .alter-login a {
        color: #5e2ced;
        display: inline-block;
        margin-left: 6px;
    }

.login_img {
    padding-left: 100px;
    margin-right: -250px;
}

    .login_img img {
        max-width: 100%;
    }

/*==================== sign_in_area css ==================*/
.sign_info {
    /*  border: 20px solid #fff;*/
    /*background: #fbfbfd;*/
    padding: 50px 50px;
    box-shadow: 0px 50px 100px 0px rgba(12, 0, 46, 0.05);
}

    .sign_info .login_info {
        padding-left: 30px;
    }

    .sign_info .sign_info_content h2 {
        font-size: 30px;
        color: #017dac;
    }

    .sign_info .sign_info_content ul li {
        font: 400 16px/34px "Poppins", sans-serif;
        color: #677294;
    }

        .sign_info .sign_info_content ul li i {
            color: #5e2ced;
            margin-right: 10px;
        }

    .sign_info .login-form .text_box {
        margin-bottom: 25px;
    }

    .sign_info .lead-text {
        font: 400 14px/40px "Poppins", sans-serif;
        color: #677294;
        padding-right: 20px;
    }

    .sign_info .social_tag li {
        display: inline-block;
    }

        .sign_info .social_tag li a {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: block;
            line-height: 44px;
            color: #fff;
            font-size: 13px;
            text-align: center;
            margin-left: 7px;
        }

        .sign_info .social_tag li:first-child a {
            background: #4779de;
        }

        .sign_info .social_tag li:nth-child(2) a {
            background: #e43e30;
        }

        .sign_info .social_tag li:nth-child(3) a {
            background: #1da1f3;
        }

    .sign_info .sign-in-form .btn_three {
        width: auto;
        margin-top: 0;
    }

    .sign_info .sign-in-form .extra .forgotten-password a {
        color: #161341;
        font-weight: 400;
    }

        .sign_info .sign-in-form .extra .forgotten-password a:hover {
            color: #5e2ced;
        }

.sign_btn_transparent {
    display: inline-block;
    background: #5b7921;
    border-color: #5b7921;
    color: #fff;
}

    .sign_btn_transparent:hover {
        color: #fff;
        background: #017dac !important;
        border: 1px solid #017dac;
    }

/*============= get_quote_form css============*/
.get_quote_form .form-group {
    margin-bottom: 30px;
}

    .get_quote_form .form-group .form-control {
        font: 300 15px "Poppins", sans-serif;
        color: #677294;
        border-radius: 4px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
        border: 1px solid transparent;
        height: 60px;
        padding: 0px 30px;
    }

        .get_quote_form .form-group .form-control.placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control:-moz-placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control::-moz-placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control::-webkit-input-placeholder {
            color: #9ca3b9;
        }

        .get_quote_form .form-group .form-control:focus {
            border-color: rgb(242, 239, 252);
            box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
        }

    .get_quote_form .form-group textarea.form-control {
        height: 210px;
        padding-top: 15px;
    }

.get_quote_form .btn_three {
    margin-top: 10px;
}

/*=========== comingsoon css ============*/
.saasland_container {
    height: 100vh;
    width: 100%;
    min-height: 600px;
    background: #fbfbfd;
    display: flex;
    flex-wrap: wrap;
}

    .saasland_container .saasland_bg {
        position: absolute;
        width: 100%;
        height: 100%;
        right: 0;
    }

    .saasland_container .saasland_col_content {
        position: relative;
        width: 40%;
    }

        .saasland_container .saasland_col_content .container_wrap {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            right: 0;
            bottom: 35px;
            z-index: 3;
            overflow: hidden;
            min-height: 600px;
        }

        .saasland_container .saasland_col_content .saasland_log {
            left: 21%;
            position: absolute;
            width: 70%;
            top: 100px;
        }

        .saasland_container .saasland_col_content .saasland_content {
            display: block;
            position: absolute;
            left: 21%;
            top: calc(50% - 150px);
            width: 70%;
        }

            .saasland_container .saasland_col_content .saasland_content h2 {
                font-size: 30px;
                font-family: "Poppins", sans-serif;
                color: #747d99;
                margin-bottom: 30px;
                font-weight: 400;
                font-style: italic;
            }

            .saasland_container .saasland_col_content .saasland_content h1 {
                color: #051441;
                font-size: 50px;
                font-weight: 600;
                margin-bottom: 60px;
            }

            .saasland_container .saasland_col_content .saasland_content .car_theme_btn {
                font-family: "Poppins", sans-serif;
                font-size: 16px;
                text-transform: capitalize;
            }

        .saasland_container .saasland_col_content .saasland_bottom {
            bottom: 25px;
            left: 21%;
            position: absolute;
            width: 70%;
            font: 400 12px/40px "Poppins", sans-serif;
            color: #7f88a6;
        }

            .saasland_container .saasland_col_content .saasland_bottom a {
                color: #6754e2;
            }

.saasland_col_screen {
    background-image: linear-gradient(-120deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
    width: 60%;
    position: relative;
    z-index: 1;
}

    .saasland_col_screen .clock {
        position: absolute;
        bottom: 190px;
        z-index: 1;
        text-align: center;
        width: 100%;
    }

        .saasland_col_screen .clock .timer {
            display: inline-block;
            color: #fff;
            border: 1px solid rgba(255, 255, 255, 0.4);
            border-radius: 5px;
            padding: 20px 30px;
            margin: 0px 8px;
        }

            .saasland_col_screen .clock .timer span {
                font-size: 50px;
                font-weight: 500;
                line-height: 50px;
            }

            .saasland_col_screen .clock .timer .smalltext {
                font-size: 18px;
            }

    .saasland_col_screen .saasland_social {
        bottom: 25px;
        left: 70px;
        position: absolute;
        z-index: 1;
    }

        .saasland_col_screen .saasland_social p {
            margin-bottom: 0px;
            display: inline-block;
            color: #fff;
            font-size: 14px;
        }

        .saasland_col_screen .saasland_social ul {
            display: inline-block;
            padding-left: 0;
        }

            .saasland_col_screen .saasland_social ul li {
                display: inline-block;
            }

                .saasland_col_screen .saasland_social ul li a {
                    font-size: 14px;
                    color: #fff;
                    padding: 0px 5px;
                    transition: color 0.4s linear;
                }

                    .saasland_col_screen .saasland_social ul li a:hover {
                        color: #fff;
                    }

#success, #error {
    position: relative;
    top: 10px;
    display: block;
    right: 0;
    left: 0;
    bottom: -15px;
    display: none;
    font-weight: 600;
}

#success {
    color: lawngreen;
}

#error {
    color: orangered;
}

/*=============== seo_subscribe_area css ============*/
.seo_subscribe_area {
    background-color: rgb(94, 44, 237);
    padding: 120px 0px 150px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .seo_subscribe_area .seo_sec_title h2, .seo_subscribe_area .seo_sec_title p {
        color: #fff;
    }

    .seo_subscribe_area .overlay_img {
        background: url("../img/seo/cloud_bg.png") no-repeat scroll center 0/cover;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .seo_subscribe_area .cloud_img {
        position: absolute;
        right: 0;
        bottom: -7px;
        width: 300px;
        height: 250px;
    }

.seo_subscribe_form {
    max-width: 970px;
    margin: 0 auto;
}

    .seo_subscribe_form .input-group {
        padding: 0px 10px;
    }

        .seo_subscribe_form .input-group input {
            font-size: 16px;
            line-height: 58px;
            font-weight: 300;
            border-radius: 4px;
            padding: 2px 30px 0px;
        }

        .seo_subscribe_form .input-group .form-control {
            max-width: 400px;
            color: #949db5;
            background: #fff;
            border: 0px;
            box-shadow: none;
        }

            .seo_subscribe_form .input-group .form-control.placeholder {
                color: #949db5;
            }

            .seo_subscribe_form .input-group .form-control:-moz-placeholder {
                color: #949db5;
            }

            .seo_subscribe_form .input-group .form-control::-moz-placeholder {
                color: #949db5;
            }

            .seo_subscribe_form .input-group .form-control::-webkit-input-placeholder {
                color: #949db5;
            }

        .seo_subscribe_form .input-group .check-btn {
            padding-left: 40px;
            padding-right: 40px;
            background-color: rgb(0, 201, 156);
            border: 0px;
            box-shadow: 0px 10px 30px 0px rgba(18, 2, 86, 0.2);
            transition: all 0.3s linear;
            color: #fff;
            cursor: pointer;
        }

            .seo_subscribe_form .input-group .check-btn:hover {
                box-shadow: none;
            }

/*=============== seo_subscribe_area css ============*/
/*====================================================*/
/*====================================================*/
/*================= error_area css ==================*/
.error_area {
    background: linear-gradient(180deg, rgba(94, 44, 237, 0.93) 0%, rgba(164, 133, 253, 0.9) 100%), url("../img/error_bg.png") no-repeat scroll center 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 100vh;
    min-height: 650px;
}

.error_shap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.error_contain h1 {
    font-size: 15vw;
    line-height: 14vw;
    margin-bottom: 0px;
}

.error_contain h2 {
    letter-spacing: 12px;
    margin-bottom: 25px;
}

.error_contain .about_btn {
    min-width: 230px;
    box-shadow: 0px 20px 30px 0px rgba(15, 0, 57, 0.1);
}

/*================= error_area css ==================*/
/*================= error_two_area css ==================*/
.error_two_area {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    height: 100vh;
    min-height: 750px;
}

.error_content_two h2 {
    font-size: 40px;
    font-weight: 500;
    line-height: 50px;
    color: #051441;
    margin-top: 40px;
}

.error_content_two p {
    font-size: 20px;
    line-height: 30px;
}

.error_content_two .search {
    margin: 45px 0px 40px;
}

    .error_content_two .search .form-control {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 4px 22px 0px rgba(12, 0, 46, 0.06);
        border: 1px solid transparent;
        border-radius: 45px;
        height: 60px;
        padding: 0px 30px;
        color: #677294;
        font-size: 15px;
        font-weight: 300;
        transition: all 0.3s linear;
    }

        .error_content_two .search .form-control.placeholder {
            color: #677294;
        }

        .error_content_two .search .form-control:-moz-placeholder {
            color: #677294;
        }

        .error_content_two .search .form-control::-moz-placeholder {
            color: #677294;
        }

        .error_content_two .search .form-control::-webkit-input-placeholder {
            color: #677294;
        }

        .error_content_two .search .form-control:focus {
            border-color: #5e2ced;
        }

.error_content_two .about_btn {
    background: #051441;
    color: #fff;
    border-radius: 3px;
    padding: 17px 35px;
    font-weight: 400;
}

    .error_content_two .about_btn i {
        vertical-align: middle;
        padding-left: 5px;
    }

    .error_content_two .about_btn:hover {
        box-shadow: none;
    }

/*================= error_two_area css ==================*/
/*================= download_area css ==================*/
.download_area {
    height: 100vh;
    min-height: 700px;
    align-items: center;
    justify-content: center;
    display: flex;
    text-align: center;
    position: relative;
    z-index: 1;
}

.download_parallax_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../img/new/case/parallax.png") no-repeat scroll center center;
    z-index: -1;
}

.download_content .download_btn {
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 1px solid #f6f5fc;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 0;
    margin-bottom: 60px;
}

    .download_content .download_btn:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 200px;
        height: 200px;
        background: rgb(247, 244, 255);
        border-radius: 50%;
        z-index: -2;
    }

    .download_content .download_btn:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 160px;
        height: 160px;
        background: rgb(241, 236, 255);
        border-radius: 50%;
        z-index: -1;
    }

    .download_content .download_btn .pulse-x {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background: rgb(241, 236, 255);
        width: 110px;
        height: 110px;
        border-radius: 100%;
        z-index: -2;
        animation: pulsate 3s infinite;
    }

    .download_content .download_btn i {
        width: 120px;
        height: 120px;
        display: inline-block;
        background-image: linear-gradient(50deg, rgb(94, 44, 237) 0%, rgb(164, 133, 253) 100%);
        box-shadow: inset 2px -3.464px 6px 0px rgba(34, 10, 104, 0.2);
        border-radius: 50%;
        line-height: 120px;
        font-size: 55px;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.download_content h2 {
    font-size: 60px;
    color: #051441;
    font-weight: 600;
    margin-bottom: 35px;
}

.download_content p {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    color: #051441;
}

    .download_content p a {
        color: #5e2ced;
        position: relative;
    }

        .download_content p a:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #5e2ced;
            position: absolute;
            left: 0;
            bottom: 0;
        }

.thanks_content h2 {
    font-size: 50px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.thanks_content p {
    color: #677294;
}

.thanks_content a {
    font-size: 14px;
    font-weight: 500;
    color: #959bad;
    position: relative;
    text-transform: uppercase;
    padding: 0px 6px;
    display: inline-block;
    transition: all 0.2s linear;
    margin-top: 45px;
}

    .thanks_content a:before {
        content: "";
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #959bad;
        left: 0;
        bottom: 0;
        position: absolute;
    }

    .thanks_content a i {
        vertical-align: middle;
        display: inline-block;
        transition: all 0.3s linear;
        padding-left: 5px;
    }

    .thanks_content a:hover {
        color: #5e2ced;
    }

        .thanks_content a:hover:before {
            border-color: #5e2ced;
        }

        .thanks_content a:hover i {
            transform: translateX(8px);
        }

/*================= download_area css ==================*/
/*====================================================*/
/*====================================================*/
.typography_breacrumb {
    background: #f9f9f9;
}

    .typography_breacrumb h1 {
        color: #222d39;
        font-weight: 400;
    }

        .typography_breacrumb h1 span {
            font-weight: 700;
        }

    .typography_breacrumb p {
        color: #677294;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4b505e;
}

p {
    font-size: 16px;
    color: #677294;
}

    p span {
        padding: 3px 8px;
    }

.bg-dark {
    background: #222d39 !important;
}

.bg-purpple {
    background: #6e3ef8;
}

.bg-blue {
    background: #2cabed;
}

.h_title {
    font-size: 24px;
    color: #677294;
    font-weight: 300;
    margin-bottom: 50px;
}

.heading_style h1,
.heading_style h2,
.heading_style h3,
.heading_style h4,
.heading_style h5,
.heading_style h6 {
    color: #4b505e;
    font-weight: 700;
}

.heading_style .h_title {
    font-size: 24px;
    color: #677294;
    font-weight: 300;
}

.heading_style h1 {
    font-size: 50px;
}

.heading_style h2 {
    font-size: 44px;
}

.heading_style h3 {
    font-size: 36px;
}

.heading_style h4 {
    font-size: 30px;
}

.heading_style h5 {
    font-size: 24px;
}

.heading_style h6 {
    font-size: 18px;
}

.heading_style.medium h1,
.heading_style.medium h2,
.heading_style.medium h3,
.heading_style.medium h4,
.heading_style.medium h5,
.heading_style.medium h6 {
    font-weight: 500;
}

.heading_style.medium .h_title {
    font-weight: 300;
}

.heading_style.regular .h_title {
    font-weight: 300;
}

.heading_style.regular h1,
.heading_style.regular h2,
.heading_style.regular h3,
.heading_style.regular h4,
.heading_style.regular h5,
.heading_style.regular h6 {
    font-weight: 400;
}

.tooltip_p .text-green {
    color: #49c10e;
}

.tooltip_p .text-red {
    color: #f0368d;
}

.tooltip > .tooltip-inner {
    background-color: #f00;
    color: #fff;
}

    .tooltip > .tooltip-inner .arrow:before {
        border-bottom-color: red;
    }

.drop_text span {
    float: left;
    font-size: 54px;
    color: #2cabed;
    font-weight: 700;
    line-height: 50px;
}

.nested {
    font-size: 16px;
    color: #627387;
    line-height: 36px;
    font-weight: 400;
}

.blockquote {
    border-left: 2px solid #4b505e;
    padding-left: 30px;
}

    .blockquote p {
        font-size: 18px;
        color: #4b505e;
        font-style: italic;
        font-weight: 400;
        line-height: 30px;
    }

.blockquote_two {
    background: #f9fafb;
    padding: 20px 20px 20px 40px;
    font-size: 22px;
    font-style: italic;
    color: #627387;
}

    .blockquote_two img {
        margin-right: 40px;
    }

.blockquote_three {
    background: #f9fafb;
    padding: 40px;
    font-size: 22px;
    color: #677294;
    font-style: italic;
    line-height: 40px;
}

    .blockquote_three img {
        margin-right: 40px;
    }

.typography_promo_area {
    position: relative;
    z-index: 1;
    height: 400px;
    background-color: rgb(94, 44, 237);
    display: flex;
    align-items: center;
}

    .typography_promo_area .bg_overlay {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background-attachment: fixed;
        opacity: 0.1;
    }

    .typography_promo_area h2 {
        color: #fff;
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
    }

    .typography_promo_area .btn_get {
        color: #fff;
        border: 1px solid #fff;
        transition: all 0.3s linear;
        margin-top: 30px;
    }

        .typography_promo_area .btn_get:hover {
            background: #fff;
            color: #051441;
        }

.alert {
    font-size: 16px;
    line-height: 34px;
    position: relative;
    border-width: 1px;
    border-style: solid;
    border-radius: 0px;
    margin-bottom: 30px;
}

    .alert i {
        float: left;
        font-size: 20px;
        line-height: 32px;
        margin-right: 20px;
    }

    .alert .alert_close {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        cursor: pointer;
    }

        .alert .alert_close i {
            margin-right: 0;
        }

    .alert.notice {
        background: #f9f8fc;
        border-color: #e9e6f5;
        color: #677294;
    }

    .alert.error {
        background: #ffebeb;
        border-color: #f4bdbd;
        color: #eb4a4a;
    }

    .alert.warning {
        background: #fffaeb;
        border-color: #edd796;
        color: #e7b931;
    }

    .alert.info {
        background: #ebfcff;
        border-color: #aee9f3;
        color: #49cbe1;
    }

    .alert.success {
        background: #ecffeb;
        border-color: #b0efac;
        color: #4acc43;
    }

    .alert.message {
        background: #f5f1fd;
        border-color: #d7caf5;
        color: #8d62e3;
    }

.big_alert {
    padding: 40px;
    font-size: 20px;
}

    .big_alert i {
        font-size: 24px;
    }

.box_alert {
    border: 1px solid #e9e6f5;
    padding: 40px;
    position: relative;
    margin-bottom: 30px;
}

    .box_alert .icon {
        width: 70px;
        height: 70px;
        text-align: center;
        line-height: 70px;
        font-size: 20px;
        color: #677294;
        border: 1px solid rgb(233, 230, 245);
        background: #f9f8fc;
        border-radius: 50%;
        margin-right: 30px;
    }

    .box_alert .media-body h5 {
        font-size: 20px;
        line-height: 28px;
        color: #222d39;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .box_alert .media-body p {
        font-size: 15px;
        line-height: 28px;
        color: #677294;
    }

    .box_alert .alert_close {
        position: absolute;
        right: 20px;
        top: 20px;
        color: #677294;
        font-size: 20px;
        cursor: pointer;
    }

    .box_alert.box_warning .icon {
        background: #fffaeb;
        border-color: #edd796;
        color: #e7b931;
    }

    .box_alert.box_success .icon {
        background: #ecffeb;
        border-color: #b0efac;
        color: #4acc43;
    }

    .box_alert.box_error .icon {
        background: #ffebeb;
        border-color: #f4bdbd;
        color: #eb4a4a;
    }

    .box_alert.box_info .icon {
        background: #ebfcff;
        border-color: #aee9f3;
        color: #49cbe1;
    }

    .box_alert.box_info_two .icon {
        background: #f5f1fd;
        border-color: #d7caf5;
        color: #8d62e3;
    }

.button_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .button_item .btn_hover {
        margin-top: 0;
    }

    .button_item + .button_item {
        margin-top: 20px;
    }

.btn_s {
    padding: 9px 44px;
}

.btn_m {
    padding: 16px 50px;
}

.btn_l {
    padding: 24px 86px;
}

.btn_c {
    padding: 16px 50px;
}

.btn_border {
    border-width: 1px;
    border-style: solid;
    border-color: #222d39;
    color: #222d39;
}

    .btn_border:hover {
        background: #7444fd;
        border-color: #7444fd;
        color: #fff;
    }

.border2 {
    border-width: 2px;
}

.border3 {
    border-width: 3px;
}

.border4 {
    border-width: 4px;
}

.btn_r {
    border-radius: 4px;
}

.btn_r_n {
    border-radius: 0px;
}

.btn_r_two {
    border-radius: 8px;
}

.btn_r_three {
    border-radius: 45px;
}

.box_s {
    background: #5f2eed;
    box-shadow: 0 6px #8057f8;
}

    .box_s:hover {
        background: #5f2eed;
        color: #fff;
    }

        .box_s:hover:hover {
            box-shadow: 0 4px #8057f8;
        }

.btn-style2 {
    position: relative;
    overflow: visible;
    z-index: auto;
    background: #5f2eed;
    transition: all 0.1s linear;
}

    .btn-style2:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #dfd5fb;
        position: absolute;
        right: -5px;
        bottom: -5px;
        z-index: -2;
        transition: all 0.3s linear;
    }

    .btn-style2:hover {
        background: #5f2eed;
        margin-right: 0;
        margin-bottom: 0;
        color: #fff;
    }

        .btn-style2:hover:before {
            right: 0;
            bottom: 0;
        }

.btn-style3 {
    position: relative;
    background: transparent;
}

    .btn-style3:before {
        content: "";
        left: 5px;
        right: 5px;
        bottom: 5px;
        top: 5px;
        background: #5f2eed;
        position: absolute;
        z-index: -1;
        transition: all 0.2s linear;
    }

    .btn-style3:hover {
        color: #fff;
    }

        .btn-style3:hover:before {
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

.btn-style4 {
    position: relative;
    background: #dfd5fb;
    border: 0px;
}

    .btn-style4:before {
        content: "";
        left: 2px;
        right: 2px;
        bottom: 2px;
        top: 2px;
        background: #5f2eed;
        position: absolute;
        z-index: -1;
        transition: all 0.2s linear;
    }

    .btn-style4:hover {
        color: #fff;
    }

        .btn-style4:hover:before {
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
        }

.i_btn_one {
    padding: 16px 50px;
}

    .i_btn_one i {
        margin-right: 10px;
    }

.i_btn_two {
    padding: 16px 50px;
}

    .i_btn_two i {
        margin-left: 14px;
    }

.i_btn_three {
    padding: 0 50px 0px 0px;
    display: flex;
    align-items: center;
}

    .i_btn_three i {
        width: 50px;
        float: left;
        text-align: center;
        height: 100%;
        line-height: 53px;
        margin-right: 35px;
        border-right: 1.2px solid rgba(255, 255, 255, 0.2);
    }

    .i_btn_three:hover i {
        border-color: #7444fd;
    }

.i_btn_four {
    padding: 0 0px 0px 50px;
    display: flex;
    align-items: center;
}

    .i_btn_four i {
        width: 50px;
        float: left;
        text-align: center;
        height: 100%;
        line-height: 53px;
        margin-left: 35px;
        border-left: 1.2px solid rgba(255, 255, 255, 0.2);
    }

    .i_btn_four:hover i {
        border-color: #7444fd;
    }

.btn_blue {
    background: #2e95ed;
    border-color: #2e95ed;
}

    .btn_blue:hover {
        background: #2e95ed;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_red {
    background: #db247f;
    border-color: #db247f;
}

    .btn_red:hover {
        background: #db247f;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_green {
    background: #62be09;
    border-color: #62be09;
    padding: 16px 64px;
}

    .btn_green:hover {
        background: #62be09;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_yellow {
    background: #e4a817;
    border-color: #e4a817;
    padding: 16px 64px;
}

    .btn_yellow:hover {
        background: #e4a817;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_purple {
    background: #b715f3;
    border-color: #b715f3;
}

    .btn_purple:hover {
        background: #b715f3;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_violte {
    background: #5f2eed;
    border-color: #5f2eed;
}

    .btn_violte:hover {
        background: #5f2eed;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_orange {
    background: #f05b2d;
    border-color: #f05b2d;
    padding: 16px 64px;
}

    .btn_orange:hover {
        background: #f05b2d;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

.btn_nill {
    background: #1bbbce;
    border-color: #1bbbce;
    padding: 16px 64px;
}

    .btn_nill:hover {
        background: #1bbbce;
        color: #fff;
        box-shadow: 0px 20px 34px 0px rgba(0, 11, 40, 0.1);
        transform: translateY(-5px);
    }

/*====================================================*/
/*====================================================*/
/*=========== blog area css ===========*/
.blog_grid_item {
    cursor: pointer;
}

    .blog_grid_item img {
        transition: opacity 600ms linear;
    }

    .blog_grid_item:hover .blog_img img {
        opacity: 0.7;
    }

.blog_img {
    background: #000022;
}

    .blog_img img {
        max-width: 100%;
    }

.blog_content {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.06);
    padding: 30px 47px 42px 50px;
    position: relative;
}

    .blog_content .post_date {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        box-shadow: 0px 3px 0px 0px rgba(12, 0, 46, 0.06);
        text-align: center;
        display: flex;
        align-items: center;
        position: absolute;
        justify-content: center;
        right: 50px;
        top: -40px;
        background: #fff;
    }

        .blog_content .post_date h2 {
            font: 700 30px/20px "Poppins", sans-serif;
            margin-bottom: 0px;
            color: #5e2ced;
            padding-top: 5px;
        }

        .blog_content .post_date span {
            font-weight: 300;
            font-size: 14px;
            display: block;
            padding-top: 5px;
        }

    .blog_content p {
        font-weight: 400;
        font-size: 15px;
    }

    .blog_content h5:hover {
        color: #5e2ced;
    }

    .blog_content .learn_btn_two {
        font: 400 14px "Poppins", sans-serif;
        color: #282835;
    }

        .blog_content .learn_btn_two:before {
            transition: all 0.2s linear;
        }

        .blog_content .learn_btn_two i {
            font-size: 14px;
        }

        .blog_content .learn_btn_two:hover {
            color: #5e2ced;
        }

            .blog_content .learn_btn_two:hover:before {
                background: #5e2ced;
            }

.entry_post_info {
    font: 400 15px/25px "Poppins", sans-serif;
    color: #677294;
    padding-bottom: 5px;
}

    .entry_post_info a {
        color: #677294;
    }

        .entry_post_info a + a:before {
            content: "/";
            display: inline-block;
            margin: 0px 7px 0px 2px;
        }

.blog_single .blog_content {
    padding-left: 0px;
    padding-right: 0px;
    box-shadow: none;
}

.blog_single .blockquote {
    color: #5e2ced;
    font-style: italic;
    border-left: 4px solid #5e2ced;
    padding-left: 35px;
}

.post_share {
    display: flex;
    border-bottom: 1px solid #d8dceb;
    padding-bottom: 10px;
}

    .post_share a {
        font: 400 14px/26px "Poppins", sans-serif;
        color: #525c7c;
    }

        .post_share a i {
            padding-right: 12px;
        }

        .post_share a:hover {
            color: #5e2ced;
        }

        .post_share a + a {
            margin-left: 15px;
        }

    .post_share .flex {
        flex: 1;
        text-align: right;
    }

.post-nam {
    font: 400 15px/26px "Poppins", sans-serif;
    color: #282835;
}

.post_tag {
    padding-top: 20px;
}

    .post_tag .post-nam {
        padding-right: 10px;
    }

    .post_tag a {
        font: 400 13px/26px "Poppins", sans-serif;
        color: #595b64;
        border: 1px solid #cfcfe6;
        border-radius: 3px;
        padding: 0px 11px;
        display: inline-block;
        margin-left: 10px;
    }

.post_author {
    display: flex;
    align-items: flex-start;
}

    .post_author .media-body {
        padding-left: 20px;
        flex: 1;
    }

        .post_author .media-body h6 {
            color: #677294;
        }

        .post_author .media-body p {
            color: #677294;
            margin-bottom: 0px;
        }

.blog_post_item .blog_content {
    padding: 22px 22px 35px;
}

    .blog_post_item .blog_content h5 {
        margin-bottom: 15px;
    }

.comment-box .post_comment .post_author {
    margin-bottom: 30px;
}

    .comment-box .post_comment .post_author .media-left {
        margin-right: 30px;
    }

    .comment-box .post_comment .post_author .replay {
        display: block;
        text-align: center;
        font-size: 20px;
        color: #525c7c;
        padding-top: 14px;
        transition: all 0.1s linear;
    }

        .comment-box .post_comment .post_author .replay:hover {
            color: #5e2ced;
        }

    .comment-box .post_comment .post_author .media-body {
        border-bottom: 1px solid #e8ebf4;
        padding-left: 0;
        padding-bottom: 25px;
    }

.comment-box .post_comment .reply-comment {
    padding-left: 110px;
}

    .comment-box .post_comment .reply-comment .post_author {
        margin-bottom: 0px;
    }

/*=========== blog sidebar css ===========*/
.widget_title {
    margin-bottom: 35px;
}

    .widget_title .border_bottom {
        width: 180px;
        height: 1px;
        background: #677294;
        display: block;
    }

.widget_title_two {
    font-size: 20px;
    font-weight: 600;
    color: #282835;
    margin-bottom: 30px;
}

.blog-sidebar {
    padding-left: 40px;
}

    .blog-sidebar .widget.widget_search .search-form {
        position: relative;
    }

        .blog-sidebar .widget.widget_search .search-form .form-control {
            font: 300 14px "Poppins", sans-serif;
            color: #677294;
            border-radius: 3px;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 2px 3px 0px rgba(12, 0, 46, 0.08);
            border-radius: 0px;
            border: 0px;
            padding-left: 30px;
            height: 55px;
            z-index: 0;
            border: 1px solid transparent;
        }

            .blog-sidebar .widget.widget_search .search-form .form-control.placeholder {
                color: #677294;
            }

            .blog-sidebar .widget.widget_search .search-form .form-control:-moz-placeholder {
                color: #677294;
            }

            .blog-sidebar .widget.widget_search .search-form .form-control::-moz-placeholder {
                color: #677294;
            }

            .blog-sidebar .widget.widget_search .search-form .form-control::-webkit-input-placeholder {
                color: #677294;
            }

            .blog-sidebar .widget.widget_search .search-form .form-control:focus {
                border-color: #ccc5fa;
                border-radius: 3px;
            }

        .blog-sidebar .widget.widget_search .search-form button {
            border: 0px;
            border-radius: 0px;
            font-size: 16px;
            color: #282835;
            background: transparent;
            position: absolute;
            right: 20px;
            height: 100%;
            padding: 0px;
            z-index: 1;
            cursor: pointer;
        }

            .blog-sidebar .widget.widget_search .search-form button:hover {
                color: #5e2ced;
            }

    .blog-sidebar .widget.widget_recent_post .post_item img {
        border-radius: 3px;
    }

    .blog-sidebar .widget.widget_recent_post .post_item .media-body {
        padding-left: 20px;
        align-self: center;
        flex: 1;
    }

        .blog-sidebar .widget.widget_recent_post .post_item .media-body h3 {
            color: #282835;
        }

            .blog-sidebar .widget.widget_recent_post .post_item .media-body h3:hover {
                color: #5e2ced;
            }

        .blog-sidebar .widget.widget_recent_post .post_item .media-body .entry_post_info {
            padding-bottom: 0px;
        }

    .blog-sidebar .widget.widget_recent_post .post_item + .post_item {
        margin-top: 30px;
    }

    .blog-sidebar .widget.widget_categorie .widget_title {
        margin-bottom: 28px;
    }

    .blog-sidebar .widget.widget_categorie ul {
        margin-bottom: 0px;
    }

        .blog-sidebar .widget.widget_categorie ul li a {
            font: 400 16px/35px "Poppins", sans-serif;
            color: #282835;
            transition: all 0.2s linear;
        }

            .blog-sidebar .widget.widget_categorie ul li a span {
                border-bottom: 1px solid transparent;
                transition: all 0.3s linear;
            }

            .blog-sidebar .widget.widget_categorie ul li a em {
                float: right;
                font-style: normal;
            }

            .blog-sidebar .widget.widget_categorie ul li a:hover span {
                color: #5e2ced;
                border-color: #5e2ced;
            }

    .blog-sidebar .widget.widget_tag_cloud .post-tags {
        margin-top: -5px;
        margin-left: -5px;
        margin-right: -5px;
    }

        .blog-sidebar .widget.widget_tag_cloud .post-tags a {
            font: 400 13px/26px "Poppins", sans-serif;
            color: #595b64;
            border: 1px solid #cfcfe6;
            border-radius: 3px;
            padding: 6px 18px;
            float: left;
            transition: all 0.2s linear;
            margin: 5px;
        }

            .blog-sidebar .widget.widget_tag_cloud .post-tags a:hover {
                background: #5e2ced;
                border-color: #5e2ced;
                color: #fff;
            }

    .blog-sidebar .widget.search_widget_two .search-form .form-control {
        padding: 0px 30px;
        background: #f3f4f9;
        border-radius: 4px;
        height: 60px;
        font-size: 15px;
        color: #677294;
        box-shadow: none;
        position: relative;
        z-index: 0;
        border-color: transparent;
        transition: all 0.3s linear;
    }

        .blog-sidebar .widget.search_widget_two .search-form .form-control.placeholder {
            color: #677294;
        }

        .blog-sidebar .widget.search_widget_two .search-form .form-control:-moz-placeholder {
            color: #677294;
        }

        .blog-sidebar .widget.search_widget_two .search-form .form-control::-moz-placeholder {
            color: #677294;
        }

        .blog-sidebar .widget.search_widget_two .search-form .form-control::-webkit-input-placeholder {
            color: #677294;
        }

        .blog-sidebar .widget.search_widget_two .search-form .form-control:focus {
            border-color: #5e2ced;
            background: #fff;
        }

    .blog-sidebar .widget.search_widget_two .search-form button {
        position: absolute;
        background: transparent;
        padding: 0px;
        border: 0px;
        right: 30px;
        top: 51%;
        transform: translateY(-50%);
        font-size: 16px;
        color: #282835;
        z-index: 0;
    }

    .blog-sidebar .widget.recent_post_widget_two .post_item {
        align-items: center;
        display: flex;
    }

        .blog-sidebar .widget.recent_post_widget_two .post_item img {
            border-radius: 4px;
            padding-right: 25px;
        }

        .blog-sidebar .widget.recent_post_widget_two .post_item .media-body {
            flex: 1;
        }

            .blog-sidebar .widget.recent_post_widget_two .post_item .media-body h3 {
                font: 500 16px/22px "Poppins", sans-serif;
                color: #222d39;
                margin-bottom: 0;
            }

                .blog-sidebar .widget.recent_post_widget_two .post_item .media-body h3:hover {
                    color: #5e2ced;
                }

            .blog-sidebar .widget.recent_post_widget_two .post_item .media-body .entry_post_info {
                font-size: 14px;
                color: #85859c;
                font-weight: 400;
                text-transform: uppercase;
            }

        .blog-sidebar .widget.recent_post_widget_two .post_item:not(:last-child) {
            margin-bottom: 30px;
        }

    .blog-sidebar .widget.categorie_widget_two ul {
        margin-bottom: 0;
    }

        .blog-sidebar .widget.categorie_widget_two ul li a {
            font-size: 14px;
            line-height: 36px;
            color: #282835;
            text-transform: uppercase;
        }

            .blog-sidebar .widget.categorie_widget_two ul li a em {
                font-style: normal;
                color: #282835;
                padding-left: 10px;
            }

            .blog-sidebar .widget.categorie_widget_two ul li a:hover {
                color: #5e2ced;
            }

    .blog-sidebar .widget.tag_widget_two .post-tags {
        margin: -5px -4px;
    }

        .blog-sidebar .widget.tag_widget_two .post-tags a {
            padding: 6px 20px;
            font-size: 14px;
            color: #5a5a77;
            background: #f0f2f9;
            border-radius: 4px;
            margin: 5px 4px;
            display: inline-block;
            transition: all 0.2s linear;
        }

            .blog-sidebar .widget.tag_widget_two .post-tags a:hover {
                background: #5e2ced;
                color: #fff;
            }

.instagram_widget ul {
    margin: -7px;
    display: flex;
    flex-wrap: wrap;
}

    .instagram_widget ul li {
        padding: 7px 6px;
        width: 33.3333333333%;
    }

        .instagram_widget ul li a {
            display: block;
            position: relative;
        }

            .instagram_widget ul li a:before {
                content: "\e73d";
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                font-family: "themify";
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 22px;
                background: rgba(94, 44, 237, 0.6);
                border-radius: 4px;
                opacity: 0;
                top: 0;
                transition: opacity 0.4s linear;
                color: #fff;
            }

            .instagram_widget ul li a img {
                max-width: 100%;
                border-radius: 4px;
            }

            .instagram_widget ul li a:hover:before {
                opacity: 1;
            }

/*========= blog_area_two css ===========*/
.blog_area_two .blog_list_item:not(:last-child) {
    margin-bottom: 70px;
}

.blog_area_two .shop_page_number {
    border-top: 1px solid #ebe8f1;
    padding-top: 35px;
    margin-top: 0px;
}

.blog_list_item_two {
    position: relative;
}

    .blog_list_item_two .post_date {
        position: absolute;
        left: 20px;
        top: 20px;
        border-radius: 4px;
        background-color: rgb(251, 251, 253);
        box-shadow: 0px 14px 30px 0px rgba(68, 28, 183, 0.25);
        text-align: center;
        color: #5e2ced;
        padding: 13px 26px;
        z-index: 1;
    }

        .blog_list_item_two .post_date h2 {
            font-size: 30px;
            font-weight: 600;
            margin-bottom: 0;
        }

        .blog_list_item_two .post_date span {
            display: block;
            font-size: 15px;
            font-weight: 400;
        }

    .blog_list_item_two a img {
        border-radius: 6px;
    }

    .blog_list_item_two .video_post {
        position: relative;
        z-index: 0;
    }

        .blog_list_item_two .video_post:before {
            content: "";
            background: #282835;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            opacity: 0.5;
            border-radius: 6px;
        }

        .blog_list_item_two .video_post img {
            border-radius: 6px;
        }

    .blog_list_item_two .video_icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        .blog_list_item_two .video_icon:after {
            display: none;
        }

        .blog_list_item_two .video_icon:before {
            transform: scale(1.5);
        }

        .blog_list_item_two .video_icon i {
            color: #794afd;
            text-shadow: 0px 6px 25px rgba(121, 74, 253, 0.9);
        }

    .blog_list_item_two .blog_content {
        box-shadow: none;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

        .blog_list_item_two .blog_content p {
            font-size: 16px;
            margin-bottom: 25px;
        }

        .blog_list_item_two .blog_content .post-info-bottom {
            display: flex;
            justify-content: space-between;
        }

            .blog_list_item_two .blog_content .post-info-bottom .post-info-comments {
                font-size: 13px;
                font-weight: 500;
                letter-spacing: 1px;
                color: #282835;
            }

                .blog_list_item_two .blog_content .post-info-bottom .post-info-comments i {
                    color: #5e2ced;
                    padding-right: 5px;
                }

        .blog_list_item_two .blog_content .learn_btn_two {
            text-transform: uppercase;
            font-size: 13px;
            margin-top: 0px;
            line-height: 20px;
            display: inline-block;
            font-weight: 500;
        }

        .blog_list_item_two .blog_content .post-info-comments {
            text-transform: uppercase;
            line-height: 20px;
            display: inline-block;
        }

.blog_title {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #222d39;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
}

    .blog_title:hover {
        color: #5e2ced;
    }

.qutoe_post .blog_content {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08);
    border-radius: 6px;
    padding: 28px 40px 42px 40px;
    position: relative;
    overflow: hidden;
    border-left: 6px solid #5e2ced;
    z-index: 0;
}

    .qutoe_post .blog_content:after {
        content: "\f10d";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 30px;
        bottom: 0px;
        color: #f2effd;
        font-size: 100px;
        transform: rotate(180deg);
        z-index: -1;
    }

    .qutoe_post .blog_content i {
        font-size: 30px;
        color: #5e2ced;
        padding-bottom: 12px;
        display: inline-block;
    }

    .qutoe_post .blog_content h6 {
        font-size: 20px;
        color: #525c7c;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 0;
    }

    .qutoe_post .blog_content .author_name {
        font-size: 14px;
        color: #848ca5;
        line-height: 20px;
        letter-spacing: 1px;
        margin-top: 22px;
        display: inline-block;
        text-transform: uppercase;
    }

.qutoe_post.qutoe_post_two .blog_content:after {
    content: "\e02c";
    font-family: "ElegantIcons";
    font-size: 150px;
    right: 0;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.qutoe_post.qutoe_post_two .blog_content .blog_title {
    font-weight: 500;
}

.blog_grid_info .blog_list_item {
    margin-bottom: 60px;
}

    .blog_grid_info .blog_list_item .post_date {
        padding: 7px 19px;
    }

        .blog_grid_info .blog_list_item .post_date h2 {
            font-size: 24px;
        }

    .blog_grid_info .blog_list_item .blog_content {
        padding-top: 25px;
    }

        .blog_grid_info .blog_list_item .blog_content .blog_title {
            font-size: 20px;
            margin-bottom: 10px;
        }

    .blog_grid_info .blog_list_item.qutoe_post .blog_content {
        padding-bottom: 80px;
    }

        .blog_grid_info .blog_list_item.qutoe_post .blog_content:after {
            bottom: 0px;
            font-size: 90px;
            line-height: 90px;
        }

    .blog_grid_info .blog_list_item.qutoe_post_two .blog_content:after {
        bottom: auto;
        top: 80%;
    }

.blog_single_info .blog_list_item_two .blog_content {
    padding-top: 50px;
}

    .blog_single_info .blog_list_item_two .blog_content .qutoe_post {
        margin: 45px 0px;
    }

    .blog_single_info .blog_list_item_two .blog_content .post-info-bottom {
        padding-top: 20px;
    }

        .blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon {
            display: flex;
            text-transform: uppercase;
            font-size: 13px;
            color: #424255;
            font-weight: 500;
            letter-spacing: 1px;
        }

            .blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul {
                display: inline-block;
            }

                .blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul li {
                    display: inline-block;
                    margin-left: 8px;
                }

                    .blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul li a {
                        font-size: 12px;
                        color: #848ca5;
                    }

                        .blog_single_info .blog_list_item_two .blog_content .post-info-bottom .social_icon ul li a:hover {
                            color: #5e2ced;
                        }

.blog_single_info .blog_titles {
    font: 600 20px "Poppins", sans-serif;
    color: #282835;
    margin-bottom: 30px;
}

.blog_single_info blockquote {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 30px 0px rgba(20, 3, 67, 0.08);
    border-radius: 6px;
    padding: 28px 40px 22px 40px;
    position: relative;
    overflow: hidden;
    border-left: 6px solid #5e2ced;
    z-index: 0;
    margin: 40px 0px 45px;
}

    .blog_single_info blockquote:before {
        content: "\f10d";
        font-size: 30px;
        color: #5e2ced;
        padding-bottom: 12px;
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
    }

    .blog_single_info blockquote:after {
        content: "\f10d";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 30px;
        bottom: auto;
        top: 80%;
        color: #f2effd;
        font-size: 100px;
        transform: rotate(180deg);
        z-index: -1;
    }

    .blog_single_info blockquote i {
        font-size: 30px;
        color: #5e2ced;
        padding-bottom: 12px;
        display: inline-block;
    }

    .blog_single_info blockquote h6 {
        font-size: 20px;
        color: #525c7c;
        font-weight: 500;
        line-height: 34px;
        margin-bottom: 0;
    }

    .blog_single_info blockquote .author_name {
        font-size: 14px;
        color: #848ca5;
        line-height: 20px;
        letter-spacing: 1px;
        margin-top: 22px;
        display: inline-block;
        text-transform: uppercase;
    }

.post_author_two {
    background: #f3f5fa;
    border-radius: 4px;
    padding: 35px 40px;
    align-items: center;
}

    .post_author_two .img_rounded {
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin-right: 30px;
    }

    .post_author_two .media-body .comment_info h3 {
        font: 500 18px/24px "Poppins", sans-serif;
        color: #282835;
    }

    .post_author_two .media-body .comment_info .comment-date {
        font: 400 14px "Poppins", sans-serif;
        color: #677294;
    }

    .post_author_two .media-body p {
        margin-bottom: 0;
        font-size: 16px;
        color: #525c7c;
    }

.blog_related_post {
    margin-top: 100px;
}

    .blog_related_post.blog_grid_info .blog_list_item .blog_content {
        padding-top: 25px;
    }

        .blog_related_post.blog_grid_info .blog_list_item .blog_content h5 {
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 8px;
        }

        .blog_related_post.blog_grid_info .blog_list_item .blog_content p {
            font-size: 15px;
        }

.comment_inner {
    margin-top: 40px;
}

    .comment_inner .comment_box {
        margin-bottom: 0;
    }

        .comment_inner .comment_box .post_comment {
            background: #f7f8fb;
            padding: 30px 30px 30px;
        }

            .comment_inner .comment_box .post_comment .post_author_two {
                padding: 0px;
                background: transparent;
                align-items: inherit;
            }

                .comment_inner .comment_box .post_comment .post_author_two .comment_info {
                    display: inline-block;
                }

                    .comment_inner .comment_box .post_comment .post_author_two .comment_info h3 {
                        margin-bottom: 0px;
                    }

                .comment_inner .comment_box .post_comment .post_author_two .img_rounded {
                    width: 70px;
                    height: 70px;
                }

                .comment_inner .comment_box .post_comment .post_author_two .comment_reply {
                    float: right;
                    font: 500 13px/26px "Poppins", sans-serif;
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    color: #424255;
                }

                    .comment_inner .comment_box .post_comment .post_author_two .comment_reply i {
                        vertical-align: middle;
                        font-size: 20px;
                        padding-left: 5px;
                    }

                    .comment_inner .comment_box .post_comment .post_author_two .comment_reply:hover {
                        color: #5e2ced;
                    }

                .comment_inner .comment_box .post_comment .post_author_two p {
                    padding-top: 12px;
                }

            .comment_inner .comment_box .post_comment .reply_comment {
                margin-left: 100px;
                border-top: 1px solid #e8ebf4;
                margin-top: 30px;
            }

                .comment_inner .comment_box .post_comment .reply_comment .post_author_two {
                    padding-left: 0px;
                    padding-right: 0;
                    padding-top: 30px;
                }

            .comment_inner .comment_box .post_comment:not(:last-child) {
                margin-bottom: 30px;
            }

.blog_comment_box {
    margin-top: 100px;
}

    .blog_comment_box .get_quote_form .form-group .form-control {
        background: #f7f8fb;
        box-shadow: none;
    }

        .blog_comment_box .get_quote_form .form-group .form-control.placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control:-moz-placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control::-moz-placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control::-webkit-input-placeholder {
            color: #9ca3b9;
        }

        .blog_comment_box .get_quote_form .form-group .form-control:focus {
            border-color: #5e2ced;
            background: #fff;
        }

.comments_widget ul {
    margin-bottom: 0;
}

    .comments_widget ul li .comments_items .round_img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        margin-right: 30px;
        margin-top: 7px;
    }

    .comments_widget ul li .comments_items .media-body p {
        font-size: 15px;
        line-height: 26px;
        color: #282835;
        margin-bottom: 0px;
    }

        .comments_widget ul li .comments_items .media-body p:hover {
            color: #5e2ced;
        }

    .comments_widget ul li .comments_items .media-body span {
        font-size: 13px;
        line-height: 20px;
        text-transform: uppercase;
        color: #848ca5;
        display: block;
        padding-top: 12px;
    }

    .comments_widget ul li:not(:last-child) {
        margin-bottom: 30px;
    }

.widget_recent_comments #recentcomments {
    padding: 0px;
    list-style: none;
    margin-bottom: 0;
}

    .widget_recent_comments #recentcomments .recentcomments {
        position: relative;
        padding-left: 90px;
        font-size: 15px;
        line-height: 26px;
        color: #282835;
        font-family: "Poppins", sans-serif;
        min-height: 66px;
    }

        .widget_recent_comments #recentcomments .recentcomments:before {
            content: "v";
            font-family: eleganticons;
            border: 1px solid #5e2ced;
            text-align: center;
            line-height: 60px;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            font-size: 20px;
            color: #5e2ced;
            transition: background 0.3s linear, color 0.3s linear;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 6px;
        }

        .widget_recent_comments #recentcomments .recentcomments .comment-author-link {
            font-size: 13px;
            line-height: 20px;
            text-transform: uppercase;
            color: #848ca5;
        }

        .widget_recent_comments #recentcomments .recentcomments a {
            color: #282835;
        }

            .widget_recent_comments #recentcomments .recentcomments a:hover {
                color: #5e2ced;
            }

        .widget_recent_comments #recentcomments .recentcomments:hover:before {
            background: #5e2ced;
            color: #fff;
        }

        .widget_recent_comments #recentcomments .recentcomments:not(:last-child) {
            margin-bottom: 30px;
        }

.media {
    display: flex;
}

    .media .media-body {
        flex: 1;
    }

/*====================================================*/
/*====================================================*/
/*============= shop_grid_area css ==============*/
.shop_menu_left p {
    margin-bottom: 0px;
    font: 300 16px "Poppins", sans-serif;
    color: #282835;
}

.shop_menu_right h5 {
    font: 500 16px "Poppins", sans-serif;
    color: #282835;
    margin-bottom: 5px;
}

.shop_menu_right .selectpickers {
    border: 0px;
}

    .shop_menu_right .selectpickers:after {
        width: 8px;
        height: 8px;
        top: 42%;
    }

    .shop_menu_right .selectpickers .current {
        font: 300 16px "Poppins", sans-serif;
        color: #677294;
    }

.shop_menu_right .shop_grid {
    display: flex;
}

    .shop_menu_right .shop_grid a {
        font-size: 16px;
        color: #677294;
        margin-left: 12px;
    }

    .shop_menu_right .shop_grid .active a {
        color: #5e2ced;
    }

.single_product_item {
    text-align: center;
    margin-top: 30px;
}

    .single_product_item .product_img {
        position: relative;
    }

        .single_product_item .product_img .hover_content {
            position: absolute;
            bottom: 20px;
            width: 100%;
            left: 0;
            text-align: center;
            transform: translateY(20px);
            transition: all 0.2s linear;
            overflow: hidden;
            opacity: 0;
        }

            .single_product_item .product_img .hover_content a {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                text-align: center;
                line-height: 42px;
                background: #fff;
                margin: 0px 2px;
                color: #282835;
                font-size: 16px;
                display: inline-block;
                transition: all 0.3s linear;
            }

                .single_product_item .product_img .hover_content a:hover {
                    background: #5e2ced;
                    color: #fff;
                }

        .single_product_item .product_img:hover .hover_content {
            transform: translateY(0);
            opacity: 1;
        }

    .single_product_item .single_pr_details {
        padding: 28px 0px;
    }

        .single_product_item .single_pr_details h3 {
            color: #282835;
            margin-bottom: 5px;
        }

            .single_product_item .single_pr_details h3:hover {
                color: #5e2ced;
            }

        .single_product_item .single_pr_details .price {
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;
            font: 300 14px/28px "Poppins", sans-serif;
            color: #677294;
        }

            .single_product_item .single_pr_details .price ins {
                font-weight: 500;
                color: #282835;
                text-decoration: none;
                padding-right: 12px;
            }

    .single_product_item .ratting a {
        font-size: 14px;
        color: #f3ad16;
    }

        .single_product_item .ratting a:before {
            content: "\e60a\e60a\e60a\e60a";
            font-family: "themify";
        }

.hr {
    width: 100%;
    height: 1px;
    background: #e7e7f6;
    margin-bottom: 40px;
}

.shop_page_number {
    text-align: center;
    margin-bottom: 0px;
}

    .shop_page_number li {
        display: inline-block;
        margin: 0px 3px;
    }

        .shop_page_number li .page-numbers {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #e7e7f6;
            font-size: 16px;
            line-height: 39px;
            font-weight: 300;
            color: #677294;
            text-align: center;
            display: block;
            transition: all 0.2s linear;
        }

            .shop_page_number li .page-numbers:hover {
                border-color: #5e2ced;
                color: #5e2ced;
            }

            .shop_page_number li .page-numbers.current {
                background: #5e2ced;
                border-color: #5e2ced;
                color: #fff;
            }

/*============= shop_grid_area css ==============*/
.shop_list_area .shop_page_number {
    margin-top: 70px;
}

.shop_list_item {
    padding-top: 50px;
}

    .shop_list_item .single_product_item .single_pr_details {
        padding-bottom: 0px;
    }

        .shop_list_item .single_product_item .single_pr_details .price {
            justify-content: flex-end;
            font-size: 16px;
        }

        .shop_list_item .single_product_item .single_pr_details .s_list_title {
            display: inline-block;
        }

        .shop_list_item .single_product_item .single_pr_details .ratting {
            float: right;
        }

        .shop_list_item .single_product_item .single_pr_details .pr_button .cart_btn {
            font: 400 15px/30px "Poppins", sans-serif;
            color: #677294;
            border: 1px solid #e7e7f6;
            border-radius: 45px;
            background: #f9f9fc;
            padding: 9px 28px;
            transition: all 0.2s linear;
            cursor: pointer;
        }

            .shop_list_item .single_product_item .single_pr_details .pr_button .cart_btn:hover {
                color: #fff;
                background: #5e2ced;
                border-color: #5e2ced;
            }

        .shop_list_item .single_product_item .single_pr_details .pr_button a {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            border: 1px solid #e7e7f6;
            background: #f9f9fc;
            display: inline-block;
            text-align: center;
            line-height: 50px;
            font-size: 16px;
            color: #282835;
            margin-left: 4px;
            transition: all 0.2s linear;
            cursor: pointer;
        }

            .shop_list_item .single_product_item .single_pr_details .pr_button a:hover {
                color: #fff;
                background: #5e2ced;
                border-color: #5e2ced;
            }

.product_details_area .product_slider {
    padding-right: 42px;
}

    .product_details_area .product_slider .owl-thumbs {
        display: table;
        width: 102.6%;
        text-align: center;
        padding: 0;
        margin-top: 24px;
        margin-left: -7px;
        margin-right: -7px;
    }

        .product_details_area .product_slider .owl-thumbs .owl-thumb-item {
            display: table-cell;
            border: none;
            background: none;
            padding: 7px;
            width: 25%;
        }

            .product_details_area .product_slider .owl-thumbs .owl-thumb-item img {
                max-width: 100%;
                border: 2px solid transparent;
                transition: all 0.2s linear;
            }

            .product_details_area .product_slider .owl-thumbs .owl-thumb-item.active img {
                border-color: #c8b6fc;
            }

.pr_details .pr_title {
    color: #282835;
}

.pr_details .ratting {
    float: right;
    text-align: right;
}

    .pr_details .ratting .star-rating {
        color: #5e2ced;
        line-height: 12px;
    }

        .pr_details .ratting .star-rating:before {
            content: "\e60a\e60a\e60a\e60a";
            font-family: "themify";
            font-size: 12px;
        }

    .pr_details .ratting .woocommerce-review-link {
        font-size: 14px;
        font-weight: 300;
        color: #677294;
    }

.pr_details .price {
    font: 300 20px "Poppins", sans-serif;
    color: #677294;
    display: flex;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding-top: 8px;
}

    .pr_details .price ins {
        text-decoration: none;
        font-weight: 600;
        color: #282835;
        padding-right: 18px;
    }

.pr_details .stock {
    font: 400 16px "Poppins", sans-serif;
    color: #5e2ced;
    vertical-align: middle;
    padding-top: 20px;
    display: inline-block;
}

    .pr_details .stock:before {
        content: "\e64c";
        font-family: "themify";
        color: #5e2ced;
        padding-right: 10px;
    }

.pr_details p {
    margin-bottom: 0px;
    padding: 20px 0px 40px;
}

.pr_details .product-qty {
    display: inline-block;
    position: relative;
}

    .pr_details .product-qty .manual-adjust {
        width: 95px;
        border: 1px solid #e7e7f6;
        border-radius: 45px;
        background: #fff;
        text-align: center;
        height: 50px;
    }

    .pr_details .product-qty .ar_top, .pr_details .product-qty .ar_down {
        position: absolute;
        background: #fff;
        border: 0px;
        font-size: 12px;
        color: #677294;
        right: 5px;
        border-radius: 15px;
        padding: 0px 15px 0px 0px;
    }

        .pr_details .product-qty .ar_top:hover, .pr_details .product-qty .ar_down:hover {
            color: #5e2ced;
        }

    .pr_details .product-qty .ar_top {
        top: 3px;
    }

    .pr_details .product-qty .ar_down {
        bottom: 3px;
    }

.pr_details .cart_button {
    display: inline-block;
}

    .pr_details .cart_button .cart_btn {
        border-radius: 45px;
        font: 400 15px/48px "Poppins", sans-serif;
        color: #677294;
        border: 1px solid #e7e7f6;
        background: #f8f8fc;
        min-width: 140px;
        text-align: center;
        display: inline-block;
        margin: 0px 5px;
    }

    .pr_details .cart_button .wish_list {
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #282835;
        width: 50px;
        border-radius: 50%;
        display: inline-block;
        border: 1px solid #e7e7f6;
    }

    .pr_details .cart_button .cart_btn, .pr_details .cart_button .wish_list {
        transition: all 0.2s linear;
    }

        .pr_details .cart_button .cart_btn:hover, .pr_details .cart_button .wish_list:hover {
            background: #5e2ced;
            color: #fff;
            border-color: #5e2ced;
        }

.pr_details .product_meta {
    margin-bottom: 0;
}

    .pr_details .product_meta li {
        font-family: "Poppins", sans-serif;
        font-weight: 300;
        color: #677294;
        margin-bottom: 10px;
    }

        .pr_details .product_meta li a {
            color: #677294;
        }

            .pr_details .product_meta li a:hover {
                color: #5e2ced;
            }

        .pr_details .product_meta li span {
            font-weight: 400;
            color: #282835;
            padding-right: 8px;
        }

.pr_details .share-link label {
    margin-bottom: 0px;
    font: 400 15px "Poppins", sans-serif;
    color: #282835;
}

.pr_details .share-link .social-icon {
    margin-bottom: 0px;
    display: inline-block;
}

    .pr_details .share-link .social-icon li {
        display: inline-block;
    }

        .pr_details .share-link .social-icon li a {
            font-size: 12px;
            color: #677294;
            padding-right: 10px;
            transition: all 0.2s linear;
        }

            .pr_details .share-link .social-icon li a:hover {
                color: #5e2ced;
            }

.pr_details_area {
    padding-top: 120px;
}

.product_info_details {
    border-bottom: 1px solid #e2e5ef;
}

    .product_info_details .pr_tab {
        justify-content: center;
        border: 0px;
        margin: 0 auto 50px;
    }

        .product_info_details .pr_tab .nav-item {
            float: left;
            margin: 0px;
            border: 1px solid #e7e7f6;
            overflow: hidden;
            border-left: 0px;
        }

            .product_info_details .pr_tab .nav-item .nav-link {
                font: 300 16px/40px "Poppins", sans-serif;
                color: #677294;
                padding: 5px 25px;
                min-width: 148px;
                text-align: center;
                border: 0px;
                border-radius: 0px;
                cursor: pointer;
            }

                .product_info_details .pr_tab .nav-item .nav-link.active {
                    background: #5e2ced;
                    color: #fff;
                }

            .product_info_details .pr_tab .nav-item:first-child {
                border-bottom-left-radius: 45px;
                border-top-left-radius: 45px;
                border-left: 1px solid #e7e7f6;
            }

            .product_info_details .pr_tab .nav-item:last-child {
                border-bottom-right-radius: 45px;
                border-top-right-radius: 45px;
            }

    .product_info_details .aditional_info h6 {
        color: #282835;
    }

    .product_info_details .comment-box .comment-content {
        padding-left: 95px;
        position: relative;
    }

        .product_info_details .comment-box .comment-content .avatar {
            position: absolute;
            left: 0;
        }

            .product_info_details .comment-box .comment-content .avatar img {
                border-radius: 50%;
            }

        .product_info_details .comment-box .comment-content .comment-header {
            font: 300 14px "Poppins", sans-serif;
            display: inline-block;
        }

            .product_info_details .comment-box .comment-content .comment-header a {
                font-size: 15px;
                font-weight: 500;
                color: #3d3f45;
            }

                .product_info_details .comment-box .comment-content .comment-header a:after {
                    content: "/";
                    display: inline-block;
                    margin: 0px 5px 0px 6px;
                    font-weight: 400;
                    color: #abb0bb;
                }

        .product_info_details .comment-box .comment-content .ratting a {
            font-size: 12px;
            color: #c9ccd1;
        }

            .product_info_details .comment-box .comment-content .ratting a:nth-child(1), .product_info_details .comment-box .comment-content .ratting a:nth-child(2), .product_info_details .comment-box .comment-content .ratting a:nth-child(3) {
                color: #5e2ced;
            }

.car_get_quote_content {
    padding-bottom: 35px;
}

    .car_get_quote_content h2 {
        color: #282835;
    }

    .car_get_quote_content .get_quote_form .form-group .form-control {
        height: 60px;
        border: 1px solid #ebebf7;
        border-radius: 4px;
        background: transparent;
        font: 300 14px "Poppins", sans-serif;
        color: #282835;
        padding-left: 25px;
        box-shadow: none;
    }

        .car_get_quote_content .get_quote_form .form-group .form-control.placeholder {
            color: #a7adbe;
        }

        .car_get_quote_content .get_quote_form .form-group .form-control:-moz-placeholder {
            color: #a7adbe;
        }

        .car_get_quote_content .get_quote_form .form-group .form-control::-moz-placeholder {
            color: #a7adbe;
        }

        .car_get_quote_content .get_quote_form .form-group .form-control::-webkit-input-placeholder {
            color: #a7adbe;
        }

        .car_get_quote_content .get_quote_form .form-group .form-control:focus {
            border-color: rgb(221, 209, 254);
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 10px 20px 0px rgba(0, 21, 46, 0.1);
        }

    .car_get_quote_content .get_quote_form .form-group textarea.form-control {
        height: 200px;
        padding-top: 20px;
    }

    .car_get_quote_content .ratting span {
        font-size: 14px;
        color: #282835;
    }

    .car_get_quote_content .ratting a {
        font-size: 12px;
        color: #c9ccd1;
    }

        .car_get_quote_content .ratting a:nth-child(4), .car_get_quote_content .ratting a:nth-child(2), .car_get_quote_content .ratting a:nth-child(3) {
            color: #5e2ced;
        }

    .car_get_quote_content .agency_banner_btn {
        float: right;
        border-radius: 45px;
        height: 46px;
        line-height: 45px;
        padding: 0px;
        min-width: 120px;
        text-align: center;
    }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/*============ shopping_cart_area css =============*/
.shopping_cart_area .cart_title {
    border-bottom: 1px solid #e7e7f6;
}

.shopping_cart_area h6 {
    font-size: 14px;
    color: #282835;
    line-height: 30px;
}

.shopping_cart_area .cart_table {
    padding-top: 30px;
}

    .shopping_cart_area .cart_table tbody {
        width: 100%;
    }

    .shopping_cart_area .cart_table td {
        vertical-align: middle;
        font: 400 16px/28px "Poppins", sans-serif;
        color: #282835;
        border: 0px;
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .shopping_cart_area .cart_table .product {
        padding-top: 0px;
    }

        .shopping_cart_area .cart_table .product .media .media-left {
            width: 100px;
            height: 100px;
        }

            .shopping_cart_area .cart_table .product .media .media-left img {
                max-width: 100%;
            }

        .shopping_cart_area .cart_table .product .media .media-body {
            padding-left: 30px;
            align-self: center;
        }

            .shopping_cart_area .cart_table .product .media .media-body h5 {
                font: 500 16px/28px "Poppins", sans-serif;
                color: #282835;
            }

    .shopping_cart_area .cart_table .total {
        width: 175px;
    }

    .shopping_cart_area .cart_table .quantity {
        width: 175px;
    }

        .shopping_cart_area .cart_table .quantity p {
            color: #677294;
            margin-bottom: 0px;
        }

    .shopping_cart_area .cart_table .del-item {
        white-space: nowrap;
        vertical-align: middle;
        width: 140px;
    }

        .shopping_cart_area .cart_table .del-item a {
            color: #677294;
        }

            .shopping_cart_area .cart_table .del-item a:hover {
                color: #5e2ced;
            }

            .shopping_cart_area .cart_table .del-item a i {
                font-size: 22px;
            }

            .shopping_cart_area .cart_table .del-item a + a {
                position: relative;
                top: 3px;
            }

        .shopping_cart_area .cart_table .del-item .total {
            margin-right: 85px;
        }

    .shopping_cart_area .cart_table .product-qty {
        position: relative;
        display: inline-block;
    }

        .shopping_cart_area .cart_table .product-qty .ar_top, .shopping_cart_area .cart_table .product-qty .ar_down {
            position: absolute;
            background: #fff;
            border: 0px;
            font-size: 12px;
            color: #677294;
            right: 16px;
            border-radius: 15px;
            padding: 0px;
            line-height: 12px;
            cursor: pointer;
        }

            .shopping_cart_area .cart_table .product-qty .ar_top:hover, .shopping_cart_area .cart_table .product-qty .ar_down:hover {
                color: #5e2ced;
            }

        .shopping_cart_area .cart_table .product-qty .ar_top {
            top: 8px;
        }

        .shopping_cart_area .cart_table .product-qty .ar_down {
            bottom: 8px;
        }

        .shopping_cart_area .cart_table .product-qty .manual-adjust {
            width: 95px;
            border: 1px solid #e7e7f6;
            height: 44px;
            border-radius: 45px;
            text-align: center;
            color: #677294;
        }

            .shopping_cart_area .cart_table .product-qty .manual-adjust.placeholder {
                color: #677294;
            }

            .shopping_cart_area .cart_table .product-qty .manual-adjust:-moz-placeholder {
                color: #677294;
            }

            .shopping_cart_area .cart_table .product-qty .manual-adjust::-moz-placeholder {
                color: #677294;
            }

            .shopping_cart_area .cart_table .product-qty .manual-adjust::-webkit-input-placeholder {
                color: #677294;
            }

.shopping_cart_area .cart_btn {
    font: 400 14px "Poppins", sans-serif;
    color: #fff;
    border: 1px solid #5e2ced;
    margin: 0px;
    background: #5e2ced;
    padding: 15px 33px;
    border-radius: 4px;
}

    .shopping_cart_area .cart_btn.cart_btn_two {
        border: 1px solid #e7e7f6;
        background: transparent;
        color: #5c6789;
        margin-left: 15px;
    }

.shopping_cart_area .action_btn {
    width: 100%;
}

.shopping_cart_area h5 {
    color: #282835;
}

.shopping_cart_area .wislist_table .total, .shopping_cart_area .wislist_table .del-item {
    width: 178px;
}

.shopping_cart_area .wislist_table .quantity {
    width: 140px;
}

.shopping_cart_area .wislist_table .add_cart {
    font: 400 14px "Poppins", sans-serif;
    border: 1px solid #e7e7f6;
    background: transparent;
    color: #5c6789;
    margin-right: 20px;
    padding: 15px 33px;
    border-radius: 4px;
    transition: all 0.2s linear;
}

    .shopping_cart_area .wislist_table .add_cart:hover {
        background: #5e2ced;
        color: #fff !important;
        border-color: #5e2ced;
    }

.cart_box {
    width: 370px;
    border: 1px solid rgb(244, 244, 249);
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    padding: 30px 35px;
}

    .cart_box .shop_table {
        width: 100%;
    }

        .cart_box .shop_table tbody tr {
            border-bottom: 1px solid #e7e7f6;
        }

            .cart_box .shop_table tbody tr th {
                width: 70%;
            }

            .cart_box .shop_table tbody tr td, .cart_box .shop_table tbody tr th {
                font: 400 16px/28px "Poppins", sans-serif;
                color: #282835;
                padding: 10px 0px;
            }

            .cart_box .shop_table tbody tr td {
                text-align: right;
            }

                .cart_box .shop_table tbody tr td .amount {
                    color: #677294;
                }

            .cart_box .shop_table tbody tr:last-child {
                border: 0px;
            }

.coupon {
    width: 370px;
    position: relative;
}

    .coupon .input_text {
        width: 100%;
        border: 1px solid rgb(244, 244, 249);
        border-radius: 4px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
        font: 300 15px "Poppins", sans-serif;
        color: #9ca3b9;
        height: 55px;
        padding-left: 25px;
        box-shadow: none;
    }

        .coupon .input_text:focus {
            box-shadow: none;
            outline: none;
        }

    .coupon .button {
        position: absolute;
        right: 4px;
        top: 50%;
        font: 400 14px/38px "Poppins", sans-serif;
        color: #282835;
        height: 48px;
        padding: 0px 25px;
        border: 0px;
        background: #eff2f7;
        border-radius: 3px;
        transform: translateY(-50%);
        cursor: pointer;
        transition: all 0.2s linear;
    }

        .coupon .button:hover {
            background: #5e2ced;
            color: #fff;
        }

.checkout_button {
    font: 500 15px/30px "Poppins", sans-serif;
    color: #fff;
    background: #5e2ced;
    border-radius: 0px;
    display: block;
    text-align: center;
    padding: 10px 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #5e2ced;
    transition: all 0.2s linear;
}

    .checkout_button:hover {
        background: transparent;
        color: #5e2ced;
    }

/*================== check list css ======================*/
.return_customer {
    font: 400 15px/25px "Poppins", sans-serif;
    color: #3d3f45;
    padding-bottom: 20px;
}

    .return_customer i {
        color: #5e2ced;
        padding-right: 8px;
        font-size: 14px;
    }

    .return_customer a {
        color: #5e2ced;
        font-weight: 300;
    }

        .return_customer a.collapsed {
            color: #9ca3b9;
        }

.checkout_content {
    margin-bottom: -22px;
}

    .checkout_content .checkout_title {
        margin-top: 63px;
        color: #282835;
    }

    .checkout_content input {
        box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
        background: #fff;
        padding: 0px 30px;
        font: 300 14px/60px "Poppins", sans-serif;
        color: #969ca5;
        border: 1px solid transparent;
        border-radius: 4px;
        width: 100%;
        margin-bottom: 30px;
        transition: all 0.2s linear;
    }

        .checkout_content input.placeholder {
            color: #9ca3b9;
        }

        .checkout_content input:-moz-placeholder {
            color: #9ca3b9;
        }

        .checkout_content input::-moz-placeholder {
            color: #9ca3b9;
        }

        .checkout_content input::-webkit-input-placeholder {
            color: #9ca3b9;
        }

        .checkout_content input:focus {
            box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
            border-color: rgb(242, 239, 252);
            outline: none;
        }

    .checkout_content label {
        font: 600 16px/50px "Poppins", sans-serif;
        display: block;
        color: #282835;
        margin-bottom: 20px;
    }

        .checkout_content label .required {
            font-size: 16px;
            color: #ff2525;
            text-decoration: none;
        }

    .checkout_content .selectpickers {
        width: 100%;
        border-radius: 0px;
        border: 0px;
        box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06);
        font: 300 14px/60px "Poppins", sans-serif;
        background: #fff;
        height: 60px;
        color: #9ca3b9;
        padding-left: 30px;
        margin-bottom: 30px;
    }

        .checkout_content .selectpickers:after {
            right: 30px;
        }

        .checkout_content .selectpickers ul {
            width: 100%;
        }

    .checkout_content input[type=checkbox] {
        position: relative;
        top: 2px;
        width: auto;
        box-shadow: none;
    }

        .checkout_content input[type=checkbox]:before {
            content: "";
            display: block;
            position: absolute;
            width: 12px;
            height: 12px;
            border: 1px solid #9ca3b9;
            top: 0;
            left: 0;
            border-radius: 2px;
            background-color: #fbfbfb;
        }

        .checkout_content input[type=checkbox]:checked:after {
            content: "";
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            top: 49%;
            left: 49%;
            transform: translate(-50%, -50%);
            background: #9ca3b9;
        }

    .checkout_content .l_text {
        display: inline-block;
        font: 300 15px/26px "Poppins", sans-serif;
        color: #9ca3b9;
        padding-left: 8px;
    }

    .checkout_content textarea {
        width: 100%;
        border: 0px;
        border-radius: 0px;
        box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06);
        height: 170px;
        font: 300 14px/20px "Poppins", sans-serif;
        color: #b6b9be;
        padding-left: 30px;
        padding-top: 20px;
        margin-bottom: 30px;
    }

        .checkout_content textarea.placeholder {
            color: #9ca3b9;
        }

        .checkout_content textarea:-moz-placeholder {
            color: #9ca3b9;
        }

        .checkout_content textarea::-moz-placeholder {
            color: #9ca3b9;
        }

        .checkout_content textarea::-webkit-input-placeholder {
            color: #9ca3b9;
        }

        .checkout_content textarea:focus {
            outline: none;
        }

    .checkout_content .tab_content p {
        font-family: "Poppins", sans-serif;
        font-size: 15px;
        margin-bottom: 0px;
        padding: 0px 0px 25px;
    }

    .checkout_content .tab_content .login_button {
        overflow: hidden;
        margin-bottom: 25px;
    }

        .checkout_content .tab_content .login_button label {
            display: inline-block;
            margin-bottom: 0px;
            vertical-align: middle;
        }

            .checkout_content .tab_content .login_button label input {
                margin-bottom: 0px;
            }

    .checkout_content .tab_content .login_btn {
        float: right;
        font: 400 16px/48px "Poppins", sans-serif;
        background: #5e2ced;
        border: 1px solid #5e2ced;
        color: #fff;
        border-radius: 4px;
        padding: 0px 38px;
        transition: all 0.2s linear;
    }

        .checkout_content .tab_content .login_btn:hover {
            background: transparent;
            color: #5e2ced;
        }

    .checkout_content .tab_content .coupon_form {
        overflow: hidden;
        display: flex;
    }

        .checkout_content .tab_content .coupon_form input {
            max-width: 380px;
            margin-bottom: 0px;
        }

        .checkout_content .tab_content .coupon_form .login_btn {
            line-height: 60px;
            margin-left: 20px;
        }

.cart_total_box {
    margin-left: 50px;
    background: #fff;
    box-shadow: 0px 2px 3px 0px rgba(0, 11, 40, 0.06);
    padding: 50px;
}

    .cart_total_box .checkout_title {
        border-bottom: 2px solid #e7e7f6;
        padding-bottom: 10px;
        color: #282835;
    }

.woocommerce-checkout-review-order .shop_table {
    width: 100%;
    margin-bottom: 30px;
}

    .woocommerce-checkout-review-order .shop_table tbody tr td {
        font: 400 15px/30px "Poppins", sans-serif;
        color: #677294;
    }

        .woocommerce-checkout-review-order .shop_table tbody tr td.price {
            color: #282835;
        }

        .woocommerce-checkout-review-order .shop_table tbody tr td.total {
            color: #5e2ced;
            font-size: 20px;
        }

        .woocommerce-checkout-review-order .shop_table tbody tr td + td {
            text-align: right;
        }

    .woocommerce-checkout-review-order .shop_table tbody tr.subtotal {
        border-top: 1px solid #dfe2f1;
    }

        .woocommerce-checkout-review-order .shop_table tbody tr.subtotal td {
            line-height: 56px;
            padding-bottom: 0px;
        }

.woocommerce-checkout-review-order h6 {
    font-size: 15px;
    color: #282835;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    margin: 0px;
    line-height: 30px;
    margin-bottom: 6px;
}

.woocommerce-checkout-review-order .note {
    font-size: 15px;
    line-height: 26px;
    color: #677294;
    font-weight: 300;
    font-family: "Poppins", sans-serif;
    margin-bottom: 25px;
}

.woocommerce-checkout-review-order ul li.payment {
    padding-left: 25px;
    position: relative;
}

    .woocommerce-checkout-review-order ul li.payment .radio-btn {
        position: absolute;
        left: 0;
    }

    .woocommerce-checkout-review-order ul li.payment span {
        float: none;
        font-size: 12px;
        color: #ff5f6d;
        padding-top: 15px;
        display: block;
    }

.woocommerce-checkout-review-order ul li input[type=checkbox], .woocommerce-checkout-review-order ul li input[type=radio] {
    position: relative;
    border: 0px;
    visibility: hidden;
    display: none;
}

    .woocommerce-checkout-review-order ul li input[type=checkbox]:checked + label:after, .woocommerce-checkout-review-order ul li input[type=radio]:checked + label:after {
        opacity: 1;
    }

    .woocommerce-checkout-review-order ul li input[type=checkbox]:checked + label:before, .woocommerce-checkout-review-order ul li input[type=radio]:checked + label:before {
        border-color: #5e2ced;
    }

.woocommerce-checkout-review-order ul li .radio-btn {
    line-height: 20px;
    top: 8px;
}

    .woocommerce-checkout-review-order ul li .radio-btn label {
        color: #8f8f8f;
        font-size: 14px;
        font-weight: 400;
        padding-left: 20px;
    }

        .woocommerce-checkout-review-order ul li .radio-btn label:before {
            content: "";
            display: block;
            position: absolute;
            width: 12px;
            height: 12px;
            border: 1px solid #9ca3b9;
            top: 1px;
            left: 0;
            border-radius: 50%;
        }

        .woocommerce-checkout-review-order ul li .radio-btn label:after {
            content: "";
            display: block;
            width: 6px;
            height: 6px;
            position: absolute;
            top: 4px;
            left: 3px;
            border-radius: 50%;
            background: #5b7921;
            opacity: 0;
        }

.woocommerce-checkout-review-order .condition {
    border-top: 1px solid #dfe2f1;
    padding-top: 25px;
    margin-top: 50px;
}

    .woocommerce-checkout-review-order .condition p {
        font-size: 15px;
        font-weight: 300;
    }

    .woocommerce-checkout-review-order .condition input[type=checkbox] {
        position: relative;
        border: 0px;
        visibility: hidden;
        display: none;
    }

        .woocommerce-checkout-review-order .condition input[type=checkbox]:checked + label:after {
            opacity: 1;
        }

        .woocommerce-checkout-review-order .condition input[type=checkbox]:checked + label:before {
            border-color: #5e2ced;
        }

    .woocommerce-checkout-review-order .condition .l_text {
        position: relative;
        padding-left: 25px;
        font-size: 16px;
        line-height: 26px;
        font-family: "Poppins", sans-serif;
        color: #282835;
    }

        .woocommerce-checkout-review-order .condition .l_text span {
            color: #ff1e1e;
        }

        .woocommerce-checkout-review-order .condition .l_text:before {
            content: "";
            display: block;
            position: absolute;
            width: 10px;
            height: 10px;
            border: 1px solid #878a8e;
            top: 8px;
            left: 0;
            border-radius: 2px;
            background-color: white;
        }

        .woocommerce-checkout-review-order .condition .l_text:after {
            content: "";
            display: block;
            width: 5px;
            height: 7px;
            border: solid #5e2ced;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 8px;
            left: 3px;
            opacity: 0;
        }

.woocommerce-checkout-review-order .button {
    width: 100%;
    background: #5e2ced;
    border: 1px solid #5e2ced;
    font: 500 16px/50px "Poppins", sans-serif;
    color: #fff;
    cursor: pointer;
    margin-top: 25px;
    transition: all 0.2s linear;
}

    .woocommerce-checkout-review-order .button:hover {
        background: transparent;
        color: #5e2ced;
    }

.pr_sidebar .widget + .widget {
    margin-top: 60px;
}

.pr_sidebar .sp_widget_title {
    color: #282835;
    font-size: 20px;
    font-weight: 500;
    position: relative;
    margin-bottom: 30px;
}

.pr_sidebar .filter_slider_area {
    padding-top: 10px;
}

    .pr_sidebar .filter_slider_area .ui-slider {
        height: 6px;
        background: #dbe2e9;
        border: 0px;
        border-radius: 0px;
    }

        .pr_sidebar .filter_slider_area .ui-slider .ui-slider-range {
            background: #9f7efd;
            border-radius: 0px;
        }

        .pr_sidebar .filter_slider_area .ui-slider .ui-slider-handle {
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: #5e2ced;
            border: 0px;
            margin-left: 0;
            top: -7px;
        }

            .pr_sidebar .filter_slider_area .ui-slider .ui-slider-handle:focus {
                outline: none;
            }

    .pr_sidebar .filter_slider_area .filter_content {
        font-size: 16px;
        text-transform: capitalize;
        font-family: "Poppins", sans-serif;
        color: #282835;
        display: flex;
        margin-top: 30px;
    }

        .pr_sidebar .filter_slider_area .filter_content #amount {
            border: 0px;
            font-size: 16px;
            display: inline-block;
            outline: none;
            box-shadow: none;
            padding-left: 5px;
        }

.pr_sidebar .widget_category ul {
    margin-bottom: 0;
}

    .pr_sidebar .widget_category ul li a {
        font-size: 16px;
        color: #677294;
        display: inline-block;
        position: relative;
    }

        .pr_sidebar .widget_category ul li a:before {
            content: "";
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            left: 0;
            background: #5e2ced;
            opacity: 0;
            transition: all 0.3s linear;
        }

        .pr_sidebar .widget_category ul li a:hover {
            color: #5e2ced;
        }

            .pr_sidebar .widget_category ul li a:hover:before {
                opacity: 1;
            }

    .pr_sidebar .widget_category ul li:not(:last-child) {
        margin-bottom: 15px;
    }

.pr_sidebar .woocommerce-widget-layered-nav-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

    .pr_sidebar .woocommerce-widget-layered-nav-list li {
        position: relative;
        padding-left: 30px;
        color: #333;
    }

        .pr_sidebar .woocommerce-widget-layered-nav-list li::before {
            content: "";
            position: absolute;
            border-radius: 50%;
            width: 15px;
            height: 15px;
            border: 1px solid #333333;
            left: 0;
            top: 50%;
            margin-top: -7.5px;
        }

        .pr_sidebar .woocommerce-widget-layered-nav-list li a {
            color: #333;
        }

        .pr_sidebar .woocommerce-widget-layered-nav-list li:not(:last-child) {
            margin-bottom: 12px;
        }

.pr_sidebar .widget_size ul {
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

    .pr_sidebar .widget_size ul li {
        font-size: 16px;
        color: #333333;
    }

        .pr_sidebar .widget_size ul li a {
            color: #333333;
        }

.pr_sidebar .widget_color ul li:first-child:before {
    background: #1c1c1c;
    border-color: #1c1c1c;
}

.pr_sidebar .widget_color ul li:nth-child(2):before {
    background: #ff934c;
    border-color: #ff934c;
}

.pr_sidebar .widget_color ul li:nth-child(3):before {
    background: #fb53a7;
    border-color: #fb53a7;
}

.pr_sidebar .widget_color ul li:nth-child(4):before {
    background: #ff4949;
    border-color: #ff4949;
}

.pr_sidebar .widget_color ul li:nth-child(6):before {
    background: #ffeb50;
    border-color: #ffeb50;
}

.pr_sidebar .widget_product ul {
    margin-bottom: 0;
}

    .pr_sidebar .widget_product ul li .media {
        align-items: center;
        display: flex;
    }

        .pr_sidebar .widget_product ul li .media img {
            padding-right: 30px;
        }

        .pr_sidebar .widget_product ul li .media .media-body {
            flex: 1;
        }

            .pr_sidebar .widget_product ul li .media .media-body h3 {
                font-size: 16px;
                color: #282835;
            }

            .pr_sidebar .widget_product ul li .media .media-body .rate {
                color: #677294;
                font-size: 16px;
            }

    .pr_sidebar .widget_product ul li:not(:last-child) {
        margin-bottom: 20px;
    }

.pr_sidebar .widget_tag ul li {
    display: inline-block;
    margin-bottom: 6px;
}

    .pr_sidebar .widget_tag ul li a {
        font-size: 16px;
        color: #677294;
        position: relative;
        display: block;
        transition: all 0.2s linear;
    }

        .pr_sidebar .widget_tag ul li a:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 1px;
            background: #5e2ced;
            opacity: 0;
            transition: opacity 0.2s linear;
        }

        .pr_sidebar .widget_tag ul li a:hover {
            color: #5e2ced;
        }

            .pr_sidebar .widget_tag ul li a:hover:before {
                opacity: 1;
            }

/*========== product_compair_modal_wrapper css ============*/
.product_compair_modal_wrapper {
    padding-right: 0 !important;
}

    .product_compair_modal_wrapper .close {
        width: 50px;
        height: 50px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        top: -20px;
        right: -20px;
        color: #111111;
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 5px 10px rgba(17, 17, 17, 0.3);
        z-index: 99;
        opacity: 1;
        transition: all 0.2s;
    }

@media (max-width: 400px) {
    .product_compair_modal_wrapper .close {
        top: 20px;
        right: 20px;
    }
}

.product_compair_modal_wrapper .modal-dialog {
    max-width: 970px;
}

@media (max-width: 991px) {
    .product_compair_modal_wrapper .modal-dialog {
        max-width: 735px;
    }
}

@media (max-width: 767px) {
    .product_compair_modal_wrapper .modal-dialog {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

.product_compair_modal_wrapper .modal-dialog .modal-content {
    border: 0px;
    padding: 10px;
}

@media (max-width: 767px) {
    .product_compair_modal_wrapper .modal-dialog .modal-content {
        padding-left: 0px;
        padding-right: 0px;
    }
}

@media (max-width: 400px) {
    .product_compair_modal_wrapper .modal-dialog .modal-content {
        padding: 0px;
    }
}

@media (max-width: 767px) {
    .product_compair_modal_wrapper .pr_details {
        margin-top: 40px;
    }
}

@media (max-width: 400px) {
    .product_compair_modal_wrapper .pr_details .cart_button {
        margin-top: 8px;
    }
}

@media (max-width: 400px) {
    .product_compair_modal_wrapper .pr_details .cart_button .cart_btn {
        margin-left: 0;
        margin-right: 0;
    }
}

.product_compair_modal_wrapper .pr_footer {
    margin-bottom: 0;
}

/*========== product_compair_modal_wrapper css ============*/
/*====================================================*/
/*====================================================*/
/*============= search_boxs css =================*/
.search_boxs {
    z-index: 20000;
    position: fixed;
    top: -105%;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

    .search_boxs:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background: rgba(27, 29, 34, 0.95);
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
        transform: scale(0.04), translateY(9999px);
        overflow: hidden;
    }

    .search_boxs .close_icon {
        position: absolute;
        right: 20px;
        top: 20px;
        font-size: 30px;
        color: #fff;
        cursor: pointer;
        backface-visibility: hidden;
        transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out;
        opacity: 0;
    }

    .search_boxs .input-group {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: scale(0.5);
        transform: translateX(-50%) translateY(-50%);
        max-width: 800px;
        width: 20%;
        opacity: 0;
        transition: all 900ms linear;
        transition-delay: 0.75s;
    }

        .search_boxs .input-group input {
            border: none;
            height: 55px;
            padding: 0px 15px;
            font-size: 16px;
            padding-left: 0px;
            width: 100%;
            color: #fff;
            background: transparent;
            border-bottom: 2px solid rgba(255, 255, 255, 0.6);
            border-radius: 0px;
            outline: none;
        }

            .search_boxs .input-group input.placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

            .search_boxs .input-group input:-moz-placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

            .search_boxs .input-group input::-moz-placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

            .search_boxs .input-group input::-webkit-input-placeholder {
                font-size: 16px;
                color: rgba(255, 255, 255, 0.6);
            }

        .search_boxs .input-group .input-group-append {
            margin-left: 0px;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
            cursor: pointer;
            z-index: 4;
        }

            .search_boxs .input-group .input-group-append button {
                border: none;
                background: transparent;
                border-radius: 0px;
                height: 55px;
                border-bottom-left-radius: 0px;
                border-top-left-radius: 0px;
                color: rgba(255, 255, 255, 0.6);
                font-size: 24px;
                padding: 0px;
                font-family: "Poppins", sans-serif;
                outline: none !important;
                box-shadow: none !important;
                cursor: pointer;
            }

                .search_boxs .input-group .input-group-append button i {
                    cursor: pointer;
                }

input[type=text] {
    -webkit-appearance: none;
    outline: none;
}

.open .search_boxs {
    top: 0px;
}

    .open .search_boxs:before {
        animation: menu-animation 0.8s ease-out forwards;
        height: 100%;
    }

    .open .search_boxs .close_icon {
        transition-delay: 0.75s;
        opacity: 1;
    }

    .open .search_boxs .input-group {
        width: 100%;
        opacity: 1;
    }

/* Css keyframes css
============================================================================================ */
@-webkit-keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0px);
        transform: scale(0.02) translateY(0px);
    }

    61% {
        -webkit-transform: scale(0.04);
        transform: scale(0.04);
    }

    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04) translateY(300%);
        transform: scale(0.04) translateY(300%);
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }

    40% {
        -webkit-transform: scale(0.04) translateY(0);
        transform: scale(0.04) translateY(0);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(0.02) translateY(0px);
        transform: scale(0.02) translateY(0px);
    }

    61% {
        -webkit-transform: scale(0.04);
        transform: scale(0.04);
    }

    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}
/* End Css keyframes css
============================================================================================ */
/*====================================================*/
/*====================================================*/
.ms-section.section_1 {
    background-image: linear-gradient(40deg, rgb(103, 18, 168) 0%, rgb(95, 40, 251) 100%);
}

.ms-section.section_2 {
    background-image: linear-gradient(40deg, rgb(103, 18, 168) 0%, rgb(95, 40, 251) 100%);
}

.ms-section.section_4 {
    background-image: linear-gradient(40deg, rgb(103, 18, 168) 0%, rgb(95, 40, 251) 100%);
}

.ms-section.section_6 {
    background-image: linear-gradient(40deg, rgb(103, 18, 168) 0%, rgb(95, 40, 251) 100%);
}

.ms-section.section_8 {
    position: relative;
}

    .ms-section.section_8 .split_banner {
        background: url("../img/new/home-split/mobile_bg.jpg") no-repeat center top;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.height {
    height: 100%;
}

.split_banner,
.split_banner_content {
    display: flex;
    align-items: center;
    position: relative;
}

.square {
    width: 50px;
    height: 50px;
}

    .square.one {
        top: 200px;
        left: 50px;
        animation: spin2 2s infinite alternate;
    }

    .square.two {
        top: 220px;
        left: 70px;
        animation: spin2 2.5s infinite alternate;
    }

    .square.three {
        height: 102px;
        width: 102px;
        top: auto;
        left: 20px;
        bottom: -10%;
        animation: spin1 3s infinite alternate;
    }

    .square.four {
        bottom: 43%;
        left: 80px;
        animation: spin2 2s infinite alternate;
    }

.intro {
    width: 70%;
    margin-left: auto;
    margin-right: 100px;
    position: relative;
}

.split_slider_content {
    color: #fff;
    padding: 70px 0px 70px 120px;
    position: relative;
    z-index: 0;
}

    .split_slider_content .br_shap {
        position: absolute;
        left: 0;
        top: 0;
        width: 330px;
        border: 10px solid #8429c9;
        height: 100%;
        z-index: -1;
    }

    .split_slider_content h2 {
        font-size: 50px;
        line-height: 66px;
        font-weight: 700;
        margin-bottom: 20px;
        position: relative;
        z-index: 0;
        transform: translateX(-100%);
        transition: all 1s linear;
        color: #fff;
    }

        .split_slider_content h2:before {
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: #fff;
            opacity: 0.8;
            position: absolute;
            z-index: 0;
            transition: all 1s linear;
        }

    .split_slider_content p {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 45px;
        transform: translateY(10px);
        opacity: 0;
        color: #fff;
    }

    .split_slider_content .btn_get {
        border: 1px solid #fff;
        border-radius: 3px;
        color: #fff;
        padding: 3px 33px;
        font-size: 15px;
        box-shadow: none;
        transform: translateY(10px);
        opacity: 0;
    }

        .split_slider_content .btn_get:hover {
            background: #fff;
            color: #5f28fb;
        }

    .split_slider_content .content {
        overflow: hidden;
    }

.spliet_slider_img .phone_one {
    position: absolute;
    top: -23%;
    z-index: 0;
    left: 111px;
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-name: animateUpDown;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.spliet_slider_img .phone_two {
    position: relative;
    left: 40px;
    top: 112px;
    animation-timing-function: cubic-bezier(0.54, 0.085, 0.5, 0.92);
    animation-name: animateUpDown;
    animation-duration: 3.3s;
    animation-iteration-count: infinite;
}

.border_shap {
    position: absolute;
    width: 400px;
    height: 700px;
    background: rgba(255, 255, 255, 0.05);
    top: 0;
    left: 100px;
    transform: translateY(-100%);
    transition: all 0.4s linear;
    opacity: 0;
    visibility: hidden;
}

    .border_shap.two {
        left: 36%;
        top: -20%;
    }

.square {
    position: absolute;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.05);
}

.active .border_shap {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: 1.5s ease-in-out;
}

    .active .border_shap.two {
        transition: transform 2.5s linear;
    }

.active .split_slider_content h2 {
    transform: translateX(0);
    transition: all 1.5s linear;
}

    .active .split_slider_content h2:before {
        right: 0;
        left: auto;
        width: 0;
        transition: all 2s linear;
    }

.active .split_slider_content p {
    transform: translateY(0);
    opacity: 1;
    transition: transform 1s 1.5s linear, opacity 1s 1.5s linear;
}

.active .split_slider_content .btn_get {
    transform: translateY(0);
    transition: transform 1s 1.8s linear, opacity 1s 1.7s linear, background 0.2s linear;
    opacity: 1;
}

.split_app_content h2 {
    margin-bottom: 38px;
}

.split_app_content p {
    font-size: 18px;
    line-height: 30px;
    color: #7e86a1;
    margin-bottom: 0;
}

.split_app_content .btn_three {
    font-size: 15px;
    padding: 15px 33px;
}

.split_app_content .s_app_btn {
    background: #5f28fb;
    border-color: #5f28fb;
    align-items: center;
    display: inline-flex;
}

    .split_app_content .s_app_btn i {
        margin-right: 10px;
        font-size: 22px;
    }

    .split_app_content .s_app_btn + .s_app_btn {
        background: transparent;
        color: #5f28fb;
        margin-left: 16px;
    }

        .split_app_content .s_app_btn + .s_app_btn:hover {
            background: #5f28fb;
            color: #fff;
        }

    .split_app_content .s_app_btn:hover {
        background: transparent;
        color: #5f28fb;
    }

.split_title {
    font-size: 40px;
    line-height: 50px;
    color: #051441;
    font-weight: 700;
    font-family: "Poppins", sans-serif;
}

    .split_title span {
        font-weight: 400;
    }

.web_skill_content {
    max-width: 540px;
}

    .web_skill_content .split_title {
        margin-bottom: 45px;
    }

    .web_skill_content .skillbar-bg {
        width: 100%;
        height: 5px;
        background: #e7e9f0;
        position: relative;
    }

        .web_skill_content .skillbar-bg .custom-skillbar {
            background: #7a4cfa;
            height: 100%;
            position: absolute;
            left: 0;
            width: 0;
        }

    .web_skill_content .custom-skillbar-title {
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        font-weight: 500;
        color: #051441;
        padding-bottom: 8px;
    }

    .web_skill_content .skillbar-box {
        padding-left: 0px;
        list-style: none;
        margin-bottom: 0;
    }

        .web_skill_content .skillbar-box li {
            margin-bottom: 25px;
        }

            .web_skill_content .skillbar-box li:nth-child(1) .custom-skillbar-title .skill-bar-percent {
                color: #7a4cfa;
            }

            .web_skill_content .skillbar-box li:nth-child(1) .skillbar-bg .custom-skillbar {
                background: #7a4cfa;
            }

            .web_skill_content .skillbar-box li:nth-child(2) .custom-skillbar-title .skill-bar-percent {
                color: #00d8e6;
            }

            .web_skill_content .skillbar-box li:nth-child(2) .skillbar-bg .custom-skillbar {
                background: #00d8e6;
            }

            .web_skill_content .skillbar-box li:nth-child(3) .custom-skillbar-title .skill-bar-percent {
                color: #e6c300;
            }

            .web_skill_content .skillbar-box li:nth-child(3) .skillbar-bg .custom-skillbar {
                background: #e6c300;
            }

    .web_skill_content .btn_three {
        margin-top: 35px;
        background: transparent;
        color: #017dac;
    }

        .web_skill_content .btn_three:hover {
            background: #7a4cfa;
            color: #fff;
        }

.split_banner .contact_bg {
    position: absolute;
    top: 0;
    background: url("../img/new/home-split/contact.png");
    width: 100%;
    height: 100%;
    background-size: cover;
}

.split_banner .app_img {
    margin-left: 118px;
}

.split_content .contact_form_box {
    padding-top: 45px;
}

    .split_content .contact_form_box .text_box input[type=text],
    .split_content .contact_form_box .text_box textarea,
    .split_content .contact_form_box .text_box input[type=password] {
        background: #f7f8fb;
        box-shadow: none;
        transition: all 0.2s linear;
    }

        .split_content .contact_form_box .text_box input[type=text]:focus,
        .split_content .contact_form_box .text_box textarea:focus,
        .split_content .contact_form_box .text_box input[type=password]:focus {
            box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
            background: #fff;
            border-color: rgba(95, 40, 251, 0.4);
        }

    .split_content .contact_form_box .text_box {
        margin-bottom: 20px;
    }

#multiscroll-nav ul li a span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #e6e7ec;
    border: 0px;
    transition: all 0.2s linear;
}

#multiscroll-nav ul li a.active span {
    background: #5f28fb;
    transition: all 0.2s linear;
}

#multiscroll-nav.white ul li a span {
    background: #8051f1;
}

#multiscroll-nav.white ul li a.active span {
    background: #fff;
}

/*====================================================*/
/*====================================================*/
/*============ hosting_menu css =============*/
.hosting_menu.menu_four .btn_get {
    background: transparent;
    border-color: #818198;
    color: #fff;
    line-height: 42px;
}

    .hosting_menu.menu_four .btn_get:hover {
        background: #f8636b;
        border-color: #f8636b;
    }

.hosting_menu.menu_four .w_menu > .nav-item > .nav-link:before {
    display: none;
}

.hosting_menu.menu_four .w_menu > .nav-item:hover > .nav-link, .hosting_menu.menu_four .w_menu > .nav-item.active > .nav-link {
    color: #f8636b;
}

.hosting_menu.menu_four .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .hosting_menu.menu_four .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .hosting_menu.menu_four .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
    color: #f8636b;
}

.hosting_menu.menu_four .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
    color: #f8636b;
}

.navbar_fixed .hosting_menu.menu_four .btn_get {
    background: #f8636b;
    border-color: #f8636b;
    color: #fff;
}

    .navbar_fixed .hosting_menu.menu_four .btn_get:hover {
        background: #f8636b;
        border-color: #f8636b;
    }

/*============ hosting_menu css =============*/
/*============ erp_menu css =============*/
.erp_menu .er_btn {
    margin-left: 0;
    margin-top: 0;
}

.erp_menu .menu > .nav-item > .nav-link:before {
    display: none;
}

.erp_menu .menu > .nav-item:hover > .nav-link, .erp_menu .menu > .nav-item.active > .nav-link {
    color: #4e78f4;
}

.erp_menu .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .erp_menu .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .erp_menu .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link {
    color: #4e78f4;
}

.erp_menu .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover {
    color: #4e78f4;
}

.erp_menu .search_cart {
    margin-left: 60px;
}

    .erp_menu .search_cart .shpping-cart .num {
        background: #4e78f4;
    }

    .erp_menu .search_cart .shpping-cart .dropdown-menu .cart-single-item:hover .cart-title a {
        color: #4e78f4;
    }

    .erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn {
        background: #4e78f4;
        border-color: #4e78f4;
    }

        .erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn:hover {
            background: transparent;
            color: #4e78f4;
        }

        .erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn {
            color: #4e78f4;
        }

            .erp_menu .search_cart .shpping-cart .dropdown-menu .cart_f .cart-button .get_btn + .get_btn:hover {
                background: #4e78f4;
                color: #fff;
            }

/*============ erp_menu css =============*/
/*================= hosting_banner_area css ==============*/
.hosting_banner_area {
    background: #020230;
    min-height: 650px;
    height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
}

.hosting_content h2 {
    font-size: 50px;
    line-height: 70px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
}

.hosting_content p {
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 50px;
}

.hosting_content .hosting_btn {
    box-shadow: 0px 10px 50px 0px rgba(248, 99, 107, 0.3);
}

    .hosting_content .hosting_btn:hover {
        transform: translateY(-5px);
    }

.b_line li {
    position: absolute;
}

    .b_line li:nth-child(1) {
        bottom: 200px;
        right: 500px;
    }

    .b_line li:nth-child(2) {
        top: 100px;
        left: 135px;
    }

    .b_line li:nth-child(3) {
        top: 85%;
        left: 100px;
    }

    .b_line li:nth-child(4) {
        bottom: 120px;
        right: 750px;
    }

    .b_line li:nth-child(7) {
        top: 50%;
        right: 200px;
    }

    .b_line li:nth-child(6) {
        top: 55%;
        left: 195px;
    }

    .b_line li:nth-child(5) {
        bottom: 150px;
        right: 895px;
    }

    .b_line li:nth-child(8) {
        top: 220px;
        right: 995px;
    }

.hosting_btn {
    background: #5b7921;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    /*padding: 11px 34px;*/
    width: 100%;
    display: block;
    height: 60px;
    line-height: 60px;
    transition:all ease 0.6s;
    /*box-shadow: 0px 10px 50px 0px rgba(248, 99, 107, 0.3);*/
}

    .hosting_btn:hover {
        background: #017dac;
        color: #fff;
        cursor: pointer;
    }

/*================= hosting_banner_area css ==============*/
/*================= domain_search_area css ==============*/
.findnumber_search_area {
    background: #fffafa;
    position: relative;
    z-index: 1;
}

.getintouchhome_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.map_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../Content/Asset/img/hosting/map.png") no-repeat scroll center 0/cover;
    z-index: -1;
}

.findnumber_box_info {
    /*max-width: 1030px;*/
    margin: 0 auto;
    text-align: center;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 50px 80px 0px rgba(0, 11, 40, 0.08);
    padding: 40px;
    border-radius: 5px;
}

    .findnumber_box_info h3 {
        font-size: 30px;
        color: #2c2c51;
        font-weight: 600;
        margin-bottom: 40px;
    }

/*.findnumber_form_inner {
    display: flex;
    justify-content: center;
    border-radius: 8px;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px;
    border-left: 8px solid #017dac;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1);
}
*/
    .findnumber_form_inner input {
        width: 64%;
        border: 0px;
        border-radius: 0px;
        padding: 0px;
        font-size: 20px;
        font-weight: 300;
        padding-left: 40px;
    }

        .findnumber_form_inner input.placeholder {
            color: #9d9db0;
        }

        .findnumber_form_inner input:-moz-placeholder {
            color: #9d9db0;
        }

        .findnumber_form_inner input::-moz-placeholder {
            color: #9d9db0;
        }

        .findnumber_form_inner input::-webkit-input-placeholder {
            color: #9d9db0;
        }

        .findnumber_form_inner input:focus {
            outline: none;
            box-shadow: none;
        }

        .findnumber_form_inner .findnumber_select {
            width: 29%;
            color: #222d39;
            height: 60px;
            border-radius: 4px;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
            border: 1px solid #ccc !important;
            text-align: left;
            padding: 14px;
        }

        .findnumber_form_inner .findnumber_select .selectpickers {
            line-height: 50px !important;
            border: 0px;
            width: 100%;
            padding: 0px;
            text-align: center !important;
            border-left: 1px solid #d8dcea;
            border-radius: 0px;
            font-size: 20px;
            color: #9d9db0;
            font-weight: 300;
            background: transparent;
        }

            .findnumber_form_inner .findnumber_select .selectpickers:after {
                border-bottom: 1px solid #9d9db0;
                border-right: 1px solid #9d9db0;
                right: 35px;
                width: 6px;
                height: 6px;
            }

            .findnumber_form_inner .findnumber_select .selectpickers ul {
                width: 100%;
            }

                .findnumber_form_inner .findnumber_select .selectpickers ul li {
                    color: #9d9db0;
                }

            .findnumber_form_inner .findnumber_select .selectpickers:focus {
                outline: none;
                box-shadow: none;
            }

    .findnumber_form_inner button {
        width: 21%;
        border: 0px;
        padding: 25px 32px;
        text-transform: uppercase;
        cursor: pointer;
        transition: all 0.3s linear;
    }

        .findnumber_form_inner button:before {
            content: "U";
            font-family: eleganticons;
            transform: rotate(-90deg);
            display: inline-block;
            margin-right: 10px;
        }

.domain_price {
    display: inline-flex;
    margin-top: 45px;
}

    .domain_price li {
        margin-left: 50px;
        font-size: 18px;
        font-weight: 500;
        color: #7b7b93;
        width: 200px;
    }
        /*.domain_price li + li {
  margin-left: 50px;
}*/
        .domain_price li span {
            font-weight: 400;
            font-size: 16px;
            margin-left: 8px;
        }

/*================= domain_search_area css ==============*/
.hosting_service_area {
    position: relative;
}

.hosting_title {
    margin-bottom: 70px;
}

    .hosting_title h2 {
        font-size: 30px;
        line-height: 55px;
        font-weight: 600;
        color: #051441;
        margin-bottom: 15px;
    }

    .hosting_title p {
        color: #7b7b93;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .hosting_title .w_color {
        color: #fff;
    }

.hosting_service_item {
    padding: 60px 40px;
    border-top: 6px solid transparent;
    border-radius: 6px;
    transition: all 0.3s linear;
    cursor: pointer;
}

    .hosting_service_item .icon {
        width: 70px;
        height: 60px;
        line-height: 60px;
        border-radius: 6px;
        background: #fff7f7;
        text-align: center;
        margin-bottom: 37px;
    }

    .hosting_service_item p {
        color: #7b7b93;
        margin-bottom: 0;
        font-weight: 400;
    }

    .hosting_service_item:hover {
        border-color: #f6626a;
        background: #fff;
        box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1), 0px -6px 0px 0px rgba(248, 99, 107, 0.004);
    }

.pattern_shap {
    position: absolute;
    width: 125px;
    height: 225px;
    left: 0;
    top: 200px;
}

.pos_service_info .hosting_service_item {
    padding: 45px 40px;
}

    .pos_service_info .hosting_service_item h4:hover {
        color: #5e53fb;
    }

    .pos_service_info .hosting_service_item img {
        margin-bottom: 33px;
    }

    .pos_service_info .hosting_service_item:hover {
        border-color: #5e53fb;
        box-shadow: 0px 50px 100px 0px rgba(5, 1, 64, 0.1), 0px -5px 0px 0px rgba(95, 84, 253, 0.004);
    }

.h_head {
    font-size: 20px;
    font-weight: 600;
    color: #2c2c51;
    margin-bottom: 20px;
    transition: all 0.3s linear;
}

a .h_head:hover {
    color: #f6626a;
}

/*========== hosting_features_area css ========*/
.hosting_features_area {
    padding-bottom: 140px;
}

.h_features_content {
    padding-right: 80px;
}

    .h_features_content .hosting_title {
        margin-bottom: 40px;
    }

        .h_features_content .hosting_title h2 {
            font-weight: 500;
        }

.h_features_item {
    padding-right: 150px;
    display: flex;
    align-items: self-start;
}

    .h_features_item img {
        margin-right: 20px;
    }

    .h_features_item .h_head {
        margin-bottom: 10px;
    }

    .h_features_item p {
        margin-bottom: 0;
        font-weight: 400;
    }

    .h_features_item + .h_features_item {
        margin-top: 35px;
    }

/*========== hosting_features_area css ========*/
/*========== h_action_area css ========*/
.h_action_area {
    background: #020230;
    padding: 80px 0px;
}

.h_action_content h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    line-height: 54px;
    margin-bottom: 32px;
}

.h_action_content p {
    color: #b4b4d3;
    margin-bottom: 42px;
}
/*========== h_action_area css ========*/
/*========== h_blog_area css ========*/
.h_blog_item {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 30px 50px 0px rgba(64, 1, 4, 0.06);
    transition: all 0.2s linear;
}

    .h_blog_item img {
        width: 100%;
    }

    .h_blog_item .h_blog_content {
        padding: 25px 40px 30px;
    }

        .h_blog_item .h_blog_content h3 {
            font-size: 24px;
            line-height: 34px;
            font-weight: 500;
            color: #2c2c51;
            transition: color 0.2s linear;
        }

            .h_blog_item .h_blog_content h3:hover {
                color: #f8636b;
            }

        .h_blog_item .h_blog_content .post_time {
            font-size: 14px;
            color: #7b7b93;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 10px;
            display: inline-block;
        }

            .h_blog_item .h_blog_content .post_time i {
                color: #f8636b;
                margin-right: 5px;
            }

        .h_blog_item .h_blog_content .post-info-bottom {
            display: flex;
            justify-content: space-between;
            padding-top: 15px;
        }

            .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two {
                margin-top: 0;
                font-size: 14px;
                line-height: 16px;
                color: #7b7b93;
                text-transform: uppercase;
                font-weight: 500;
                position: relative;
            }

                .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:before {
                    content: "";
                    height: 1px;
                    background: #f8636b;
                    position: absolute;
                    bottom: 0px;
                    width: 0;
                    transition: width 0.2s linear;
                }

                .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover {
                    color: #f8636b;
                }

                    .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover:before {
                        width: 100%;
                    }

                    .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover i {
                        padding-left: 5px;
                    }

                .h_blog_item .h_blog_content .post-info-bottom .learn_btn_two i {
                    vertical-align: inherit;
                    padding-left: 0;
                    transition: all 0.2s linear;
                }

            .h_blog_item .h_blog_content .post-info-bottom .post-info-comments {
                color: #7b7b93;
                text-transform: uppercase;
                font-weight: 500;
                font-size: 14px;
                line-height: 16px;
            }

                .h_blog_item .h_blog_content .post-info-bottom .post-info-comments i {
                    color: #f8636b;
                    padding-right: 3px;
                }

    .h_blog_item:hover {
        box-shadow: 0px 30px 50px 0px rgba(64, 1, 4, 0.08);
    }

.pos_blog_item {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 30px 50px 0px rgba(5, 1, 64, 0.06);
}

    .pos_blog_item .h_blog_content {
        padding-left: 35px;
        padding-right: 35px;
    }

        .pos_blog_item .h_blog_content .post_time i {
            color: #5f54fd;
        }

        .pos_blog_item .h_blog_content h3 {
            font-size: 20px;
            line-height: 30px;
        }

            .pos_blog_item .h_blog_content h3:hover {
                color: #5f54fd;
            }

        .pos_blog_item .h_blog_content .post-info-bottom .learn_btn_two:before {
            background: #5f54fd;
        }

        .pos_blog_item .h_blog_content .post-info-bottom .learn_btn_two:hover {
            color: #5f54fd;
        }

        .pos_blog_item .h_blog_content .post-info-bottom .post-info-comments i {
            color: #5f54fd;
        }

    .pos_blog_item:hover {
        box-shadow: 0px 30px 50px 0px rgba(5, 1, 64, 0.08);
    }

/*========== h_blog_area css ========*/
.h_action_promo_area {
    background: #f8636b;
    position: relative;
    padding: 130px 0px;
    z-index: 1;
}

    .h_action_promo_area .overlay_bg {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        z-index: -1;
        opacity: 0.1;
    }

    .h_action_promo_area .hosting_btn {
        background: #fff;
        color: #f8636b;
        box-shadow: 0px 20px 30px 0px rgba(57, 35, 125, 0.1);
        border-radius: 2px;
        padding: 16px 34px;
        margin-top: 10px;
        text-align: center;
    }

        .h_action_promo_area .hosting_btn:hover {
            box-shadow: none;
        }

.h_promo_content h2 {
    margin-bottom: 0;
    margin-bottom: 10px;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}

.h_promo_content p {
    margin-bottom: 0;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

/*=========== h_map_area ==========*/
.h_map_area {
    background: #fffafa;
    padding-top: 160px;
}

    .h_map_area .hosting_title {
        margin-bottom: 0;
    }

.h_map {
    background: url("../Content/Asset/img/hosting/region_map.png") no-repeat scroll center top;
    height: 595px;
}

    .h_map ul {
        height: 100%;
        margin-bottom: 0;
        position: relative;
    }

        .h_map ul li {
            display: block;
            position: absolute;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .h_map ul li .place_name {
                font-size: 12px;
                font-weight: 500;
                line-height: 25px;
                color: #fff;
                border-radius: 45px;
                background: #017dac;
                padding: 0px 12px;
                text-transform: uppercase;
                position: absolute;
                top: -100%;
                width: max-content;
                box-shadow: 0px 20px 30px 0px rgba(214, 43, 51, 0.2);
            }

                .h_map ul li .place_name:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 6px 5px 0 5px;
                    border-color: #017dac transparent transparent transparent;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%);
                    bottom: -5px;
                }

            .h_map ul li .round {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background: #f8636b;
                position: relative;
            }

                .h_map ul li .round:before, .h_map ul li .round:after {
                    content: "";
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    border-radius: 50%;
                    background: #f8636b;
                }

                .h_map ul li .round:before {
                    transform: scale(2.6);
                    opacity: 0.4;
                }

                .h_map ul li .round:after {
                    transform: scale(5);
                    opacity: 0.2;
                }

                .h_map ul li .round .dot {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    width: 16px;
                    height: 16px;
                    border-radius: 50%;
                    background: rgba(247, 98, 106, 0.35);
                    -webkit-animation: pulsate 3s infinite;
                    animation: pulsate 3s infinite;
                    -webkit-animation-delay: 1.5s;
                    transform: translate(-50%, -50%);
                    animation-delay: 1.5s;
                    will-change: transform;
                }

            .h_map ul li:nth-child(1) {
                top: 80px;
                left: 100px;
            }

            .h_map ul li:nth-child(2) {
                top: 220px;
                left: 250px;
            }

            .h_map ul li:nth-child(3) {
                top: 180px;
                left: 50%;
            }

            .h_map ul li:nth-child(4) {
                top: 250px;
                left: 70%;
            }

            .h_map ul li:nth-child(5) {
                top: 100px;
                left: 80%;
            }

            .h_map ul li:nth-child(6) {
                top: 70%;
                left: 350px;
            }

            .h_map ul li:nth-child(7) {
                top: 60%;
                left: 54%;
            }

            .h_map ul li:nth-child(8) {
                top: 75%;
                left: 85%;
            }

.h_footer_dark {
    background: #010e28;
    padding: 100px 0px 120px;
}

    .h_footer_dark .company_widget p {
        font-size: 16px;
        font-weight: 400;
        margin-top: 32px;
        margin-bottom: 0;
    }

    .h_footer_dark .company_widget .f_social_icon {
        margin-top: 50px;
    }

        .h_footer_dark .company_widget .f_social_icon a {
            background: transparent;
            font-size: 14px;
            color: #7b7b93;
            border: 1px solid #2c3445;
        }

            .h_footer_dark .company_widget .f_social_icon a:hover {
                background: #f8636b;
                color: #fff;
                border-color: #f8636b;
            }

    .h_footer_dark .f_widget.about-widget .f_list li a, .h_footer_dark .f_widget.company_widget p {
        color: #7b7b93;
        font-weight: 400;
    }

    .h_footer_dark .f_widget.about-widget .f_list li {
        margin-bottom: 10px;
    }

        .h_footer_dark .f_widget.about-widget .f_list li a:before {
            background: #f8636b;
        }

        .h_footer_dark .f_widget.about-widget .f_list li a:hover {
            color: #f8636b;
        }

.h_footer_dark_two .company_widget .f_social_icon a:hover {
    background: #4f79f6;
    border-color: #4f79f6;
}

.h_footer_dark_two .f_widget.about-widget .f_list li a:before {
    display: none;
}

.h_footer_dark_two .f_widget.about-widget .f_list li a:hover {
    color: #4f79f6;
}

.pos_footer_area {
    background: #413c85;
    padding-bottom: 0;
    padding-top: 120px;
    position: relative;
    z-index: 0;
}

    .pos_footer_area .leaf_left, .pos_footer_area .leaf_right {
        position: absolute;
        bottom: 0;
    }

    .pos_footer_area .leaf_left {
        left: 0;
    }

    .pos_footer_area .leaf_right {
        right: 0;
    }

    .pos_footer_area .top_shap {
        position: absolute;
        bottom: 100%;
        height: 100%;
        left: 0;
        width: 100%;
        align-items: flex-end;
        display: flex;
        z-index: -1;
    }

    .pos_footer_area:before {
        content: "";
        width: 100%;
        height: 40px;
        background: #49458c;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .pos_footer_area:after {
        content: "";
        width: 100%;
        height: 100%;
        background: url(../img/pos/wave_two.png) no-repeat scroll center bottom;
        position: absolute;
        left: 0;
        top: -100%;
        z-index: -1;
    }

    .pos_footer_area .f_widget.company_widget p {
        color: #bab5df;
    }

    .pos_footer_area .f_widget.company_widget .f_social_icon a {
        color: #bab5df;
        border-color: #6e679b;
    }

        .pos_footer_area .f_widget.company_widget .f_social_icon a:hover {
            background: #fff;
            border-color: #fff;
            color: #5f54fd;
        }

    .pos_footer_area .f_widget.about-widget .f_list li a {
        color: #bab5df;
    }

        .pos_footer_area .f_widget.about-widget .f_list li a:before {
            background: #fff;
        }

        .pos_footer_area .f_widget.about-widget .f_list li a:hover {
            color: #fff;
        }

.pos_footer_bottom {
    padding-top: 80px;
    padding-bottom: 30px;
}

    .pos_footer_bottom .pos_women {
        position: relative;
        bottom: -12px;
    }

.wave_shap {
    width: 100%;
    position: absolute;
    height: 212px;
    bottom: 0;
    z-index: -1;
}

/*============== erp_banner_area_two css =============*/
.erp_banner_area_two {
    background: #f9f9fe;
    position: relative;
    z-index: 0;
}

    .erp_banner_area_two + section {
        position: relative;
        z-index: 1;
    }

    .erp_banner_area_two .animation_img {
        margin-top: -380px;
    }

    .erp_banner_area_two .cloud_animation {
        margin-bottom: 0;
    }

        .erp_banner_area_two .cloud_animation li {
            position: absolute;
        }

            .erp_banner_area_two .cloud_animation li:nth-child(1) {
                top: 220px;
                left: 170px;
                animation: jurk 4s 5s linear infinite alternate;
            }

            .erp_banner_area_two .cloud_animation li:nth-child(2) {
                top: 420px;
                left: 370px;
                animation: jurk 4s 2s linear infinite alternate;
            }

            .erp_banner_area_two .cloud_animation li:nth-child(3) {
                left: 120px;
                top: 50%;
                animation: jurk 3s 3s linear infinite alternate;
            }

            .erp_banner_area_two .cloud_animation li:nth-child(6) {
                top: 220px;
                right: 170px;
                animation: jurk 5s 3s linear infinite alternate;
            }

            .erp_banner_area_two .cloud_animation li:nth-child(4) {
                top: 500px;
                right: 280px;
                animation: jurk 4s 2s linear infinite alternate;
            }

            .erp_banner_area_two .cloud_animation li:nth-child(5) {
                right: 120px;
                top: 380px;
                animation: jurk 8s 2s linear infinite alternate;
            }

    .erp_banner_area_two .erp_shap {
        content: "";
        display: block;
        position: absolute;
        top: calc(100% - 190px);
        background-color: white;
        min-height: 390px;
        width: 2000px;
        left: -77px;
        -webkit-transform: rotate(-6deg);
        -webkit-transform-origin: 0 0 0;
        -moz-transform: rotate(-6deg);
        -moz-transform-origin: 0 0 0;
        -o-transform: rotate(-6deg);
        -o-transform-origin: 0 0 0;
        -ms-transform: rotate(-6deg);
        -ms-transform-origin: 0 0 0;
        transform: rotate(-6deg);
        z-index: -1;
    }

    .erp_banner_area_two .erp_shap_two {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -2;
    }

    .erp_banner_area_two .animation_img img {
        box-shadow: 0px 40px 100px 0px rgba(1, 1, 64, 0.08);
    }

    .erp_banner_area_two .section_container .intro_content h1 {
        font-size: 50px;
        line-height: 64px;
        color: #2c2c51;
        font-weight: 600;
    }

    .erp_banner_area_two .section_container .intro_content p {
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 40px;
    }

    .erp_banner_area_two .section_container .intro_content .er_btn {
        padding: 10px 37px;
        margin-top: 0;
    }

@keyframes cloud {
    0% {
        left: 14%;
        top: 200px;
        opacity: 0;
    }

    20% {
        left: 44%;
        top: 100px;
        opacity: 1;
    }

    40% {
        left: 65%;
        top: 50px;
        opacity: 1;
    }

    60% {
        left: 80%;
        top: 130px;
        opacity: 1;
    }

    80% {
        left: 90%;
        top: 180px;
        opacity: 0.5;
    }

    100% {
        left: 100%;
        top: 230px;
        opacity: 0;
    }
}

@keyframes animateCloud {
    0% {
        left: -20%;
        opacity: 1;
    }

    100% {
        left: 100%;
        opacity: 1;
    }
}

@keyframes jurk {
    0% {
        transform: translate3d(-10px, -10px, 0);
        opacity: 1;
    }

    50% {
        transform: translate3d(-20px, 20px, 0);
        opacity: 1;
    }

    100% {
        transform: translate3d(30px, 0px, 0);
        opacity: 1;
    }
}
/*============== erp_banner_area_two css =============*/
/*============== erp_service_area css =============*/
.erp_service_area {
    padding-top: 120px;
}

    .erp_service_area .row {
        margin-bottom: -100px;
    }

.erp_title h2 {
    font-size: 34px;
}

    .erp_title h2 span {
        color: #ff0000;
    }

.erp_service_item {
    margin-bottom: 100px;
}

    .erp_service_item img {
        margin-bottom: 35px;
    }

    .erp_service_item .h_head:hover {
        color: #4e78f4;
    }

    .erp_service_item p {
        font-weight: 400;
        margin-bottom: 0;
    }

/*============== erp_service_area css =============*/
.erp_action_area {
    background: #4e78f4;
    padding: 58px 0px;
}

.erp_content h2 {
    color: #fff;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0.25px;
    font-weight: 300;
}

    .erp_content h2 strong {
        font-weight: 700;
    }

.h_price_inner {
    max-width: 970px;
    margin: 0 auto;
    border: 2px solid #f7f0f0;
}

.hosting_tab {
    display: flex;
}

    .hosting_tab .nav-item {
        width: 33.3333333333%;
    }

        .hosting_tab .nav-item .nav-link {
            text-align: center;
            font-size: 16px;
            font-weight: 500;
            color: #7b7b93;
            background: #faf7f8;
            border-radius: 0px;
            border: 0px;
            line-height: 64px;
            border-left: 2px solid #f7f0f0;
            border-bottom: 2px solid #f7f0f0;
            cursor: pointer;
        }

            .hosting_tab .nav-item .nav-link.active {
                background: #fff;
                border-bottom-color: #fff;
            }

        .hosting_tab .nav-item:first-child .nav-link {
            border-left: 0px;
        }

.h_price_tab p {
    font-size: 16px;
    color: #7b7b93;
    padding: 50px;
    font-weight: 400;
    margin-bottom: 0;
}

.h_price_body .price_head {
    display: table;
    width: 100%;
    background: #5b7921;
    height: 50px;
    padding-right: 50px;
    border-top: 1px solid #5b7921;
}

    .h_price_body .price_head .p_head {
        width: 16.6666666667%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }

        .h_price_body .price_head .p_head h5 {
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            margin-bottom: 0;
            text-transform: uppercase;
        }

.h_price_body .h_p_list {
    display: table;
    width: 100%;
    padding-right: 50px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #f7f0f0;
    transition: all 0.2s linear;
    cursor: pointer;
}

    .h_price_body .h_p_list .h_price_item {
        width: 16.6666666667%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }

        .h_price_body .h_p_list .h_price_item h5 {
            margin-bottom: 0;
            font-size: 16px;
            color: #7b7b93;
            font-weight: 400;
        }

            .h_price_body .h_p_list .h_price_item h5 span {
                font-weight: 600;
                display: block;
            }

        .h_price_body .h_p_list .h_price_item.memory h5 {
            font-weight: 600;
        }

        .h_price_body .h_p_list .h_price_item .h_price_btn {
            border: 1px solid #f8c0c3;
            font-size: 14px;
            font-weight: 500;
            color: #f8636b;
            border-radius: 4px;
            padding: 11px 20px;
            transition: all 0.3s linear;
            display: inline-block;
        }

            .h_price_body .h_p_list .h_price_item .h_price_btn:hover {
                background: #f8636b;
                border-color: #f8636b;
                color: #fff;
            }

    .h_price_body .h_p_list:hover {
        background: #fdfafa;
    }

/*=========== erp_features_area css =============*/
.erp_item_features + .erp_item_features {
    margin-top: 200px;
}

.erp_features_img_two {
    position: relative;
    padding-top: 50px;
}

    .erp_features_img_two .img_icon {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        color: #fff;
        line-height: 112px;
        font-size: 24px;
        text-align: center;
        position: absolute;
        top: 0px;
        right: -55px;
        z-index: 1;
    }

        .erp_features_img_two .img_icon .pluse_1, .erp_features_img_two .img_icon .pluse_2 {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            border-radius: 50%;
            z-index: -1;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: rgba(243, 186, 14, 0.102);
        }

            .erp_features_img_two .img_icon .pluse_1:before, .erp_features_img_two .img_icon .pluse_1:after, .erp_features_img_two .img_icon .pluse_2:before, .erp_features_img_two .img_icon .pluse_2:after {
                content: "";
                position: absolute;
                background: rgba(243, 186, 14, 0.13);
                border-radius: 50%;
                left: 50%;
                top: 50%;
                margin-left: -40px;
                margin-top: -40px;
            }

            .erp_features_img_two .img_icon .pluse_1:before, .erp_features_img_two .img_icon .pluse_2:before {
                width: 80px;
                height: 80px;
            }

            .erp_features_img_two .img_icon .pluse_1:after, .erp_features_img_two .img_icon .pluse_2:after {
                width: 60px;
                height: 60px;
                background: rgb(243, 186, 14);
                margin-left: -30px;
                margin-top: -30px;
            }

        .erp_features_img_two .img_icon.red .pluse_1, .erp_features_img_two .img_icon.red .pluse_2 {
            background: rgba(249, 62, 94, 0.102);
        }

            .erp_features_img_two .img_icon.red .pluse_1:before, .erp_features_img_two .img_icon.red .pluse_1:after, .erp_features_img_two .img_icon.red .pluse_2:before, .erp_features_img_two .img_icon.red .pluse_2:after {
                background: rgba(249, 62, 94, 0.13);
            }

            .erp_features_img_two .img_icon.red .pluse_1:after, .erp_features_img_two .img_icon.red .pluse_2:after {
                background: rgb(249, 62, 94);
            }

        .erp_features_img_two .img_icon.green .pluse_1, .erp_features_img_two .img_icon.green .pluse_2 {
            background: rgba(112, 215, 21, 0.102);
        }

            .erp_features_img_two .img_icon.green .pluse_1:before, .erp_features_img_two .img_icon.green .pluse_1:after, .erp_features_img_two .img_icon.green .pluse_2:before, .erp_features_img_two .img_icon.green .pluse_2:after {
                background: rgba(112, 215, 21, 0.13);
            }

            .erp_features_img_two .img_icon.green .pluse_1:after, .erp_features_img_two .img_icon.green .pluse_2:after {
                background: rgb(112, 215, 21);
            }

        .erp_features_img_two .img_icon .pluse_1 {
            animation: pulsates 3s infinite linear;
        }

        .erp_features_img_two .img_icon .pluse_2 {
            background: transparent !important;
        }

            .erp_features_img_two .img_icon .pluse_2:before {
                animation: pulsates 3s infinite linear;
                animation-delay: 1s;
                margin-left: 0;
                margin-top: 0;
            }

    .erp_features_img_two img {
        box-shadow: 0px 25px 100px 0px rgba(1, 1, 64, 0.1);
    }

@keyframes pulsates {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.3);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(2);
    }
}

.erp_content_two {
    padding-left: 120px;
}

    .erp_content_two .erp_title {
        margin-bottom: 40px;
    }

        .erp_content_two .erp_title h2 {
            line-height: 44px;
            margin-bottom: 20px;
        }

    .erp_content_two .erp_item {
        align-items: center;
        margin-top: 28px;
    }

        .erp_content_two .erp_item .icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background-color: rgb(249, 62, 94);
            box-shadow: 0px 20px 30px 0px rgba(172, 20, 46, 0.24);
            text-align: center;
            font-size: 20px;
            line-height: 52px;
            color: #fff;
            margin-right: 20px;
        }

            .erp_content_two .erp_item .icon.green {
                background: #70d715;
                box-shadow: 0px 20px 30px 0px rgba(91, 171, 21, 0.24);
            }

            .erp_content_two .erp_item .icon.blue {
                background: #3e89f9;
                box-shadow: 0px 20px 30px 0px rgba(21, 81, 171, 0.24);
            }

            .erp_content_two .erp_item .icon.yellow {
                box-shadow: 0px 20px 30px 0px rgba(171, 133, 21, 0.24);
                background: #f3ba0e;
            }

            .erp_content_two .erp_item .icon.purple {
                box-shadow: 0px 20px 30px 0px rgba(138, 21, 171, 0.24);
                background: #d02cff;
            }

            .erp_content_two .erp_item .icon.green_two {
                box-shadow: 0px 20px 30px 0px rgba(21, 168, 171, 0.24);
                background: #17d2d4;
            }

        .erp_content_two .erp_item .media-body h5 {
            margin-bottom: 0;
            font-size: 18px;
            line-height: 22px;
            color: #2c2c51;
        }

    .erp_content_two .erp_btn_learn {
        font-size: 16px;
        line-height: 20px;
        color: #4e78f4;
        font-weight: 500;
        display: inline-block;
        margin-top: 40px;
    }

        .erp_content_two .erp_btn_learn i {
            vertical-align: middle;
            padding-left: 8px;
        }

.flex-row-reverse .erp_features_img_two .img_icon {
    left: -53px;
    right: auto;
}

.flex-row-reverse .erp_content_two {
    padding-right: 125px;
    padding-left: 0;
}

/*=========== erp_analytics_area css ============*/
.erp_analytics_area {
    background: url("../img/erp-home/background.png") no-repeat scroll center 0/cover;
    padding: 100px 0px 220px;
}

.erp_analytics_item {
    padding: 0px 50px;
}

    .erp_analytics_item p {
        font-size: 22px;
        color: #2c2c51;
        font-weight: 500;
        margin-bottom: 0;
        margin-top: 25px;
    }

.erp_testimonial_area {
    position: relative;
    z-index: 2;
}

    .erp_testimonial_area .row {
        margin-right: -25px;
        margin-left: -25px;
    }

.er_btn {
    border: 2px solid #c8d4fa;
    font-size: 16px;
    font-weight: 500;
    color: #4e78f4;
    font-family: "Poppins", sans-serif;
    border-radius: 45px;
    line-height: 26px;
    padding: 8px 27px;
    display: inline-block;
    margin-top: 60px;
    transition: all 0.3s linear;
}

    .er_btn:hover {
        background: #4e78f4;
        border-color: #4e78f4;
        box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
        color: #fff;
    }

.erp_testimonial_info {
    position: relative;
}

    .erp_testimonial_info .owl-nav button.owl-prev, .erp_testimonial_info .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: 45px;
        color: #c1c1d4;
        transition: all 0.2s linear;
    }

        .erp_testimonial_info .owl-nav button.owl-prev:hover, .erp_testimonial_info .owl-nav button.owl-next:hover {
            color: #4e78f4;
        }

    .erp_testimonial_info .owl-nav button.owl-prev {
        left: -50px;
    }

    .erp_testimonial_info .owl-nav button.owl-next {
        right: -50px;
    }

.erp_testimonial_item {
    padding: 10px 25px;
}

    .erp_testimonial_item .content {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 40px 0px rgba(1, 1, 64, 0.06);
        padding: 50px;
        position: relative;
    }

        .erp_testimonial_item .content:before {
            content: "";
            width: 14px;
            height: 14px;
            background: #fff;
            transform: rotate(45deg);
            position: absolute;
            bottom: -8px;
            left: 70px;
        }

        .erp_testimonial_item .content p {
            font-weight: 400;
            font-size: 20px;
            color: #7b7b93;
            line-height: 36px;
        }

    .erp_testimonial_item .ratting {
        padding-top: 30px;
    }

        .erp_testimonial_item .ratting a {
            font-size: 15px;
            color: #f5c10d;
        }

    .erp_testimonial_item .media {
        align-items: center;
        margin-top: 30px;
        padding-left: 50px;
    }

        .erp_testimonial_item .media img {
            width: auto;
            border-radius: 50%;
            margin-right: 20px;
        }

        .erp_testimonial_item .media .media-body h5 {
            font-size: 18px;
            font-weight: 500;
            color: #2c2c51;
            margin-bottom: 3px;
        }

            .erp_testimonial_item .media .media-body h5 span {
                color: #7b7b93;
                font-weight: 400;
                font-size: 16px;
            }

        .erp_testimonial_item .media .media-body p {
            margin-bottom: 0;
            color: #7b7b93;
            font-weight: 400;
        }

.erp_call_action_area {
    padding-bottom: 120px;
    padding-top: 50px;
    background: #fafafd;
    position: relative;
    z-index: 1;
}

    .erp_call_action_area:before {
        content: "";
        position: absolute;
        background: url("../img/erp-home/shape.png") no-repeat scroll center bottom/cover;
        width: 100%;
        left: 0;
        height: 100%;
        z-index: -1;
    }

    .erp_call_action_area:after {
        content: "";
        display: block;
        position: absolute;
        z-index: 10;
        top: -80%;
        background-color: #fafafd;
        min-height: 560px;
        width: 2000px;
        -webkit-transform: rotate(-6.8deg);
        -ms-transform: rotate(-6.8deg);
        transform: rotate(-6.8deg);
        left: -1.5%;
        z-index: -2;
    }

.erp_action_content img {
    margin-bottom: 32px;
}

.erp_action_content h3 {
    font-size: 40px;
    font-weight: 600;
    color: #2c2c51;
    line-height: 44px;
    margin-bottom: 18px;
}

.erp_action_content p {
    font-size: 24px;
    color: #7b7b93;
    font-weight: 400;
}

    .erp_action_content p span {
        font-weight: 700;
        color: #4e78f4;
    }

.erp_action_content .er_btn {
    margin-top: 40px;
}

.er_btn_two {
    background: #4e78f4;
    border-color: #4e78f4;
    color: #fff;
    box-shadow: 0px 20px 30px 0px rgba(45, 93, 237, 0.1);
}

    .er_btn_two:hover {
        box-shadow: none;
        border-color: #c8d4fa;
        background: transparent;
        color: #4e78f4;
    }

.erp_customer_logo_area {
    padding-top: 120px;
}

    .erp_customer_logo_area .er_btn {
        margin-top: 140px;
    }

.animation_inner {
    height: 370px;
    position: relative;
}

    .animation_inner li {
        border-radius: 10px;
        box-shadow: 0px 2px 4px 0px rgba(2, 45, 79, 0.1);
        position: absolute;
        transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0);
    }

        .animation_inner li img {
            border-radius: 10px;
        }

        .animation_inner li:nth-child(1) {
            top: 0;
            left: 35px;
            box-shadow: 0px 30px 30px 0px rgba(2, 45, 79, 0.1);
        }

        .animation_inner li:nth-child(2) {
            top: 55px;
            left: 170px;
        }

        .animation_inner li:nth-child(3) {
            top: 130px;
            left: 270px;
        }

        .animation_inner li:nth-child(4) {
            top: 35px;
            left: 410px;
        }

        .animation_inner li:nth-child(5) {
            top: 109px;
            left: 495px;
        }

        .animation_inner li:nth-child(6) {
            top: 40px;
            left: 700px;
        }

        .animation_inner li:nth-child(7) {
            top: 0;
            left: 890px;
        }

        .animation_inner li:nth-child(8) {
            top: 40%;
            left: 35px;
        }

        .animation_inner li:nth-child(9) {
            top: 182px;
            left: 585px;
            box-shadow: 10px 30px 30px 0px rgba(2, 45, 79, 0.15);
        }

        .animation_inner li:nth-child(10) {
            top: 130px;
            left: 780px;
        }

        .animation_inner li:nth-child(11) {
            top: 128px;
            left: 950px;
        }

        .animation_inner li:nth-child(12) {
            top: 85px;
            left: 95%;
        }

        .animation_inner li:nth-child(13) {
            bottom: 0;
            left: -35px;
        }

        .animation_inner li:nth-child(14) {
            bottom: 30px;
            left: 150px;
            box-shadow: 10px 30px 30px 0px rgba(2, 45, 79, 0.15);
        }

        .animation_inner li:nth-child(15) {
            bottom: 20px;
            left: 310px;
        }

        .animation_inner li:nth-child(16) {
            bottom: -25px;
            left: 460px;
        }

        .animation_inner li:nth-child(17) {
            bottom: 35px;
            left: 690px;
        }

        .animation_inner li:nth-child(18) {
            bottom: -30px;
            left: 800px;
        }

        .animation_inner li:nth-child(19) {
            bottom: 45px;
            left: 940px;
        }

        .animation_inner li:nth-child(20) {
            bottom: 0px;
            right: 0;
        }

/*============= pos_banner_area css ===========*/
.pos_banner_area {
    height: 100vh;
    min-height: 650px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.pos_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

    .pos_slider:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #1a1a3a;
        opacity: 0.7;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .pos_slider .owl-stage-outer, .pos_slider .owl-stage, .pos_slider .owl-item {
        height: 100%;
    }

        .pos_slider .owl-stage-outer .pos_banner_item, .pos_slider .owl-stage .pos_banner_item, .pos_slider .owl-item .pos_banner_item {
            background-size: cover !important;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
        }

.pos_banner_text {
    max-width: 820px;
    margin: 0 auto;
}

    .pos_banner_text h6 {
        font-size: 14px;
        line-height: 30px;
        font-family: "Poppins", sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        letter-spacing: 4px;
        margin-bottom: 12px;
    }

    .pos_banner_text h6, .pos_banner_text h2 {
        color: #fff;
    }

    .pos_banner_text h2 {
        font-size: 50px;
        font-weight: 400;
        color: #fff;
    }

        .pos_banner_text h2 span {
            font-weight: 700;
        }

    .pos_banner_text .action_btn {
        margin-top: 40px;
    }

    .pos_banner_text .software_banner_btn {
        border-radius: 6px;
        background: #5f54fd;
        padding: 14px 42px;
        border: 1px solid #5f54fd;
        transition: all 0.2s linear;
    }

        .pos_banner_text .software_banner_btn:hover {
            background: rgba(255, 255, 255, 0.1);
            border-color: #fff;
            color: #fff;
        }

    .pos_banner_text .video_btn .icon {
        box-shadow: none;
        height: 50px;
        width: 50px;
        color: #fff;
        border: 1px solid #fff;
        background: rgba(255, 255, 255, 0.2);
        font-size: 14px;
        line-height: 48px;
        margin-right: 13px;
    }

    .pos_banner_text .video_btn span:before {
        display: none;
    }

/*============= pos_banner_area css ===========*/
.ticket_area {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

    .ticket_area .ticket_shap {
        content: "";
        width: 100%;
        height: 730px;
        position: absolute;
        right: 0;
        top: 0;
        background-position: right, right !important;
        background-repeat: no-repeat !important;
    }

    .ticket_area .pattern {
        position: absolute;
        right: 0;
        top: 0;
        width: 225px;
        height: 125px;
    }

    .ticket_area .container {
        display: flex;
        flex-wrap: wrap;
    }

.ticket_item {
    background: #fff;
    padding: 30px 50px 70px;
    box-shadow: 0px 50px 100px 0px rgba(5, 1, 64, 0.1);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: inline-block;
    width: 28%;
    position: relative;
}

    .ticket_item:before {
        content: "";
        width: 100%;
        height: 10px;
        background: url("../img/pos/shape_bg.png") no-repeat scroll center bottom/cover;
        position: absolute;
        bottom: -10px;
        left: 0;
    }

    .ticket_item:after {
        bottom: 40px;
        content: "";
        position: absolute;
        left: -3px;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(to right, transparent 50%, #c9c9d6 50%);
        background-size: 10px 94%;
    }

    .ticket_item .icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        line-height: 60px;
        text-align: center;
        background: #edfcec;
        margin-bottom: 25px;
    }

        .ticket_item .icon.pink {
            background: #feecfb;
        }

        .ticket_item .icon.yellow {
            background: #fefaec;
        }

    .ticket_item h2 {
        font-size: 44px;
        line-height: 35px;
        font-weight: 600;
        color: #2c2c51;
        text-transform: uppercase;
    }

        .ticket_item h2 span {
            font-weight: 500;
            color: #7b7b93;
            font-size: 18px;
            line-height: 30px;
            display: block;
            padding-top: 10px;
        }

    .ticket_item p {
        margin-bottom: 0;
        margin-top: 25px;
        font-size: 14px;
        line-height: 30px;
        letter-spacing: 4px;
        color: #aaaabb;
        text-transform: uppercase;
        margin-bottom: 0;
        font-weight: 500;
    }

    .ticket_item + .ticket_item {
        margin-left: 8%;
    }

.pos_developer_product_area {
    background: #fafafc;
}

    .pos_developer_product_area .tab_img_info {
        z-index: 1;
    }

        .pos_developer_product_area .tab_img_info .tab_img {
            padding-bottom: 30px;
            overflow: visible;
            margin-left: -50px;
        }

            .pos_developer_product_area .tab_img_info .tab_img img {
                position: relative;
                z-index: 1;
                opacity: 0;
                transform: scale(0.9);
                transition: all 0.9s linear, opacity 0.2s linear;
            }

            .pos_developer_product_area .tab_img_info .tab_img .square {
                height: 100%;
                width: 0px;
                right: 90px;
                top: 0;
                background: #f3f3f9;
                z-index: 0;
                opacity: 0;
                transition: width 0.5s linear;
            }

            .pos_developer_product_area .tab_img_info .tab_img .bg_circle {
                width: 220px;
                background: #f4cfe5;
                height: 220px;
                border-radius: 50%;
                position: absolute;
                bottom: 15px;
                left: 5px;
                z-index: 0;
                transform: scale(0.5);
                opacity: 0;
                transition: all 0.7s linear;
            }

                .pos_developer_product_area .tab_img_info .tab_img .bg_circle.green {
                    background: #c8ede9;
                }

                .pos_developer_product_area .tab_img_info .tab_img .bg_circle.pink {
                    background: #f93e5e;
                }

                .pos_developer_product_area .tab_img_info .tab_img .bg_circle.yellow {
                    background: #f9edcf;
                }

            .pos_developer_product_area .tab_img_info .tab_img .pattern_shap {
                top: auto;
                bottom: -30px;
                left: 100px;
                z-index: -1;
            }

            .pos_developer_product_area .tab_img_info .tab_img.active img {
                transform: scale(1);
                opacity: 1;
            }

            .pos_developer_product_area .tab_img_info .tab_img.active .square {
                opacity: 1;
                width: 350px;
                transform: translateX(0);
            }

            .pos_developer_product_area .tab_img_info .tab_img.active .bg_circle {
                opacity: 1;
                transform: scale(1);
            }

            .pos_developer_product_area .tab_img_info .tab_img .tab_round {
                width: 30px;
                height: 30px;
                border-radius: 50%;
                border: 5px solid #f9edcf;
                position: absolute;
                top: 100px;
                left: -20px;
            }

            .pos_developer_product_area .tab_img_info .tab_img .tab_triangle {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 12.5px 0 12.5px 20px;
                border-color: transparent transparent transparent #c8ede9;
                position: absolute;
                top: -15px;
                left: 170px;
                border-radius: 4px;
            }

    .pos_developer_product_area .developer_product_content {
        padding-right: 0px;
    }

        .pos_developer_product_area .developer_product_content .develor_tab {
            padding-left: 0;
            margin-bottom: 50px;
        }

            .pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link {
                color: #2c2c51;
            }

                .pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link:before {
                    background: #5f54fd;
                }

                .pos_developer_product_area .developer_product_content .develor_tab .nav-item .nav-link.active {
                    color: #5f54fd;
                }

        .pos_developer_product_area .developer_product_content h4 {
            font-size: 30px;
            line-height: 40px;
            color: #2c2c51;
            font-weight: 600;
            margin-bottom: 32px;
        }

        .pos_developer_product_area .developer_product_content p {
            font-size: 16px;
            line-height: 28px;
            color: #7b7b93;
            margin-bottom: 0;
        }

.pos_item + .pos_item {
    margin-top: 150px;
}

.flex-row-reverse .pos_features_content {
    padding-right: 70px;
}

.pos_features_content {
    padding-top: 50px;
}

    .pos_features_content h2 {
        font-size: 34px;
        color: #2c2c51;
        line-height: 44px;
        font-weight: 500;
        margin-bottom: 50px;
    }

    .pos_features_content .h_features_item {
        padding-right: 0;
    }

        .pos_features_content .h_features_item i {
            font-size: 24px;
            color: #bb3efc;
            margin-right: 15px;
        }

            .pos_features_content .h_features_item i.orange {
                color: #fb702b;
            }

            .pos_features_content .h_features_item i.green {
                color: #0ed1ca;
            }

            .pos_features_content .h_features_item i.red {
                color: #f826c0;
            }

            .pos_features_content .h_features_item i.check {
                color: #1ad90b;
            }

        .pos_features_content .h_features_item .h_head {
            font-weight: 500;
        }

        .pos_features_content .h_features_item p {
            color: #7b7b93;
        }

.pos_features_img {
    padding: 40px 0px 80px;
    position: relative;
    text-align: center;
}

    .pos_features_img .shape_img {
        width: 470px;
        background: #e0faf4;
        border-radius: 6px;
        height: 100%;
        position: absolute;
        right: -50px;
        top: 0;
        z-index: -1;
    }

        .pos_features_img .shape_img.yellow {
            background: #fff7e5;
        }

        .pos_features_img .shape_img.blue {
            background: #e5f6ff;
        }

    .pos_features_img .shap_img {
        background: #99edd9;
        border-radius: 6px;
        height: 420px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .pos_features_img .shap_img.yellow {
            background: #ffe3a9;
        }

        .pos_features_img .shap_img.blue {
            background: #a9e2ff;
        }

    .pos_features_img.img_left .shape_img {
        left: -50px;
        right: auto;
    }

.pos_about_area {
    background: #413c85;
    padding-top: 120px;
    display: flex;
}

    .pos_about_area + section {
        padding-top: 200px;
    }

.pos_about_img {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    margin-top: 82px;
    margin-bottom: -140px;
}

.pos_about_list {
    column-count: 3;
    margin-bottom: 65px;
}

    .pos_about_list li {
        font-size: 16px;
        color: #d0cfe6;
        line-height: 28px;
        position: relative;
        padding-left: 40px;
    }

        .pos_about_list li:before {
            content: "N";
            width: 10px;
            height: 10px;
            position: absolute;
            left: 0;
            top: 0;
            color: #1fc61a;
            font-size: 24px;
            font-family: eleganticons;
        }

        .pos_about_list li + li {
            margin-top: 40px;
        }

.pos_subscribe .form-group {
    margin-bottom: 0;
}

    .pos_subscribe .form-group input {
        width: 100%;
        border: 0px;
        height: 60px;
        border-radius: 5px;
        font-size: 16px;
        color: #2c2c51;
        padding-left: 30px;
    }

        .pos_subscribe .form-group input.placeholder {
            color: #bbbbce;
        }

        .pos_subscribe .form-group input:-moz-placeholder {
            color: #bbbbce;
        }

        .pos_subscribe .form-group input::-moz-placeholder {
            color: #bbbbce;
        }

        .pos_subscribe .form-group input::-webkit-input-placeholder {
            color: #bbbbce;
        }

.pos_subscribe .btn_pos {
    background: #5f54fd;
    font-size: 16px;
    font-weight: 500;
    padding: 17px 37px;
    color: #fff;
}

    .pos_subscribe .btn_pos:hover {
        background: #6b61fc;
        color: #fff;
    }

.chat_area {
    padding: 60px 0px 150px;
    position: relative;
    z-index: 1;
}

.chat_content {
    padding-top: 40px;
}

    .chat_content h2 {
        font-size: 34px;
        color: #2c2c51;
        font-weight: 500;
        line-height: 44px;
    }

    .chat_content .pos_btn {
        margin-top: 45px;
    }

.chat_info {
    background: #fafaff;
    border-radius: 6px;
    height: 100%;
    align-items: center;
    padding: 77px 45px;
    border-left: 6px solid #5f54fd;
}

    .chat_info img {
        margin-right: 46px;
    }

    .chat_info .date {
        font-size: 40px;
        font-weight: 700;
        color: #5f54fd;
        padding-bottom: 32px;
    }

        .chat_info .date span {
            font-weight: 400;
        }

    .chat_info h3 {
        font-size: 26px;
        line-height: 36px;
        color: #2c2c51;
        font-weight: 500;
    }

    .chat_info .pos_service_btn {
        margin-top: 32px;
    }

.pos_service_btn {
    font-size: 16px;
    font-weight: 500;
    color: #5f54fd;
    line-height: 18px;
    display: inline-block;
    position: relative;
}

    .pos_service_btn:before {
        content: "";
        width: 0;
        height: 1px;
        background: #5f54fd;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: width 0.3s linear;
    }

    .pos_service_btn i {
        vertical-align: middle;
        padding-left: 10px;
        transition: all 0.2s linear;
    }

    .pos_service_btn:hover {
        color: #5f54fd;
    }

        .pos_service_btn:hover:before {
            width: 100%;
        }

        .pos_service_btn:hover i {
            padding-left: 15px;
        }

.pos_btn {
    font-size: 16px;
    color: #5f54fd;
    font-weight: 500;
    padding: 9px 24px;
    border: 2px solid #aba6f9;
    border-radius: 4px;
    display: inline-block;
    transition: all 0.3s linear;
}

    .pos_btn:hover {
        background: #5f54fd;
        color: #fff;
        border-color: #5f54fd;
        box-shadow: 0px 10px 30px 0px rgba(95, 84, 253, 0.15);
    }

.pos_action_area {
    position: relative;
    z-index: 3;
    margin-bottom: -30px;
}

    .pos_action_area .pos_action_content {
        border-radius: 20px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 30px 80px 0px rgba(5, 1, 64, 0.1), 0px -4px 0px 0px rgba(95, 84, 253, 0.004);
        border-top: 4px solid #017dac;
        padding: 77px 20px;
    }

        .pos_action_area .pos_action_content h2 {
            font-size: 40px;
            color: #2c2c51;
            line-height: 44px;
            font-weight: 600;
            margin-bottom: 15px;
        }

        .pos_action_area .pos_action_content p {
            font-size: 24px;
            line-height: 35px;
            font-weight: 400;
            color: #7b7b93;
            margin-bottom: 52px;
        }

        .pos_action_area .pos_action_content .pos_btn {
            background: #017dac;
            color: #fff;
            border-color: #017dac;
            padding: 7px 33px;
        }

.menu_pos .container {
    position: relative;
}

    .menu_pos .container .search_cart {
        background: transparent;
    }

    .menu_pos .container .menu_toggle .hamburger span, .menu_pos .container .menu_toggle .hamburger-cross span {
        background: #fff;
    }

/*============ support_home_area css ============*/
.support_home_area {
    background: #fafafe;
}

    .support_home_area .banner_top .subcribes .form-control {
        border-radius: 45px;
        box-shadow: none;
        border-color: #e1e1e1;
    }

        .support_home_area .banner_top .subcribes .form-control.placeholder {
            color: #999999;
        }

        .support_home_area .banner_top .subcribes .form-control:-moz-placeholder {
            color: #999999;
        }

        .support_home_area .banner_top .subcribes .form-control::-moz-placeholder {
            color: #999999;
        }

        .support_home_area .banner_top .subcribes .form-control::-webkit-input-placeholder {
            color: #999999;
        }

    .support_home_area .banner_top .subcribes .btn_submit {
        border-radius: 45px;
    }

.support_home_img {
    margin-left: -70px;
}

.border_bottom {
    width: 100%;
    height: 1px;
    background: #e1e5e8;
}

.support_partner_logo_area {
    padding-top: 50px;
}

    .support_partner_logo_area .logo_item {
        margin-bottom: 30px;
    }

.support_help_area .support_item {
    text-align: center;
    width: 50%;
}

    .support_help_area .support_item h4 {
        font-size: 24px;
        font-weight: 500;
        color: #051441;
        margin: 36px 0px 25px;
    }

    .support_help_area .support_item .software_banner_btn {
        background-color: rgb(103, 84, 226);
        box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
    }

        .support_help_area .support_item .software_banner_btn:hover {
            box-shadow: none;
            color: #fff;
        }

    .support_help_area .support_item + .support_item {
        border-left: 1px solid #e1e1e1;
    }

.support_tab .nav-item .nav-link {
    border-radius: 10px;
}

.support_tab_content .tab-pane .tab_img {
    margin-right: -176px;
    max-width: inherit;
}

    .support_tab_content .tab-pane .tab_img img {
        max-width: inherit;
    }

.support_integration_area {
    background: #eaeeff;
    padding-top: 120px;
}

.integration_img {
    margin-left: -175px;
}

.s_integration_item {
    background: #fff;
    box-shadow: 0px 2px 7px 0px rgba(12, 0, 46, 0.1);
    border-radius: 10px;
    text-align: center;
    display: block;
    padding: 26px 0px;
    margin-bottom: 30px;
    transition: all 0.2s linear;
    z-index: 1;
    position: relative;
}

    .s_integration_item h5 {
        font-size: 18px;
        color: #051441;
        margin-top: 15px;
    }

    .s_integration_item:hover {
        transform: scale(1.03);
    }

/*============ support_home_area css ============*/
.support_price_area {
    background: #fafafe;
}

    .support_price_area .price_content .price_item {
        border-radius: 10px;
        border: 3px solid #fff;
    }

        .support_price_area .price_content .price_item:hover {
            border-color: #6754e2;
        }

.support_testimonial_info .testimonial_slider {
    padding: 0px;
    background: transparent;
    box-shadow: none;
    padding: 0px 30px;
    max-width: 890px;
}

    .support_testimonial_info .testimonial_slider .author_img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 70px;
        border-radius: 50%;
        border: 5px solid #fff;
        box-shadow: 0px 2px 7px 0px rgba(12, 0, 46, 0.1);
    }

    .support_testimonial_info .testimonial_slider .owl-item {
        padding: 40px 30px 55px;
    }

    .support_testimonial_info .testimonial_slider .testimonial_item {
        box-shadow: 0px 20px 40px 0px rgba(12, 0, 36, 0.06);
        background: #fff;
        padding: 32px 50px 60px;
    }

        .support_testimonial_info .testimonial_slider .testimonial_item p {
            margin-bottom: 0;
        }

        .support_testimonial_info .testimonial_slider .testimonial_item .author_description {
            margin-bottom: 28px;
        }

.support_testimonial_info.agency_testimonial_info .owl-prev:hover, .support_testimonial_info.agency_testimonial_info .owl-next:hover {
    background: #6754e2;
    color: #fff;
}

.support_subscribe_area {
    background: #f5f7ff;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.support_subscribe {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
}

    .support_subscribe .form-control {
        border: 1px solid #e1e1e1;
        padding-left: 50px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
        height: 100px;
        border-radius: 50px;
        font-size: 16px;
        line-height: 28px;
        font-weight: 300;
        color: #222d39;
        z-index: -1;
    }

        .support_subscribe .form-control.placeholder {
            color: #9ea4b7;
        }

        .support_subscribe .form-control:-moz-placeholder {
            color: #9ea4b7;
        }

        .support_subscribe .form-control::-moz-placeholder {
            color: #9ea4b7;
        }

        .support_subscribe .form-control::-webkit-input-placeholder {
            color: #9ea4b7;
        }

    .support_subscribe .btn-submit {
        border-radius: 50%;
        background: #6754e2;
        width: 70px;
        height: 70px;
        font-size: 20px;
        color: #fff;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 15px;
    }

.h_leaf {
    position: absolute;
    z-index: -1;
}

    .h_leaf.one {
        left: 0;
        bottom: 0;
    }

    .h_leaf.two {
        right: 0;
        bottom: 0;
    }

.support_menu.navbar .search_cart .search a.nav-link:before {
    display: none;
}

/*====================================================*/
/*====================================================*/
.banner_top .subcribes .btn_submit, .s_features_item.s_features_item_two .s_features_content .learn_btn:hover:before, .price_btn:hover, .testimonial_title .owl-prev:hover, .testimonial_title .owl-next:hover {
    background: #017dac;
}

.banner_top .subcribes .form-control:focus, .price_btn, .s_subcribes .form-control, .f_widget.about-widget .f_list li a:before {
    border-color: #017dac;
}

.s_features_item.s_features_item_two .s_features_content .learn_btn:hover, .price_btn, .s_subcribes .btn-submit, .f_widget.about-widget .f_list li a:hover, .f_widget .widget-wrap p a:hover, .footer_bottom a, .menu > .nav-item:hover .nav-link, .menu > .nav-item.active .nav-link, .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner .dropdown-menu .nav-item .item .text:hover, .menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .footer_bottom a:hover {
    color: #282835;
}

.w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link {
    color: #051441;
}

.menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover, .slider_btn {
    color: #017dac;
}

.menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link, .menu_two .w_menu > .nav-item.submenu .dropdown-menu .nav-item.active > .nav-link, .login_btn.active, .header_area.navbar_fixed .menu_two .login_btn.active, .header_area.navbar_fixed .menu_two .login_btn:hover, .slider_btn {
    color: #017dac;
}

.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active, .header_area.navbar_fixed .menu_two .nav_right_btn .login_btn:hover {
    color: #017dac;
    border-color: #017dac;
}

.header_area.navbar_fixed .menu_two .login_btn.active, .header_area.navbar_fixed .menu_two .login_btn:hover {
    color: #017dac;
    border-color: #017dac;
}

.nav_right_btn .login_btn:hover {
    color: #fff;
    background-color: #5b7921;
    border: 1px solid #5b7921;
}

.login_btn:hover {
    color: #fff;
    background-color: #5b7921;
    border: 1px solid #5b7921;
}

.header_area.navbar_fixed .menu_two .nav_right_btn .login_btn.active:hover, .slider_btn:hover, .price_tab .hover_bg, .f_widget.about-widget .f_list li a:before {
    background: #017dac !important;
    border: 1px solid #017dac !important;
    display: none;
}

.header_area.navbar_fixed .menu_two .login_btn.active:hover, .slider_btn:hover, .price_tab .hover_bg, .f_widget.about-widget .f_list li a:before {
    background: #017dac !important;
    border: 1px solid #017dac !important;
    display: none;
}

.startup_tab .nav-item:nth-child(1) .icon {
    background: #fa6fd1;
}

.startup_tab .nav-item:nth-child(1) .nav-link.active {
    border-color: #fa6fd1;
}

.startup_tab .nav-item:nth-child(2) .icon {
    background: #6fadfa;
}

.startup_tab .nav-item:nth-child(2) .nav-link.active {
    border-color: #6fadfa;
}

.startup_tab .nav-item:nth-child(3) .icon {
    background: #f3af4e;
}

.startup_tab .nav-item:nth-child(3) .nav-link.active {
    border-color: #f3af4e;
}

.startup_tab .nav-item:nth-child(4) .icon {
    background: #aa6ffa;
}

.startup_tab .nav-item:nth-child(4) .nav-link.active {
    border-color: #aa6ffa;
}

.startup_tab .nav-item:nth-child(5) .icon {
    background: #fa6666;
}

.startup_tab .nav-item:nth-child(5) .nav-link.active {
    border-color: #fa6666;
}

.payment_features_item .learn_btn_two:hover {
    color: #5f51fb;
}

.btn_six {
    color: #fff;
    background: #17c7bd;
}

    .btn_six:hover {
        background: #ebfaf9;
        color: #17c7bd;
    }

/*====================================================*/
/*====================================================*/
#pp-nav {
    right: 45px;
}

    #pp-nav li {
        margin: 4px;
    }

        #pp-nav li a span {
            background: #decbfe;
            border: 0px;
            width: 6px;
            height: 6px;
            transition: all 0.3s linear;
        }

        #pp-nav li a.active span {
            background: #fff;
            transform: scale(1.8);
        }

.pagepiling .scroll-wrap {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}

    .pagepiling .scroll-wrap .scrollable-content {
        width: 100%;
    }

.p-section-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background-size: cover;
    background-position: center;
}

.pp-scrollable.section {
    overflow-x: hidden;
}

.section-1 .pp_triangle {
    top: 150px;
    left: 52%;
    transform: translateX(-50%);
}

.section-1 .pp_snak {
    bottom: 50px;
    right: 100px;
    animation: slideInnew3 4s both alternate infinite;
}

.section-1.active .section_one_img img {
    animation: fadeInLeft 1s both 0.8s;
}

.section-1.active .section_one_img .dots {
    animation: fadeInUp 1s both 1s;
}

.pp_triangle {
    animation: spinnerRotateone 6s both alternate infinite;
}

.p_absoulte {
    position: absolute;
}

.round_line {
    width: 600px;
    height: 600px;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    opacity: 0.2;
    z-index: 0;
}

    .round_line.one {
        top: -230px;
        right: -50px;
    }

    .round_line.two {
        top: -430px;
        right: -500px;
    }

    .round_line.three {
        bottom: -188px;
        left: -50px;
    }

    .round_line.four {
        bottom: -450px;
        left: -80px;
    }

    .round_line.two, .round_line.four {
        width: 800px;
        height: 800px;
    }

.active .round {
    animation: zoomIn 0.7s both 0.4s;
}

.active .round_line.two {
    animation: fadeInDown2 1s both 1.4s;
}

.active .round_line.one {
    animation: fadeInDown2 1s both 1s;
}

.active .round_line.three {
    animation: fadeInUp2 1s both 1.4s;
}

.active .round_line.four {
    animation: fadeInUp2 1s both 1s;
}

.active .pp_sec_title h3 {
    animation: fadeInUp 0.9s both 0.6s;
}

.active .pp_sec_title h2 {
    animation: fadeInUp 0.9s both 0.8s;
}

.pp_block {
    right: 0;
    top: 177px;
}

.section_one_img {
    margin-left: -180px;
    position: relative;
    z-index: 1;
}

    .section_one_img img {
        animation: fade 0.9s both;
    }

    .section_one_img .round {
        width: 550px;
        height: 550px;
        border-radius: 50%;
        background-image: linear-gradient(-140deg, rgb(250, 230, 121) 0%, rgb(108, 233, 135) 100%);
        box-shadow: 0px 20px 60px 0px rgba(10, 5, 75, 0.06);
        position: absolute;
        top: -60px;
        z-index: -2;
    }

    .section_one_img .dots {
        position: absolute;
        bottom: 0;
        right: 35px;
        z-index: -1;
    }

.section_one-content {
    padding-right: 100px;
}

    .section_one-content h2 {
        font-size: 50px;
        line-height: 60px;
        font-weight: 300;
        color: #fff;
        margin-bottom: 40px;
    }

        .section_one-content h2 span {
            font-weight: 700;
        }

.btn_scroll {
    font-size: 16px;
    color: #fff;
    border: 2px solid #c8c1fc;
    padding: 9px 32px;
    border-radius: 4px;
    display: inline-block;
}

    .btn_scroll:hover {
        background: #5f54fd;
        border-color: #5f54fd;
        box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
        color: #fff;
    }

/*=========== section-2 css ============*/
.section-2 .pp_block {
    left: 0;
    right: auto;
}

.section-2.active .pp_mackbook_img .one {
    animation: slideInnew3 0.9s both 1s;
}

.section-2.active .pp_mackbook_img .two {
    animation: slideInnew3 0.9s both 1.2s;
}

.section-2.active .pp_mackbook_img .three {
    animation: slideInnew3 0.9s both 1.4s;
}

.section-2.active .pp_mackbook_img .four {
    animation: slideInnew3 0.9s both 1.4s;
}

.section-2.active .pp_work_content h3 {
    animation: fadeInUp 0.9s both 1.4s;
}

.section-2.active .pp_work_content h2 {
    animation: fadeInUp 0.9s both 1.6s;
}

.section-2.active .pp_work_content p {
    animation: fadeInUp 0.9s both 1.75s;
}

.section-2.active .pp_work_content a {
    animation: fadeInUp 0.9s both 1.95s;
}

.pp_mackbook_img {
    height: 100%;
    position: relative;
}

    .pp_mackbook_img .round {
        width: 500px;
        height: 500px;
        border-radius: 50%;
        background-image: linear-gradient(50deg, rgb(250, 230, 121) 0%, rgb(243, 100, 235) 100%);
        box-shadow: 0px 20px 60px 0px rgba(10, 5, 75, 0.06);
        position: absolute;
        top: -20px;
        right: -161px;
    }

    .pp_mackbook_img .one {
        top: -211px;
        left: 0px;
    }

    .pp_mackbook_img .three {
        top: -103px;
        right: -360px;
    }

    .pp_mackbook_img .two {
        top: 230px;
        left: -30px;
    }

    .pp_mackbook_img .four {
        top: 222px;
        left: -178px;
    }

.pp_work_content .pp_sec_title {
    margin-bottom: 20px;
}

.pp_work_content h3, .pp_work_content h2 {
    animation: fade 0.9s both;
}

.pp_work_content p {
    color: #fff;
    margin-bottom: 40px;
    animation: fade 0.9s both;
}

.pp_work_content .btn_scroll {
    background: #5f54fd;
    border-color: #5f54fd;
    box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
}

    .pp_work_content .btn_scroll:hover {
        background: #5f54fd;
        border-color: #5f54fd;
        box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
        transform: translateY(-10px);
    }

/*=========== section-3 css ============*/
.section-3 .section_one_img {
    margin-left: 0;
    padding-top: 30px;
}

    .section-3 .section_one_img .round {
        top: 45%;
        margin-top: -250px;
        background-image: linear-gradient(-120deg, rgb(166, 121, 250) 0%, rgb(255, 107, 184) 100%);
        box-shadow: 0px 20px 60px 0px rgba(10, 5, 75, 0.06);
        width: 500px;
        height: 500px;
    }

    .section-3 .section_one_img .dots {
        right: -70px;
        bottom: 200px;
    }

.section-3.active .pp_features_item {
    animation: fadeInUp 0.9s both 0.9s;
}

.section-3.active .section_one_img .round {
    animation: zoomIn 0.9s both 1s;
}

.section-3.active .section_one_img img {
    animation: fadeInUp 0.9s both 1.5s;
}

.pp_sec_title h3, .pp_sec_title h2 {
    color: #fff;
}

.pp_sec_title h3 {
    font-weight: 300;
    font-size: 24px;
    margin-bottom: 5px;
}

.pp_features_info .row {
    margin-top: -70px;
}

.pp_features_item {
    padding-right: 80px;
    margin-top: 70px;
}

    .pp_features_item .icon {
        width: 70px;
        height: 60px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        margin-bottom: 38px;
        box-shadow: 0px 20px 50px 0px rgba(10, 5, 75, 0.12);
    }

    .pp_features_item h4 {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 14px;
    }

    .pp_features_item p {
        color: #fff;
        font-size: 18px;
        line-height: 28px;
        margin-bottom: 0;
    }

/*============ section-4 css===========*/
.section-4 .pp_block {
    right: auto;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.section-4 .pp_triangle {
    bottom: 50px;
    right: 80px;
    left: auto;
}

.section-4 .round_line.three {
    left: auto;
    right: 70px;
    bottom: -350px;
}

.section-4 .round_line.four {
    left: auto;
    right: -150px;
    bottom: -600px;
}

.section-4 .section_one_img .round {
    top: 50%;
    margin-top: -250px;
    width: 500px;
    height: 500px;
    left: -15px;
    background-image: linear-gradient(-120deg, rgb(250, 230, 121) 0%, rgb(243, 100, 235) 100%);
}

.section-4 .section_one_img .phon_img {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.section-4.active .section_one_img img {
    animation: fadeInUp 0.9s both 1s;
}

.section-4.active .section_one_img .phon_img {
    animation: fadeIn 0.9s both 1.5s;
}

.pp_testimonial_info .pp_testimonial_slider {
    margin-bottom: -35px;
}

    .pp_testimonial_info .pp_testimonial_slider .item {
        margin-bottom: 35px;
        padding-left: 12px;
    }

        .pp_testimonial_info .pp_testimonial_slider .item .media .img {
            border-radius: 50%;
            background-color: rgb(239, 234, 241);
            box-shadow: 0px 10px 20px 0px rgba(10, 5, 75, 0.14);
            width: 50px;
            height: 50px;
            overflow: hidden;
            margin-right: 30px;
        }

        .pp_testimonial_info .pp_testimonial_slider .item .media .media-body h4 {
            color: #fff;
            font-size: 20px;
            font-weight: 400;
            line-height: 32px;
            margin-bottom: 30px;
        }

        .pp_testimonial_info .pp_testimonial_slider .item .media .media-body .author_ratting h5 {
            font-size: 20px;
            font-weight: 500;
            color: #fff;
        }

        .pp_testimonial_info .pp_testimonial_slider .item .media .media-body .author_ratting .rating i {
            font-size: 16px;
            color: #fcf925;
        }

        .pp_testimonial_info .pp_testimonial_slider .item:focus {
            outline: none;
        }

.pp_testimonial_info .slider_nav {
    padding-left: 80px;
    padding-top: 40px;
}

    .pp_testimonial_info .slider_nav i {
        font-size: 34px;
        color: #fff;
        opacity: 0.7;
        transition: opacity 0.2s linear;
        cursor: pointer;
    }

        .pp_testimonial_info .slider_nav i:hover {
            opacity: 1;
        }

.t_left {
    left: 60px;
    bottom: 120px;
}

/*============ section-5 css===========*/
.section-5 .pp_block {
    left: 0;
    right: auto;
    top: 400px;
}

.pp_contact_info .pp_contact_item {
    padding-right: 100px;
    margin-bottom: 30px;
    display: flex;
}

    .pp_contact_info .pp_contact_item .icon {
        width: 60px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 26px;
        color: #5f54fd;
        background: #fff;
        border-radius: 3px;
        display: block;
        margin-right: 40px;
    }

    .pp_contact_info .pp_contact_item .mmedia-body {
        font-size: 18px;
        line-height: 28px;
        color: #fff;
        font-weight: 400;
    }

        .pp_contact_info .pp_contact_item .mmedia-body a {
            color: #fff;
            display: block;
        }

.pp_contact_form .text_box {
    margin-bottom: 20px;
}

    .pp_contact_form .text_box input, .pp_contact_form .text_box textarea {
        border: 1px solid rgba(255, 255, 255, 0.22);
        border-radius: 6px;
        background-color: rgba(255, 255, 255, 0.12);
        color: #fff;
        transition: all 0.3s linear;
    }

        .pp_contact_form .text_box input.placeholder, .pp_contact_form .text_box textarea.placeholder {
            color: #fff;
        }

        .pp_contact_form .text_box input:-moz-placeholder, .pp_contact_form .text_box textarea:-moz-placeholder {
            color: #fff;
        }

        .pp_contact_form .text_box input::-moz-placeholder, .pp_contact_form .text_box textarea::-moz-placeholder {
            color: #fff;
        }

        .pp_contact_form .text_box input::-webkit-input-placeholder, .pp_contact_form .text_box textarea::-webkit-input-placeholder {
            color: #fff;
        }

        .pp_contact_form .text_box input:focus, .pp_contact_form .text_box textarea:focus {
            background: #fff;
            color: #101010;
        }

            .pp_contact_form .text_box input:focus.placeholder, .pp_contact_form .text_box textarea:focus.placeholder {
                color: #a6a4bf;
            }

            .pp_contact_form .text_box input:focus:-moz-placeholder, .pp_contact_form .text_box textarea:focus:-moz-placeholder {
                color: #a6a4bf;
            }

            .pp_contact_form .text_box input:focus::-moz-placeholder, .pp_contact_form .text_box textarea:focus::-moz-placeholder {
                color: #a6a4bf;
            }

            .pp_contact_form .text_box input:focus::-webkit-input-placeholder, .pp_contact_form .text_box textarea:focus::-webkit-input-placeholder {
                color: #a6a4bf;
            }

    .pp_contact_form .text_box textarea {
        height: 150px;
        padding-top: 0px;
    }

.pp_contact_form .btn_scroll {
    background: transparent;
}

    .pp_contact_form .btn_scroll:hover {
        background: #5f54fd;
        border-color: #5f54fd;
        -webkit-box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
        box-shadow: 0px 20px 50px 0px rgba(14, 6, 134, 0.2);
    }

/*============ home_analytics_banner_area css ============*/
.home_analytics_banner_area {
    height: 100vh;
    min-height: 650px;
    display: flex;
    align-items: center;
    background-image: linear-gradient(-50deg, rgb(34, 24, 110) 0%, rgb(14, 4, 75) 100%);
    overflow: hidden;
    position: relative;
}

    .home_analytics_banner_area .elements_item {
        position: absolute;
    }

        .home_analytics_banner_area .elements_item:nth-child(1) {
            right: -30px;
            top: 165px;
        }

        .home_analytics_banner_area .elements_item:nth-child(2) {
            bottom: 250px;
            right: 100px;
        }

        .home_analytics_banner_area .elements_item:nth-child(3) {
            bottom: 66px;
            left: 280px;
        }

        .home_analytics_banner_area .elements_item:nth-child(4) {
            bottom: -80px;
            left: 100px;
        }

        .home_analytics_banner_area .elements_item:nth-child(5) {
            top: 250px;
            left: 180px;
        }

        .home_analytics_banner_area .elements_item:nth-child(6) {
            top: 180px;
            left: 150px;
        }

.h_analytics_content h2 {
    color: #fff;
    font-size: 50px;
    line-height: 64px;
    font-weight: 600;
    margin-bottom: 20px;
}

.h_analytics_content p {
    font-size: 16px;
    color: #fff;
}

.h_analytics_content .er_btn_two {
    margin-top: 35px;
}

    .h_analytics_content .er_btn_two:hover {
        color: #fff;
    }

/*============ home_analytics_banner_area css ============*/
/*============ h_analytices_features_area css ============*/
.h_analytices_features_area {
    padding: 50px 0px 150px;
}

    .h_analytices_features_area .er_btn {
        margin-top: 20px;
        border-color: #4e78f4;
    }

.h_analytices_features_item {
    padding: 120px 0px;
}

    .h_analytices_features_item .h_analytices_img {
        padding-top: 90px;
        position: relative;
    }

        .h_analytices_features_item .h_analytices_img img {
            position: relative;
            z-index: 0;
        }

        .h_analytices_features_item .h_analytices_img .analytices_img_one, .h_analytices_features_item .h_analytices_img .analytices_img_two, .h_analytices_features_item .h_analytices_img .analytices_img_three {
            position: absolute;
        }

        .h_analytices_features_item .h_analytices_img .analytices_img_one {
            left: -30px;
            top: 0;
            z-index: 2;
        }

        .h_analytices_features_item .h_analytices_img .analytices_img_three {
            right: 0;
            bottom: 0;
            z-index: 4;
        }

        .h_analytices_features_item .h_analytices_img .analytices_img_two {
            left: -40px;
            bottom: 10px;
            box-shadow: 0px 50px 80px 0px rgba(1, 1, 64, 0.1);
            z-index: 0;
        }

    .h_analytices_features_item .h_analytices_img_two {
        padding-left: 70px;
        padding-bottom: 30px;
        padding-top: 70px;
        position: relative;
    }

        .h_analytices_features_item .h_analytices_img_two .analytices_img_one, .h_analytices_features_item .h_analytices_img_two .analytices_img_two, .h_analytices_features_item .h_analytices_img_two .analytices_img_three {
            position: absolute;
            box-shadow: 0px 50px 80px 0px rgba(1, 1, 64, 0.1);
        }

        .h_analytices_features_item .h_analytices_img_two .analytices_img_one {
            bottom: 0;
            left: 20px;
        }

        .h_analytices_features_item .h_analytices_img_two .analytices_img_two {
            right: -120px;
            bottom: 100px;
        }

        .h_analytices_features_item .h_analytices_img_two .analytices_img_three {
            left: 60%;
            transform: translateX(-50%);
            top: 0;
        }

    .h_analytices_features_item .h_analytices_content h2 {
        font-size: 34px;
        font-weight: 500;
        color: #2c2c51;
        margin-bottom: 25px;
    }

    .h_analytices_features_item .h_analytices_content p {
        font-size: 16px;
        color: #7b7b93;
        line-height: 28px;
        font-weight: 400;
        margin-bottom: 40px;
    }

    .h_analytices_features_item .h_analytices_content ul {
        margin-bottom: 0;
        border-top: 1px solid #ececf6;
        padding-top: 12px;
    }

        .h_analytices_features_item .h_analytices_content ul li {
            font-size: 16px;
            line-height: 28px;
            color: #7b7b93;
            font-weight: 400;
            position: relative;
            padding-left: 20px;
            margin-top: 20px;
        }

            .h_analytices_features_item .h_analytices_content ul li span {
                font-weight: 500;
                color: #2c2c51;
            }

            .h_analytices_features_item .h_analytices_content ul li:before {
                content: "";
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #4e78f4;
                position: absolute;
                left: 0;
                top: 10px;
            }

    .h_analytices_features_item + .h_analytices_features_item {
        border-top: 1px solid #ececf6;
    }

/*============ h_analytices_features_area css ============*/
/*============ h_action_area_three css ============*/
.h_action_area_three {
    background-color: rgb(14, 4, 75);
    padding: 100px 0px;
    position: relative;
    z-index: 1;
}

    .h_action_area_three .shap_img {
        position: absolute;
        z-index: -1;
    }

        .h_action_area_three .shap_img.one {
            right: 0;
            top: 0;
        }

        .h_action_area_three .shap_img.two {
            left: 0;
            bottom: 0;
        }

    .h_action_area_three .h_action_content .video_icon {
        width: 70px;
        height: 70px;
        line-height: 74px;
        margin-bottom: 55px;
    }

        .h_action_area_three .h_action_content .video_icon:after {
            display: none;
        }

        .h_action_area_three .h_action_content .video_icon:before {
            transform: scale(1.4);
            background: rgba(255, 255, 255, 0.4);
        }

        .h_action_area_three .h_action_content .video_icon i {
            color: #4e78f4;
            text-shadow: none;
        }

    .h_action_area_three .h_action_content h2 {
        font-size: 34px;
        line-height: 44px;
        margin-bottom: 25px;
    }

    .h_action_area_three .h_action_content p {
        color: #a3a3b7;
    }

    .h_action_area_three .h_action_content .author h6 {
        color: #fff;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 8px;
    }

    .h_action_area_three .h_action_content .author p {
        color: #7b7b93;
        font-weight: 400;
        margin-bottom: 0;
    }

/*============ h_action_area_three css ============*/
/*============ easy_setup_area css ============*/
.analytices_title span {
    display: block;
    font-weight: 300;
    color: #2c2c51;
}

.analytices_title p {
    font-weight: 400;
    color: #7b7b93;
    font-size: 16px;
    max-width: 700px;
    margin: 0 auto;
}

.setup_inner {
    max-width: 830px;
    margin: -30px auto 0px;
}

    .setup_inner .setup_item {
        align-items: center;
        padding: 30px 0px;
        position: relative;
    }

        .setup_inner .setup_item.flex-row-reverse .setup_content {
            text-align: right;
            padding-right: 30px;
            padding-left: 0;
        }

        .setup_inner .setup_item .setup_img {
            text-align: center;
        }

        .setup_inner .setup_item .round {
            border-radius: 50%;
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 10px 30px 0px rgba(1, 1, 64, 0.08);
            width: 80px;
            height: 80px;
            text-align: center;
            margin: 0 auto;
            font-size: 30px;
            color: #4e78f4;
            font-weight: 500;
            line-height: 80px;
        }

        .setup_inner .setup_item .line {
            position: absolute;
            left: 50%;
            top: 0;
            width: 0;
            height: 100%;
            border-right: 2px dashed #94a2ce;
            opacity: 0.3;
            margin-left: -1px;
            z-index: -1;
        }

        .setup_inner .setup_item:first-child .line {
            top: 50%;
            height: 50%;
        }

        .setup_inner .setup_item:last-child .line {
            top: 0;
            height: 50%;
        }

    .setup_inner .setup_content {
        padding-left: 30px;
    }

        .setup_inner .setup_content h5 {
            font-size: 20px;
            font-weight: 600;
            color: #2c2c51;
            line-height: 28px;
            margin-bottom: 15px;
        }

        .setup_inner .setup_content p {
            font-size: 16px;
            color: #7b7b93;
            font-weight: 400;
            margin-bottom: 0;
        }

.analytices_price_item {
    border: 1px solid #f0f0f6;
    border-radius: 5px;
    padding: 40px;
    cursor: pointer;
    transition: all 0.3s linear;
}

    .analytices_price_item .p_head {
        text-align: center;
        border-bottom: 1px solid #ececf6;
        padding-bottom: 30px;
    }

        .analytices_price_item .p_head h5 {
            font-size: 20px;
            font-weight: 500;
            color: #2c2c51;
        }

        .analytices_price_item .p_head .rate {
            font-size: 34px;
            font-weight: 600;
            color: #4e78f4;
            padding-bottom: 13px;
            padding-top: 22px;
        }

        .analytices_price_item .p_head h6 {
            font-size: 16px;
            color: #7b7b93;
            font-weight: 400;
        }

        .analytices_price_item .p_head .tag {
            color: #2cc91d;
        }

            .analytices_price_item .p_head .tag i {
                margin-right: 8px;
                vertical-align: middle;
            }

    .analytices_price_item .p_body {
        padding-top: 20px;
        margin-bottom: 0;
    }

        .analytices_price_item .p_body li {
            display: flex;
            justify-content: space-between;
            font-size: 16px;
            color: #7b7b93;
            font-size: 400;
            align-items: center;
            margin: 12px 0px;
        }

            .analytices_price_item .p_body li i {
                font-size: 14px;
            }

    .analytices_price_item .er_btn {
        margin-top: 40px;
        display: block;
        text-align: center;
    }

    .analytices_price_item.active, .analytices_price_item:hover {
        box-shadow: 0px 40px 80px 0px rgba(1, 1, 64, 0.08);
        border-color: #fff;
    }

        .analytices_price_item.active .p_body li, .analytices_price_item:hover .p_body li {
            color: #2c2c51;
        }

            .analytices_price_item.active .p_body li .ti-check, .analytices_price_item:hover .p_body li .ti-check {
                color: #26da15;
            }

            .analytices_price_item.active .p_body li .ti-close, .analytices_price_item:hover .p_body li .ti-close {
                color: #fc314e;
            }

/*============ easy_setup_area css ============*/
/*============ analytices_customers_logo_area css ============*/
.analytices_customers_logo_area {
    padding: 200px 0px 120px;
}

.analytices_logo {
    display: block;
    text-align: center;
    padding: 25px;
    border-radius: 6px;
    margin-top: 20px;
    transition: all 0.3s linear;
}

    .analytices_logo:hover {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 50px 0px rgba(1, 1, 64, 0.08);
    }

.analytices_logo_content {
    padding-right: 80px;
}

    .analytices_logo_content .analytices_title {
        margin-bottom: 0;
    }

    .analytices_logo_content .er_btn {
        margin-top: 40px;
    }

/*============ analytices_customers_logo_area css ============*/
/*============ analytices_list_area css ============*/
.analytices_list_area {
    position: relative;
    padding-top: 100px;
    padding-bottom: 150px;
    z-index: 2;
}

    .analytices_list_area:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 560px;
        z-index: -1;
        left: 0;
        background: url("../img/home-software/down_bg.png") no-repeat scroll;
        bottom: 0;
        background-size: cover;
    }

    .analytices_list_area .macbook_a {
        position: absolute;
        right: 0;
        bottom: 0;
    }

.analytices_list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 40px;
}

    .analytices_list li {
        font-size: 16px;
        line-height: 20px;
        color: #7b7b93;
        position: relative;
        padding-left: 30px;
        margin-top: 20px;
    }

        .analytices_list li:before {
            content: "\e64c";
            display: inline-block;
            font-family: "themify";
            position: absolute;
            left: 0;
            top: 0px;
            font-size: 14px;
            color: #4e78f4;
        }

.analytices_action_area_two {
    padding-top: 120px;
}

    .analytices_action_area_two:after {
        display: none;
    }

.security_list_area {
    padding-top: 180px;
}

    .security_list_area .macbook_a {
        bottom: 110px;
    }

    .security_list_area .lock {
        position: absolute;
        right: 41%;
        bottom: 100px;
        z-index: -1;
    }

    .security_list_area .analytices_title {
        margin-bottom: 0;
    }

    .security_list_area .analytices_list {
        padding-top: 25px;
    }

/*============ analytices_list_area css ============*/
/*====================================================*/
/*====================================================*/
/*=============== gadget_slider_area css ============*/
.gadget_slider_area {
    height: 100vh;
}

    .gadget_slider_area.slick-dotted.slick-slider {
        margin-bottom: 0;
    }

    .gadget_slider_area .slick-list, .gadget_slider_area .slick-track, .gadget_slider_area .container {
        height: 100%;
        display: flex;
    }

    .gadget_slider_area .container {
        align-items: center;
    }

    .gadget_slider_area .pattern {
        top: 15%;
        margin-left: -160px;
    }

    .gadget_slider_area .gadget_slider_img {
        text-align: right;
        position: relative;
        width: 100%;
    }

        .gadget_slider_area .gadget_slider_img .round {
            width: 830px;
            height: 830px;
            border: 130px solid rgba(255, 255, 255, 0.4);
            position: absolute;
            left: -128px;
            top: 0;
            border-radius: 50%;
            z-index: -1;
        }

        .gadget_slider_area .gadget_slider_img img {
            display: inline-block;
        }

    .gadget_slider_area .slick-dots {
        list-style: none;
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0px;
        margin: 0;
        width: auto;
        bottom: auto;
    }

        .gadget_slider_area .slick-dots li {
            display: flex;
            margin: 0px 0px 10px;
            width: 38px;
            height: 2px;
            justify-content: flex-end;
        }

            .gadget_slider_area .slick-dots li button {
                width: 20px;
                height: 2px;
                background: rgba(255, 255, 255, 0.5);
                border: 0px;
                box-shadow: none;
                margin: 0px;
                transition: all 0.3s linear;
            }

                .gadget_slider_area .slick-dots li button:before {
                    display: none;
                }

            .gadget_slider_area .slick-dots li.slick-active button {
                width: 100%;
                background: #fff;
            }

    .gadget_slider_area .slick-active .gadget_slider_content h3 .char {
        animation: fadeInUp 1s linear both 0.07s;
        animation-delay: calc(0.07s * var(--char-index));
    }

    .gadget_slider_area .slick-active .gadget_slider_content .text .char {
        animation: fadeInLeft 1s linear both 0.07s;
        animation-delay: calc(0.07s * var(--char-index));
    }

    .gadget_slider_area .slick-active .shop_slider_content h6 .char {
        animation: fadeIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;
        animation-delay: calc(0.08s * var(--char-index));
    }

.gadget_slider_content h6 {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.4px;
    margin-bottom: 15px;
}

.gadget_slider_content h3 {
    font-size: 60px;
    line-height: 80px;
    font-weight: 700;
    margin-bottom: 15px;
}

.gadget_slider_content .text {
    font-size: 200px;
    line-height: 200px;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.1);
    text-transform: uppercase;
}

.gadget_slider_content h3, .gadget_slider_content h6 {
    color: #fff;
}

.gadget_slider_content .gadget_btn {
    margin-top: 40px;
    transition: all 0.2s linear;
}

    .gadget_slider_content .gadget_btn:hover {
        background: #fff;
        color: #051441;
    }

.gadget_btn {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    border-radius: 45px;
    padding: 12px 36px;
    text-align: center;
    display: inline-block;
    background-image: linear-gradient(-45deg, rgba(253, 83, 145, 0.99608) 0%, #f86f65 100%);
    background-size: 150% auto;
    transition: all 0.3s linear;
}

    .gadget_btn:hover {
        background-position: right center;
        color: #fff;
        box-shadow: 0px 10px 30px 0px rgba(12, 0, 46, 0.1);
    }

    .gadget_btn.strock_btn {
        border: 1px solid #fff;
        background: transparent;
    }

    .gadget_btn.border_radius_none {
        border-radius: 0px;
        background: #f66b6a;
    }

.shop_slider_content {
    font-family: "Inter", sans-serif;
    width: 100%;
}

    .shop_slider_content h6 {
        font-size: 15px;
        color: #2c2c51;
        text-transform: uppercase;
        margin-bottom: 25px;
        letter-spacing: 3px;
        overflow: hidden;
    }

        .shop_slider_content h6 .line {
            width: 52px;
            height: 1px;
            background: #7e7e7e;
            display: inline-block;
            vertical-align: middle;
            margin-right: 12px;
        }

    .shop_slider_content h3 {
        font-size: 64px;
        line-height: 80px;
        color: #2c2c51;
    }

    .shop_slider_content .gadget_btn {
        margin-top: 36px;
    }

/*=============== gadget_slider_area css ============*/
/*=============== gadget_about_area css ============*/
.gadget_about_area {
    position: relative;
    z-index: 1;
}

.text_shadow {
    font-size: 200px;
    line-height: 200px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.05);
    text-transform: uppercase;
    position: absolute;
    top: 55%;
    left: -348px;
    transform: translateY(-50%);
    z-index: -2;
    white-space: nowrap;
}

    .text_shadow.animated .char {
        animation: zoomIn 1s cubic-bezier(0.5, 0, 0.5, 1) both;
        animation-delay: calc(0.08s * var(--char-index));
    }

.gadget_about_img {
    position: relative;
    z-index: 2;
}

    .gadget_about_img .two_img {
        position: absolute;
        right: -20px;
        bottom: -20px;
    }

.gadget_details h2 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 500;
    color: #051441;
    margin-bottom: 20px;
}

    .gadget_details h2.animated .char {
        animation: pop-char-out 1s cubic-bezier(0.5, 0, 0.5, 1) both;
        animation-delay: calc(0.04s * var(--char-index));
    }

.gadget_details p {
    margin-bottom: 36px;
    line-height: 24px;
}

    .gadget_details p span {
        padding: 0px;
    }

    .gadget_details p .word {
        overflow: hidden;
    }

    .gadget_details p.animated .char {
        animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.5, 1) both;
        animation-delay: calc(0.015s * var(--char-index));
    }

/*=============== gadget_about_area css ============*/
/*=============== gadget_shipping_area css ============*/
.gadget_shipping_area {
    padding-bottom: 120px;
}

    .gadget_shipping_area.pb_60 {
        padding-bottom: 60px;
    }

        .gadget_shipping_area.pb_60 .br_bottom {
            margin-bottom: 60px;
        }

.br_bottom {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    margin-bottom: 80px;
}

.g_shipping_item img {
    margin-right: 30px;
}

.g_shipping_item .media-body h4 {
    font-size: 16px;
    color: #2c2c51;
    font-weight: 600;
    margin-bottom: 5px;
}

.g_shipping_item .media-body p {
    margin-bottom: 0;
}

/*=============== gadget_shipping_area css ============*/
/*=============== gadget_features_area css ============*/
.gadget_features_item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    padding: 50px;
}

    .gadget_features_item .content h6 {
        font-size: 14px;
        font-weight: 400;
        text-transform: uppercase;
        color: #fff;
        letter-spacing: 0.14px;
        margin-bottom: 12px;
    }

    .gadget_features_item .content h3 {
        font-size: 28px;
        color: #fff;
        font-weight: 600;
        line-height: 35px;
    }

    .gadget_features_item .content .text {
        font-size: 100px;
        line-height: 120px;
        color: rgba(255, 255, 255, 0.1);
        font-weight: 900;
        text-transform: uppercase;
    }

    .gadget_features_item .content .see_btn {
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        position: relative;
        padding-right: 24px;
        display: inline-block;
        line-height: 15px;
        margin-top: 86px;
        transition: all 0.1s linear;
    }

        .gadget_features_item .content .see_btn:before {
            content: "";
            width: 15px;
            height: 1px;
            position: absolute;
            right: 0;
            top: 50%;
            background: #fff;
            transition: width 0.3s linear;
        }

        .gadget_features_item .content .see_btn:hover {
            padding-right: 0px;
        }

            .gadget_features_item .content .see_btn:hover:before {
                width: 100%;
            }

    .gadget_features_item .img {
        position: absolute;
        right: -50px;
        bottom: 20px;
    }

    .gadget_features_item.yellow {
        background-image: linear-gradient(95deg, rgb(243, 153, 18) 0%, rgb(247, 187, 35) 100%);
        background-image: linear-gradient(95deg, rgb(243, 153, 18) 0%, rgb(247, 187, 35) 100%);
    }

    .gadget_features_item.red {
        background-image: linear-gradient(95deg, rgb(229, 8, 21) 0%, rgb(238, 17, 43) 100%);
        background-image: linear-gradient(95deg, rgb(229, 8, 21) 0%, rgb(238, 17, 43) 100%);
    }

        .gadget_features_item.red img {
            right: -5px;
            bottom: -30px;
        }

    .gadget_features_item.blue {
        background-image: linear-gradient(95deg, rgb(18, 48, 253) 0%, rgb(36, 97, 254) 100%);
        background-image: linear-gradient(95deg, rgb(18, 48, 253) 0%, rgb(36, 97, 254) 100%);
    }

    .gadget_features_item.green {
        background-image: linear-gradient(95deg, rgb(136, 187, 41) 0%, rgb(176, 210, 82) 100%);
        background-image: linear-gradient(95deg, rgb(136, 187, 41) 0%, rgb(176, 210, 82) 100%);
    }

/*=============== gadget_features_area css ============*/
/*=============== gadget_product_area css ============*/
.gadget_product_area {
    position: relative;
}

    .gadget_product_area .left_img, .gadget_product_area .right_img {
        position: absolute;
    }

    .gadget_product_area .left_img {
        top: 230px;
    }

    .gadget_product_area .right_img {
        right: 0;
        bottom: 165px;
    }

    .gadget_product_area .row {
        margin-bottom: -60px;
    }

.gadget_title {
    margin-bottom: 75px;
}

    .gadget_title h2 {
        font-size: 36px;
        font-weight: 500;
        line-height: 44px;
        color: #051441;
    }

    .gadget_title p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 0;
    }

.gadget_pr_item {
    text-align: center;
    margin-bottom: 60px;
}

    .gadget_pr_item .pr_img {
        position: relative;
    }

        .gadget_pr_item .pr_img img {
            transition: opacity 0.2s linear;
        }

        .gadget_pr_item .pr_img .badge {
            font-size: 14px;
            font-weight: 600;
            color: #fff;
            border-radius: 45px;
            text-transform: uppercase;
            text-align: center;
            background: #ff8a00;
            padding: 6px 14px;
            position: absolute;
            right: 20px;
            top: 20px;
            z-index: 2;
        }

            .gadget_pr_item .pr_img .badge.new {
                background: #00d20f;
            }

            .gadget_pr_item .pr_img .badge.hot {
                border-radius: 50%;
                background: #ff1010;
                width: 48px;
                height: 48px;
                padding: 0px;
                line-height: 48px;
            }

        .gadget_pr_item .pr_img .hover_content {
            position: absolute;
            width: 100%;
            left: 0;
            text-align: center;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.2s linear;
            overflow: hidden;
            display: flex;
            justify-content: center;
        }

            .gadget_pr_item .pr_img .hover_content a {
                width: 68px;
                height: 68px;
                text-align: center;
                background: #101010;
                display: block;
                line-height: 66px;
                border-radius: 3px;
                margin: 0px 6px;
                overflow: hidden;
                z-index: 1;
                position: relative;
                opacity: 0;
            }

                .gadget_pr_item .pr_img .hover_content a:before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-image: linear-gradient(0deg, rgb(248, 111, 100) 0%, rgba(253, 83, 146, 0.99608) 100%);
                    background-image: linear-gradient(0deg, rgb(248, 111, 100) 0%, rgba(253, 83, 146, 0.99608) 100%);
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    transform: scale(0);
                    transition: all 0.2s linear;
                }

                .gadget_pr_item .pr_img .hover_content a img {
                    opacity: 1;
                    display: inline-block;
                }

                .gadget_pr_item .pr_img .hover_content a:hover:before {
                    transform: scale(1);
                }

    .gadget_pr_item .single_pr_details {
        padding-top: 38px;
    }

        .gadget_pr_item .single_pr_details h3 {
            font-size: 20px;
            color: #051441;
            transition: color 0.2s linear;
        }

            .gadget_pr_item .single_pr_details h3:hover {
                color: #fb607f;
            }

        .gadget_pr_item .single_pr_details .price {
            display: flex;
            flex-direction: row-reverse;
            justify-content: center;
            font-size: 20px;
            padding-top: 3px;
        }

            .gadget_pr_item .single_pr_details .price ins {
                text-decoration: none;
                font-weight: 600;
                color: #051441;
            }

            .gadget_pr_item .single_pr_details .price del {
                color: #acacac;
                font-weight: 400;
                margin-left: 10px;
            }

    .gadget_pr_item:hover .pr_img img {
        opacity: 0.4;
    }

    .gadget_pr_item:hover .pr_img .hover_content a {
        opacity: 1;
        animation: fadeInUp 0.4s cubic-bezier(0.5, 0, 0.5, 1) both;
    }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(1) {
            animation-delay: 200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(2) {
            animation-delay: 400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(3) {
            animation-delay: 600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(4) {
            animation-delay: 800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(5) {
            animation-delay: 1000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(6) {
            animation-delay: 1200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(7) {
            animation-delay: 1400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(8) {
            animation-delay: 1600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(9) {
            animation-delay: 1800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(10) {
            animation-delay: 2000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(11) {
            animation-delay: 2200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(12) {
            animation-delay: 2400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(13) {
            animation-delay: 2600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(14) {
            animation-delay: 2800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(15) {
            animation-delay: 3000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(16) {
            animation-delay: 3200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(17) {
            animation-delay: 3400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(18) {
            animation-delay: 3600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(19) {
            animation-delay: 3800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(20) {
            animation-delay: 4000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(21) {
            animation-delay: 4200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(22) {
            animation-delay: 4400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(23) {
            animation-delay: 4600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(24) {
            animation-delay: 4800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(25) {
            animation-delay: 5000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(26) {
            animation-delay: 5200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(27) {
            animation-delay: 5400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(28) {
            animation-delay: 5600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(29) {
            animation-delay: 5800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(30) {
            animation-delay: 6000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(31) {
            animation-delay: 6200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(32) {
            animation-delay: 6400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(33) {
            animation-delay: 6600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(34) {
            animation-delay: 6800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(35) {
            animation-delay: 7000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(36) {
            animation-delay: 7200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(37) {
            animation-delay: 7400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(38) {
            animation-delay: 7600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(39) {
            animation-delay: 7800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(40) {
            animation-delay: 8000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(41) {
            animation-delay: 8200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(42) {
            animation-delay: 8400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(43) {
            animation-delay: 8600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(44) {
            animation-delay: 8800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(45) {
            animation-delay: 9000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(46) {
            animation-delay: 9200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(47) {
            animation-delay: 9400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(48) {
            animation-delay: 9600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(49) {
            animation-delay: 9800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(50) {
            animation-delay: 10000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(51) {
            animation-delay: 10200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(52) {
            animation-delay: 10400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(53) {
            animation-delay: 10600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(54) {
            animation-delay: 10800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(55) {
            animation-delay: 11000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(56) {
            animation-delay: 11200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(57) {
            animation-delay: 11400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(58) {
            animation-delay: 11600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(59) {
            animation-delay: 11800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(60) {
            animation-delay: 12000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(61) {
            animation-delay: 12200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(62) {
            animation-delay: 12400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(63) {
            animation-delay: 12600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(64) {
            animation-delay: 12800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(65) {
            animation-delay: 13000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(66) {
            animation-delay: 13200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(67) {
            animation-delay: 13400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(68) {
            animation-delay: 13600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(69) {
            animation-delay: 13800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(70) {
            animation-delay: 14000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(71) {
            animation-delay: 14200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(72) {
            animation-delay: 14400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(73) {
            animation-delay: 14600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(74) {
            animation-delay: 14800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(75) {
            animation-delay: 15000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(76) {
            animation-delay: 15200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(77) {
            animation-delay: 15400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(78) {
            animation-delay: 15600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(79) {
            animation-delay: 15800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(80) {
            animation-delay: 16000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(81) {
            animation-delay: 16200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(82) {
            animation-delay: 16400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(83) {
            animation-delay: 16600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(84) {
            animation-delay: 16800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(85) {
            animation-delay: 17000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(86) {
            animation-delay: 17200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(87) {
            animation-delay: 17400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(88) {
            animation-delay: 17600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(89) {
            animation-delay: 17800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(90) {
            animation-delay: 18000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(91) {
            animation-delay: 18200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(92) {
            animation-delay: 18400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(93) {
            animation-delay: 18600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(94) {
            animation-delay: 18800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(95) {
            animation-delay: 19000ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(96) {
            animation-delay: 19200ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(97) {
            animation-delay: 19400ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(98) {
            animation-delay: 19600ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(99) {
            animation-delay: 19800ms;
        }

        .gadget_pr_item:hover .pr_img .hover_content a:nth-child(100) {
            animation-delay: 20000ms;
        }

/*=============== gadget_product_area css ============*/
/*=============== gadget_promo_area css ============*/
.gadget_promo_area {
    background-image: linear-gradient(90deg, rgb(27, 218, 165) 0%, rgb(90, 171, 219) 100%);
    background-image: linear-gradient(90deg, rgb(27, 218, 165) 0%, rgb(90, 171, 219) 100%);
    position: relative;
    z-index: 1;
    padding-top: 100px;
    margin-bottom: 60px;
}

    .gadget_promo_area .text_shadow {
        color: rgba(255, 255, 255, 0.1);
    }

    .gadget_promo_area .promo_img {
        margin-top: -42px;
        margin-bottom: -152px;
    }

.gadget_promo_content {
    padding-left: 84px;
}

    .gadget_promo_content h3 {
        font-size: 36px;
        line-height: 48px;
        color: #fff;
        font-weight: 500;
        margin-top: 12px;
        margin-bottom: 25px;
    }

    .gadget_promo_content ul {
        margin-bottom: 38px;
    }

        .gadget_promo_content ul li {
            font-size: 16px;
            color: #fff;
            padding-left: 40px;
            position: relative;
        }

            .gadget_promo_content ul li:before {
                content: "";
                width: 18px;
                height: 2px;
                background: #fff;
                position: absolute;
                left: 0;
                top: 12px;
            }

            .gadget_promo_content ul li + li {
                margin-top: 4px;
            }

/*=============== gadget_promo_area css ============*/
/*=============== gadget_discount_area css ============*/
.gadget_discount_area {
    margin-top: 135px;
}

.gadget_discount_info {
    border-radius: 10px;
    background-image: linear-gradient(90deg, rgb(119, 81, 255) 0%, rgb(139, 98, 255) 100%);
    background-image: linear-gradient(90deg, rgb(119, 81, 255) 0%, rgb(139, 98, 255) 100%);
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.1);
    padding: 0px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
}

    .gadget_discount_info .text_shadow {
        color: rgba(255, 255, 255, 0.09);
        left: auto;
        right: -60px;
    }

    .gadget_discount_info .discount-time {
        max-width: 370px;
    }

        .gadget_discount_info .discount-time h6 {
            font-size: 14px;
            line-height: 26px;
            letter-spacing: 0.14px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 400;
        }

        .gadget_discount_info .discount-time h2 {
            font-size: 36px;
            color: #fff;
            font-weight: 500;
        }

        .gadget_discount_info .discount-time .clock {
            display: flex;
            margin-top: 25px;
        }

            .gadget_discount_info .discount-time .clock .timer {
                color: #fff;
                margin-right: 45px;
                position: relative;
            }

                .gadget_discount_info .discount-time .clock .timer:before {
                    content: ":";
                    font-size: 12px;
                    display: inline-block;
                    font-size: 44px;
                    position: absolute;
                    right: -26px;
                    top: 14px;
                }

                .gadget_discount_info .discount-time .clock .timer span {
                    font-size: 44px;
                    line-height: normal;
                    font-weight: 600;
                }

                .gadget_discount_info .discount-time .clock .timer .smalltext {
                    font-size: 14px;
                    line-height: 18px;
                    text-transform: uppercase;
                    font-weight: 400;
                    letter-spacing: 0.14px;
                    text-align: center;
                }

                .gadget_discount_info .discount-time .clock .timer:last-child:before {
                    display: none;
                }

    .gadget_discount_info .discount_pr_img {
        margin-top: -175px;
    }

/*=============== gadget_discount_area css ============*/
/*=============== gadget_subscribe_bg css ============*/
.gadget_subscribe_bg {
    border-radius: 6px;
    background-image: linear-gradient(90deg, rgb(248, 111, 100) 0%, rgba(253, 83, 146, 0.99608) 100%);
    background-image: linear-gradient(90deg, rgb(248, 111, 100) 0%, rgba(253, 83, 146, 0.99608) 100%);
}

    .gadget_subscribe_bg .subscribe-form .form-control.placeholder {
        color: #fff;
    }

    .gadget_subscribe_bg .subscribe-form .form-control:-moz-placeholder {
        color: #fff;
    }

    .gadget_subscribe_bg .subscribe-form .form-control::-moz-placeholder {
        color: #fff;
    }

    .gadget_subscribe_bg .subscribe-form .form-control::-webkit-input-placeholder {
        color: #fff;
    }

    .gadget_subscribe_bg .subscribe-form .btn_four {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 24px 0px rgba(0, 11, 40, 0.06);
        color: #fa6574;
    }

        .gadget_subscribe_bg .subscribe-form .btn_four:hover {
            box-shadow: none;
            color: #fa6574;
        }

/*=============== gadget_subscribe_bg css ============*/
.partner_logo_area_two h2 {
    font-size: 30px;
    line-height: 40px;
    color: #051441;
}

.payment_footer_area.gadget_footer_area .f_widget.company_widget a {
    color: #fa6574;
}

.payment_footer_area.gadget_footer_area .f_widget.about-widget .f_list li a:before {
    background: #fa6574;
}

.payment_footer_area.gadget_footer_area .f_widget.about-widget .f_list li a:hover {
    color: #fa6574;
}

.payment_footer_area.gadget_footer_area .f_widget.social-widget .f_social_icon a:hover {
    background: #fa6574;
}

/*============ team_details_area css =========*/
.team_details_content h2 {
    font-size: 30px;
    font-weight: 600;
    color: #161341;
}

.team_details_content .postition {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    margin-bottom: 25px;
}

.team_details_content p {
    font-size: 15px;
    line-height: 30px;
}

.team_details_content h5 {
    font-size: 18px;
    line-height: 34px;
    color: #161341;
    font-weight: 600;
    margin-top: 25px;
}

.team_details_content .social_icon {
    margin-bottom: 0;
    margin-top: 16px;
}

    .team_details_content .social_icon li {
        display: inline-block;
        margin-right: 6px;
    }

        .team_details_content .social_icon li a {
            width: 40px;
            height: 40px;
            text-align: center;
            font-size: 13px;
            display: block;
            line-height: 42px;
            border-radius: 50%;
            color: #fff;
            transition: all 0.2s linear;
        }

            .team_details_content .social_icon li a:hover {
                box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.26);
            }

        .team_details_content .social_icon li:nth-child(1) a {
            background: #4779de;
        }

        .team_details_content .social_icon li:nth-child(2) a {
            background: #e43e30;
        }

        .team_details_content .social_icon li:nth-child(3) a {
            background: #1da1f3;
        }

/*============ team_details_area css =========*/
/*============ skill_area css =========*/
.skill_area {
    background: #fbfbfd;
}

.skill_copntent {
    padding-right: 80px;
}

    .skill_copntent h2 {
        font-size: 30px;
        color: #161341;
        font-weight: 600;
    }

    .skill_copntent p {
        font-size: 15px;
        line-height: 30px;
        margin-top: 25px;
    }

.progress-element p {
    font-size: 15px;
    font-weight: 500;
    color: #051441;
    margin-bottom: 5px;
}

.progress-element .count-tip {
    font-size: 15px;
    font-weight: 500;
}

    .progress-element .count-tip.one {
        color: #7a4cfa;
    }

    .progress-element .count-tip.two {
        color: #00d8e6;
    }

    .progress-element .count-tip.thre {
        color: #e6c300;
    }

    .progress-element .count-tip.four {
        color: #ff6a6a;
    }

.progress-element .progress {
    height: 6px;
    background: #fff;
    border-radius: 0px;
    margin-bottom: 20px;
}

    .progress-element .progress .progress-bar {
        width: 0px;
        transition: width 3s linear;
    }

/*============ skill_area css =========*/
/*============ team_contact_area css =========*/
.team_contact_area .chat_title h2 {
    font-size: 40px;
    color: #051441;
}

    .team_contact_area .chat_title h2 span {
        display: block;
    }

.team_contact_area .contact_form_box .text_box {
    margin-bottom: 20px;
}

    .team_contact_area .contact_form_box .text_box input[type=text], .team_contact_area .contact_form_box .text_box textarea {
        background: #f7f8fb;
        border-color: #f7f8fb;
        font-size: 16px;
        border-radius: 4px;
        transition: all 0.2s linear;
        box-shadow: none;
    }

        .team_contact_area .contact_form_box .text_box input[type=text].placeholder, .team_contact_area .contact_form_box .text_box textarea.placeholder {
            color: #6b707f;
        }

        .team_contact_area .contact_form_box .text_box input[type=text]:-moz-placeholder, .team_contact_area .contact_form_box .text_box textarea:-moz-placeholder {
            color: #6b707f;
        }

        .team_contact_area .contact_form_box .text_box input[type=text]::-moz-placeholder, .team_contact_area .contact_form_box .text_box textarea::-moz-placeholder {
            color: #6b707f;
        }

        .team_contact_area .contact_form_box .text_box input[type=text]::-webkit-input-placeholder, .team_contact_area .contact_form_box .text_box textarea::-webkit-input-placeholder {
            color: #6b707f;
        }

        .team_contact_area .contact_form_box .text_box input[type=text]:focus, .team_contact_area .contact_form_box .text_box textarea:focus {
            box-shadow: 0px 20px 20px 0px rgba(0, 11, 40, 0.1);
            border-color: #dfd4fe;
        }

    .team_contact_area .contact_form_box .text_box textarea {
        height: 150px;
        resize: none;
        display: block;
    }

.team_contact_area .contact_form_box .sign_btn_transparent {
    background: transparent;
}

    .team_contact_area .contact_form_box .sign_btn_transparent:hover {
        background: #5e2ced;
        color: #fff;
    }

/*============ team_contact_area css =========*/
/*============ shop_featured_gallery_area css =========*/
.shop_featured_gallery_area {
    padding-top: 120px;
}

.featured_gallery {
    margin: -3px 0px;
}

    .featured_gallery .grid-item {
        padding: 3px;
    }

    .featured_gallery .custom-col-2 {
        width: 24.99%;
    }

    .featured_gallery .shop_featured_item {
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }

        .featured_gallery .shop_featured_item img {
            max-width: 100%;
            transition: all 0.2s linear;
        }

        .featured_gallery .shop_featured_item:hover img {
            transform: scale(1.03);
        }

    .featured_gallery .shop_content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-family: "Inter", sans-serif;
        padding: 35px 30px;
    }

        .featured_gallery .shop_content h5 {
            color: #fff;
            font-weight: 500;
            font-size: 20px;
        }

        .featured_gallery .shop_content .shop_btn {
            color: #fff;
            font-size: 13px;
            font-weight: 500;
            text-transform: uppercase;
            position: absolute;
            bottom: 30px;
            left: 30px;
        }

/*============ shop_featured_gallery_area css =========*/
/*============ shop_product_area css =========*/
.shop_title h2 {
    font-size: 48px;
    color: #051441;
}

    .shop_title h2.w_color {
        color: #fff;
    }

.shop_product_area .gadget_pr_item .pr_img .hover_content a:before {
    background: #f66b6a;
}

.shop_product_area .gadget_pr_item .single_pr_details h3 {
    font-family: "Inter", sans-serif;
    font-size: 18px;
}

    .shop_product_area .gadget_pr_item .single_pr_details h3:hover {
        color: #f66b6a;
    }

.shop_product_area .gadget_pr_item .single_pr_details .price {
    padding-top: 0;
    font-family: "Inter", sans-serif;
    font-size: 18px;
}

.product_filter {
    display: flex;
    justify-content: center;
}

    .product_filter .work_portfolio_item {
        font-size: 16px;
        font-family: "Inter", sans-serif;
        color: #2c2c51;
        margin-right: 55px;
        cursor: pointer;
        position: relative;
        padding-bottom: 13px;
    }

        .product_filter .work_portfolio_item:before {
            position: absolute;
            content: "";
            width: 0px;
            height: 2px;
            left: 0;
            bottom: 0;
            background: #f66b6a;
        }

        .product_filter .work_portfolio_item.active {
            color: #f66b6a;
        }

            .product_filter .work_portfolio_item.active:before {
                width: 100%;
            }

        .product_filter .work_portfolio_item:last-child {
            margin-right: 0;
        }

/*============ shop_product_area css =========*/
/*============ trending_product_area css =========*/
.trending_product_area {
    background: #ff9673;
    position: relative;
    z-index: 1;
}

    .trending_product_area .pattern {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

.tr_pr_left {
    width: calc(50% - 585px);
}

.tr_pr_right {
    width: calc(50% + 585px);
}

.trending_product_slider .slick-list {
    padding-left: 0 !important;
}

.trending_product_slider .gadget_pr_item {
    margin-bottom: 0;
}

    .trending_product_slider .gadget_pr_item img {
        max-width: 100%;
    }

    .trending_product_slider .gadget_pr_item.one {
        background: #ecf4fa;
    }

    .trending_product_slider .gadget_pr_item.two {
        background: #fff8f0;
    }

    .trending_product_slider .gadget_pr_item.three {
        background: #f5eeee;
    }

    .trending_product_slider .gadget_pr_item.four {
        background: #f5f4ed;
    }

    .trending_product_slider .gadget_pr_item .hover_content a:before {
        background: #f66b6a;
    }

.trending_product_slider .single_pr_details {
    padding-top: 5px;
    padding-bottom: 25px;
}

    .trending_product_slider .single_pr_details h3 {
        font-family: "Inter", sans-serif;
        font-size: 18px;
    }

        .trending_product_slider .single_pr_details h3:hover {
            color: #f66b6a;
        }

    .trending_product_slider .single_pr_details .price {
        padding-top: 0;
        font-family: "Inter", sans-serif;
        font-size: 18px;
    }

.custom_arrow button {
    width: 60px;
    height: 60px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 60px;
    background: transparent;
    border-radius: 50%;
    color: #fff;
    font-size: 15px;
}

    .custom_arrow button:hover {
        background: #fff;
        color: #051441;
    }

/*============ trending_product_area css =========*/
/*============ shop_partner_logo_area css =========*/
.shop_partner_logo_area .partner_logo_area_four {
    margin-bottom: -100px;
}

.shop_partner_logo_area .partner_info .logo_item {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 100px;
}

/*============ shop_partner_logo_area css =========*/
/*============ shop_footer_area css =========*/
.shop_footer_area {
    background: #161619;
}

    .shop_footer_area .footer_top {
        border-color: #2e2e30;
    }

        .shop_footer_area .footer_top .f_widget .f-title {
            color: #fff;
            font-family: "Inter", sans-serif;
            font-weight: 500;
            font-size: 20px;
        }

        .shop_footer_area .footer_top .f_widget.company_widget p {
            color: #fff;
            margin-bottom: 4px;
            font-family: "Inter", sans-serif;
            font-size: 14px;
        }

            .shop_footer_area .footer_top .f_widget.company_widget p a {
                color: #fff;
            }

                .shop_footer_area .footer_top .f_widget.company_widget p a:hover {
                    color: #f66b6a;
                }

        .shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control {
            background: transparent;
            border-radius: 0px;
            border: 0px;
            border-bottom: 1px solid #8b8b8c;
            padding: 0px;
            font-size: 13px;
            font-family: "Inter", sans-serif;
            height: 42px;
        }

            .shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control.placeholder {
                color: #787d7e;
            }

            .shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control:-moz-placeholder {
                color: #787d7e;
            }

            .shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control::-moz-placeholder {
                color: #787d7e;
            }

            .shop_footer_area .footer_top .f_widget.company_widget .f_subscribe .form-control::-webkit-input-placeholder {
                color: #787d7e;
            }

        .shop_footer_area .footer_top .f_widget.company_widget .f_subscribe button {
            right: 0;
            color: #787d7e;
        }

        .shop_footer_area .footer_top .f_widget.about-widget .f_list li a {
            color: #838889;
            font-size: 14px;
            font-family: "Inter", sans-serif;
        }

            .shop_footer_area .footer_top .f_widget.about-widget .f_list li a:before {
                background: #f66b6a;
            }

            .shop_footer_area .footer_top .f_widget.about-widget .f_list li a:hover {
                color: #f66b6a;
            }

    .shop_footer_area .footer_bottom {
        font-size: 13px;
        color: #787d7e;
        font-family: "Inter", sans-serif;
    }

        .shop_footer_area .footer_bottom p, .shop_footer_area .footer_bottom .f_social_icon_two a, .shop_footer_area .footer_bottom .f_menu li a {
            color: #787d7e;
        }

            .shop_footer_area .footer_bottom p a {
                color: #f66b6a;
            }

            .shop_footer_area .footer_bottom .f_social_icon_two a:hover, .shop_footer_area .footer_bottom .f_menu li a:hover, .shop_footer_area .footer_bottom a:hover {
                color: #f66b6a;
            }

        .shop_footer_area .footer_bottom .f_menu li + li:before {
            background: #515456;
        }

/*============ shop_footer_area css =========*/
/*============ dark_banner_area css =========*/
.dark_banner_area {
    background: #000000;
    padding-top: 23vh;
    padding-bottom: 60px;
}

.dark_banner_content {
    margin-bottom: 10vh;
}

    .dark_banner_content h5 {
        font-size: 30px;
        font-weight: 500;
        color: #5458F1;
        background-image: linear-gradient(95deg, #5458F1 40%, #eaccf8 54%, #69eacb 47%);
        background-image: linear-gradient(95deg, #5458F1 40%, #eaccf8 54%, #69eacb 47%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 2.2vh;
    }

    .dark_banner_content h2 {
        font-size: 60px;
        line-height: 72px;
        color: #fff;
        font-weight: 600;
        margin-bottom: 2.8vh;
    }

    .dark_banner_content h6 {
        color: #5a5b62;
        font-size: 20px;
        font-weight: 300;
    }

/*============ dark_banner_area css =========*/
/*============ perfomance_area css =========*/
.performance_title {
    margin-bottom: 87px;
}

    .performance_title h4 {
        font-size: 30px;
        font-weight: 500;
        color: #5458F1;
        background-image: linear-gradient(94deg, #5458F1 0%, #eaccf8 21%, #69eacb 22%);
        background-image: linear-gradient(94deg, #5458F1 0%, #eaccf8 21%, #69eacb 22%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 20px;
    }

    .performance_title h2 {
        font-size: 48px;
        font-weight: 600;
        color: #222222;
        margin-bottom: 0;
    }

    .performance_title .w_color {
        color: #fff;
    }

    .performance_title.text-center h4 {
        background-image: linear-gradient(95deg, #5458F1 40%, #eaccf8 52%, #69eacb 44%);
        background-image: linear-gradient(95deg, #5458F1 40%, #eaccf8 52%, #69eacb 44%);
    }

.performance_area .video_info {
    background: linear-gradient(50deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), url("../img/dark-product/video_bg.jpg") no-repeat scroll center 0/cover;
    max-width: 955px;
    border-radius: 0px;
}

    .performance_area .video_info .video_icon:before, .performance_area .video_info .video_icon:after {
        transform: scale(1);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        opacity: 0.2;
    }

    .performance_area .video_info .video_icon:before {
        width: 200px;
        height: 200px;
    }

    .performance_area .video_info .video_icon:after {
        width: 300px;
        height: 300px;
    }

    .performance_area .video_info .video_icon i {
        color: #3d57f4;
        text-shadow: 0px 6px 25px rgb(61, 87, 244);
    }

.performance_info {
    margin-top: 80px;
}

.performance_item img {
    margin-bottom: 27px;
}

.performance_item p {
    margin-bottom: 0;
    font-size: 16px;
    color: #5a5b62;
}

.performance_item .perfoence_number {
    font-size: 54px;
    line-height: 50px;
    color: #222222;
    font-weight: 500;
    margin-top: 12px;
}

    .performance_item .perfoence_number sub {
        font-size: 30px;
        bottom: 0;
        margin-left: 4px;
    }

/*============ perfomance_area css =========*/
/*============ product_chip_area css =========*/
.product_chip_area {
    background: #000;
    padding: 17px 0px;
}

.product_chip_content .performance_title {
    margin-bottom: 25px;
}

.product_chip_content p {
    color: #5a5b62;
    line-height: 27px;
}

/*============ product_chip_area css =========*/
/*============ product_multitask_area css =========*/
.product_multitask_area {
    background: #000;
}

.tab_img_info_two {
    position: relative;
    z-index: 0;
}

    .tab_img_info_two:before {
        content: "";
        width: 1006px;
        height: 598px;
        background-size: 1006px 598px;
        background-repeat: no-repeat;
        background-image: url(../img/dark-product/macbook_mockup.png);
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .tab_img_info_two:after {
        content: "";
        width: 1417px;
        height: 208px;
        display: block;
        background-size: 1417px 208px;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
        background: url("../img/dark-product/white_shadow.png");
        position: absolute;
        left: -119px;
        bottom: -151px;
        z-index: -1;
    }

    .tab_img_info_two figure.tab_img {
        position: absolute;
        z-index: 3;
        opacity: 0;
        width: 769px;
        height: 481px;
        background-size: 769px 481px !important;
        background-repeat: no-repeat !important;
        top: 30px;
        left: 50%;
        border-radius: 0px;
        transform: translateX(-50%);
    }

        .tab_img_info_two figure.tab_img.photo_img {
            background: url("../img/dark-product/photoshop.jpg");
        }

        .tab_img_info_two figure.tab_img.coding_img {
            background: url("../img/dark-product/code.jpg");
        }

        .tab_img_info_two figure.tab_img.gaming_img {
            background: url("../img/dark-product/game.jpg");
        }

        .tab_img_info_two figure.tab_img.video_img {
            background: url("../img/dark-product/video.jpg");
        }

        .tab_img_info_two figure.tab_img.audio_img {
            background: url("../img/dark-product/audio.jpg");
        }

        .tab_img_info_two figure.tab_img.active {
            position: absolute;
            opacity: 1;
        }

.multitask_tab {
    position: relative;
    z-index: 1;
    justify-content: center;
    border: 0px;
    margin-top: 40px;
}

    .multitask_tab .nav-item {
        margin-right: 30px;
    }

        .multitask_tab .nav-item .nav-link {
            border-radius: 0px;
            font-size: 14px;
            color: #5a5b62;
            text-transform: uppercase;
            padding: 10px 20px;
            background: transparent;
            border: 0px;
            position: relative;
        }

            .multitask_tab .nav-item .nav-link:before, .multitask_tab .nav-item .nav-link:after {
                content: "";
                position: absolute;
                width: 100%;
                height: 1px;
                bottom: 0;
            }

            .multitask_tab .nav-item .nav-link:before {
                background: #3e3e41;
                left: 0;
            }

            .multitask_tab .nav-item .nav-link:after {
                background: #fff;
                left: auto;
                right: 0;
                width: 0px;
                transition: width 0.3s linear;
            }

            .multitask_tab .nav-item .nav-link.active:after, .multitask_tab .nav-item .nav-link:hover:after {
                width: 100%;
                left: 0;
                right: auto;
            }

        .multitask_tab .nav-item:last-child {
            margin-right: 0;
        }

.multitask_tab_content {
    max-width: 670px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
    padding-top: 55px;
}

    .multitask_tab_content p {
        margin-bottom: 0;
        font-size: 16px;
        color: #5a5b62;
        line-height: 30px;
    }

    .multitask_tab_content .tabe_pane {
        animation: fadeOut 0.3s linear both;
    }

    .multitask_tab_content .show {
        animation: fadeInUp 0.3s linear both;
    }

/*============ product_multitask_area css =========*/
/*============ product_comparison_area css =========*/
.comparison_pr_info.one {
    margin-top: 34px;
}

.comparison_pr_info img {
    margin-bottom: 80px;
}

.comparison_pr_info h3 {
    font-size: 30px;
    color: #222222;
    font-weight: 600;
}

.comparison_pr_info ul {
    margin-bottom: 0;
}

    .comparison_pr_info ul li {
        font-size: 16px;
        color: #5a5b62;
        margin-bottom: 30px;
    }

.image_comparison {
    background: url("../img/dark-product/mac_13.png") no-repeat;
    height: 400px;
    width: 400px;
    display: inline-block;
    position: relative;
    background-position: center !important;
    margin-bottom: 0;
    padding-top: 35px;
    padding-bottom: 35px;
    margin-top: 110px;
}

    .image_comparison.image_comparison_two {
        background: url("../img/dark-product/max-15.png") no-repeat;
    }

    .image_comparison .caption_text {
        font-size: 14px;
        color: #5a5b62;
        position: absolute;
    }

        .image_comparison .caption_text.headphone {
            right: 20px;
            top: -10px;
        }

        .image_comparison .caption_text.thunderbolt {
            bottom: -10px;
            left: 85px;
        }

        .image_comparison .caption_text.thunderbolt_one {
            right: 80px;
            top: -10px;
        }

        .image_comparison .caption_text.headphone_two {
            top: 194px;
            right: 18px;
        }

        .image_comparison .caption_text.thunderbolt_three {
            bottom: -10px;
            left: 90px;
        }

/*============ product_comparison_area css =========*/
/*============ product_discount_area css =========*/
.product_discount_area {
    background: #000;
}

.product_discount_content p {
    color: #5a5b62;
    font-size: 16px;
    max-width: 670px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
}

.product_discount_content .btn_four {
    font-size: 16px;
    padding: 12px 40px;
    margin-top: 38px;
}

    .product_discount_content .btn_four:hover {
        background: #fff;
        color: #3d64f4;
        border-color: #fff;
    }

/*============ product_discount_area css =========*/
/*============ product_features_area css =========*/
.product_features_area p {
    font-size: 16px;
    color: #5a5b62;
    margin-bottom: 0;
}

.macbook_body {
    max-width: 770px;
    height: 462px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 100px;
}

    .macbook_body .top, .macbook_body .middle, .macbook_body .bottom {
        position: relative;
    }

    .macbook_body .top {
        z-index: 2;
    }

    .macbook_body .middle {
        bottom: 8px;
        z-index: 1;
    }

    .macbook_body .bottom {
        bottom: 82px;
    }

.battery_mockup {
    position: relative;
}

.battery_info {
    margin-bottom: 0;
}

    .battery_info li {
        position: absolute;
        font-size: 14px;
        color: #5a5b62;
        top: 128px;
        display: flex;
        align-items: center;
    }

        .battery_info li:nth-child(even) {
            right: 0;
            text-align: right;
            flex-direction: row-reverse;
        }

            .battery_info li:nth-child(even) .line {
                margin-left: 0;
                margin-right: 30px;
            }

        .battery_info li:nth-child(2) {
            right: 0;
        }

        .battery_info li:nth-child(3), .battery_info li:nth-child(4) {
            top: 250px;
        }

            .battery_info li:nth-child(3) .line {
                margin-left: 60px;
            }

            .battery_info li:nth-child(4) .line {
                margin-right: 60px;
            }

        .battery_info li:nth-child(5), .battery_info li:nth-child(6) {
            top: 365px;
        }

        .battery_info li .line {
            width: 145px;
            display: inline-block;
            height: 1px;
            background: #e5e5e5;
            margin-left: 30px;
        }

.product_features_content .performance_title {
    margin-bottom: 20px;
}

.product_features_info {
    margin-bottom: -80px;
}

.product_features_item {
    margin-bottom: 80px;
}

    .product_features_item .badge_content {
        font-size: 54px;
        line-height: 50px;
        color: #222;
        font-weight: 500;
        margin-bottom: 10px;
    }

        .product_features_item .badge_content .counter {
            display: inline-block;
        }

/*============ product_features_area css =========*/
/*====================================================*/
/*====================================================*/
/*=================== h_security_banner_area css =============*/
.h_security_banner_area {
    height: 100vh;
    min-height: 650px;
    background-image: linear-gradient(60deg, rgb(0, 99, 193) 0%, rgb(14, 121, 222) 100%);
    align-items: center;
    justify-content: center;
    display: flex;
    position: relative;
    z-index: 1;
}

    .h_security_banner_area .s_round {
        position: absolute;
        border-radius: 50%;
        top: -100px;
        background: rgba(255, 255, 255, 0.05);
        z-index: -1;
    }

        .h_security_banner_area .s_round.one {
            width: 280px;
            height: 280px;
            left: -8%;
        }

        .h_security_banner_area .s_round.two {
            width: 500px;
            height: 500px;
            left: -430px;
        }

    .h_security_banner_area .s_shap {
        right: 0;
        bottom: 0;
    }

.security_banner_content h2 {
    font-size: 50px;
    line-height: 64px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 18px;
}

.security_banner_content p {
    font-size: 20px;
}

.security_banner_content .app_btn {
    background-color: rgb(251, 168, 32);
    box-shadow: 0px 10px 50px 0px rgba(10, 92, 80, 0.2);
    font-size: 16px;
    padding: 10px 39px;
}

    .security_banner_content .app_btn:hover {
        box-shadow: none;
        color: #fff;
    }

.security_banner_content .w_btn {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-left: 30px;
}

    .security_banner_content .w_btn img {
        margin-right: 10px;
        vertical-align: sub;
    }

.security_title h2 {
    font-size: 34px;
    line-height: 44px;
}

    .security_title h2 span {
        display: block;
        font-weight: 300;
    }

/*================== h_security_area css ===========*/
/*================== h_security_area css ===========*/
.h_security_area {
    padding: 100px 0px;
}

    .h_security_area .row {
        margin-bottom: -45px;
    }

.h_security_item {
    align-items: center;
    margin: 45px 0px;
}

    .h_security_item img {
        margin-right: 40px;
    }

    .h_security_item .media-body h4 {
        font-size: 20px;
        font-weight: 600;
        color: #2c2c51;
        line-height: 28px;
        margin-bottom: 18px;
    }

    .h_security_item .media-body p {
        margin-bottom: 0;
        color: #7b7b93;
    }

/*=================== h_security_area css =============*/
/*=================== security_features_area css =============*/
.security_features_area {
    padding: 50px 0px;
    position: relative;
    z-index: 1;
}

.security_features_inner {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1030px;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .security_features_inner .s_features_item .item {
        width: 300px;
        text-align: center;
        border-radius: 30px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 50px 100px 0px rgba(1, 1, 64, 0.06);
        padding: 83px 0px;
        position: relative;
    }

        .security_features_inner .s_features_item .item h6 {
            font-size: 24px;
            color: #2c2c51;
            font-weight: 500;
            margin-bottom: 0;
            padding-top: 26px;
        }

    .security_features_inner .s_features_item:nth-child(3n-1) {
        margin-top: 75px;
    }

    .security_features_inner .s_features_item:nth-child(3n+1) {
        margin-top: 150px;
    }

/*=================== security_features_area css =============*/
/*=================== h_security_about_area css =============*/
.h_security_about_area {
    background: #fafbfc;
    position: relative;
    z-index: 0;
}

    .h_security_about_area:before {
        content: "";
        width: 150%;
        height: 460px;
        background: #fafbfc;
        position: absolute;
        z-index: -5;
        transform: rotate(-10.9deg);
        top: -215px;
        right: -171px;
        z-index: -1;
    }

    .h_security_about_area .h_analytices_content ul {
        border-top: 0px;
        padding-top: 0;
    }

.h_analytices_features_item.flex-row-reverse .h_security_img {
    position: relative;
}

    .h_analytices_features_item.flex-row-reverse .h_security_img:before {
        left: auto;
        right: 20px;
        background: #edb4cb;
    }

    .h_analytices_features_item.flex-row-reverse .h_security_img img {
        box-shadow: 15px 25.981px 60px 0px rgba(1, 1, 64, 0.14);
    }

.h_security_img {
    position: relative;
    z-index: 0;
}

    .h_security_img:before {
        content: "";
        position: absolute;
        width: 70px;
        top: 60px;
        bottom: 60px;
        left: 20px;
        background: #b1ceeb;
        z-index: -1;
    }

    .h_security_img img {
        box-shadow: -15px 25.981px 60px 0px rgba(1, 1, 64, 0.14);
    }

/*=================== h_security_about_area css =============*/
/*=================== security_customers_logo_area css =============*/
.security_customers_logo_area {
    padding: 60px 0px;
}

    .security_customers_logo_area .hosting_title {
        margin-bottom: 50px;
    }

.security_inner {
    padding: 0px 100px 20px;
    position: relative;
    border-bottom: 1px solid #ececf6;
}

    .security_inner .security_leaf_left,
    .security_inner .security_leaf_right {
        top: 50%;
        margin-top: -100px;
    }

    .security_inner .security_leaf_left {
        left: 0;
    }

    .security_inner .security_leaf_right {
        right: 0;
    }

.security_app_btn {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    color: #7b7b93;
}

    .security_app_btn i {
        color: #0e79de;
        font-size: 45px;
        vertical-align: middle;
        padding-right: 20px;
    }

    .security_app_btn span {
        color: #0e79de;
    }

    .security_app_btn + .security_app_btn {
        margin-left: 35px;
    }

/*=================== security_customers_logo_area css =============*/
.security_integration_area {
    padding: 30px 0px 120px;
}

    .security_integration_area .s_integration_item {
        box-shadow: 0px 3px 8px 0px rgba(12, 0, 46, 0.08);
    }

        .security_integration_area .s_integration_item:hover {
            transform: scale(1);
            box-shadow: 0px 20px 30px 0px rgba(12, 0, 46, 0.1);
        }

/*======== security_action_area css =========*/
.security_action_area {
    background: #fafafd;
    padding: 130px 0px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .security_action_area .img_bg {
        right: 0;
        top: -22px;
        z-index: -1;
    }

.security_action_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .security_action_inner .media {
        align-items: center;
    }

        .security_action_inner .media img {
            margin-right: 70px;
        }

        .security_action_inner .media h3 {
            font-size: 34px;
            font-weight: 600;
            color: #2c2c51;
            margin-bottom: 0;
        }

            .security_action_inner .media h3 span {
                display: block;
                color: #0e79de;
                font-weight: 300;
            }

    .security_action_inner .er_btn_two {
        margin-top: 0;
        background: rgb(14, 121, 222);
        border: 0px;
        padding: 12px 57px;
        box-shadow: 0px 10px 50px 0px rgba(10, 52, 92, 0.2);
    }

        .security_action_inner .er_btn_two:hover {
            box-shadow: none;
            color: #fff;
        }

.security_footer_area:after {
    display: none;
}

/*============== event_banner_area css ===========*/
.event_banner_area {
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(-120deg, rgb(110, 24, 34) 0%, rgb(14, 4, 75) 100%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

    .event_banner_area .parallax-effect {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 105%;
        z-index: -1;
        opacity: 0.2;
    }

.event_banner_content {
    position: relative;
}

    .event_banner_content .round {
        width: 600px;
        height: 600px;
        border-radius: 50%;
        background: #fff;
        opacity: 0.05;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -300px;
        margin-left: -300px;
        z-index: -1;
    }

    .event_banner_content h6 {
        font-size: 20px;
        font-weight: 500;
        color: #fcb747;
        margin-bottom: 18px;
    }

    .event_banner_content h2 {
        font-size: 80px;
        line-height: 94px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 45px;
    }

        .event_banner_content h2 span {
            font-weight: 300;
        }

    .event_banner_content .event_btn_two {
        margin-left: 15px;
    }

.event_btn {
    font-size: 16px;
    padding: 11px 51px;
    border-radius: 45px;
    background: #fd475d;
    border: 2px solid #fd475d;
    color: #fff;
}

    .event_btn i {
        margin-right: 8px;
        font-size: 26px;
        vertical-align: middle;
    }

    .event_btn:hover {
        box-shadow: 0px 10px 50px 0px rgba(195, 33, 52, 0.3);
    }

.event_btn_two {
    padding: 11px 33px;
    border-color: #fba820;
    color: #fba820;
    background: transparent;
}

    .event_btn_two:hover {
        background: #fd475d;
        color: #fff;
        border-color: #fd475d;
    }

.event_counter_area {
    background: #fdfaf6;
    padding: 75px 0px;
}

.event_text {
    padding-right: 100px;
}

    .event_text h3 {
        font-size: 34px;
        line-height: 44px;
        font-weight: 500;
        color: #2c2c51;
        margin-bottom: 0;
    }

        .event_text h3 span {
            font-weight: 700;
            color: #fd475d;
        }

.event_counter .redCountdownWrapper {
    margin-left: -18px;
    margin-right: -18px;
}

    .event_counter .redCountdownWrapper > div {
        margin: 0px 18px;
        width: calc(25% - 36px);
    }

    .event_counter .redCountdownWrapper .redCountdownValue {
        line-height: 30px;
    }

        .event_counter .redCountdownWrapper .redCountdownValue div {
            font-size: 40px;
            font-weight: 600;
            line-height: 30px;
        }

        .event_counter .redCountdownWrapper .redCountdownValue span {
            font-size: 16px;
            font-weight: 400;
        }

    .event_counter .redCountdownWrapper .redCountdownDays .redCountdownValue div,
    .event_counter .redCountdownWrapper .redCountdownDays .redCountdownValue span {
        color: #fd475d;
    }

    .event_counter .redCountdownWrapper .redCountdownHours .redCountdownValue div,
    .event_counter .redCountdownWrapper .redCountdownHours .redCountdownValue span {
        color: #2d8dfa;
    }

    .event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue div,
    .event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue span {
        color: #9449fb;
    }

    .event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue div,
    .event_counter .redCountdownWrapper .redCountdownMinutes .redCountdownValue span {
        color: #9449fb;
    }

    .event_counter .redCountdownWrapper .redCountdownSeconds .redCountdownValue div,
    .event_counter .redCountdownWrapper .redCountdownSeconds .redCountdownValue span {
        color: #4ad425;
    }

/*========== event_about_area css =======*/
.event_about_area {
    padding: 150px 0px 50px;
}

.event_about_content {
    padding-right: 120px;
}

    .event_about_content .event_about_item {
        padding-top: 40px;
    }

    .event_about_content h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
        color: #2c2c51;
        margin-bottom: 25px;
    }

    .event_about_content p {
        font-size: 16px;
        line-height: 28px;
        color: #7b7b93;
    }

    .event_about_content h6 {
        color: #2c2c51;
        font-size: 18px;
        font-weight: 500;
        padding-top: 25px;
        margin-bottom: 12px;
    }

.event_about_img {
    position: relative;
}

    .event_about_img .about_bg {
        height: 330px;
        border-radius: 10px;
        background-image: linear-gradient(140deg, rgb(253, 71, 93) 0%, rgb(14, 4, 75) 100%);
        position: absolute;
        left: 90px;
        right: -50px;
        bottom: -50px;
        opacity: 0.1;
    }

    .event_about_img img {
        border-radius: 10px;
    }

/*========== event_team_area css =========*/
.event_team_area .owl-dots {
    margin-top: 55px;
}

    .event_team_area .owl-dots .owl-dot span {
        border: 0px;
        background: #f2dcdf;
    }

    .event_team_area .owl-dots .owl-dot.active span {
        background: #fd475d;
    }

.event_team_slider .item {
    text-align: center;
    cursor: pointer;
}

    .event_team_slider .item .e_team_img {
        position: relative;
        z-index: 1;
        margin-bottom: 25px;
        border-radius: 6px;
        background-image: linear-gradient(60deg, rgb(253, 71, 93) 0%, rgb(14, 4, 75) 100%);
        overflow: hidden;
    }

        .event_team_slider .item .e_team_img:before, .event_team_slider .item .e_team_img:after {
            content: "";
            width: 100px;
            height: 121px;
            background: #fff;
            opacity: 0.6;
            position: absolute;
            bottom: -105px;
            right: -104px;
            transform: rotate(45deg);
            z-index: 1;
            transition: all 0.2s linear;
        }

        .event_team_slider .item .e_team_img:after {
            width: 172px;
            height: 117px;
            transform: rotate(-27deg);
            bottom: -120px;
        }

        .event_team_slider .item .e_team_img img {
            transition: all 0.3s, opacity 0.4s linear;
        }

        .event_team_slider .item .e_team_img ul {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 30px;
            margin-bottom: 0;
            overflow: hidden;
        }

            .event_team_slider .item .e_team_img ul li {
                overflow: hidden;
            }

                .event_team_slider .item .e_team_img ul li a {
                    width: 50px;
                    height: 50px;
                    display: inline-block;
                    border: 2px solid #fff;
                    font-size: 16px;
                    line-height: 50px;
                    border-radius: 50%;
                    color: #fff;
                    text-align: center;
                    background: rgba(255, 255, 255, 0.2);
                    transform: translateY(100%);
                }

                    .event_team_slider .item .e_team_img ul li a:hover {
                        background: #fff;
                        color: #fd475d;
                    }

                .event_team_slider .item .e_team_img ul li:nth-child(1) a {
                    transition: all 0.3s, background 0.2s, color 0.2s linear;
                }

                .event_team_slider .item .e_team_img ul li:nth-child(2) a {
                    transition: all 0.4s, background 0.2s, color 0.2s linear;
                }

                .event_team_slider .item .e_team_img ul li:nth-child(3) a {
                    transition: all 0.5s, background 0.2s, color 0.2s linear;
                }

                .event_team_slider .item .e_team_img ul li + li {
                    margin-top: 10px;
                }

    .event_team_slider .item h4 {
        font-size: 20px;
        font-weight: 500;
        color: #2c2c51;
        margin-bottom: 2px;
    }

        .event_team_slider .item h4:hover {
            color: #fd475d;
        }

    .event_team_slider .item p {
        color: #7b7b93;
        margin-bottom: 0;
    }

    .event_team_slider .item:hover .e_team_img:before {
        bottom: -55px;
        right: -44px;
        transition: all 0.3s linear;
    }

    .event_team_slider .item:hover .e_team_img:after {
        bottom: -85px;
        right: -44px;
        transition: all 0.4s linear;
    }

    .event_team_slider .item:hover img {
        opacity: 0.2;
        transform: scale(1.04);
    }

    .event_team_slider .item:hover ul li a {
        transform: translateY(0);
    }

/*============== event_features_area css ============*/
.event_features_area {
    background: #fdfaf6;
    padding-top: 100px;
}

.event_features_inner {
    margin-bottom: -120px;
    position: relative;
    z-index: 1;
}

.event_features_item {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 40px 60px 0px rgba(92, 10, 20, 0.08);
    height: 100%;
    padding: 40px;
}

    .event_features_item img {
        margin-bottom: 35px;
    }

    .event_features_item h5 {
        font-weight: 500;
        font-size: 20px;
        color: #2c2c51;
        margin-bottom: 18px;
        transition: color 0.2s linear;
        display: block;
    }

        .event_features_item h5:hover {
            color: #fd475d;
        }

    .event_features_item p {
        color: #7b7b93;
    }

    .event_features_item .e_features_btn {
        font-size: 16px;
        font-weight: 500;
        color: #2c2c51;
        display: inline-block;
        transition: color 0.2s linear;
        margin-top: 20px;
    }

        .event_features_item .e_features_btn:hover {
            color: #fd475d;
        }

.event_promotion_area {
    padding-top: 266px;
    padding-bottom: 120px;
    position: relative;
    z-index: 0;
    background: #fff;
}

.event_promotion_info {
    margin-top: -60px;
}

    .event_promotion_info p {
        padding-left: 30px;
    }

.e_promo_text {
    margin-left: 70px;
    border-radius: 6px;
    padding: 60px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 40px 60px 0px rgba(92, 10, 20, 0.08);
}

    .e_promo_text .promo_tag {
        padding: 1px 10px;
        color: #fff;
        display: inline-block;
        border-radius: 4px;
        background: #fd475d;
    }

    .e_promo_text h3 {
        font-size: 34px;
        font-weight: 600;
        line-height: 44px;
        color: #2c2c51;
        margin: 30px 0px 40px;
    }

    .e_promo_text .date {
        color: #fba820;
        margin-left: 30px;
    }

    .e_promo_text .event_btn {
        padding: 7px 37px;
    }

.event_schedule_area {
    background: #fdfaf6;
}

.event_schedule_inner {
    max-width: 970px;
    margin: 0 auto;
}

    .event_schedule_inner .event_tab {
        justify-content: center;
        padding-bottom: 20px;
        border: 0px;
    }

        .event_schedule_inner .event_tab .nav-item {
            margin: 0;
        }

            .event_schedule_inner .event_tab .nav-item .nav-link {
                text-align: center;
                border: 2px solid #fd475d;
                border-radius: 45px;
                padding: 6px 58px 8px;
                transition: all 0.2s linear;
                cursor: pointer;
            }

                .event_schedule_inner .event_tab .nav-item .nav-link h5 {
                    font-size: 18px;
                    font-weight: 600;
                    margin-bottom: 0;
                    color: #fd475d;
                }

                    .event_schedule_inner .event_tab .nav-item .nav-link h5 span {
                        font-weight: 400;
                        font-size: 14px;
                        display: block;
                        padding-top: 5px;
                    }

                .event_schedule_inner .event_tab .nav-item .nav-link.active, .event_schedule_inner .event_tab .nav-item .nav-link:hover {
                    background: #fd475d;
                    box-shadow: 0px 10px 50px 0px rgba(195, 33, 52, 0.3);
                }

                    .event_schedule_inner .event_tab .nav-item .nav-link.active h5, .event_schedule_inner .event_tab .nav-item .nav-link:hover h5 {
                        color: #fff;
                    }

            .event_schedule_inner .event_tab .nav-item + .nav-item {
                margin-left: 20px;
            }

.event_tab_content {
    max-width: 970px;
    margin: 0 auto;
}

    .event_tab_content .media {
        border-radius: 6px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 30px 60px 0px rgba(92, 10, 20, 0.08);
        padding: 40px;
        margin-top: 20px;
        transform: translateY(10px);
        transition: all 0.3s linear;
        display: flex;
        flex-wrap: wrap;
    }

        .event_tab_content .media .media-left {
            margin-right: 70px;
        }

            .event_tab_content .media .media-left img {
                border-radius: 50%;
                margin-bottom: 12px;
            }

            .event_tab_content .media .media-left a {
                display: block;
                font-size: 16px;
                line-height: 20px;
                color: #2c2c51;
                margin-top: 6px;
            }

                .event_tab_content .media .media-left a i {
                    color: #fd475d;
                    padding-right: 8px;
                }

        .event_tab_content .media .media-body {
            border-left: 1px solid #f1ece5;
            padding-left: 70px;
            flex: 1;
        }

            .event_tab_content .media .media-body .h_head {
                font-weight: 500;
                margin-bottom: 3px;
            }

            .event_tab_content .media .media-body span {
                color: #7b7b93;
            }

                .event_tab_content .media .media-body span a {
                    color: #fba820;
                }

            .event_tab_content .media .media-body p {
                color: #7b7b93;
                margin-bottom: 0;
                padding-top: 12px;
            }

    .event_tab_content .show .media {
        transform: translateY(0);
    }

/*================ event_price_area css ============== */
.event_price_item {
    padding: 46px 0px 36px;
    border: 0px;
    border-radius: 0px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 40px 0px rgba(64, 1, 9, 0.06);
    position: relative;
    margin-bottom: 30px;
}

    .event_price_item:before {
        content: "";
        background: url("../img/home-event/price_shap.png") no-repeat scroll center bottom;
        position: absolute;
        bottom: -22px;
        left: 0;
        height: 22px;
        width: 100%;
        background-size: cover;
    }

    .event_price_item .p_head {
        border: 0px;
    }

        .event_price_item .p_head h5 {
            margin-bottom: 0;
        }

        .event_price_item .p_head .rate, .event_price_item .p_head .tag {
            color: #fba820;
        }

    .event_price_item .p_body {
        padding: 0px 40px 30px;
        border-bottom: 0.5px dashed #cfcfdc;
    }

        .event_price_item .p_body li {
            color: #7b7b93;
        }

            .event_price_item .p_body li .ti-check {
                color: #26da15;
            }

            .event_price_item .p_body li .ti-close {
                color: #fc314e;
            }

    .event_price_item .event_btn {
        width: 100%;
    }

        .event_price_item .event_btn:hover {
            box-shadow: 0px 10px 40px 0px rgba(195, 33, 52, 0.3);
        }

    .event_price_item .text-center {
        padding: 40px 40px 0px;
    }

    .event_price_item.active {
        padding-top: 20px;
        box-shadow: 0px 50px 100px 0px rgba(64, 1, 9, 0.1);
    }

        .event_price_item.active .p_head .rate {
            color: #fd475d;
        }

        .event_price_item.active .p_body li {
            color: #7b7b93;
        }

        .event_price_item.active .event_btn {
            box-shadow: 0px 10px 40px 0px rgba(195, 33, 52, 0.3);
        }

    .event_price_item:hover {
        box-shadow: 0px 50px 100px 0px rgba(64, 1, 9, 0.1);
    }

/*============ event_fact_area  css =================*/
.event_fact_area {
    background: #fdfaf6;
}

    .event_fact_area .seo_fact_info:before {
        background: url("../img/home-event/dot.png") no-repeat center center;
    }

    .event_fact_area .seo_fact_info .seo_fact_item {
        margin-top: 0;
    }

.event_gallery .portfolio_item .portfolio_img:hover .hover_content {
    background-image: linear-gradient(-120deg, rgb(253, 71, 93) 0%, rgb(14, 4, 75) 100%);
    opacity: 0.8;
}

.event_sponser_inner .event_sponser_item {
    border-top: 1px solid #f0ebec;
    padding: 40px 0px;
}

    .event_sponser_inner .event_sponser_item .sponser_title {
        margin-bottom: 0;
        padding-top: 25px;
    }

    .event_sponser_inner .event_sponser_item .analytices_logo {
        margin-top: 0;
    }

    .event_sponser_inner .event_sponser_item .event_btn:hover {
        box-shadow: 0px 10px 50px 0px rgba(195, 33, 52, 0.3);
    }

    .event_sponser_inner .event_sponser_item .event_btn.event_btn_two {
        margin-left: 20px;
    }

    .event_sponser_inner .event_sponser_item.last-child {
        padding-top: 60px;
        padding-bottom: 0;
    }

.event_footer_area {
    background: #212146;
}

    .event_footer_area .instagram_widget ul li a:before {
        background: rgba(253, 71, 93, 0.5);
    }

/*============= event_location_area css =========*/
.event_location_area {
    position: relative;
    z-index: 1;
}

    .event_location_area .map iframe {
        position: absolute;
        height: 100%;
        width: 100%;
        border: 0px;
        z-index: 1;
    }

.event_location {
    max-width: 570px;
    z-index: 2;
    position: relative;
    background-color: rgba(255, 255, 255, 0.922);
    padding: 150px 100px;
}

    .event_location h6 {
        font-size: 20px;
        font-weight: 600;
        color: #2c2c51;
    }

    .event_location p {
        font-size: 16px;
        color: #7b7b93;
        margin-bottom: 0;
    }

    .event_location .contact_info_item {
        border: 0px;
    }

    .event_location .f_social_icon_two {
        padding-top: 30px;
    }

        .event_location .f_social_icon_two a {
            color: #7b7b93;
        }

            .event_location .f_social_icon_two a:hover {
                color: #fd475d;
            }

/*=========== tracking_banner_area css =============*/
.tracking_banner_area {
    background: #efeec9;
    padding-top: 175px;
}

.tracking_banner_content h3 {
    font-size: 48px;
    color: #051441;
    font-weight: 400;
    line-height: 60px;
}

.tracking_banner_content p {
    color: #666666;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 50px;
}

.tracking_software_logo {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 60px;
    padding-bottom: 50px;
    align-items: center;
}

    .tracking_software_logo img {
        filter: grayscale(100%);
        opacity: 0.25;
    }

/*============ tracking_activity_area css ==============*/
.tracking_activity_area {
    padding-top: 115px;
    background: #f6f6f6;
}

.tracking_item img {
    margin-right: 10px;
}

.tracking_item .media-body h3 {
    font-weight: 600;
    margin-bottom: 10px;
}

    .tracking_item .media-body h3:hover {
        color: #6754e2;
    }

.tracking_item .media-body p {
    margin-bottom: 0;
}

/*=========== tracking_product_area css ==============*/
.tracking_product_area {
    background: #f6f6f6;
}

.tracking_pr_item {
    padding: 60px;
}

    .tracking_pr_item .tracking_bg {
        text-align: center;
    }

    .tracking_pr_item .tracking_content {
        padding: 45px 55px;
        border: 1px solid #ffc2c2;
    }

        .tracking_pr_item .tracking_content h3 {
            font-size: 30px;
            font-weight: 600;
            line-height: 40px;
            color: #fff;
            margin-bottom: 18px;
        }

        .tracking_pr_item .tracking_content p {
            color: #fff;
            margin-bottom: 32px;
        }

        .tracking_pr_item .tracking_content .seo_btn {
            border-radius: 45px;
            background: #fff;
            border: 1px solid #ffffff;
            color: #000000;
            padding: 7px 44px;
        }

            .tracking_pr_item .tracking_content .seo_btn:hover {
                box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.1);
            }

        .tracking_pr_item .tracking_content .seo_btn_one {
            border: 1px solid #9472cd;
            color: #8964c7;
            background: #eee9f7;
        }

            .tracking_pr_item .tracking_content .seo_btn_one:hover {
                background: #8964c7;
            }

    .tracking_pr_item + .tracking_pr_item {
        margin-top: 120px;
    }

.tracking_pr_two .tracking_content {
    border-color: #fff;
}

/*=========== tracking_price_area css ==============*/
.tracking_price_area {
    background: #f8ad5d;
}

.tracking_price_inner {
    max-width: 760px;
    margin: 0 auto;
}

    .tracking_price_inner h2 {
        color: #fff;
        text-align: center;
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 0;
    }

    .tracking_price_inner .track_price {
        padding-right: 70px;
    }

        .tracking_price_inner .track_price h3 {
            font-size: 120px;
            color: #fff;
            font-weight: 700;
            line-height: 90px;
            margin-bottom: 10px;
        }

        .tracking_price_inner .track_price h6 {
            color: rgba(255, 255, 255, 0.5);
            font-size: 24px;
            line-height: 24px;
            font-weight: 400;
            text-align: right;
            margin-bottom: 0;
        }

    .tracking_price_inner .track_body {
        padding: 80px 0px;
    }

    .tracking_price_inner .track_text {
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        padding-left: 72px;
    }

        .tracking_price_inner .track_text h4 {
            color: #fff;
            font-size: 30px;
            font-weight: 600;
            margin-bottom: 18px;
        }

        .tracking_price_inner .track_text ul {
            margin-bottom: 0;
        }

            .tracking_price_inner .track_text ul li {
                font-size: 18px;
                color: #fff;
            }

                .tracking_price_inner .track_text ul li i {
                    font-size: 16px;
                    margin-right: 7px;
                }

    .tracking_price_inner .software_banner_btn {
        font-size: 16px;
        background-color: rgb(103, 84, 226);
        box-shadow: none;
    }

        .tracking_price_inner .software_banner_btn:hover {
            box-shadow: 0px 17px 35px 0px rgba(103, 84, 226, 0.27);
            color: #fff;
        }

    .tracking_price_inner h6 {
        color: rgba(255, 255, 255, 0.5);
        font-size: 14px;
        margin-bottom: 0;
        margin-top: 20px;
    }

.tracking_getting_area {
    text-align: center;
    background: url("../img/home-tracking/cta_pattern_bg.jpg") no-repeat scroll center 0/cover;
}

    .tracking_getting_area h2 {
        font-weight: 700;
        font-size: 36px;
        color: #222;
    }

    .tracking_getting_area .software_banner_btn {
        background-color: rgb(103, 84, 226);
        font-size: 16px;
        box-shadow: 0px 17px 35px 0px rgba(103, 84, 226, 0.27);
        padding: 17px 60px;
        margin-top: 10px;
    }

        .tracking_getting_area .software_banner_btn:hover {
            box-shadow: none;
            color: #fff;
        }

/*============= chat_banner_area css ============*/
.chat_banner_area {
    height: 100vh;
    min-height: 700px;
    background: #fafafe;
    position: relative;
    padding: 150px 0px 120px;
    overflow: hidden;
}

    .chat_banner_area .cloud {
        top: 190px;
        left: 0px;
        width: 100%;
    }

    .chat_banner_area .left {
        left: 0;
        bottom: 30px;
    }

    .chat_banner_area .right {
        right: 0;
        bottom: 30px;
    }

.chat_banner_content {
    padding-top: 128px;
}

    .chat_banner_content .c_tag {
        border-radius: 4px;
        background: #e2f4e8;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        display: inline-block;
        color: #0ec123;
        padding: 4px 15px;
        margin-bottom: 25px;
    }

        .chat_banner_content .c_tag img {
            margin-right: 6px;
        }

    .chat_banner_content h2 {
        font-size: 48px;
        line-height: 72px;
        font-weight: 400;
        color: #051441;
        margin-bottom: 30px;
    }

    .chat_banner_content .chat_btn {
        width: 100%;
    }

    .chat_banner_content span {
        font-size: 14px;
        color: #999999;
    }

.chat_img {
    position: relative;
}

    .chat_img .round {
        position: absolute;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        opacity: 0.7;
    }

        .chat_img .round.one {
            background: #deeef1;
            left: 0;
            bottom: 120px;
        }

        .chat_img .round.two {
            background: #f5eae3;
            right: -20px;
            top: 120px;
        }

        .chat_img .round.three {
            background: #f9f5e8;
            right: -50px;
            top: 70px;
            width: 60px;
            height: 60px;
        }

    .chat_img .p_one {
        right: -250px;
        bottom: 300px;
        animation: fadeInUp3 2.5s 1s both alternate infinite;
        z-index: 1;
    }

    .chat_img .p_two {
        left: -140px;
        bottom: 300px;
        z-index: 1;
        animation: fadeInUp3 2.5s 3s both alternate infinite;
    }

    .chat_img .p_three {
        right: -70px;
        bottom: 180px;
        z-index: 1;
        animation: fadeInUp3 1.5s 5s both alternate infinite;
    }

/*=========== chat_core_features_area css ============*/
.chat_title {
    margin-bottom: 75px;
}

    .chat_title h2 {
        color: #222;
        font-weight: 400;
        font-size: 36px;
        line-height: 48px;
    }

        .chat_title h2 span {
            font-weight: 700;
        }

    .chat_title p {
        max-width: 730px;
        margin: 0px auto;
        color: #677294;
    }

.chat_features_item {
    text-align: center;
    padding: 0px 30px;
}

    .chat_features_item .round {
        height: 270px;
        line-height: 324px;
        position: relative;
    }

        .chat_features_item .round .top_img {
            top: -6px;
            right: 8px;
            transition: all 0.3s linear;
        }

    .chat_features_item .round_circle {
        background-image: linear-gradient(-140deg, rgb(244, 131, 163) 0%, rgb(198, 112, 254) 100%);
        width: 220px;
        height: 220px;
        border-radius: 50%;
        display: block;
        margin: 0 auto;
        left: 58%;
        transform: translateX(-50%);
        position: absolute;
        z-index: -1;
        top: 0;
    }

        .chat_features_item .round_circle.two {
            background-image: linear-gradient(-140deg, rgb(131, 243, 244) 0%, rgb(112, 182, 254) 100%);
        }

        .chat_features_item .round_circle.three {
            background-image: linear-gradient(-140deg, rgb(240, 244, 131) 0%, rgb(254, 192, 112) 100%);
        }

    .chat_features_item h4 {
        font-size: 18px;
        font-weight: 700;
        color: #222;
        margin-bottom: 18px;
        position: relative;
        z-index: 1;
    }

    .chat_features_item p {
        color: #666666;
        line-height: 24px;
    }

    .chat_features_item:hover .round .top_img {
        transform: rotate(90deg);
    }

/*============= chat_features_area css ===========*/
.chat_features_area {
    padding: 120px 0px;
}

.chat_features_img {
    background-image: linear-gradient(-140deg, rgb(131, 224, 244) 0%, rgb(112, 148, 254) 100%);
    width: 100%;
    height: 475px;
    position: relative;
    padding-left: 60px;
}

    .chat_features_img .chat_features_img_bg_one {
        position: absolute;
        left: 0;
        z-index: -1;
        top: 50%;
        transform: translateY(-50%);
    }

    .chat_features_img .chat_one, .chat_features_img .chat_two {
        box-shadow: 0px 5px 20px 0px rgba(12, 0, 46, 0.15);
    }

    .chat_features_img .chat_one {
        top: 0px;
        position: relative;
    }

    .chat_features_img .chat_two {
        left: 46%;
        bottom: -35px;
    }

    .chat_features_img .dot_bg {
        left: -30px;
        bottom: 40px;
    }

.chat_features_content img {
    margin-bottom: 28px;
}

.chat_features_content h2 {
    font-size: 36px;
    font-weight: 400;
    color: #222;
    margin-bottom: 16px;
}

    .chat_features_content h2 span {
        font-weight: 700;
    }

.chat_features_content p {
    line-height: 30px;
    color: #666666;
}

.chat_features_content a {
    color: #666666;
    font-size: 14px;
    font-weight: 700;
}

    .chat_features_content a:hover {
        color: #6754e2;
    }

.chat_features_img_two {
    background-image: linear-gradient(-140deg, rgb(247, 176, 92) 0%, rgb(240, 130, 96) 100%);
    margin-left: 30px;
}

    .chat_features_img_two .chat_two {
        bottom: 50px;
        left: -30px;
    }

    .chat_features_img_two .chat_one {
        top: -30px;
    }

.chat_features_img_three {
    background-image: linear-gradient(-140deg, rgb(92, 247, 125) 0%, rgb(112, 199, 254) 100%);
}

    .chat_features_img_three .chat_two {
        left: 60px;
        bottom: 50px;
    }

.chat_integration_area {
    padding-bottom: 120px;
}

    .chat_integration_area .border-bottom {
        margin-bottom: 110px;
    }

/*============= chat_features_area css ===========*/
/*============= chat_clients_area css ===========*/
.chat_clients_feedback {
    background-image: linear-gradient(-140deg, rgb(92, 227, 247) -100%, rgb(112, 165, 254) 100%);
    display: flex;
    align-items: flex-end;
}

    .chat_clients_feedback.feedback_two {
        background-image: linear-gradient(-140deg, rgb(180, 115, 254) 0%, rgb(173, 101, 255) 100%);
    }

        .chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body {
            padding-right: 0;
        }

.clients_feedback_item {
    display: flex;
    align-items: flex-start;
    align-items: center;
    padding-top: 40px;
}

    .clients_feedback_item .feedback_body {
        padding-left: 100px;
        padding-right: 100px;
        position: relative;
        flex: 1;
    }

        .clients_feedback_item .feedback_body p {
            color: #fff;
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 25px;
        }

        .clients_feedback_item .feedback_body .ratting {
            padding-bottom: 10px;
        }

            .clients_feedback_item .feedback_body .ratting i {
                font-size: 16px;
                color: #ffc859;
            }

        .clients_feedback_item .feedback_body .f_name {
            font-size: 30px;
            color: #fff;
            font-weight: 400;
            margin-bottom: 0;
        }

        .clients_feedback_item .feedback_body a {
            font-size: 14px;
            color: #fff;
        }

.chat_get_started_area {
    background: url("../img/home-chat/get_started_bg.png") no-repeat scroll center bottom;
    height: 712px;
    padding-top: 120px;
}

.chat_get_started_content h2 {
    font-weight: 700;
    color: #222;
    font-size: 36px;
}

.chat_get_started_content p {
    font-size: 18px;
    line-height: 30px;
    max-width: 550px;
    margin: 0 auto 40px;
}

.chat_btn {
    background: #6754e2;
    color: #fff;
    padding: 9px 95px;
    border-radius: 4px;
}

    .chat_btn:hover {
        box-shadow: 0px 10px 40px 0px rgba(103, 84, 226, 0.3);
    }

.h_footer_track {
    padding-bottom: 100px;
}

    .h_footer_track:before, .h_footer_track:after {
        display: none;
    }

/*============= chat_clients_area css ===========*/
/*====================================================*/
/*====================================================*/
/*============== banner_area css =============*/
.banner_area {
    min-height: 720px;
    height: 100vh;
    overflow: hidden;
    position: relative;
    background: #f5f7fb;
    z-index: 1;
}

.banner_text h2 {
    font-size: 44px;
    color: #2c2c51;
    line-height: 54px;
    font-weight: 600;
    margin-bottom: 20px;
}

.banner_text p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 45px;
}

.image_mockup .one_img {
    position: absolute;
    z-index: -1;
}

    .image_mockup .one_img .layer {
        position: relative !important;
    }

    .image_mockup .one_img:nth-child(1) {
        right: -29px;
        top: 106px;
    }

    .image_mockup .one_img:nth-child(2) {
        right: 178px;
        top: 338px;
    }

    .image_mockup .one_img:nth-child(3) {
        bottom: 18px;
        right: 541px;
    }

    .image_mockup .one_img:nth-child(4) {
        bottom: -433px;
        right: 665px;
    }

    .image_mockup .one_img:nth-child(5) {
        bottom: 78px;
        right: -185px;
    }

    .image_mockup .one_img:nth-child(6) {
        bottom: -323px;
        right: 76px;
    }

    .image_mockup .one_img:nth-child(7) {
        bottom: 190px;
        right: 90px;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(8) {
        top: 100px;
        left: -150px;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(9) {
        top: 50%;
        left: 56%;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(10) {
        top: 210px;
        left: 30%;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(11) {
        bottom: 80px;
        left: 200px;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(12) {
        top: 42%;
        left: 160px;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(13) {
        top: 220px;
        right: 30%;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(14) {
        top: 80px;
        right: 40%;
        z-index: -2;
        animation: zoomIn 3s linear infinite alternate;
    }

    .image_mockup .one_img:nth-child(15) {
        bottom: 180px;
        left: 600px;
        z-index: -2;
    }

    .image_mockup .one_img:nth-child(16) {
        top: 460px;
        right: 414px;
        z-index: -2;
    }

.dmeo_banner_btn {
    font-size: 16px;
    color: #fff;
    background-color: rgb(94, 44, 237);
    box-shadow: 0px 20px 50px 0px rgba(123, 78, 245, 0.3);
    border-radius: 25px;
    font-weight: 500;
    padding: 11px 41px;
    display: inline-block;
    transition: all 0.3s linear;
}

    .dmeo_banner_btn:hover {
        box-shadow: none;
        color: #fff;
    }

/*============== banner_area css =============*/
@media (min-width: 1450px) {
    .custom_container_two {
        max-width: 1400px;
    }
}

@media (min-width: 1700px) {
    .custom_container_two {
        max-width: 1660px;
    }
}

.demo_features_area {
    position: relative;
}

    .demo_features_area .section_title h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .demo_features_area .row {
        margin-bottom: -100px;
    }

.section_title {
    margin-bottom: 70px;
}

    .section_title .number {
        font-size: 70px;
        line-height: 60px;
        font-weight: 700;
        font-family: "Poppins", sans-serif;
        background-image: -moz-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
        background-image: -webkit-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
        background-image: -ms-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 25px;
    }

        .section_title .number sup {
            font-weight: 500;
            background-image: -moz-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
            background-image: -webkit-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
            background-image: -ms-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            top: -0.4em;
        }

    .section_title h2 {
        font-size: 40px;
        line-height: 50px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #051441;
    }

        .section_title h2 span {
            font-weight: 400;
            font-size: 16px;
            text-transform: uppercase;
            color: #5e2ced;
            letter-spacing: 2px;
        }

    .section_title p {
        font-size: 18px;
        line-height: 30px;
        color: #7b7b93;
        font-weight: 400;
        max-width: 900px;
        margin: 0 auto;
    }

.banner_text mark {
    position: relative;
    z-index: 1;
    background-color: transparent;
    padding: 0;
}

    .banner_text mark:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 10px;
        height: 10px;
        background-color: #f591c3;
        z-index: -1;
        width: 100%;
    }

.banner_text .typed {
    font-weight: 700;
}

.banner_text .typed-cursor {
    font-weight: 500;
}

.demo_features_area .features_item {
    text-align: center;
    margin-bottom: 100px;
}

    .demo_features_area .features_item .content {
        padding-top: 44px;
    }

        .demo_features_area .features_item .content h3 {
            font-size: 20px;
            margin-bottom: 20px;
            color: #051441;
            font-weight: 600;
        }

        .demo_features_area .features_item .content p {
            margin-bottom: 0;
        }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.filtering_demos {
    margin-bottom: 0px;
}

    .filtering_demos .nav-tabs {
        border: 0px;
        align-items: center;
        justify-content: center;
    }

        .filtering_demos .nav-tabs .nav-item {
            border: 0px;
            padding: 0px;
            font-weight: 500;
            font-size: 17px;
            color: #2c2c51;
            position: relative;
        }

            .filtering_demos .nav-tabs .nav-item span {
                background-image: -moz-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
                background-image: -webkit-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
                background-image: -ms-linear-gradient(70deg, #3a2bdc 18%, #8545eb 51%, #cf5ff9 68%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                padding: 0px;
                border-radius: 25px;
                position: absolute;
                font-weight: 600;
                top: -12px;
                right: -18px;
                font-size: 14px;
                text-align: center;
            }

            .filtering_demos .nav-tabs .nav-item.active {
                color: #5e2ced;
                background: transparent;
            }

                .filtering_demos .nav-tabs .nav-item.active span {
                    color: #5e2ced;
                }

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

.demo_area {
    position: relative;
}

    .demo_area .bg_demo {
        position: absolute;
        height: 755px;
        background: #f9fafe;
        width: 100%;
        top: 0;
    }

.portfolio-image {
    text-align: center;
    position: relative;
    padding-top: 10px;
    margin-top: 60px;
    cursor: pointer;
}

    .portfolio-image h1 {
        font-size: 24px;
        color: #5e2ced;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        left: 0;
        font-weight: 600;
    }

    .portfolio-image .overlay_link {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        height: 100%;
    }

    .portfolio-image .new {
        font-size: 16px;
        border-radius: 4px;
        background-color: red;
        box-shadow: 0px 10px 20px 0px rgba(255, 0, 0, 0.2);
        position: absolute;
        top: -10px;
        right: -10px;
        padding: 0px 13px;
        color: #fff;
        font-weight: 500;
    }

    .portfolio-image .img {
        transition: all 0.3s linear;
        position: relative;
    }

        .portfolio-image .img img {
            box-shadow: 0px 30px 60px 0px rgba(1, 1, 64, 0.08);
            width: 100%;
            max-width: 100%;
        }

    .portfolio-image h6 {
        font-size: 18px;
        font-weight: 500;
        margin-top: 40px;
        transition: color 0.2s linear;
        margin-bottom: 0;
        color: #051441;
    }

        .portfolio-image h6:hover {
            color: #5e2ced;
        }

    .portfolio-image:hover .img {
        transform: translateY(-8px);
    }

.elemator_area {
    background: #f9fafe;
    text-align: center;
}

.elemator_inner {
    position: relative;
}

.elemetor_img {
    position: absolute;
    z-index: 1;
}

    .elemetor_img img {
        border-radius: 4px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 20px 50px 0px rgba(1, 1, 64, 0.08);
        z-index: 1;
    }

    .elemetor_img.one {
        left: 155px;
        top: 65px;
    }

    .elemetor_img.two {
        left: 315px;
        top: 135px;
    }

    .elemetor_img.three {
        left: 235px;
        top: 308px;
    }

    .elemetor_img.four {
        bottom: 109px;
        left: 150px;
    }

    .elemetor_img.five {
        left: 185px;
        top: 195px;
    }

    .elemetor_img.six {
        bottom: 153px;
        left: 350px;
    }

    .elemetor_img.seven {
        top: 42%;
        left: 0px;
    }

    .elemetor_img.eight {
        right: 155px;
        top: 65px;
    }

    .elemetor_img.nine {
        right: 315px;
        top: 135px;
    }

    .elemetor_img.ten {
        right: 209px;
        top: 325px;
    }

    .elemetor_img.eleven {
        bottom: 109px;
        right: 95px;
    }

    .elemetor_img.r_one {
        right: 132px;
        top: 195px;
    }

    .elemetor_img.r_two {
        bottom: 153px;
        right: 350px;
    }

    .elemetor_img.r_three {
        top: 42%;
        right: 0px;
    }

.elemator_img {
    display: inline-block;
    margin: 0 auto;
    position: relative;
}

    .elemator_img .e_log {
        position: absolute;
        top: -50px;
        right: -50px;
    }

.slider_demos_area {
    background: #f9fafe;
    padding: 120px 0px 80px;
}

    .slider_demos_area .section_title {
        margin-bottom: 50px;
    }

    .slider_demos_area .slick-slide .inner {
        margin: 32px 15px 65px;
    }

        .slider_demos_area .slick-slide .inner img {
            box-shadow: 0px 10px 50px 0px rgba(1, 1, 64, 0.1);
            background: #f9fafe;
            margin-bottom: 30px;
        }

    .slider_demos_area .section_title .number {
        font-size: 70px;
        line-height: 60px;
        margin-bottom: 30px;
    }

.demo_feature_area {
    padding: 120px 0px 80px;
    position: relative;
}

    .demo_feature_area .row {
        padding-left: 120px;
    }

    .demo_feature_area .f_shap {
        position: absolute;
    }

        .demo_feature_area .f_shap.f_shap_one {
            right: 0;
            top: 50px;
        }

        .demo_feature_area .f_shap.f_shap_two {
            left: 0;
            bottom: 50px;
        }

.f_content {
    max-width: 600px;
    margin-top: -40px;
}

    .f_content h2 {
        font-size: 34px;
        line-height: 44px;
        font-weight: 600;
        color: #051441;
        margin-bottom: 30px;
    }

    .f_content p {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 40px;
        padding-right: 50px;
    }

    .f_content .g_logo {
        border-radius: 50%;
        margin-bottom: 35px;
        background-image: -moz-linear-gradient(60deg, rgb(94, 44, 237) 0%, rgb(131, 89, 248) 100%);
        background-image: -webkit-linear-gradient(60deg, rgb(94, 44, 237) 0%, rgb(131, 89, 248) 100%);
        background-image: -ms-linear-gradient(60deg, rgb(94, 44, 237) 0%, rgb(131, 89, 248) 100%);
        box-shadow: 0px 20px 30px 0px rgba(18, 1, 64, 0.1);
        width: 100px;
        height: 100px;
        text-align: center;
        line-height: 100px;
    }

.f_btn {
    font-size: 16px;
    line-height: 25px;
    color: #5e2ced;
    font-weight: 500;
    border: 2px solid #b196fa;
    border-radius: 45px;
    padding: 10px 39px;
    display: inline-block;
    transition: all 0.3s linear;
}

    .f_btn:hover {
        background: #5e2ced;
        box-shadow: 0px 20px 50px 0px rgba(123, 78, 245, 0.3);
        color: #fff;
        border-color: #5e2ced;
    }

.f_two {
    margin-top: 190px;
}

    .f_two .f_img {
        margin-left: -50px;
    }

    .f_two .f_content {
        margin-left: 62px;
    }

.utility_area {
    display: flex;
    padding: 100px 0px 100px;
    position: relative;
    flex-direction: row-reverse;
    z-index: 2;
}

    .utility_area .u_round {
        position: absolute;
        right: 0;
        top: -40px;
        z-index: -1;
    }

    .utility_area .utility_left {
        width: 40%;
    }

    .utility_area .utility_right {
        width: 60%;
    }

        .utility_area .utility_right .slick-list {
            padding-left: 0 !important;
        }

            .utility_area .utility_right .slick-list .slick-slide {
                padding: 20px;
                padding-bottom: 50px;
            }

                .utility_area .utility_right .slick-list .slick-slide:focus {
                    outline: none !important;
                }

            .utility_area .utility_right .slick-list img {
                box-shadow: 0px 20px 20px 0px rgba(18, 1, 64, 0.08);
                border-radius: 10px;
            }

.slick-dots {
    text-align: left;
    padding-left: 20px;
    margin-top: -10px;
    bottom: 0;
}

    .slick-dots li {
        margin: 0;
        width: auto;
        height: auto;
    }

        .slick-dots li button {
            padding: 0px;
            margin-right: 10px;
            width: 8px;
            height: 8px;
        }

            .slick-dots li button:before {
                color: #dedef1;
                opacity: 1;
                font-size: 8px;
                width: auto;
                height: auto;
                line-height: 8px;
            }

        .slick-dots li.slick-active button:before {
            color: #5e2cec;
        }

.u_content {
    max-width: 592px;
    margin-right: 0;
    margin-left: auto;
    padding-right: 100px;
}

    .u_content h3 {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 15px;
        color: #5e2ced;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .u_content h2 {
        font-size: 34px;
        margin-bottom: 25px;
        line-height: 44px;
        color: #051441;
        font-weight: 600;
    }

    .u_content p {
        margin-bottom: 40px;
    }

    .u_content .dmeo_banner_btn {
        padding: 8px 30px;
        box-shadow: none;
        border-radius: 45px;
        border: 2px solid transparent;
    }

        .u_content .dmeo_banner_btn:hover {
            border-color: #5e2ced;
            box-shadow: rgba(123, 78, 245, 0.3) 0px 20px 50px 0px;
            color: #fff;
        }

.plugin_area {
    text-align: center;
    padding: 110px 0px 10px;
    position: relative;
    z-index: 1;
}

    .plugin_area h6 {
        font-weight: 400;
        font-size: 16px;
        margin-bottom: 15px;
        color: #5e2ced;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .plugin_area h2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 35px;
    }

        .plugin_area h2 a {
            color: #5e2ced;
            position: relative;
        }

    .plugin_area .plugin_sub_title {
        color: #2c2c51;
        font-size: 30px;
        font-weight: 500;
        line-height: 54px;
        margin-bottom: 55px;
    }

        .plugin_area .plugin_sub_title span {
            color: #5e2ced;
        }

.plugin_item {
    margin-bottom: 75px;
}

    .plugin_item img {
        margin-bottom: -30px;
    }

    .plugin_item .img {
        position: relative;
    }

    .plugin_item .save {
        position: absolute;
        top: -14px;
        right: 22px;
    }

    .plugin_item h4 {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .plugin_item p {
        font-size: 14px;
        color: #5e2ced;
        font-weight: 500;
        margin-bottom: 0;
        cursor: pointer;
        transition: all 0.2s linear;
    }

        .plugin_item p.orange {
            color: #ff754b;
        }

@media (min-width: 1400px) {
    .blog_area .container,
    .shop_area .container {
        max-width: 1200px;
    }
}

.slick-slide:focus {
    outline: none !important;
}

.shop_area {
    padding: 40px 0px 120px;
    position: relative;
    z-index: 0;
}

    .shop_area:before {
        content: "";
        width: 752px;
        background: url("../img/demo/circle-3.png") no-repeat center left;
        height: 1000px;
        left: 0;
        position: absolute;
        bottom: 50px;
        z-index: -1;
    }

    .shop_area .shop_slider {
        margin-left: -40px;
        margin-right: -40px;
        margin-bottom: 0;
    }

        .shop_area .shop_slider .slick-slide {
            padding: 40px;
        }

            .shop_area .shop_slider .slick-slide img {
                box-shadow: 0px 20px 20px 0px rgba(18, 1, 64, 0.08);
                border-radius: 10px;
            }

    .shop_area .u_content {
        padding-right: 0;
        padding-left: 80px;
    }

        .shop_area .u_content ul {
            margin-bottom: 35px;
        }

            .shop_area .u_content ul li {
                font-size: 16px;
                color: #7b7b93;
                font-weight: 500;
                position: relative;
                padding-left: 25px;
            }

                .shop_area .u_content ul li:before {
                    background: url("../img/demo/arrow.png") no-repeat scroll center 0;
                    content: "";
                    width: 13px;
                    height: 13px;
                    position: absolute;
                    left: 0;
                    top: 5px;
                    display: initial;
                    vertical-align: middle;
                }

                .shop_area .u_content ul li + li {
                    margin-top: 10px;
                }

    .shop_area .slick-dots {
        bottom: 0;
        padding-left: 0;
        left: 0;
        text-align: center;
        position: relative;
    }

.blog-content {
    padding-top: 25px;
}

.entry-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.image_index {
    border-radius: 10px;
}

.calendar-date {
    position: absolute;
    left: 20px;
    top: 20px;
    border-radius: 4px;
    background-color: #fbfbfd;
    box-shadow: 0 14px 30px 0 rgba(68,28,183,.25);
    text-align: center;
    color: #5a7b8d;
    padding: 5px 20px;
    z-index: 1;
}

.search_input{
    padding: 15px;
}

.blog-title {
    padding: 50px 0;
    text-align: center;
    background: #fbfbfd;
}

.blog_area {
    overflow: hidden;
    background: #ffffff;
    padding-top: 100px;
    padding-bottom: 60px;
}

    .blog_area .u_content {
        padding-right: 0;
    }

        .blog_area .u_content h2 {
            line-height: 50px;
        }

.arrow i {
    border-width: 1px;
    border-color: rgb(243, 245, 248);
    border-style: solid;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);
    width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 18px;
    color: #4e5761;
    line-height: 47px;
    text-align: center;
    transition: all 0.3s linear;
    cursor: pointer;
}

    .arrow i:hover {
        background: #5e2ced;
        color: #fff;
    }

    .arrow i + i {
        margin-left: 12px;
    }

.blog_slider {
    margin-right: -200px;
    margin-bottom: -28px;
    right: -90px;
    position: relative;
}

    .blog_slider.slick-initialized .slick-slide {
        display: block;
        padding-right: 90px;
    }

    .blog_slider .blog_item {
        position: relative;
        padding-left: 10px;
        padding-right: 150px;
    }

        .blog_slider .blog_item .round {
            width: 160px;
            height: 160px;
            border-radius: 50%;
            background: #08c31a;
            box-shadow: 10.856px 10.321px 20px 0px rgba(33, 108, 184, 0.12);
            text-align: center;
            font-size: 60px;
            color: #fff;
            font-weight: 600;
            line-height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            right: -66px;
            top: 109px;
            z-index: 1;
            animation: fadeOut 0.2s both 0.9s;
        }

            .blog_slider .blog_item .round .text {
                position: relative;
                padding-right: 7px;
            }

            .blog_slider .blog_item .round sup {
                font-weight: 400;
                font-size: 32px;
                position: absolute;
                top: 11px;
            }

            .blog_slider .blog_item .round span {
                font-weight: 500;
                font-size: 20px;
                line-height: 25px;
                display: block;
            }

        .blog_slider .blog_item img {
            position: relative;
            bottom: 0px;
        }

        .blog_slider .blog_item .img {
            animation: fadeOutLeft 0.2s both 0.3s;
            box-shadow: 5px 8.66px 20px 0px rgba(1, 1, 64, 0.06);
        }

        .blog_slider .blog_item .img_two {
            position: absolute;
            right: -21px;
            bottom: 0px;
            animation: fadeOut 0.5s both;
            box-shadow: -46.985px -17.101px 80px 0px rgba(1, 1, 64, 0.2);
        }

    .blog_slider .slick-active.item .round {
        animation: zoomIn 0.2s both 1.3s;
    }

    .blog_slider .slick-active.item .img {
        animation: fadeInLeft 0.7s both 0.8s;
    }

    .blog_slider .slick-active.item .img_two {
        animation: fadeInRight 0.7s both 1s;
    }

.correct_features_area {
    padding-top: 110px;
}

    .correct_features_area .col-lg-2 {
        flex: 0 0 20%;
        max-width: 20%;
        text-align: center;
    }

.c_features_item {
    margin-bottom: 94px;
}

    .c_features_item .img {
        height: 62px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .c_features_item .img img {
            display: inline-block;
        }

    .c_features_item h6 {
        margin-bottom: 0;
        font-size: 16px;
        color: #7b7b93;
        font-weight: 400;
        margin-top: 25px;
    }

.portfolio_area {
    padding: 140px 0px;
    position: relative;
    z-index: 1;
}

    .portfolio_area .portfolio_slider {
        margin-left: -50px;
        margin-right: -50px;
        margin-bottom: auto;
        padding-bottom: 30px;
        margin-top: -30px;
    }

        .portfolio_area .portfolio_slider .slick-slide {
            padding: 30px 100px;
        }

        .portfolio_area .portfolio_slider .p_item {
            display: inline-block;
            text-align: right;
            width: 900px;
        }

            .portfolio_area .portfolio_slider .p_item img {
                display: inline-block;
                max-width: 100%;
                box-shadow: 0px 10px 30px 0px rgba(18, 1, 64, 0.08);
                border-radius: 10px;
                opacity: 0.2;
            }

        .portfolio_area .portfolio_slider .slick-active .p_item {
            text-align: center;
        }

            .portfolio_area .portfolio_slider .slick-active .p_item img {
                opacity: 1;
            }

    .portfolio_area .p_slider_inner {
        position: relative;
    }

        .portfolio_area .p_slider_inner .arrow i {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }

            .portfolio_area .p_slider_inner .arrow i.prevs {
                left: 370px;
            }

            .portfolio_area .p_slider_inner .arrow i.nexts {
                right: 370px;
            }

        .portfolio_area .p_slider_inner .slick-dots {
            text-align: center;
            margin-bottom: 0;
            margin-top: 0;
        }

.portfolio_area_two {
    background: #8e81fc;
    padding: 100px 0px 80px;
    position: relative;
    z-index: 1;
}

    .portfolio_area_two h2 {
        color: #fff;
        line-height: 50px;
    }

    .portfolio_area_two .slick-slide {
        padding: 30px 78px 55px;
    }

        .portfolio_area_two .slick-slide .item img {
            background-color: rgb(255, 255, 255);
            box-shadow: 0px 30px 50px 0px rgba(18, 1, 64, 0.1);
        }

.c_features_area_two {
    padding: 80px 0px 0px;
}

@media (min-width: 1500px) {
    .c_features_area_two .custom_container {
        max-width: 1410px;
    }
}

.c_features_area_two .section_title {
    margin-bottom: 88px;
}

.c_features_area_two .c_features_item {
    text-align: center;
    padding: 0px 22px;
}

    .c_features_area_two .c_features_item img {
        margin-bottom: 32px;
    }

    .c_features_area_two .c_features_item h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }

.testimonial_area {
    background: #f9fafe;
    padding: 82px 0px 70px;
}

.test_inner {
    position: relative;
}

    .test_inner .arrow .tprevs,
    .test_inner .arrow .tnexts {
        position: absolute;
        top: 45%;
        transform: translateY(-50%);
    }

    .test_inner .arrow .tprevs {
        left: 380px;
    }

    .test_inner .arrow .tnexts {
        right: 380px;
    }

.testimonial_slider_demo .slick-track {
    display: flex;
}

.testimonial_slider_demo .slick-slide {
    height: 100%;
    padding: 15px 80px 64px;
    min-height: 300px;
}

    .testimonial_slider_demo .slick-slide .d-flex {
        justify-content: space-between;
        align-items: center;
    }

    .testimonial_slider_demo .slick-slide .content {
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 30px 50px 0px rgba(18, 1, 64, 0.08);
        min-height: 300px;
        padding: 50px 55px;
        opacity: 0.6;
        transition: opacity 0.4s linear;
    }

        .testimonial_slider_demo .slick-slide .content h5 {
            font-size: 18px;
            font-weight: 600;
            color: #2c2c51;
            margin-bottom: 5px;
        }

        .testimonial_slider_demo .slick-slide .content span {
            color: #7b7b93;
            font-size: 15px;
            font-style: italic;
            font-weight: 400;
        }

        .testimonial_slider_demo .slick-slide .content .ratting i {
            color: #f2b827;
            font-size: 14px;
            padding-left: 5px;
        }

        .testimonial_slider_demo .slick-slide .content p {
            font-size: 18px;
            line-height: 32px;
            margin-bottom: 0;
            margin-top: 20px;
        }

    .testimonial_slider_demo .slick-slide.slick-center .content {
        opacity: 1;
        background: linear-gradient(135deg, rgb(125, 45, 255), rgb(31, 110, 255));
    }

        .testimonial_slider_demo .slick-slide.slick-center .content h5,
        .testimonial_slider_demo .slick-slide.slick-center .content span,
        .testimonial_slider_demo .slick-slide.slick-center .content p {
            color: #fff;
        }

.portfolio_area_three {
    padding: 120px 0px 80px;
}

    .portfolio_area_three .slick-slide {
        padding: 30px 78px 55px;
    }

    .portfolio_area_three .item img {
        box-shadow: 0px 30px 50px 0px rgba(18, 1, 64, 0.08);
    }

    .portfolio_area_three .item h6 {
        text-align: center;
    }

        .portfolio_area_three .item h6 a {
            color: #2c2c51;
            margin-top: 30px;
            font-size: 20px;
            display: inline-block;
            transition: color 0.2s linear;
        }

            .portfolio_area_three .item h6 a:hover {
                color: #5e2ced;
            }

/*============= typography_part css =================*/
.mark_text {
    color: #5e2ced;
    background-color: transparent;
    padding: 0;
}

.typography_part {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 140px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
    .typography_part {
        padding: 100px 0;
    }
}

@media (max-width: 768px) {
    .typography_part {
        padding: 70px 0;
    }

    .cart-btn {
        top: 6px
    }
}

@media (min-width: 1200px) {
    .typography_part .custom_container {
        max-width: 1440px;
    }
}

@media (min-width: 1200px) {
    .typography_part .typgraphy_content {
        margin-left: -17px;
    }

        .typography_part .typgraphy_content br {
            display: none;
        }
}

.typography_part .typgraphy_content h5 {
    font-size: 16px;
    text-transform: uppercase;
    color: #5e2ced;
    letter-spacing: 3px;
    margin-bottom: 15px;
}

@media (max-width: 991px) and (min-width: 768px) {
    .typography_part .typgraphy_content h5 {
        margin-bottom: 10px;
    }

    .signup_btn {
        margin-right: 0px !important;
        font-size: 14px !important;
    }

    .login_btn {
        margin-left: 0px !important;
    }
}

@media (max-width: 768px) {
    .typography_part .typgraphy_content h5 {
        margin-bottom: 10px;
    }
}

.typography_part .typgraphy_content h2 {
    font-size: 34px;
    line-height: 1.5;
    margin-bottom: 19px;
    font-weight: 600;
    color: #051441;
}

@media (max-width: 991px) and (min-width: 768px) {
    .typography_part .typgraphy_content h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .typography_part .typgraphy_content h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }
}

.typography_part .typgraphy_content .btn_1 {
    box-shadow: 0px 20px 50px 0px rgba(123, 78, 245, 0.3);
    margin-top: 25px;
    padding: 10px 40px;
}

    .typography_part .typgraphy_content .btn_1:hover {
        box-shadow: none;
    }

.typography_part .typgraphy_img {
    position: relative;
    right: -67px;
    text-align: right;
}

    .typography_part .typgraphy_img img {
        box-shadow: 30px 10px 70px rgba(18, 1, 64, 0.1);
    }

@media (max-width: 991px) and (min-width: 768px) {
    .typography_part .typgraphy_img {
        right: 0;
    }
}

@media (max-width: 768px) {
    .typography_part .typgraphy_img {
        right: 0;
        margin-top: 40px;
    }
}

.typography_part .circle_shape_1 {
    border-radius: 50%;
    background: #fef5f3;
    position: absolute;
    right: 47px;
    width: 400px;
    height: 400px;
    animation: circleAnimation 7s linear infinite;
    z-index: -1;
    bottom: 70px;
}

/*============= utility_pages css =================*/
.utility_pages_1_wrap {
    background: #fafafc;
    overflow: hidden;
    position: relative;
    padding: 71px 0 0;
}

    .utility_pages_1_wrap .round_shape_bg {
        position: absolute;
        top: 80px;
        left: 0;
        width: 100%;
        text-align: center;
    }

        .utility_pages_1_wrap .round_shape_bg .r_img {
            position: relative;
            display: inline-block;
        }

            .utility_pages_1_wrap .round_shape_bg .r_img:before {
                position: absolute;
                content: "";
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                background: #eae2ff;
                width: 100%;
                height: 100%;
                border-radius: 50%;
                animation: round_circle 3s infinite;
            }

    .utility_pages_1_wrap .section_title {
        margin-bottom: 128px;
    }

    .utility_pages_1_wrap .utility_pages_imgs .utility_img {
        position: relative;
        height: 410px;
    }

        .utility_pages_1_wrap .utility_pages_imgs .utility_img .uti_img {
            position: absolute;
            bottom: 0;
            transition: all 0.3s;
        }

            .utility_pages_1_wrap .utility_pages_imgs .utility_img .uti_img img {
                transition: all 0.3s;
                box-shadow: 10px 0px 20px 0px rgba(0, 22, 46, 0.1);
            }

        .utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_1 {
            left: 0;
            transform: translateY(0);
            z-index: 5;
        }

        .utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_2 {
            left: 20%;
            transform: translateY(0);
            z-index: 4;
        }

@media (max-width: 768px) {
    .utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_2 {
        left: 15%;
    }
}

.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_3 {
    left: 39%;
    transform: translateY(0);
    z-index: 3;
}

@media (max-width: 768px) {
    .utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_3 {
        left: 35%;
    }
}

.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_4 {
    right: 18%;
    transform: translateY(0);
    z-index: 2;
}

@media (max-width: 768px) {
    .utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_4 {
        right: 15%;
    }
}

.utility_pages_1_wrap .utility_pages_imgs .utility_img .utility_img_5 {
    right: 0px;
    transform: translateY(0);
    z-index: 1;
}

.mb_show {
    display: none;
}

.utility_pages_2_wrap {
    background: #fff;
    padding: 290px 0 265px;
    position: relative;
}

@media (max-width: 768px) {
    .utility_pages_2_wrap {
        padding: 110px 0;
    }
}

.utility_pages_2_wrap .shape_2 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.utility_pages_2_wrap .section_title {
    margin-bottom: 40px;
}

    .utility_pages_2_wrap .section_title h4 {
        margin-bottom: 7px;
    }

.utility_pages_2_wrap .utility_pages_2_img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    text-align: right;
}

@media (max-width: 1450px) {
    .utility_pages_2_wrap .utility_pages_2_img img {
        width: 90%;
    }
}

@media (max-width: 1450px) and (max-width: 1200px) {
    .utility_pages_2_wrap .utility_pages_2_img img {
        width: 70%;
    }
}

@media (max-width: 1450px) and (max-width: 1200px) and (max-width: 991px) {
    .utility_pages_2_wrap .utility_pages_2_img img {
        width: 50%;
    }
}
/*============= support_part css =================*/
.support_part .single_support_part {
    text-align: center;
}

@media (max-width: 991px) {
    .support_part .single_support_part {
        margin-bottom: 30px;
    }
}

.support_part .single_support_part h4 {
    margin-top: 35px;
}

    .support_part .single_support_part h4 a {
        color: #2c2c51;
        font-size: 24px;
        transition: all 0.5s;
    }

        .support_part .single_support_part h4 a:hover {
            color: #5e2ced;
        }

@media (min-width: 991px) {
    .support_part .single_support_part .single_support_img {
        min-height: 197px;
        display: inline-block;
    }
}

.support_part .single_support_part p {
    margin-top: 15px;
}

.support_part .single_support_part .read_more_btn {
    color: #2c2c51;
    display: inline-block;
    font-size: 16px;
    margin-top: 9px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    margin-right: 29px;
}

    .support_part .single_support_part .read_more_btn i {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        position: absolute;
        right: -25px;
        top: 5px;
    }

    .support_part .single_support_part .read_more_btn:hover {
        color: #5e2ced;
    }

        .support_part .single_support_part .read_more_btn:hover i {
            right: -30px;
        }

.cta_section {
    border: 1px solid #f0eef5;
}

    .cta_section .cta_part_iner {
        text-align: center;
    }

        .cta_section .cta_part_iner h2 {
            font-size: 50px;
        }

@media (max-width: 991px) {
    .cta_section .cta_part_iner h2 {
        font-size: 35px;
    }
}

.cta_section .cta_part_iner p {
    margin: 14px 0 40px;
}

    .cta_section .cta_part_iner p a {
        color: #5e2ced;
        text-decoration: underline;
    }

/*============= responsive_area css =================*/
.responsive_area {
    padding: 150px 0px 50px;
    position: relative;
    z-index: 1;
}

    .responsive_area .r_shap {
        position: absolute;
        left: 0;
        top: 250px;
        z-index: -1;
    }

    .responsive_area .responsive_device {
        display: flex;
        align-items: flex-end;
    }

        .responsive_area .responsive_device img {
            max-width: 100%;
            margin-left: -20px;
        }

.responsive_content .u_content {
    padding-right: 0;
    margin-left: 0;
}

    .responsive_content .u_content .item {
        padding-right: 10px;
        padding-top: 25px;
    }

        .responsive_content .u_content .item img {
            margin-bottom: 30px;
        }

        .responsive_content .u_content .item h5 {
            font-size: 18px;
            font-weight: 500;
            margin-bottom: 15px;
        }

        .responsive_content .u_content .item p {
            font-size: 15px;
            margin-bottom: 0;
        }

/*============= footer css =================*/
.footer_part {
    background-color: #5e2ced;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    padding: 140px 0px 150px;
}

    .footer_part .footer_shap_1 {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .footer_part .footer_shap_2 {
        position: absolute;
        right: 0;
        top: 0;
    }

    .footer_part .footer_shap_3 {
        position: absolute;
        left: 30%;
        top: 40%;
    }

    .footer_part .circle_shape_1 {
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.6);
        opacity: 0.1;
        position: absolute;
        right: -150px;
        top: 40%;
        width: 300px;
        height: 300px;
        -webkit-animation: circleAnimation 7s linear infinite;
        animation: circleAnimation 7s linear infinite;
        z-index: -1;
    }

    .footer_part .footer_shap_3 {
        backface-visibility: hidden;
        animation: jumping_animation 3s ease-in-out 0.5s infinite alternate;
        animation-delay: 0.5s;
        transition: all 0.5s ease 5s;
        user-select: none;
        z-index: -1;
    }

    .footer_part h2 {
        color: #fff;
        font-size: 40px;
        line-height: 54px;
        margin-bottom: 50px;
    }

    .footer_part a {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        border: 2px solid #dfd5fb;
        padding: 8px 36px;
        display: inline-block;
        border-radius: 25px;
        transition: all 0.3s linear;
    }

        .footer_part a i {
            padding-right: 15px;
            font-size: 22px;
            position: relative;
            top: 2px;
        }

        .footer_part a:hover {
            background: #fff;
            border-color: #fff;
            color: #5e2ced;
        }

    .footer_part .f_logo {
        background: transparent;
        padding: 0px;
        border: 0px;
        margin-bottom: 40px;
    }

        .footer_part .f_logo:hover {
            background: transparent;
        }

.agency_title {
    margin-bottom: 70px;
}

    .agency_title h4 {
        font-size: 16px;
        color: #3d59e8;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.92px;
        margin-bottom: 15px;
    }

    .agency_title h2 {
        font-size: 40px;
        color: #051441;
        font-weight: 600;
    }

    .agency_title.agency_title_decoration .small_title {
        margin-bottom: 0;
    }

    .agency_title.agency_title_decoration img {
        margin-bottom: 10px;
    }

/*============== new css two  ===============*/
/*============== testimonial carousel Start ===============*/
.testimonial_section {
    background-position: center bottom;
    padding: 120px 0px 230px;
}

/* team section - end */
/* team carousel - start */
.agency_testimonial_carousel {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 120px;
}

    .agency_testimonial_carousel .testimonia_list_layout {
        margin: 0px;
    }

    .agency_testimonial_carousel .owl-dots {
        top: 50%;
        left: 0px;
        z-index: 1;
        position: absolute;
        margin: 0px !important;
        transform: translateY(-50%);
    }

        .agency_testimonial_carousel .owl-dots .owl-dot {
            margin: 0px;
            padding: 0px;
            display: block;
            margin-bottom: 30px;
        }

            .agency_testimonial_carousel .owl-dots .owl-dot:last-child {
                margin-bottom: 0px;
            }

            .agency_testimonial_carousel .owl-dots .owl-dot button {
                margin: 0px;
                padding: 0px;
                line-height: 1;
                display: block;
                font-weight: 700;
                color: #677294;
                transition: all 0.4s ease-in-out;
                border-bottom: 1px solid #dedede;
            }

            .agency_testimonial_carousel .owl-dots .owl-dot:hover button {
                color: #3e5ae8;
                transform: scale(1.3);
                border-color: #3e5ae8;
            }

            .agency_testimonial_carousel .owl-dots .owl-dot.active button {
                color: #3e5ae8;
                transform: scale(2.55);
                border-color: #3e5ae8;
            }

.testimonia_list_layout {
    margin-top: 60px;
}

    .testimonia_list_layout .member_image {
        z-index: 1;
        float: left;
        width: 470px;
        text-align: center;
        position: relative;
    }

        .testimonia_list_layout .member_image .image_wrap {
            max-width: 370px;
            display: inline-block;
        }

        .testimonia_list_layout .member_image .flow_1,
        .testimonia_list_layout .member_image .flow_2 {
            top: 0px;
            left: 0px;
            max-width: 90px;
            position: absolute;
        }

        .testimonia_list_layout .member_image .flow_1 {
            top: 105px;
            z-index: 1;
        }

        .testimonia_list_layout .member_image .flow_2 {
            top: 125px;
            z-index: -1;
        }

    .testimonia_list_layout .member_content {
        display: table;
        max-width: 455px;
        padding-left: 40px;
    }

    .testimonia_list_layout .quote_icon {
        opacity: 0.2;
        max-width: 60px;
        margin-bottom: 15px;
        display: inline-block;
    }

        .testimonia_list_layout .quote_icon svg {
            width: 100%;
            height: auto;
            display: block;
        }

    .testimonia_list_layout .member_name {
        margin-bottom: 10px;
    }

        .testimonia_list_layout .member_name > a {
            line-height: 1;
            font-size: 24px;
            font-weight: 600;
            position: relative;
            color: #222d39;
        }

            .testimonia_list_layout .member_name > a:hover {
                color: #3e5ae8;
            }

            .testimonia_list_layout .member_name > a:before {
                width: 0px;
                left: auto;
                right: 0px;
                bottom: 0px;
                height: 2px;
                content: "";
                position: absolute;
                background: #3e5ae8;
                transition: width 0.3s linear;
            }

    .testimonia_list_layout:hover .member_name > a:before {
        left: 0px;
        width: 100%;
        right: auto;
    }

    .testimonia_list_layout .member_title {
        display: block;
        line-height: 1;
        font-size: 14px;
    }

    .testimonia_list_layout .flow_shape {
        line-height: 1;
        max-width: 45px;
        margin-top: 20px;
        margin-bottom: 20px;
        display: inline-block;
    }

/*============== testimonial carousel End ===============*/
/*============== testimonial carousel End ===============*/
.blog_grid {
    margin-bottom: 30px;
    transition: all 0.2s linear;
}

    .blog_grid .blog_image {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .blog_grid .blog_image > img {
            max-width: 100%;
        }

    .blog_grid .blog_content {
        padding: 30px 40px;
        box-shadow: 0 30px 50px 0 rgba(64, 1, 4, 0.06);
    }

    .blog_grid .entry_post_info {
        line-height: 1;
        color: #7b7b93;
        display: block;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 13px;
        text-transform: uppercase;
    }

        .blog_grid .entry_post_info i {
            color: #f86570;
            margin-right: 8px;
        }

    .blog_grid .blog_title {
        margin-bottom: 40px;
    }

        .blog_grid .blog_title > a {
            display: block;
            font-size: 24px;
            font-weight: 500;
            padding-right: 18px;
            line-height: 1.56;
            color: #222d39;
            transition: all 0.2s linear;
        }

    .blog_grid:hover .blog_title > a {
        color: #3e5ae8;
    }

    .blog_grid ul {
        margin: 0px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .blog_grid ul > li {
            flex: 1;
            float: left;
            text-align: center;
            display: inline-block;
        }

            .blog_grid ul > li:first-child {
                text-align: left;
            }

            .blog_grid ul > li:last-child {
                text-align: right;
            }

            .blog_grid ul > li > a {
                line-height: 1;
                color: #7b7b93;
                display: block;
                font-size: 14px;
                font-weight: 500;
                text-transform: uppercase;
            }

                .blog_grid ul > li > a i {
                    color: #f86570;
                    margin-right: 8px;
                    vertical-align: bottom;
                }

                .blog_grid ul > li > a .arrow_right {
                    margin-left: 5px;
                    margin-right: 0px;
                    transition: all 0.2s linear;
                    display: inline-block;
                }

                .blog_grid ul > li > a:hover {
                    color: #3e5ae8;
                }

                    .blog_grid ul > li > a:hover i {
                        color: #3e5ae8;
                    }

                    .blog_grid ul > li > a:hover .arrow_right {
                        transform: translateX(5px);
                    }

/*============== testimonial carousel End ===============*/
/*============== main_product_item Start ===============*/
.main_product_item {
    display: block;
    overflow: hidden;
    position: relative;
}

    .main_product_item > img {
        width: 100%;
        display: block;
    }

.main_product_slider {
    position: relative;
    padding-bottom: 120px;
}

    .main_product_slider .main_product_item {
        margin-bottom: 67px;
    }

    .main_product_slider .carousel-control-next,
    .main_product_slider .carousel-control-prev {
        top: 39%;
        z-index: 1;
        opacity: 1;
        width: 70px;
        height: 80px;
        bottom: unset;
        display: flex;
        text-align: center;
        position: absolute;
        color: #3e5ae8;
        justify-content: center;
        background-color: #ffffff;
        transform: translateY(-39%);
        transition: all 0.2s linear;
        box-shadow: 0px 0px 0px 1px rgb(62, 90, 232);
    }

        .main_product_slider .carousel-control-next i,
        .main_product_slider .carousel-control-prev i {
            display: block;
            font-size: 24px;
        }

        .main_product_slider .carousel-control-next:hover,
        .main_product_slider .carousel-control-prev:hover {
            color: #ffffff;
            background-color: #3e5ae8;
            box-shadow: 0px 10px 20px 0px rgba(66, 97, 234, 0.2);
            background-image: linear-gradient(-45deg, #5176ef 0%, #293ce1 100%);
        }

    .main_product_slider .carousel-control-prev {
        left: -150px;
    }

    .main_product_slider .carousel-control-next {
        right: -150px;
    }

.carousel-indicators {
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    text-align: center;
    position: relative;
}

    .carousel-indicators li {
        opacity: 1;
        margin: 0px;
        width: auto;
        border: none;
        height: auto;
        padding: 15px 0px;
        max-width: max-content;
        line-height: 1;
        color: #bbbbbb;
        text-indent: 0;
        font-size: 32px;
        font-weight: 600;
        background: none;
        position: relative;
        display: inline-block;
        transition: all 0.2s linear;
    }

        .carousel-indicators li:after {
            top: 0;
            height: 1px;
            width: 30px;
            content: "";
            bottom: auto;
            margin-left: 35px;
            margin-right: 35px;
            vertical-align: middle;
            position: relative;
            background-color: #bbbbbb;
        }

        .carousel-indicators li:before, .carousel-indicators li:last-child:after {
            display: none;
        }

        .carousel-indicators li:hover, .carousel-indicators li.active {
            color: #222d39;
        }

/*============== main_product_item Start ===============*/
/*============== service_section Start ===============*/
.home2_service_title {
    margin-bottom: 30px;
}

    .home2_service_title .title_icon {
        max-width: 100px;
        margin-bottom: 60px;
        display: inline-block;
    }

    .home2_service_title .title_text {
        font-size: 38px;
        font-weight: 600;
        line-height: 1.421;
        color: #fff;
    }

        .home2_service_title .title_text span {
            color: #f6ff00;
            display: inline-block;
        }

.image_primary_service {
    max-width: 370px;
    margin: 35px auto 0px;
}

    .image_primary_service .serial_number {
        line-height: 1;
        font-size: 18px;
        margin-bottom: 25px;
        color: #fff;
        display: inline-block;
        text-decoration: underline;
    }

    .image_primary_service .service_title {
        margin-bottom: 25px;
    }

        .image_primary_service .service_title > a {
            z-index: 1;
            line-height: 1;
            font-size: 30px;
            position: relative;
            display: inline-block;
            color: #fff;
        }

            .image_primary_service .service_title > a:before {
                width: 0px;
                left: auto;
                right: 0px;
                z-index: -1;
                bottom: -1px;
                height: 2px;
                content: "";
                position: absolute;
                background: #fff;
                transition: width 0.3s linear;
            }

    .image_primary_service:hover .service_title > a:before {
        left: 0px;
        width: 100%;
        right: auto;
    }

    .image_primary_service .service_image {
        display: block;
        overflow: hidden;
        position: relative;
    }

        .image_primary_service .service_image > img {
            width: 100%;
            display: block;
        }

        .image_primary_service .service_image:before {
            top: 0px;
            left: 0px;
            right: 0px;
            bottom: 0px;
            content: "";
            opacity: 0;
            position: absolute;
            transition: all 0.2s linear;
            background-color: rgba(61, 89, 232, 0.55);
        }

    .image_primary_service:hover .service_image:before {
        opacity: 1;
    }

/*============== service_section End ===============*/
/*============== creative_features_one Start ===============*/
.creative_features_one .agency_title {
    margin-bottom: 90px;
}

/*============== creative_features_one End ===============*/
/*============== creative_fun_fact_area Start ===============*/
.creative_fun_fact_area {
    padding: 40px 0px 120px;
}

    .creative_fun_fact_area .seo_fact_info:before {
        display: none;
    }

    .creative_fun_fact_area .seo_fact_info .seo_fact_item {
        margin-right: 0px;
        margin-top: 0;
        width: auto;
        height: auto;
        box-shadow: none;
    }

        .creative_fun_fact_area .seo_fact_info .seo_fact_item:before {
            top: 50%;
            width: 7px;
            content: "";
            right: -5px;
            height: 64px;
            position: absolute;
            background-size: 100%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background-repeat: no-repeat;
            background-position: center center;
            background-image: url(../img/digital-agency/shapes/flow_04.png);
        }

        .creative_fun_fact_area .seo_fact_info .seo_fact_item .counter {
            font-size: 60px;
            line-height: 1;
            margin-bottom: 5px;
        }

    .creative_fun_fact_area .seo_fact_info .col-lg-3:last-child .seo_fact_item:before {
        display: none;
    }

/*============== creative_fun_fact_area End ===============*/
/*============== creative_fun_fact_area End ===============*/
.consultation_image {
    float: left;
    overflow: hidden;
    max-width: 1240px;
    position: relative;
    margin-left: -375px;
    background-color: #000000;
}

    .consultation_image .square_play_btn {
        top: 50%;
        left: 50%;
        z-index: 1;
        width: 162px;
        height: 230px;
        display: flex;
        color: #ffffff;
        line-height: 1;
        text-align: center;
        position: absolute;
        align-items: center;
        justify-content: center;
        border: 5px solid #ffffff;
        transform: translate(-50%, -50%);
    }

        .consultation_image .square_play_btn:hover {
            color: #ffffff;
        }

        .consultation_image .square_play_btn > span {
            line-height: 1;
            display: block;
            font-size: 18px;
            text-transform: uppercase;
        }

            .consultation_image .square_play_btn > span i {
                display: block;
                font-size: 30px;
                margin-bottom: 25px;
            }

.consultation_content {
    top: 50%;
    z-index: 2;
    right: 15px;
    width: 570px;
    display: flex;
    padding: 50px;
    min-height: 600px;
    text-align: center;
    position: absolute;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    background-color: #3e5ae8;
    box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
}

    .consultation_content .text {
        max-width: 390px;
        margin-bottom: 0;
    }

        .consultation_content .text .small_title {
            color: #ffffff;
            font-weight: 700;
        }

        .consultation_content .text .flow_image {
            max-width: 45px;
            margin-bottom: 20px;
            display: inline-block;
        }

        .consultation_content .text .title_text {
            font-size: 34px;
            font-weight: 700;
            line-height: 1.176;
            margin-bottom: 25px;
            color: #fff;
        }

        .consultation_content .text p {
            font-size: 18px;
            margin-bottom: 50px;
            color: #fff;
        }

    .consultation_content .slider_btn {
        font-weight: 700;
        color: #3e5ae8;
        box-shadow: 1.392px 9.903px 10px 0px rgba(66, 97, 234, 0.21);
        padding: 20px 69px;
    }

        .consultation_content .slider_btn:hover {
            background: #333;
            color: #fff;
        }

/*============== creative_fun_fact_area End ===============*/
.creative_feedback {
    background-image: linear-gradient(30deg, #ee376a 0%, #f2498e 100%);
    margin-bottom: 70px;
}

    .creative_feedback .sec_title p {
        color: #fff;
    }

/*====================================================*/
/*====================================================*/
/*============== footer_area css ==============*/
.f_bg {
    /*background: #333232;*/
    box-shadow: 0px -1px 0px 0px #fff;
}

    .f_bg p {
        /*color: #fff;*/
    }

.footer_top {
    border-bottom: 1px solid #e0e3ef;
    padding: 115px 0px 100px;
}

.f_widget .widget-wrap {
    margin-top: 35px;
}

    .f_widget .widget-wrap p span {
        color: #051441;
    }

    .f_widget .widget-wrap p a {
        color: #677294;
        transition: color 0.2s linear;
    }

.f_widget.company_widget .mchimp-errmessage,
.f_widget.company_widget .mchimp-sucmessage {
    position: absolute;
}

.f_widget.about-widget .f_list {
    margin-bottom: 0px;
}

    .f_widget.about-widget .f_list li {
        margin-bottom: 15px;
    }

        .f_widget.about-widget .f_list li a {
            font: 300 16px/20px "Poppins", sans-serif;
            color: #677294;
            position: relative;
            transition: color 0.2s linear;
            display: inline-block;
        }

            .f_widget.about-widget .f_list li a:before {
                content: "";
                width: 0;
                height: 1px;
                background: #6754e2;
                right: 0;
                left: auto;
                bottom: 0;
                position: absolute;
                transition: width 0.2s linear;
            }

            .f_widget.about-widget .f_list li a:hover:before {
                width: 100%;
                right: auto;
                left: 0;
            }

        .f_widget.about-widget .f_list li:last-child {
            margin-bottom: 0px;
        }

.f_subscribe {
    position: relative;
    margin-top: 40px;
}

    .f_subscribe .form-control {
        font: 300 14px "Poppins", sans-serif;
        color: #333;
        border: 1px solid rgb(226, 231, 243);
        border-radius: 3px;
        background: rgb(233, 236, 243);
        padding-left: 25px;
        height: 54px;
        box-shadow: none;
    }

        .f_subscribe .form-control.placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control:-moz-placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control::-moz-placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control::-webkit-input-placeholder {
            color: #9ba2b5;
        }

        .f_subscribe .form-control:focus {
            box-shadow: 0px 4px 6px 0px rgba(12, 0, 46, 0.06);
        }

    .f_subscribe button {
        position: absolute;
        right: 25px;
        background: transparent;
        padding: 0;
        color: #222d39;
        font-size: 16px;
        top: 52%;
        transform: translateY(-50%);
    }

.footer_bottom {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #7f88a6;
    padding: 27px 0px;
}

    .footer_bottom p a {
        transition: color 0.2s linear;
    }

    .footer_bottom .f_menu {
        margin-bottom: 0px;
    }

        .footer_bottom .f_menu li {
            display: inline-block;
            position: relative;
        }

            .footer_bottom .f_menu li a {
                /*color: #fff;*/
                transition: color 0.2s linear;
            }

                .footer_bottom .f_menu li a:hover {
                    /*color: #5b7921;*/
                }

            .footer_bottom .f_menu li + li {
                margin-left: 16px;
            }

                .footer_bottom .f_menu li + li:before {
                    content: "";
                    width: 1px;
                    height: 12px;
                    background: #b1b7ca;
                    display: inline-block;
                    margin-right: 18px;
                    vertical-align: middle;
                }

    .footer_bottom a:hover {
        color: #6754e2;
    }

.f_social_icon_two a {
    font-size: 14px;
    color: #5b7921;
    margin: 0px 8px;
}

.f_social_icon_three a {
    font-size: 14px;
    color: #5b7921;
    margin: 0px 16px 0px 0px;
}

/*================ footer area two css ==============*/
.footer_area_two {
    background: #fbfbfd;
}

    .footer_area_two .footer_top_two {
        border-bottom: 1px solid #e9ecf3;
        padding: 120px 0px 70px;
    }

        .footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:before {
            background: #00aff0;
        }

        .footer_area_two .footer_top_two .f_widget.about-widget .f_list li a:hover {
            color: #00aff0;
        }

        .footer_area_two .footer_top_two .f_widget .widget-wrap p a:hover {
            color: #00aff0;
        }

    .footer_area_two .footer_bottom {
        position: relative;
    }

        .footer_area_two .footer_bottom p a {
            color: #00aff0;
        }

        .footer_area_two .footer_bottom .f_menu li a:hover {
            color: #00aff0;
        }

        .footer_area_two .footer_bottom .f_menu li + li:before {
            background: #7f88a6;
        }

.f_social_icon a {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 45px;
    color: #fff;
    display: inline-block;
    background: rgb(91, 121, 33);
    text-align: center;
    transition: all 0.2s linear;
}

    .f_social_icon a:hover {
        background: transparent;
        color: #fff !important;
    }

    .f_social_icon a + a {
        margin-left: 10px;
    }

.pagescroll_btn {
    width: 44px;
    height: 44px;
    border: 1px solid #1d1d42;
    font-size: 16px;
    color: #00aff0;
    text-align: center;
    line-height: 44px;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: -22px;
    background: #121233;
}

.footer_three {
    background: #1b1e29;
}

    .footer_three .footer_top {
        border-color: #252130;
        color: #b2b6c4;
    }

        .footer_three .footer_top p {
            color: #b2b6c4;
        }

        .footer_three .footer_top .f-title {
            color: #fff;
        }

        .footer_three .footer_top .f_widget.about-widget .f_list li a {
            color: #b2b6c4;
        }

            .footer_three .footer_top .f_widget.about-widget .f_list li a:before {
                background: #a8a9ab;
            }

            .footer_three .footer_top .f_widget.about-widget .f_list li a:hover {
                color: #fff;
            }

        .footer_three .footer_top .social_icon {
            margin-top: 42px;
        }

            .footer_three .footer_top .social_icon a {
                width: 46px;
                height: 46px;
                border-radius: 50%;
                color: #8a8e9b;
                font-size: 14px;
                line-height: 45px;
                background: #282b38;
                text-align: center;
                display: inline-block;
                margin-right: 12px;
                transition: all 0.2s linear;
            }

                .footer_three .footer_top .social_icon a:hover {
                    background: #7444fd;
                    color: #fff;
                }

    .footer_three .footer_bottom {
        color: #b2b6c4;
    }

        .footer_three .footer_bottom .f_menu li a {
            color: #b2b6c4;
        }

            .footer_three .footer_bottom .f_menu li a:hover {
                color: #fff;
            }

/*=============== footer_area_four css =============*/
.footer_area_four .footer_top {
    border-bottom: 1px solid #e9ecf3;
    padding: 120px 0px 70px;
}

    .footer_area_four .footer_top .f_widget.about-widget .f_list li a:hover {
        color: #5e2ced;
    }

        .footer_area_four .footer_top .f_widget.about-widget .f_list li a:hover:before {
            background: #5e2ced;
        }

    .footer_area_four .footer_top .f_widget .widget-wrap p a:hover {
        color: #5e2ced;
    }

.footer_area_four .footer_bottom p a {
    color: #5b7921;
}

.footer_area_four .footer_bottom a:hover {
    color: #5b7921;
}

/*======= footer_area_five css ========*/
.footer_area_five .footer_top .f_widget.about-widget .f_list li a:hover {
    color: #3d64f4;
}

    .footer_area_five .footer_top .f_widget.about-widget .f_list li a:hover:before {
        background: #3d64f4;
    }

.footer_area_five .footer_top .f_widget .widget-wrap p a:hover {
    color: #3d64f4;
}

.footer_area_five .footer_bottom p a {
    color: #3d64f4;
}

.footer_area_five .footer_bottom a:hover {
    color: #3d64f4;
}

.footer_area_six {
    background-image: linear-gradient(0deg, rgb(28, 20, 59) 0%, rgb(17, 19, 57) 100%);
    border-top: 2px solid #192161;
}

.footer_top_six .company_widget a {
    color: #3d64f4;
}

.footer_top_six .f_widget.about-widget .f_list li a:before {
    background: #fff;
}

.footer_top_six .f_widget.about-widget .f_list li a:hover {
    color: #fff;
}

.footer_top_six .social-widget {
    margin-right: -15px;
}

    .footer_top_six .social-widget .f_social_icon {
        padding-top: 4px;
    }

        .footer_top_six .social-widget .f_social_icon a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: #232453;
            transition: all 0.3s linear;
        }

            .footer_top_six .social-widget .f_social_icon a + a {
                margin-left: 2px;
            }

            .footer_top_six .social-widget .f_social_icon a:hover {
                background: #3d57f4;
            }

/*============ footer_seven css==============*/
.footer_seven {
    border-top: 1px solid #d9e1fb;
}

    .footer_seven .f_social_icon {
        padding-top: 14px;
    }

        .footer_seven .f_social_icon a {
            width: auto;
            height: auto;
            font-size: 14px;
            color: #969db4;
            background: transparent;
        }

            .footer_seven .f_social_icon a:hover {
                color: #4069eb;
            }

            .footer_seven .f_social_icon a + a {
                margin-left: 16px;
            }

    .footer_seven .f_widget .widget-wrap p a:hover {
        color: #4069eb;
    }

    .footer_seven .f_widget.about-widget .f_list li {
        margin-bottom: 13px;
    }

        .footer_seven .f_widget.about-widget .f_list li a {
            font-size: 14px;
        }

            .footer_seven .f_widget.about-widget .f_list li a:before {
                background: #4069eb;
            }

            .footer_seven .f_widget.about-widget .f_list li a:hover {
                color: #4069eb;
            }

    .footer_seven .footer_bottom {
        padding: 20px 0px;
    }

        .footer_seven .footer_bottom a:hover {
            color: #4069eb;
        }

        .footer_seven .footer_bottom p a {
            color: #4069eb;
        }

/*============= error_footer css ===========*/
.error_footer {
    background: #eff2f9;
    padding: 40px 0px;
}

    .error_footer a:hover {
        color: #5e2ced;
    }

    .error_footer .f_menu li a {
        position: relative;
    }

        .error_footer .f_menu li a:before {
            content: "";
            width: 0;
            height: 1px;
            background: #5e2ced;
            position: absolute;
            bottom: 0;
            left: 0;
            transition: all 0.2s linear;
        }

        .error_footer .f_menu li a:hover {
            color: #5e2ced;
        }

            .error_footer .f_menu li a:hover:before {
                width: 100%;
            }

    .error_footer .f_menu li + li:before {
        display: none;
    }

/*============== footer_dark_one css =============*/
.footer_dark_one {
    background: #15133a;
}

    .footer_dark_one .footer_top {
        border-color: #1f1d48;
    }

    .footer_dark_one .f_widget.about-widget .f_list li a,
    .footer_dark_one .f_widget .widget-wrap p a,
    .footer_dark_one .f_social_icon_two a {
        color: #9ca5c1;
    }

.dark_f_bottom a {
    transition: color 0.2s linear;
}

    .dark_f_bottom a:hover {
        color: #4069eb;
    }

.dark_f_bottom p {
    color: #9ca5c1;
}

    .dark_f_bottom p a {
        color: #4069eb;
    }

.dark_f_bottom .f_menu li a {
    color: #9ca5c1;
}

    .dark_f_bottom .f_menu li a:hover {
        color: #4069eb;
    }

.dark_f_bottom .f_menu li + li:before {
    background: #5e6482;
}

.dark_widget .f-title {
    color: #fff;
}

.dark_widget.company_widget .f_social_icon_two {
    margin-top: 25px;
}

    .dark_widget.company_widget .f_social_icon_two a:first-child {
        margin-left: 0px;
    }

    .dark_widget.company_widget .f_social_icon_two a:hover {
        color: #4069eb;
    }

.dark_widget .widget-wrap p span {
    color: #fff;
}

.dark_widget .widget-wrap p a:hover {
    color: #4069eb;
}

.dark_widget.about-widget .f_list li a:before {
    background: #4069eb;
}

.dark_widget.about-widget .f_list li a:hover {
    color: #4069eb;
}

.dark_widget .f_subscribe .form-control {
    background: transparent;
    border-color: #202430;
}

.dark_widget .f_subscribe button {
    color: #fff;
}

/*============ footer_dark_two css ===========*/
.footer_dark_two {
    background: #13112d;
}

    .footer_dark_two .footer_top {
        border-color: #1f1d48;
    }

    .footer_dark_two .dark_widget.company_widget .f_social_icon_two a:hover {
        color: #6754e2;
    }

    .footer_dark_two .dark_widget .widget-wrap p a:hover {
        color: #6754e2;
    }

    .footer_dark_two .dark_widget.about-widget .f_list li a:before {
        background: #6754e2;
    }

    .footer_dark_two .dark_widget.about-widget .f_list li a:hover {
        color: #6754e2;
    }

    .footer_dark_two .dark_f_bottom a {
        transition: color 0.2s linear;
    }

        .footer_dark_two .dark_f_bottom a:hover {
            color: #6754e2;
        }

    .footer_dark_two .dark_f_bottom p a {
        color: #6754e2;
    }

    .footer_dark_two .dark_f_bottom .f_menu li a:hover {
        color: #6754e2;
    }

.footer_dark_three {
    background: #1b1e29;
}

    .footer_dark_three .footer_top {
        border-color: #212532;
    }

    .footer_dark_three .dark_widget .widget-wrap p a {
        color: #6d738c;
        transition: color 0.2s linear;
    }

        .footer_dark_three .dark_widget .widget-wrap p a:hover {
            color: #5e2ced;
        }

    .footer_dark_three .dark_widget.about-widget .f_list li a {
        color: #6d738c;
    }

        .footer_dark_three .dark_widget.about-widget .f_list li a:before {
            background: #5e2ced;
        }

        .footer_dark_three .dark_widget.about-widget .f_list li a:hover {
            color: #5e2ced;
        }

    .footer_dark_three .dark_f_bottom a {
        color: #6d738c;
    }

        .footer_dark_three .dark_f_bottom a:hover {
            color: #5e2ced;
        }

    .footer_dark_three .dark_f_bottom p {
        color: #6d738c;
    }

        .footer_dark_three .dark_f_bottom p a {
            color: #5e2ced;
        }

    .footer_dark_three .dark_f_bottom .f_menu li a {
        color: #6d738c;
    }

        .footer_dark_three .dark_f_bottom .f_menu li a:hover {
            color: #5e2ced;
        }

.footer_dark_four {
    background: #16143a;
}

.footer_dark_five {
    background: #121233;
}

    .footer_dark_five .footer_top_two {
        border-color: #1d1d42;
    }

    .footer_dark_five .f_widget .widget-wrap p span {
        color: #fff;
    }

    .footer_dark_five .f_widget .f_social_icon a {
        background: #1c1c42;
    }

        .footer_dark_five .f_widget .f_social_icon a:hover {
            background: #00aff0;
        }

/*=========== footer_nine_area css ============*/
.footer_nine_area {
    position: relative;
    z-index: 1;
}

    .footer_nine_area .footer_shap {
        position: absolute;
        background: url("../img/home9/footer.png") no-repeat scroll center;
        left: 0;
        width: 100%;
        background-size: cover;
        top: 0px;
        height: 100%;
        z-index: -1;
    }

.footer_nine_top {
    padding-bottom: 170px;
    position: relative;
    padding-top: 150px;
}

    .footer_nine_top .f_widget .f-title {
        color: #051441;
        text-transform: uppercase;
    }

        .footer_nine_top .f_widget .f-title:after {
            content: "";
            width: 100px;
            height: 1px;
            display: block;
            background: #ebeefa;
            margin-top: 15px;
        }

    .footer_nine_top .f_widget.about-widget .f_list li a:before {
        background: #0479f7;
    }

    .footer_nine_top .f_widget.about-widget .f_list li a:hover {
        color: #0479f7;
    }

    .footer_nine_top .company_widget .f_social_icon_two a:first-child {
        margin-left: 0;
    }

    .footer_nine_top .company_widget .f_social_icon_two a:hover {
        color: #0479f7;
    }

.footer_nine_bottom {
    background: #051441;
    padding: 27px 0px;
}

    .footer_nine_bottom p {
        font: 300 14px "Poppins", sans-serif;
        color: #7f88a6;
    }

        .footer_nine_bottom p a {
            color: #fff;
        }

    .footer_nine_bottom .flag_selector {
        float: right;
    }

        .footer_nine_bottom .flag_selector .dropdown-toggle {
            background-color: transparent !important;
            border: 0px !important;
            border-radius: 0px;
            padding: 0px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font: 400 14px "Poppins", sans-serif;
            color: #7f88a6;
        }

            .footer_nine_bottom .flag_selector .dropdown-toggle:after {
                display: none;
            }

            .footer_nine_bottom .flag_selector .dropdown-toggle:focus {
                outline: none !important;
                box-shadow: none !important;
            }

        .footer_nine_bottom .flag_selector .text {
            display: flex !important;
        }

            .footer_nine_bottom .flag_selector .text .flag-icon {
                margin-left: 0px;
                margin-right: 20px;
                float: none;
                align-self: center;
            }

        .footer_nine_bottom .flag_selector .flag-icon {
            position: relative;
            display: inline-block;
            width: 39px;
            line-height: 1em;
            background-repeat: no-repeat;
            background-size: contain;
            background-position: 50%;
            height: 22px;
            margin-left: 27px;
            float: right;
        }

            .footer_nine_bottom .flag_selector .flag-icon:before {
                content: "";
                width: 1px;
                height: 100%;
                position: relative;
                display: inline-block;
                background: #18295c;
                left: -15px;
            }

            .footer_nine_bottom .flag_selector .flag-icon.flag-icon-us {
                background-image: url(../img/home9/flag.png);
            }

            .footer_nine_bottom .flag_selector .flag-icon.flag-icon-mx {
                background-image: url(../img/home9/flag.png);
            }

        .footer_nine_bottom .flag_selector .dropdown-menu {
            padding: 0px;
            border-radius: 0px;
            border: 0px;
        }

            .footer_nine_bottom .flag_selector .dropdown-menu .flag-icon:before {
                display: none;
            }

            .footer_nine_bottom .flag_selector .dropdown-menu li .dropdown-item {
                transition: all 0.2s linear;
            }

                .footer_nine_bottom .flag_selector .dropdown-menu li .dropdown-item:hover {
                    background: #21d4fd;
                    color: #fff;
                }

/*===========footer_dark_ten css ===========*/
.footer_dark_ten .f_widget .widget-wrap p a:hover {
    color: #23b1fe;
}

.footer_dark_ten .f_widget.about-widget .f_list li a:before {
    background: #23b1fe;
}

.footer_dark_ten .f_widget.about-widget .f_list li a:hover {
    color: #23b1fe;
}

.footer_dark_ten .dark_f_bottom .f_menu li a:hover,
.footer_dark_ten .dark_f_bottom a {
    color: #23b1fe;
}

.payment_footer_area {
    background: #07112d;
    border: 0px;
    padding: 220px 0px 100px;
}

    .payment_footer_area .f_widget.company_widget p {
        color: #7f88a6;
    }

    .payment_footer_area .f_widget.company_widget a {
        color: #5f51fb;
    }

    .payment_footer_area .f_widget.about-widget .f_list li a {
        color: #959eb8;
    }

    .payment_footer_area .social-widget .f_social_icon a {
        background: #182240;
    }

        .payment_footer_area .social-widget .f_social_icon a:hover {
            background: #5f51fb;
        }

.payment_footer_area_two {
    padding: 100px 0px;
}

/*============ new_footer_area css ===========*/
.new_footer_area {
    background: #fbfbfd;
}

    .new_footer_area .footer_bottom {
        padding-top: 5px;
        padding-bottom: 50px;
    }

        .new_footer_area .footer_bottom p {
            font-size: 16px;
            color: #6a7695;
            line-height: 28px;
            margin-bottom: 0;
        }

            .new_footer_area .footer_bottom p i {
                color: #fd2f51;
            }

.new_footer_top {
    padding: 120px 0px 270px;
    position: relative;
}

    .new_footer_top .f-title {
        margin-bottom: 30px;
        color: #263b5e;
    }

    .new_footer_top .company_widget p {
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #6a7695;
        margin-bottom: 20px;
    }

    .new_footer_top .company_widget .f_subscribe_two .form-control {
        border: 1px solid #e2e2eb;
        border-radius: 4px;
        height: 55px;
        background: #fff;
        font-size: 15px;
        font-weight: 300;
        line-height: 55px;
        padding-left: 30px;
    }

    .new_footer_top .company_widget .f_subscribe_two .btn_get {
        border-width: 1px;
        margin-top: 20px;
    }

    .new_footer_top .f_widget.about-widget .f_list li {
        margin-bottom: 11px;
    }

        .new_footer_top .f_widget.about-widget .f_list li a {
            color: #6a7695;
        }

            .new_footer_top .f_widget.about-widget .f_list li a:before {
                display: none;
            }

            .new_footer_top .f_widget.about-widget .f_list li a:hover {
                color: #5e2ced;
            }

    .new_footer_top .f_social_icon a {
        width: 44px;
        height: 44px;
        line-height: 43px;
        background: transparent;
        border: 1px solid #e2e2eb;
        font-size: 12px;
    }

        .new_footer_top .f_social_icon a:hover {
            background: #5e2ced;
            border-color: #5e2ced;
        }

        .new_footer_top .f_social_icon a + a {
            margin-left: 4px;
        }

    .new_footer_top .footer_bg {
        position: absolute;
        bottom: 0;
        background: url("../img/seo/footer_bg.png") no-repeat scroll center 0;
        width: 100%;
        height: 266px;
    }

        .new_footer_top .footer_bg .footer_bg_one {
            background: url("../img/seo/car.png") no-repeat center center;
            width: 70px;
            height: 50px;
            position: absolute;
            bottom: 0;
            left: 30%;
            animation: myfirst 22s linear infinite;
        }

        .new_footer_top .footer_bg .footer_bg_two {
            background: url("../img/seo/bike.png") no-repeat center center;
            width: 50px;
            height: 52px;
            bottom: 0;
            left: 38%;
            position: absolute;
            animation: myfirst 30s linear infinite;
        }

.white_footer_area .footer_top .f_widget .f_title {
    color: #222;
}

.white_footer_area .footer_top .f_widget p {
    color: #56575e;
    font-size: 14px;
}

.white_footer_area .footer_top .f_widget.about-widget .f_list li a {
    font-size: 16px;
    color: #56575e;
}

    .white_footer_area .footer_top .f_widget.about-widget .f_list li a:before {
        background: #56575e;
    }

    .white_footer_area .footer_top .f_widget.about-widget .f_list li a:hover {
        color: #56575e;
    }

.white_footer_area .footer_top .f_widget.social-widget {
    margin-left: -15px;
}

.white_footer_area .footer_top .f_widget .f_social_icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: transparent;
    font-size: 12px;
}

    .white_footer_area .footer_top .f_widget .f_social_icon a:hover {
        background: #3d57f4;
        color: #fff;
    }

    .white_footer_area .footer_top .f_widget .f_social_icon a + a {
        margin-left: 0;
    }

/*============== agency_footer_area css ==============*/
.agency_footer_area {
    overflow: hidden;
    position: relative;
    background-color: #fcfdf9;
}

    .agency_footer_area a {
        display: inline-block;
    }

    .agency_footer_area .shape_1 {
        left: 0px;
        bottom: -220px;
        max-width: 415px;
    }

    .agency_footer_area .shape_2 {
        top: -100px;
        right: 135px;
        max-width: 475px;
    }

    .agency_footer_area .shape_3 {
        right: 0px;
        bottom: -221px;
        max-width: 408px;
    }

    .agency_footer_area p {
        max-width: 570px;
        margin-top: 40px;
        margin-bottom: 40px;
        color: #222d39;
        margin-left: auto;
        margin-right: auto;
    }

    .agency_footer_area .newsletter_form {
        background-color: #ffffff;
        max-width: 770px;
        margin-left: auto;
        margin-right: auto;
    }

        .agency_footer_area .newsletter_form .col-form-label {
            font-size: 18px;
            color: #333333;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 68px;
            padding: 0px;
            width: 33%;
            border: 1px solid #dfe5ed;
            border-right: 0px;
        }

            .agency_footer_area .newsletter_form .col-form-label i {
                color: #6754e2;
            }

        .agency_footer_area .newsletter_form input {
            width: 47%;
            border: none;
            outline: none;
            display: block;
            padding: 0px 30px;
            border-radius: 0px;
            border: 1px solid #dfe5ed;
        }

        .agency_footer_area .newsletter_form .submit_btn {
            width: 20%;
            height: 100%;
            display: block;
            color: #ffffff;
            font-size: 15px;
            font-weight: 600;
            padding: 0px 15px;
            line-height: 70px;
            text-align: center;
            letter-spacing: 1px;
            text-transform: uppercase;
            background-color: #6754e2;
            border: 0px;
            cursor: pointer;
            box-shadow: 0.418px 2.971px 10px 0px rgba(66, 97, 234, 0.21);
        }

    .agency_footer_area .copyright_text {
        display: block;
        max-width: 100%;
        margin-bottom: 25px;
        font-size: 16px;
        color: #222d39;
    }

    .agency_footer_area .site_name {
        color: #3e5ae8;
        display: inline-block;
    }

    .agency_footer_area .author_link {
        position: relative;
        color: #6754e2;
    }

        .agency_footer_area .author_link:before {
            width: 0px;
            left: auto;
            right: 0px;
            bottom: 0px;
            height: 1px;
            content: "";
            position: absolute;
            background: #6754e2;
            transition: width 0.3s linear;
        }

        .agency_footer_area .author_link:hover:before {
            left: 0px;
            width: 100%;
            right: auto;
        }

    .agency_footer_area .circle_social_links {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 0;
    }

        .agency_footer_area .circle_social_links li {
            margin-right: 3px;
        }

            .agency_footer_area .circle_social_links li:last-child {
                margin-right: 0px;
            }

            .agency_footer_area .circle_social_links li a {
                z-index: 1;
                width: 48px;
                height: 48px;
                display: block;
                color: #ffffff;
                font-size: 16px;
                line-height: 50px;
                position: relative;
                border-radius: 100%;
                transition: all 0.2s linear;
            }

                .agency_footer_area .circle_social_links li a.bg_facebook {
                    background-color: #3b5998;
                    box-shadow: 1.392px 9.903px 10px 0px rgba(59, 89, 152, 0.21);
                }

                .agency_footer_area .circle_social_links li a.bg_googleplus {
                    background-color: #ea4335;
                    box-shadow: 1.392px 9.903px 10px 0px rgba(234, 67, 53, 0.21);
                }

                .agency_footer_area .circle_social_links li a.bg_twitter {
                    background-color: #1da1f2;
                    box-shadow: 1.392px 9.903px 10px 0px rgba(29, 161, 242, 0.21);
                }

                .agency_footer_area .circle_social_links li a.bg_linkedin {
                    background-color: #007bb5;
                    box-shadow: 1.392px 9.903px 10px 0px rgba(0, 119, 181, 0.21);
                }

                .agency_footer_area .circle_social_links li a:hover {
                    box-shadow: none;
                }

@-moz-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}

@keyframes myfirst {
    0% {
        left: -25%;
    }

    100% {
        left: 100%;
    }
}






.Password-Input {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    font: 400 15px/60px "Poppins", sans-serif;
    width: 100%;
    height: 60px;
    color: #222d39;
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    border: 1px solid #ccc !important;
    text-align: left;
    padding-left: 15px;

}
.Password-Input:focus {
    border: 1px solid #ccc !important;
    outline:none !important;
}
.Password-Input::placeholder {
    color: #222d39;
}
.select-list {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    font: 400 15px/60px "Poppins", sans-serif;
    color: #222d39;
    width: 100%;
    height: 60px;
    padding-left: 13px;
    border: 1px solid #ccc !important;
}
.select-list:focus {
    border: 1px solid #ccc !important;
    outline: none !important;
}
.icon-size {
    max-height: 50px !important;
    max-width: 50px !important;
}

.smarter_spending_text_below {
    position: absolute !important;
    max-width: 100%;
    font-size: .8em;
    color: #444;
}

.removeintocart {
    cursor: pointer !important;
}

@media screen and (max-width: 1024px) {
    .signup_btn {
        font-size: 8px !important;
        margin-right: 0px !important;
        min-width: 100px !important;
    }

    .login_btn {
        margin-left: 0px !important;
        font-size: 10px;
        min-width: 100px;
    }

    .navbar .search_cart .shpping-cart {
        top: 7px !important;
    }
}


/*====================================================*/

/*custom sytle by gulzar*/

.promo.promo-dark {
    border: 0 !important;
    background-color: #333;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align:center;
}

.promo-full {
    border-radius: 0 !important;
    padding: 40px 0px 40px 0px !important;
}

    .promo-full h3, .promo-full span, .promo-full h3 span {
        color: #FFF !important;
        margin-bottom:20px;
        display:inline-block;
    }
    

.promo {
    position: relative;
}

    .promo.promo-dark > h3 span, .promo.promo-dark > .container > h3 span {
        padding: 2px 8px;
        border-radius: 3px;
        background-color: rgba(0,0,0,0.15);
        color: #FFF;
    }



    .promo a.button:not(.button-border) {
        background-color: rgba(0,0,0,0.2);
        color: #FFF;
    }

        .promo a.button:not(.button-border):hover {
            background-color: rgb(1, 125, 172);
            color: #FFF;
        }

/* .promo.promo-dark a.button {
        right: 100px;
    }*/

/* .promo a.button {
        position: absolute;
        top: 50%;
        margin: 0;
        margin-top: -18px;
        left: auto;
    }*/

.button.button-rounded {
    border-radius: 3px;
}

.button.button-xlarge {
    padding: 0 32px;
    font-size: 18px;
    letter-spacing: 2px;
    height: 52px;
    line-height: 52px;
}

.button {
    display: inline-block;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 22px;
    font-weight: 700;
    text-transform: uppercase;
    border: none;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/*spiner*/
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

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

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 80px;
    height: 80px;
    border-style: solid;
    border-color: black;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.signup_btn {
    font: 500 15px "Poppins", sans-serif;
    padding: 10px 20px;
   /* min-width: 120px;*/
    display: inline-block;
    text-align: center;
    transition: all 0.2s linear;
    /*border-top-left-radius: 45px;
    border-bottom-left-radius: 45px;
    border-top-right-radius: 45px;*/
    color: #fff;
    background-color: #5b7921;
    border: 1px solid #5b7921;
    margin-right: 5px;
    margin-left: 100px;
    border-radius:4px;
}
 .signup_btn:hover {
    border: 1px solid transparent;
    color: #051441;
    background-color: #017dac;
}

.nav_right_btn .signup_btn:hover {
    border: 1px solid transparent;
    color: #051441;
    background-color: #017dac;
}


.fa-shopping-cart {
    font-size: 21px;
    color: #5b7921;
}

.badge {
    position: relative;
    top: -15px;
    right: 15px;
    background-color: #e74c3c;
    color: #fff;
    border-radius: 50%;
    padding: 4px 7px;
    font-size: 13px;
}

.shopping-cart {
    top: 100px;
    right: 3%;
    background: white;
    width: 320px;
    position: absolute;
    border-radius: 3px;
    padding: 20px;
    z-index: 100;
}

.lighter-text {
    color: #abb0be;
}

.main-color-text {
    color: #6394f8;
}

.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #e8e8e8;
}

/* .shopping-cart .shopping-cart-header .shopping-cart-total {
                    float: right;
                }*/

.shopping-cart .shopping-cart-items {
    padding-top: 10px;
    list-style: none;
    overflow-y: auto;
    max-height: 290px;
}

    /*  .shopping-cart .shopping-cart-items li {
                margin-bottom: 10px;
            }
*/
    .shopping-cart .shopping-cart-items .item-name {
        display: block;
        font-size: 16px;
    }

    .shopping-cart .shopping-cart-items .item-price {
        color: #6394f8;
        margin-right: 8px;
    }

    .shopping-cart .shopping-cart-items .item-quantity {
        color: #abb0be;
    }

.checkout-button {
    background: #5b7921;
    color: white;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    display: block;
    border-radius: 3px;
    font-size: 16px;
    margin: 25px 0 15px 0;
}

    .checkout-button:hover {
        background: #017dac;
        color: white;
    }

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.signup_btn:hover {
    color: #fff;
    /*    background-color: #017dac !important;
    border: 1px solid #017dac;*/
}

.border {
    border: 1px solid #c9c5c5 !important;
}


.pricing-wrap {
    background:#F4F5FF;
    padding: 50px 0;
    margin-bottom:50px;
}
.pricing-wrap .item-wrap {
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 50px 80px 0px rgba(0, 11, 40, 0.08);
    padding: 30px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom:20px;
}
.pricing-wrap .item-wrap .big_price {
    font-size: 40px;
    font-weight: 600;
}
.pricing-wrap .item-wrap .big_price span {
    font-size: 14px;
    font-weight: normal;
}
.pricing-wrap .item-wrap .price {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pricing-wrap .item-wrap .dollar-sign {
    font-size: 24px;
    font-weight: 500;
    margin-right: 5px;
    margin-bottom: auto;
}
.nice-select {
    color: #222d39;
    height: 60px !important;
    border-radius: 4px !important;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 2px 4px 0px rgba(12, 0, 46, 0.04);
    border: 1px solid #ccc !important;
    padding: 14px;
    font-weight: normal !important;
    font-size:16px !important;
    display:flex !important;
    align-items:center;
}

@media (min-width:2000px){
    .call_action_area .action_one{
        left: 40px;
    }
    .erp_banner_area_two .animation_img{
        margin-top: -320px;
    }
    .img-resp {
        max-width: 100%;
    }
}
@media(max-width:1650px){
    .navbar .search_cart .shpping-cart {
       top:4px !important;
    }
    .about_content{
        padding: 100px 30px;
    }
    .saas_banner_area_two .shap_img{
        bottom: 150px;
    }
    .section_container{
        height: 795px;
    }
    .section_container .intro_content p {
        margin-bottom: 40px;
    }
    .saas_features_item{
        padding: 0px;
    }
    .stratup_app_screen img{
        max-width: 100%;
    }
    .stratup_app_screen .phone{
        max-width: 80%;
        bottom: -290px;
        left: -80px;
    }
    .saasland_col_screen .saasland_bg {
        -webkit-clip-path: polygon(0px 100%, 0px 0px, 95% 0px, 0% 100%);
        clip-path: polygon(0px 100%, 0px 0px, 34% 0px, 0% 100%);
    }
    .saasland_container .saasland_col_content .saasland_content h1 {
        font-size: 40px;
        margin-bottom: 55px;
    }
    
    .chat_img .p_one{
        right: -130px;
        bottom: 330px;
    }
/*    new css*/
    .portfolio_area_two .slick-slide .item img,.portfolio_area_three .item img{
        max-width: 100%;
    }
    .portfolio_area_two .slick-slide,.portfolio_area_three .slick-slide{
        padding: 30px 40px 55px;
    }
    .blog_slider .item img{
        max-width: 100%;
    }
    .blog_slider.slick-initialized .slick-slide{
        padding-right: 0;
    }
    .blog_slider{
        margin-right: -100px;
        right: 0;
    }
    .blog_slider .item .img_two{
        width: 500px;
        right: 30px;
    }
    .blog_slider .item .round{
        right: 22px;
    }
}
@media (max-width: 1550px){
    .s_features_item .s_features_img img{
        max-width: 100%;
    }
    .service_promo_area .shape.shape_two{
        left: -40%;
    }
    .s_features_item .ml_50{
        margin-left: 0;
    }
    .s_features_item .s_features_content{
        padding-right: 0px;
        padding-left: 45px;
    }
    .saas_home_img img,.software_img img{
        max-width: 100%;
    }
    .container.custom_container{
        max-width: 1170px;
    }
    .service_item{
        padding: 47px 15px 0px;
    }
    .call_action_area .action_one {
        left: -720px;
    }
    .company_widget img,.protype_img{
        max-width: 100%;
    }
    .p_feature_item .p_feture_img_one {
         margin-right: -20px; 
    }
    .p_feature_item .p_feture_img_two {
         margin-left: -20px; 
    }
    .action_img {
        margin-right: 0;
    }
    .service_carousel {
        padding-left: 70px;
    }
    .agency_featured_img img{
        max-width: 100%;
    }
    .about_content_left {
        padding: 0px 0px 0px 50px;
    }
    .about_content {
        padding: 60px 30px 100px;
    }
    .about_img .about_img_slider .about_item .about_text{
        padding: 0px 20px;
    }
    .agency_banner_area .banner_shap{
        width: 80%;
        top: -100px;
    }
    .p_service_item.agency_service_item{
        padding-right: 0px;
        padding-left: 0;
    }
    .saas_featured_info .f_img_two{
        margin-right: 0px;
    }
    .saas_featured_info .f_img_one{
        margin-left: 0px;
    }
    .footer_top_six .social-widget .f_social_icon a + a{
        margin-left: 0px;
    }
    .app_img .mobile{
        margin-left: -100px;
    }
    .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu{
        left: auto;
        right: 0;
    }
    .split_slider_content{
        padding: 40px 0px 48px 45px;
    }
    .app_featured_content {
        padding: 50px 0px 30px 0px;
    }
    .split_title {
        font-size: 34px;
        line-height: 42px;
    }
    .split_banner .app_img .phone_img{
        max-width: 67%;
    }
    .app_img .dot_one {
        right: 160px;
    }
    .app_img .text_bg.two {
        right: -4%;
    }
    .app_img .text_bg.one {
        left: -63%;
    }
    .app_img .text_bg.three {
        right: -28%;
    }
    .app_img .dot_three {
        top: 57%;
        left: 60px;
    }
    .app_img .dot_two {
        right: 156px;
        top: 51%;
    }
    .section_4 .split_banner .app_img{
        margin-left: 0;
    }
    .split_content .contact_form_box .text_box {
        margin-bottom: 7px;
    }
    .new_startup_img img{
        max-width: 100%;
    }
    .clients_feedback_item .feedback_body {
        padding-left: 15px;
        padding-right: 7px;
    }
    .chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body{
        margin-right: -70px;
        padding-left: 25px;
    }
    .menu_one .tracking_btn .er_btn{
        padding: 8px 20px;
    }
/*    responsive css */
    .features_item img{
        max-width: 100%;
    }
    .features_item .content p br{
        display: none;
    }
    .image_mockup .one_img:nth-child(6) {
        bottom: -315px;
        right: 2px;
    }
    .image_mockup .one_img:nth-child(5) {
        bottom: 82px;
        right: -285px;
    }
    .image_mockup .one_img:nth-child(1) {
        right: -52px;
        top: -53px;
    }
    .image_mockup .one_img:nth-child(2) {
        right: 146px;
        top: 185px;
    }
    .image_mockup .one_img:nth-child(3) {
        bottom: -30px;
        right: 491px;
    }
    .image_mockup .one_img:nth-child(4) {
        bottom: -584px;
        right: 516px;
    }
    .image_mockup .one_img img{
        max-width: 97%;
    }
    .responsive_area .responsive_device img{
        max-width: 40%;
    }
    .responsive_area .responsive_device img:nth-child(3){
        width: 370px;
        max-width: 100%;
    }
    .portfolio_area .portfolio_slider .slick-slide {
        padding: 30px 45px;
    }
    .img-resp {
        max-width: 100%;
    }

}
@media (max-width:1450px){
    .app_banner_area{
        background-size: cover;
        padding-bottom: 100px;
        padding-top: 150px;
    }
    .app_img .mobile {
        margin-top: 140px;
        max-width: 100%;
        position: relative;
        top: -110px;
        z-index: -1;
        margin-left: 0px;
    }
    .app_banner_contentmt p br{
        display: none;
    }
    .app_feature_info .col-lg-5{
        text-align: center;
    }
    .app_feature_info + .app_feature_info .app_featured_content{
        padding: 50px 0px 90px 126px;
    }
    .app_screenshot_area .app_screenshot_slider .item {
        padding: 10px 10px 20px;
    }
    .agency_banner_img{
        max-width: 100%;
        margin-left: 0px;
    }
    .developer_product_area .service_tab_img{
        max-width: 100%;
    }
    .s_service_item{
        padding: 50px 20px 40px;
    }
    .payment_features_area .payment_featured_img{
        margin-left: -130px;
    }
    .payment_testimonial_area .testimonial_img {
        margin-bottom: -38px;
    }
    .payment_clients_area .clients_bg_shape_right{
        right: -77.7%;
    }
    .payment_clients_area .payment_clients_inner .clients_item.three{
        left: 150px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.four{
        left: 400px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.six{
        left: 295px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.five{
        left: 520px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.seven{
        left: 400px;
    }
    .perfect_solution_area .perfect_solution_left .per_solution_content {
        max-width: 580px;
        padding-right: 60px;
    }
    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two{
        padding: 0px 0px 0px 60px;
    }
    .spliet_slider_img img{
        max-width: 67%;
    }
    .split_slider_content h2{
        font-size: 45px;
        line-height: 58px;
    }
    .split_content .contact_form_box {
        padding-top: 8px;
    }
    .text_box textarea {
        height: 140px;
    }
    .ms-left .ms-section.section_2 .split_banner .app_img {
        margin-top: 50px;
    }
    .feedback_area_two .sec_title{
        padding-left: 15px;
    }
    .feedback_slider_two .owl-nav{
        right: 15px;
    }
    .erp_banner_area_two .animation_img {
        margin-top: -279px;
    }
    .section_one_img{
        margin-left: 0;
        text-align: center;
    }
    .section_one_img img{
        max-width: 80%;
    }
    .section_one_img .round{
        width: 450px;
        height: 450px;
        left: 50%;
        top: 50%;
        margin-left: -225px;
        margin-top: -225px;
    }
    .section-3 .section_one_img .round{
        left: 50%;
        top: 0;
        width: 400px;
        height: 400px;
        margin-left: -225px;
        transform: inherit;
        margin-top: 50px;
    }
    .section-2 .pp_mackbook_img img{
        max-width: 70%;
    }
    .section-2 .pp_mackbook_img .one {
        top: -70px;
    }
    .section-2 .pp_mackbook_img .four {
        top: 197px;
        left: -247px;
    }
    .pp_mackbook_img .two {
        top: 254px;
        left: 31px;
    }
    .pp_mackbook_img .three {
        top: 14px;
        right: -104px;
    }
    .scroll-wrap{
        padding-top: 120px;
        padding-bottom: 120px;
    }
    .section-3 .flex-row-reverse{
        align-items: center;
    }
    .section_one-content h2 {
        font-size: 40px;
        line-height: 52px;
    }
    .section_one-content h2 br{
        display: none;
    }
    .support_tab_content .tab-pane .tab_img{
        max-width: 100%;
        margin-right: 0;
        padding-left: 0;
    }
    .pp_sec_title h2{
        line-height: 50px;
    }
    .pp_features_item .icon{
        margin-bottom: 25px;
    }
    .pp_features_item{
        margin-top: 40px;
    }
    .pp_testimonial_info .pp_testimonial_slider .item .media .media-body h4{
        font-size: 16px;
        line-height: 25px;
    }
    .pp_features_info .row {
        margin-top: -30px;
    }
    .pp_sec_title{
         margin-bottom: 30px;   
    }
    .chat_banner_content h2 {
        font-size: 46px;
        line-height: 65px;
    }
    .chat_features_img_three .chat_two{
        max-width: 100%;
    }
    .chat_banner_area .offset-lg-2{
        margin-left: 100px;
    }
    .clients_feedback_item .feedback_body p{
        font-size: 16px;
        line-height: 27px;
    }
    .chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body {
        margin-right: -138px;
        padding-left: 25px;
    }
/*    new css*/
    .demo_features_area .col-lg-3,.demo_features_area .col-lg-4{
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }
    .demo_features_area .offset-lg-1{
        margin-left: 0;
    }
    .filtering_demos .nav-tabs .nav-item + .nav-item {
        margin-left: 40px;
    }
    .elemator_img img{
        max-width: 85%;
    }
    .utility_area .u_content{
        max-width: 100%;
        padding-right: 20px;
        padding-left: 70px;
    }
    .responsive_area .responsive_device img{
        max-width: 25%;
    }
    .responsive_area .responsive_device img:nth-child(3){
        width: 280px;
        max-width: 100%;
    }
    .responsive_area .row{
        align-items: flex-end;
    }
    .responsive_area .col-lg-8{
        flex: 0 0 60%;
        max-width: 60%;
    }
    .responsive_area .col-lg-4{
        flex: 0 0 40%;
        max-width: 40%;
    }
    .portfolio_area .p_slider_inner .arrow i.nexts{
        right: 10px;
    }
    .portfolio_area .p_slider_inner .arrow i.prevs{
        left: 10px;
    }
    .c_features_area_two .c_features_item {
        padding: 0px;
    }
    .testimonial_slider .slick-slide{
        padding-left: 35px;
        padding-right: 35px;
    }
    .banner_text .price h3 {
        font-size: 190px;
        line-height: 160px;
    }
    .banner_text .price:before{
        right: -148%;
        z-index: -1;
    }
    .banner_text .price .offer_text{
        font-size: 30px;
    }
    .banner_text .price .offer{
        padding-top: 0;
        padding-bottom: 0;
    }
    .banner_text h6{
        margin-bottom: 5px;
    }
    .body_wrapper.promotion .banner_text{
        margin-top: -60px;
    }
    .onepage_about_area .onepage_about_img img,.faq_solution_area .faq_image_mockup img,.gadget_slider_area .gadget_slider_img img{
        max-width: 100%;
    }
    .gadget_slider_area .gadget_slider_img .round{
        width: 630px;
        height: 630px;
        left: -30px;
        top: auto;
        bottom: 20px;
    }
    .home_one_banner .banner_image img{
        max-width: 100%;
    }
    .home_one_banner .shape_02 {
        top: 20%;
    }
    .main_product_slider .carousel-control-prev{
        left: 0;
    }
    .main_product_slider .carousel-control-next{
        right: 0;
    }
    .main_product_slider .carousel-control-next, .main_product_slider .carousel-control-prev{
        background: transparent;
    }
    .seo_features_img img{
        margin-right: 0;
        max-width: 100%;
    }
    .img-resp {
        max-width: 100%;
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        left: 275px !important;
        right: 0;
    }
}
@media (max-height:767px){
    .gadget_slider_area .gadget_slider_img.shop_slider_img{
        text-align: center;
    }
    .shop_slider_img img{
        height: calc(100vh - 100px);
    }
    .img-resp {
        max-width: 100%;
    }
}
@media (max-width:1350px){
    .payment_banner_content {
        max-width: 556px;
    }
    .animation_img_two{
        bottom: 120px;
    }
    .digital_video_slider {
        width: 55%;
    }
    .erp_banner_area_two .animation_img img{
        max-width: 100%;
    }
    .erp_features_img_two img{
        max-width: 100%;
    }
    .flex-row-reverse .erp_content_two {
        padding-right: 20px;
    }
    .erp_content_two{
        padding-left: 30px;
    }
    .erp_testimonial_info .owl-nav button.owl-prev{
        left: 0;
    }
    .erp_testimonial_info .owl-nav button.owl-next{
        right: 0;
    }
    .erp_testimonial_info .owl-nav button.owl-prev,.erp_testimonial_info .owl-nav button.owl-next{
        opacity: 0;
    }
    .erp_testimonial_info:hover .owl-nav button.owl-prev,.erp_testimonial_info:hover .owl-nav button.owl-next{
        opacity: 1;
    }
    .analytices_list_area .macbook_a {
        right: -333px;
    }
    .chat_banner_area .offset-lg-2{
        margin-left: 80px;
    }
/*    responsive css*/
    .demo_feature_area .row{
        padding-left: 0;
    }
    .demo_feature_area .f_img img{
        max-width: 100%;
    }
    .demo_feature_area .f_content h2 br{
        display: none;
    }
    .blog_slider .item .img_two{
        width: 400px;
    }
    .blog_slider{
        margin-right: 0;
    }
    .blog_slider .item{
        padding-right: 150px;
    }
    .blog_slider .item .img_two {
        width: 450px;
        right: 65px;
    }
    .blog_slider .item .round{
        top: 19px;
    }
    .blog_area .u_content h2{
        font-size: 32px;
    }
    .blog_slider .item .img_two {
        width: 358px;
    }
    .blog_slider .item .round {
        right: 54px;
    }
    .banner_text h2 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .banner_text p {
        font-size: 17px;
    }
    .c_features_area_two .section_title h2 span{
        display: block;
    }
    .c_features_area_two .section_title h2 br{
        display: none;
    }
    .test_inner .arrow .tprevs {
        left: 376px;
    }
    .test_inner .arrow .tnexts {
        right: 376px;
    }
    .section_title .number {
        font-size: 100px;
        line-height: 82px;
        margin-bottom: 25px;
    }
    .gadget_slider_area .gadget_slider_img img{
        max-width: 100%;
    }
    .gadget_slider_area .gadget_slider_img{
        margin-left: -50px;
    }
    .img-resp {
        max-width: 100%;
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 30px !important;
        right: 0;
    }
}
@media (max-width:1280px){
    .n_hero_banner_area {
        min-height: auto;
        padding-top: 170px !important;
    }
    .n_hero_banner_area .mobile_img img {
        max-width: 100%;
        top: -58px;
    }
    .img-resp {
        max-width: 100%;
    }
}
@media (max-width:1199px){
    .display-picture img {
        margin-top: 5px;
    }

    #profile-option ul {
        right: 2px;
    }
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 17px !important;
        justify-content: space-between;
    }
    .s_service_item{
        padding: 50px 22px 40px;
    }
    .saas_home_area{
        height: 920px;
    }
    .s_pricing-item{
        padding: 55px 25px;
    }
    .software_promo_area .round_shape{
        border: 0px;
    }
    .feature_info .f_content h2{
        padding-right: 0px;
    }
    .mobile_img .mobile{
        left: -180px;
    }
    .container.custom_container {
        max-width: 960px;
    }
    .service_item .icon{
        right: 5px;
    }
    .slider_area .slider_content p br{
        display: none;
    }
    .footer_top_two .f_width_24{
        width: 35%;
    }
    .f_width_12{
        width: 15%;   
    }
    .f_width_20{
        width: 25%;
    }
    .f_width_24,.f_width_12,.f_width_20{
        margin-bottom: 35px;
    }
    .footer_top_two .pl-30,.footer_top_two .pl_40,.tab-content .tab_img{
        padding-left: 0;
    }
    .service_carousel .owl-stage{
        left: 0;
    }
    .prototype_content h2{
        padding-right: 0px;
    }
    .action_area_two {
        padding-bottom: 40px;
        padding-top: 20px;
    }
    .agency_featured_item .agency_featured_content{
        padding-right: 0px;
        padding-left: 20px;
    }
    .features_info .dot_img,.dot{
        display: none;
    }
    .agency_featured_item {
        margin-top: 80px;
    }
    .features_info{
        padding-bottom: 0px;
    }
    .about_content_left,.about_img{
        max-width: 100%;
        flex: 1;
        padding-left: 0;
    }
    .agency_about_area{
        display: block !important;
        padding: 0px 15px;
    }
    .about_content{
        bottom: 0px;
        margin-bottom: 0px;
        padding: 90px 30px 100px;
    }
    .agency_content h2 {
        font-size: 36px;
        line-height: 53px;
    }
    .agency_banner_area .banner_shap{
        width: 100%;
        top: -200px;
    }
    .agency_about_area .owl-dots {
        left: 30px;
        top: -63px;
        margin-top: 0px;
        bottom: auto;
    }
    .software_banner_content h2{
        font-size: 40px;
    }
    .software_service_tab_content .software_service_item{
        padding-right: 0px;
    }
    .developer_product_content .develor_tab{
        padding-left: 0px;
        padding-right: 0px;
    }
    .saas_shap,.tracking_pr_item .tracking_bg img{
        max-width: 100%;
    }
    .saas_featured_content.pr_70,.developer_product_content{
        padding-right: 0px;
    }
    .saas_featured_info .saas_featured_item{
        padding: 50px 10px 50px 20px;
    }
    .saas_featured_content h2 br{
        display: none;
    }
    .saas_featured_info .pl_100{
        padding-left: 15px;
    }
    .saas_featured_info .pr_70{
        padding-right: 15px;
    }
    .footer_top_six .social-widget {
        margin-left: -42px;
    }
    .app_banner_area .app_img .app_screen{
        max-width: 20%;
    }
    .app_banner_area .app_img .app_screen.one {
        top: 108px;
        left: 6px;
    }
    .app_banner_area .app_img .app_screen.two{
        top: 70px;
        left: 89px;
    }
    .app_banner_area .app_img .app_screen.three {
        top: 30px;
        left: 171px;
    }
    .app_featured_content {
        padding: 0px;
    }
    .app_item.item_two{
        left: -10px;
        top: 70px;
    }
    .app_fetured_item{
        margin-left: 0px;
    }
    .app_item.item_three{
        bottom: 35px;
    }
    .app_feature_info .app_img .dot{
        display: block;
    }
    .app_img .text_bg.one {
        left: -26%;
    }
    .app_img .dot_three {
        left: 164px;
    }
    .agency_banner_area_two .agency_content_two h2{
        font-size: 32px;
        line-height: 45px;
    }
    .agency_banner_area_two{
        padding-top: 150px;
    }
    .features_info.feature_info_two{
        padding-bottom: 0;
    }
    .blog_content{
        padding: 25px 15px 42px 20px;
    }
    .blog-sidebar {
        padding-left: 0px;
    }
    .blog-sidebar .widget.widget_recent_post .post_item .media-body{
        padding-left: 12px;
    }
    .menu > .nav-item + .nav-item {
        margin-left: 20px;
    }
    .blog_post_item .blog_content {
        padding: 22px 12px 35px;
    }
    .blog_single .blog_content{
        padding-bottom: 0px;
    }
    .faq_area .pr_50{
        padding-right: 15px;
    }
    .portfolio_details_info.pl_100{
        padding-left: 0;
        padding-right: 0;
    }
    .p_details_three .portfolio_pagination {
        margin-top: 155px;
    }
    .process_area .features_info{
        padding-bottom: 0px;
    }
    .service_details_area .service_details_img img{
        max-width: 100%;
    }
    .cart_box{
        width: 100%;
    }
    .sign_info .login_info{
        padding-left: 0px;
    }
    .sign_info .social_tag li a{
        margin-left: 0;
    }
    .login-form .extra{
        font-size: 13px;
    }
    .feature_info .feature_img.f_img_two .four{
        left: 0;
    }
    .payment_features_area .payment_featured_img,.payment_features_area .payment_featured_img.img_two{
        margin-left: 0px;
        margin-right: 0px;
    }
    .payment_features_area .payment_featured_img img{
        max-width: 100%;
    }
    .payment_service_item{
        padding-right: 0;
    }
    .animation_img_two {
        bottom: 20px;
    }
    .footer_nine_top .pl_100{
        padding-left: 50px;
    }
    .footer_nine_top {
        padding-bottom: 100px;
        padding-top: 125px;
    }
    .saas_service_content{
        padding-right: 0px;
        padding-left: 0px;
    }
    .saas_service_item + .saas_service_item {
        margin-top: 118px;
    }
    .p_feature_item .prototype_content h2{
        padding-right: 0px;
    }
    .app_featured_area {
        padding: 90px 0px;
    }
    .app_feature_info + .app_feature_info {
        margin-top: 175px;
    }
    .job_details_area .pl_70,.job_apply_area .pl_70{
        padding-left: 20px;
    }
    .login_img {
        padding-left: 20px;
        margin-right: -115px;
    }
    .login_area .login_info {
        padding-right: 50px;
    }
    .triangle_shape{
        height: 107%;
    }
    .app_featured_area_two .app_feature_info {
        margin-top: 120px;
    }
    .new_service .new_service_content{
        padding: 50px 15px;
    }
    .perfect_solution_area{
        display: block;
    }
    .perfect_solution_area .perfect_solution_right,.perfect_solution_area .perfect_solution_left{
        max-width: 100%;
        height: 500px;
        display: block;
        overflow: hidden;
    }
    .perfect_solution_area .perfect_solution_left{
        display: flex !important;
        padding: 100px 0px;
        height: auto;
    }
    .perfect_solution_area .perfect_solution_right .bg_img{
        position: relative;
    }
    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_two,.perfect_solution_area .perfect_solution_left .per_solution_content,.perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three{
        max-width: 960px;
        padding-right: 15px;
        padding-left: 15px;
        margin: 0 auto;
    }
    .startup_tab_img .web_img img{
        max-width: 100%;
    }
    .startup_tab_img .phone_img img{
        max-width: 80%;
    }
    .menu_four .btn_get_radious{
        margin-left: 5px;
    }
    .new_startup_banner_area .new_startup_img img{
        max-width: 100%;
    }
    .new_startup_content h2{
        font-size: 35px;
        line-height: 45px;
    }
    .new_startup_banner_area .new_startup_img{
        padding-right: 20px;
    }
    .stratup_service_img img{
        max-width: 100%;
    }
    .stratup_service_info{
        margin-left: 0;
        padding-top: 55px;
    }
    .testimonial_slider_four {
        padding: 0px 25px;
    }
    .testimonial_slider_four .item p {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 19px;
    }
    .stratup_testimonial_info {
        height: 465px;
    }
    .startup_content_three h2{
        font-size: 35px;
        line-height: 45px;
    }
    .navbar .pl_100 {
        padding-left: 48px;
    }
    .stratup_app_screen .laptop {
        right: -115px;
        bottom: -165px;
    }
    .stratup_app_screen .phone{
        bottom: -250px;
        left: -108px;
    }
    .get_started_three .get_btn_info .get_btn_item{
        padding-right: 20px;
    }
    .intregration_logo {
        padding-right: 0;
    }
    .intregration_icon img{
        max-width: 100%;
    }
    .digital_content h2{
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 16px;
    }
    .saas_banner_area_three .owl-dots{
        right: 10px;
    }
    .payment_features_area_four{
        padding-bottom: 100px;   
    }
    .case_study_item .text{
        padding: 20px 30px;
    }
    .details_img img{
        max-width: 100%;
    }
    .saasland_container .saasland_col_content .saasland_content h1 br{
        display: none;
    }
    .saasland_col_screen,.saasland_container .saasland_col_content{
        width: 50%;
    }
    .saasland_col_screen .clock .timer{
        width: 100px;
        padding: 20px 0px;
        text-align: center;
    }
    .saasland_col_screen .saasland_bg{
        -webkit-clip-path: polygon(0px 100%, 0px 0px, 5% 0px, 0% 100%);
        clip-path: polygon(0px 100%, 0px 0px, 5% 0px, 0% 100%);
    }
    .saasland_container .saasland_col_content .saasland_log {
        left: 4%;
        top: 70px;
    }
    .saasland_container .saasland_col_content .saasland_content,.saasland_container .saasland_col_content .saasland_bottom{
        left: 4%;
    }
    .saasland_col_screen{
        display: flex;
    }
    .error_content_two{
        max-width: 960px;
        margin: 0 auto;
    }
    .error_content_two img{
        max-width: 60%;
    }
    .error_content_two h2 {
        font-size: 32px;
        line-height: 44px;
        margin-top: 35px;
    }
    .price_info_two .price_item:first-child {
        padding-left: 10px;
    }
    .navbar .search_cart .shpping-cart{
        margin-left: 0;
    }
    #multiscroll {
        overflow: auto;
        height: 100vh;
        -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
        -moz-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
        -ms-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
        -o-transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
        transition: all 0.3s cubic-bezier(0, 0, 0.58, 1);
    }
    #multiscroll .ms-left, #multiscroll .ms-right {
        width: 100% !important;
        position: relative !important;
        top: auto !important;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu{
        max-width: 960px;
    }
    .payment_subscribe_info .subscribe-form .form-control {
        width: 360px;
    }
    .payment_subscribe_info{
        padding-left: 20px;
        padding-right: 20px;
    }
    .payment_subscribe_info .subscribe-form .btn_four{
        padding: 16px 32px;
    }
    .payment_features_img img{
        max-width: 100%;
        margin-left: 0;
    }
    .payment_features_content_two h2 br{
        display: none;
    }
    .payment_features_content_two h2 {
        font-size: 37px;
        line-height: 48px;
    }
    .payment_features_img:before{
        left: 0;
    }
    .seo_features_content .seo_features_item{
        padding-right: 0;
    }
    .seo_features_img .round_circle{
        right: -100px;
    }
    .seo_features_img.seo_features_img_two .round_circle{
        left: -60px;
    }
    .seo_features_img img{
        max-width: 100%;
    }
    .seo_fact_info .seo_fact_item.last {
        margin-top: 66px;
    }
    .spliet_slider_img .phone_one,.spliet_slider_img .phone_two{
        max-width: 50%;
    }
    .spliet_slider_img .phone_one{
        top: 0;
    }
    .spliet_slider_img .phone_two{
        top: 70px;
    }
    .section_4 .split_banner .app_img img,.app_img .text_bg{
        visibility: visible !important;
    }
    .section_4 .split_banner .app_img img{
        max-width: 100%;
    }
    .border_shap.two {
        left: 2%;
    }
    .ms-section.section_3{
        background-image: -webkit-linear-gradient(310deg, #6712a8 0%, #5f28fb 100%);
        background-image: -o-linear-gradient(310deg, #6712a8 0%, #5f28fb 100%);
        background-image: -webkit-linear-gradient(50deg, #6712a8 0%, #5f28fb 100%);
        background-image: -o-linear-gradient(50deg, #6712a8 0%, #5f28fb 100%);
        background-image: linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
    }
    
/*    new css*/
    .hosting_content h2{
        font-size: 40px;
        line-height: 50px;
    }
    .hosting_service_item {
        padding: 48px 20px;
    }
    .h_features_img img{
        max-width: 100%;
    }
    .h_features_content {
        padding-right: 0;
    }
    .b_line li:nth-child(8) {
        right: 95px;
    }
    .b_line li:nth-child(7){
        right: 200px;
    }
    .b_line li:nth-child(5){
        right: 395px;
    }
    .b_line li:nth-child(4){
        right: 250px;
    }
    .h_price_inner{
        max-width: 100%;
    }
    .h_map ul li .round .dot{
        display: block;
    }
    .ticket_item {
        padding: 30px 25px 70px;
    }
    .developer_product_content .develor_tab .nav-item{
        margin-left: 20px;
    }
    .pos_developer_product_area .tab_img_info .tab_img{
        margin-left: 0;
    }
    .pos_features_img .shap_img img{
        max-width: 100%;
    }
    .pos_features_img{
        padding: 40px 0px;
    }
    .pos_about_list li br{
        display: none;
    }
    .pos_about_list li{
        padding-left: 30px;
    }
    .pos_subscribe .btn_pos{
        padding: 17px 16px;
    }
    .pos_blog_item .h_blog_content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .chat_info{
        padding: 77px 20px;
    }
    .chat_info h3 {
        font-size: 22px;
    }
    .chat_info img{
        margin-right: 15px;
    }
    .pos_footer_area .pl_20,.pos_footer_area .pl_70{
        padding-left: 0;
    }
    .pos_features_area .pos_features_img{
        padding: 30px 30px 30px 0px;
    }
    .pos_features_img .shape_img{
        right: 0;
    }
    .pos_features_img .shape_img{
        width: calc(100% - 30px);
    }
    .pos_features_area .pos_features_img.img_left{
        padding-right: 0;
        padding-left: 30px;
    }
    .pos_features_img.img_left .shape_img{
        left: 0;
        right: auto;
    }
    .pos_item + .pos_item {
        margin-top: 80px;
    }
    .animation_inner li:nth-child(1){
        left: 0;
    }
    .animation_inner li:nth-child(2) {
        top: 35px;
    }
    .animation_inner li:nth-child(8) {
        top: 40%;
        left: 5px;
    }
    .animation_inner li:nth-child(13) {
        left: 0px;
    }
    .animation_inner li:nth-child(3) {
        top: 115px;
        left: 175px;
    }
    .animation_inner li:nth-child(4) {
        left: 326px;
    }
    .animation_inner li:nth-child(5) {
        top: 153px;
        left: 330px;
    }
    .animation_inner li:nth-child(9) {
        top: 175px;
        left: 470px;
    }
    .animation_inner li:nth-child(6) {
        top: 15px;
        left: 673px;
    }
    .animation_inner li:nth-child(7) {
        left: 520px;
    }
    .animation_inner li:nth-child(10) {
        left: 625px;
    }
    .animation_inner li:nth-child(17) {
        left: 605px;
    }
    .animation_inner li:nth-child(18) {
        bottom: -30px;
        left: 690px;
    }
    .animation_inner li:nth-child(12) {
        top: 50px;
        left: 85%;
    }
    .animation_inner li:nth-child(19) {
        bottom: 21px;
        left: 864px;
    }
    .animation_inner li:nth-child(20) {
        bottom: 65px;
        right: 74px;
    }
    .animation_inner li:nth-child(11) {
        top: 128px;
        left: 860px;
    }
    .intro{
        margin-right: auto;
    }
    .split_banner .app_img .phone_img{
        visibility: visible !important;
        max-width: 100%;
    }
    .web_skill_content .split_title,.web_skill_content .custom-skillbar-title,.ms-section.section_5 .split_title{
        color: #fff;
    }
    .web_skill_content .skillbar-bg .custom-skillbar{
        width: 90%;
    }
    .web_skill_content .btn_three{
        background: #7444fd;
        color: #fff;
    }
    .split_content .contact_form_box{
        padding-top: 20px;
    }
    .ms-section.section_5{
        background-image: -moz-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
        background-image: -webkit-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
        background-image: -ms-linear-gradient(40deg, #6712a8 0%, #5f28fb 100%);
    }
    .pp_sec_title h2 {
        font-size: 35px;
        line-height: 45px;
    }
    .section-2 .pp_mackbook_img .one {
        top: -26px;
    }
    .pp_mackbook_img .two {
        top: 276px;
        left: -3px;
    }
    .pp_mackbook_img .three {
        top: 72px;
        right: -60px;
    }
    .section-2 .pp_mackbook_img .four {
        top: 197px;
        left: -216px;
    }
    .section-3 .section_one_img {
        margin-left: -85px;
    }
    .section-4 .section_one_img .round{
        margin-top: 0;
        left: 50%;
    }
    .section-4 .section_one_img .phon_img{
        max-width: 40%;
    }
    .section-4 .section_one_img{
        text-align: left;
    }
    .section-4 .row{
        align-items: center;
    }
    .pp_contact_info .pp_contact_item{
        padding-right: 0;
    }
    .h_analytices_img img,.h_analytices_features_item .h_analytices_img_two img{
        max-width: 100%;
    }
    .h_analytices_features_item .h_analytices_img .analytices_img_two{
        left: 0;
    }
    .h_analytices_features_item .h_analytices_img_two .analytices_img_two{
        right: 0;
    }
    .support_home_img img{
        max-width: 100%;
    }
    .navbar .offcanfas_menu > .nav-item + .nav-item{
        margin-left: 0;
    }
    .header_footer p{
        margin-bottom: 0;
    }
    .pp_contact_form{
        padding-top: 20px;   
    }
    .security_banner_content .app_btn,.security_banner_content .w_btn{
        font-size: 15px;
    }
    .security_banner_content .w_btn{
        margin-left: 6px;
    }
    .security_banner_content h2 {
        font-size: 38px;
        line-height: 45px;
    }
    .h_security_item{
        padding-left: 0;
        padding-right: 0;
        margin: 25px 0px;
    }
    .security_features_inner .s_features_item .item{
        width: 285px;
    }
    .h_security_img{
        padding-left: 30px;
    }
    .h_security_img img{
        max-width: 100%;
    }
    .h_security_img:before{
        left: 0;
    }
    .h_analytices_features_item.flex-row-reverse .h_security_img{
        padding-left: 0;
        padding-right: 30px;
    }
    .h_analytices_features_item.flex-row-reverse .h_security_img:before{
        right: 0;
    }
    .security_action_inner .er_btn_two{
        white-space: nowrap;
    }
    .security_action_inner .media{
        padding-right: 20px;
    }
    .security_action_inner .media img{
        margin-right: 20px;
    }
    .security_inner{
        padding: 0px 46px 20px;
    }
    .f_widget.pl_70,.f_widget.pl_40{
        padding-left: 0;
    }
    .event_text{
        padding-right: 0;
    }
    .event_about_content {
        padding-right: 0px;
    }
    .event_about_img img{
        max-width: 100%;
    }
    .event_about_img .about_bg{
        right: -20px;
        bottom: -20px;
    }
    .event_promotion_inner .event_img img{
        max-width: 100%;
    }
    .event_fact_area .seo_fact_info .seo_fact_item.last{
        margin-top: 0;
    }
    .event_location{
        padding: 100px 80px;   
    }
    .chat_features_item{
        padding: 0px;
    }
    .chat_features_item .round_circle{
        left: 50%;
    }
    .chat_features_content.pr_70,.chat_features_content.pl_70{
        padding-right: 0;
        padding-left: 0;
    }
    .chat_features_img_two .chat_one{
        max-width: 100%;
        top: 0;
    }
    .chat_features_img .dot_bg{
        width: 100%;
    }
    .chat_features_img_three{
        height: 400px;
    }
    .chat_features_img_three .chat_two{
        left: 15px;
    }
    .chat_features_img_two{
        margin-left: 0;
    }
    .chat_core_features_area {
        padding-bottom: 50px;   
    }
    .chat_features_area_three{
        padding-top: 50px;
    }
    .chat_banner_area .offset-lg-2 {
        margin-left: 26px;
    }
    .chat_img .p_one {
        right: -188px;
    }
    .chat_clients_feedback{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .clients_feedback_item .feedback_body{
        padding: 0px 30px 0px 70px;
    }
    .chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body{
        margin-right: 0;
        padding-left: 30px;
    }
    .menu_one .container-fluid {
        padding-left: 35px;
        padding-right: 72px;
    }
    .tracking_pr_item .tracking_content.mr_70,.tracking_pr_item .tracking_content.ml_70{
        margin-right: 0;
        margin-left: 0;
        bottom: 0;
    }
    .tracking_pr_item .tracking_content {
        padding: 26px 30px;
    }
/*    new responsive css*/
    .plugin_area h2 br{
        display: none;
    }
    .f_two .f_content {
        margin-left: 30px;
    }
    .demo_feature_area .row.f_one .f_content{
        margin-top: 0;
    }
    .shop_area .u_content{
        padding-left: 0;
    }
    .blog_slider .item .img_two{
        right: 65px;
    }
    .blog_area .u_content h2{
        font-size: 27px;
        line-height: 37px;
    }
    .blog_slider .item{
        padding-left: 10px;
    }
    .blog_slider .item img {
        max-width: 100%;
    }
    .blog_slider {
        margin-right: -48px;
    }
    .blog_slider .item .round{
        right: 74px; 
    }
    .responsive_content .u_content h2 {
        font-size: 30px;
        margin-bottom: 25px;
    }
    .responsive_content .u_content p{
        margin-bottom: 0;
    }
    .responsive_area .responsive_device img:nth-child(3) {
        width: 265px;
        max-width: 100%;
    }
    .responsive_area .responsive_device img {
        max-width: 23%;
    }
    .portfolio_area .portfolio_slider .slick-slide{
        padding: 10px 15px 25px;
    }
    .portfolio_area_two .slick-slide{
        padding-left: 20px;
        padding-right: 20px;
    }
    .portfolio_area .portfolio_slider{
        margin-top: 0;
    }
    .c_features_area_two .section_title h2 br{
        display: none;
    }
    .testimonial_slider .slick-slide .item{
        padding-left: 30px;
        padding-right: 30px;
    }
    .f_logo img{
        width: 80px;
    }
    .test_inner .arrow .tprevs {
        left: 55px;
    }
    .test_inner .arrow .tnexts{
        right: 55px;
    }
    .n_banner_content{
        padding-top: 0px;
    }
    .mobile_img {
        text-align: right;
    }
    .n_banner_content h2 {
        font-size: 42px;
        line-height: 60px;
    }
    .onepage_about_area .shape{
        right: 40px;
        width: 500px;
    }
    .onepage_about_area{
        padding-bottom: 30px;
    }
    .faq_image_mockup{
        right: 0;
    }
    .faq_accordian_two .card .card-body{
        padding-right: 0;
    }
    .b_features_item {
        padding-left: 30px;
    }
    .b_screen_img{
        right: 0;
        margin-left: 0;
    }
/*    gadget responsive*/
    .gadget_details {
        padding-left: 0;
    }
    .g_shipping_item img {
        margin-right: 12px;
    }
    .gadget_features_item .img{
        width: 350px;
    }
    .gadget_features_item.red img{
        width: 250px;
    }
    .gadget_pr_item .pr_img img{
        max-width: 100%;
    }
    .gadget_promo_content {
        padding-left: 65px;
    }
    .skill_copntent {
        padding-right: 0px;
        margin-top:0px;
    }
    .shop_slider_content h3{
        font-size: 52px;
        line-height: 64px;
    }
    .tr_pr_left {
        width: calc(50% - 455px);
    }
    .tr_pr_right {
        width: calc(50% + 455px);
    }
    .shop_footer_area .footer_top .f_widget.pl_100{
        padding-left: 0;
    }
    .gadget_slider_area .gadget_slider_img .round {
        width: 530px;
        height: 530px;
        left: -50px;
        top: auto;
        bottom: 30px;
    }
    .performance_item.pl_70,.product_chip_content.pl_70{
        padding-left: 0;
    }
    .macbook_body {
        max-width: 570px;
        height: 340px;
    }
    .macbook_body .top, .macbook_body .middle, .macbook_body .bottom{
        max-width: 100%;
    }
    .macbook_body .bottom {
        bottom: 66px;
    }
    .battery_info li:nth-child(3), .battery_info li:nth-child(4) {
        top: 177px;
    }
    .battery_info li{
        top: 74px;
    }
    .battery_info li:nth-child(5), .battery_info li:nth-child(6) {
        top: 270px;
    }
    .tab_img_info:before {
        width: 935px;
        height: 598px;
        background-size: 935px 598px;
    }
    .tab_img_info figure.tab_img{
        width: 700px;
        height: 480px;
        background-size: 700px 480px !important;
    }
    .image_comparison{
        height: 370px;
        width: 370px;
        background-size: contain !important;
    }
    .comparison_pr_info img,.portfolio_grid .item_image img{
        max-width: 100%;
    }
    .white_footer_area .footer_top .f_widget.social-widget {
        margin-left: -46px;
    }
    .home_one_banner .title_text {
        font-size: 42px;
    }
    .service_primary{
        padding: 0px;
    }
    .about_section .item_image{
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 50px;
    }
    .about_information_title{
        padding: 70px 22px;
        margin-top: -154px;
    }
    .portfolio_masonry_grid .grid-item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .blog_grid ul > li > a{
        font-size: 13px;
    }
    .blog_section .blog_grid .blog_content {
        padding: 30px 15px;
    }
    .home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img img{
        height: auto;
        object-fit: fill;
    }
    .personal_portfolio_area{
        padding: 190px 0px;
    }
    .personal_portfolio_area:before{
        background-position: 100%;
    }
    .showcase_slider .showcase_slider_item{
        margin-left: auto;
    }
    .creative_fun_fact_area .seo_fact_info .seo_fact_item{
        margin-top: 0;
    }
    .carousel-indicators li:after{
        margin-left: 15px;
        margin-right: 15px;
    }
    .img-resp {
        max-width: 100%;
    }
    .seo_features_img.seo_features_img_two img {
        margin-left: 0;
    }
    .select2 {
        min-width: 250px !important;
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }
    
}
@media (max-width:991px){
    .navbar .search_cart .shpping-cart {
        margin-left: 0;
        top:0px !important;
    }
    .display-picture img {
        margin-top: 5px;
    }
   
    #profile-option ul {
        right: 2px;
    }
    .breadcrumb_content {
        max-width: 60% !important;
    }

        .breadcrumb_content h1 {
            font-size: 27px;
            line-height: 25px;
        }

        .breadcrumb_content p {
            font-size: 15px;
            line-height: 20px;
        }
    .menu_scroll .alter_nav{
        position: relative;
        right: 0;
        top: 0;
    }
    .menu_scroll.menu_poss .w_menu.search_cart a.nav-link{
        color: #051441;
    }
    .menu_scroll .menu > .nav-item:nth-last-child(-n+2).submenu .dropdown-menu{
        left: 0;
        right: auto;
    }
    .s_service_section {
        margin-top: 280px;
    }
    .s_service_item{
        padding: 50px 40px 40px;
        margin-top: 30px;
    }
    .s_service_info{
        margin-top: 40px;
    }
    .s_features_section {
        margin-top: 100px;
        padding-bottom: 100px;
    }
    .s_features_item .ml_25{
        margin-left: 0;
    }
    .service_details_area .service_details_img{
        margin-left: 0;
        margin-bottom: 60px;
    }
    .service_promo_area .shape.shape_four,.service_promo_area .shape.shape_three{
        bottom: -2%;
    }
    .banner_top br,.s_service_section h2 br{
        display: none;
    }
    .footer_top .f_widget{
        padding-left: 0px;
        margin-bottom: 40px;
    }
    .footer_top{
        padding-bottom: 60px;
    }
    .footer_bottom,.f_social_icon_two a {
        font-size: 13px;
    }
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 17px !important;
        justify-content: space-between;
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }
    .slider_area{
        height: auto;
    }
    .mobile_img .mobile {
        left: 0;
        top: -143px;
    }
    .mobile_img .women_img {
        top: 70px;
        right: 280px;
    }
    .container.custom_container {
        max-width: 100%;
        padding: 0px 15px;
    }
    .price_content .price_item{
        height: 100%;
    }
    .price_content .col-sm-6{
        margin-bottom: 30px;
    }
    .pricing_area{
        padding-bottom: 80px;
    }
    .feature_info .feature_img{
        margin-left: 0;
        margin-bottom: 30px;
    }
    .feature_info .feature_img.f_img_two{
        max-width: 570px;
        position: relative;
    }
    .feature_info .feature_img.f_img_two .one{
        right: 40%;
    }
    .features_area .mt_130{
        margin-top: 80px;
    }
    .service_item {
        padding: 47px 25px 0px;
    }
    .service_item .icon {
        right: 20px;
    }
    .feature_info .feature_img.f_img_one{
        margin-left: 0px;
    }
    .service_carousel:before{
        display: none;
    }
    .protype_img{
        margin-top: 50px;
    }
    .partner_logo .p_logo_item{
        width: calc(100% / 4);
        margin-bottom: 20px;
    }
    .p_feature_item .p_feture_img_one {
        margin-right: 0;
    }
    .p_feature_item .p_feture_img_two{
        margin-left: 0;
    }
    .p_feature_item + .p_feature_item{
        margin-top: 50px;
    }
    .prototype_content{
        padding-top: 20px;
    }
    .p_service_item.pl_50,.p_service_item.pl_70{
        padding-left: 0;
    }
    .p_service_item.pr_70{
        padding-right: 0;
    }
    .p_service_item {
        margin-bottom: 40px;
    }
    .action_content{
        margin-bottom: 40px;
    }
    .action_img{
        margin-top: 0;
    }
    .p_service_info {
        margin-bottom: -40px;
    }
    .prototype_service_info {
        padding: 120px 0px;
    }
    .p_feature_item .prototype_content h2{
        padding-right: 0;
    }
    .agency_banner_area .banner_shap {
        width: auto;
        top: 0;
        max-width: 100%;
    }
    .footer_area_four .footer_top{
        padding-bottom: 40px;
    }
    .company_widget .f_subscribe{
        max-width: 300px;
    }
    .software_banner_area{
        padding-top: 150px;
    }
    .design_developers_area .col-md-5,.design_developers_area .col-md-7 .design_img{
        justify-content: center;
        text-align: center;
    }
    .software_featured_img{
        margin-left: 0px;
        margin-bottom: 50px;
    }
    .software_service_tab_content .software_service_item{
        margin-bottom: 40px;
    }
    .software_service_tab_content{
        margin-bottom: -40px;
    }
    .software_featured_area_two .pl-0{
        padding-left: 15px !important;
    }
    .developer_product_content{
        padding-right: 0px;
        margin-bottom: 50px;
    }
    .developer_product_area{
        padding: 120px 0px;
    }
    .partner_info .logo_item{
        width: calc(100% / 3);
    }
    .saas_featured_info{
        margin-top: 60px;
    }
    .saas_featured_content.pr_70{
        margin-top: 0px;
    }
    .saas_featured_area .saas_featured_info{
        margin-top: 30px;
    }
    .saas_featured_info .f_img_one,.saas_featured_info .f_img_two{
        margin-bottom: 50px;
    }
    .saas_featured_area .saas_featured_info + .saas_featured_info{
        margin-top: 100px;
    }
    .fun_fact_content .fact_item.pl_100{
        padding-left: 10px;
    }
    .partner_logo_area_three .partner_info .logo_item {
        margin-bottom: 30px;
    }
    .footer_top_six .social-widget{
        margin-left: 0;
    }
    .footer_top_six .f_widget{
        margin-bottom: 40px;
    }
    .footer_area_six.sec_pad{
        padding-bottom: 80px;
    }
    .app_banner_area .app_banner_contentmt h2 br{
        display: none;
    }
    .app_img .mobile{
        top: -38px;
    }
    .app_banner_area {
        padding-bottom: 50px;
        padding-top: 110px;
    }
    .app_fetured_item .app_item{
        position: relative;
        display: inline-block;
    }
    .app_item.item_two {
        left: 31px;
        top: 120px;
    }
    .app_item.item_one{
        top: -50px;
    }
    .app_feature_info .app_featured_content{
        padding-bottom: 0px;
    }
    .app_featured_area_two .app_feature_info .app_featured_content{
        padding-left: 0;
        padding-bottom: 0px;
    }
    .app_testimonial_area .nav_container .owl-prev{
        left: 0;
    }
    .app_testimonial_area .nav_container .owl-next{
        right: 0;
    }
    .app_testimonial_area .nav_container .owl-prev,.app_testimonial_area .nav_container .owl-next{
        opacity: 0;
    }
    .app_testimonial_area .nav_container:hover .owl-next,.app_testimonial_area .nav_container:hover .owl-prev{
        opacity: 1;
    }
    .app_contact_info{
        left: 60px;
    }
    .app_banner_area .app_img .app_screen.one {
        top: 191px;
        left: 117px;
    }
    .app_banner_area .app_img .app_screen.two {
        top: 116px;
        left: 233px;
    }
    .app_banner_area .app_img .app_screen.three {
        top: 90px;
        left: 380px;
    }
    .get_started_area .col-lg-6.text-right img{
        margin-top: 50px;
    }
    .ex_team_item img {
        width: 100%;
    }
    .features_info.feature_info_two .agency_featured_img{
        text-align: left !important;
        margin-bottom: 50px;
    }
    .agency_banner_area_two .agency_banner_img{
        margin-bottom: 60px;
    }
    .blog-sidebar{
        margin-top: 50px;
    }
    .blog_post_item .blog_img img{
        width: 100%;
    }
    .blog_sidebar_left .blog_post{
        margin-bottom: -30px;
    }
    .blog_post .blog_post_item{
        margin-bottom: 30px;
    }
    .faq_tab{
        margin-bottom: 60px;
    }
    .faq_content h3.mt_100{
        margin-top: 50px;
    }
    .portfolio_details_info{
        padding-left: 0px;
        padding-right: 0px;
    }
    .portfolio_details_info .portfolio_category{
        margin-top: 40px;
    }
    .portfolio_details_info .portfolio_pagination{
        margin-top: 70px;
        margin-bottom: 50px;
    }
    .portfolio_details_area .portfolio_details_gallery.gallery_two{
        margin-bottom: 20px;
    }
    .portfolio_details_info .portfolio_pagination_two{
        margin-bottom: 0px;
    }
    .portfolio_gallery .portfolio_item .portfolio_img .hover_content .portfolio-description {
        padding-left: 30px;
        padding-bottom: 28px;
    }
    .portfolio_gallery .portfolio_item .portfolio_img .hover_content .img_popup{
        right: 30px;
        top: 30px;
    }
    .agency_featured_item .agency_featured_img{
        text-align: left !important;
    }
    .agency_content{
        max-width: 500px;   
    }
    .agency_featured_item .agency_featured_content{
        padding-left: 0px;
        margin-top: 50px;
    }
    .product_details_area .pr_details,.service_details_item + .service_details_item{
        margin-top: 50px;
    }
    .product_details_area .product_slider{
        padding-right: 0;
    }
    .single_product_item .single_pr_details{
        padding-top: 0px;
    }
    .shopping_cart_area .cart_table .product .media{
        width: 340px;
    }
    .coupon {
        width: 100%;
    }
    .shopping_cart_area .cart_btn{
        padding: 15px 22px;
    }
    .sign_info .login_info{
        margin-top: 50px;
    }
    .sec_title p br{
        display: none;
    }
    .menu > .nav-item + .nav-item{
        margin-left: 0px;
    }
    .menu > .nav-item{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .menu{
        padding: 10px 30px;
        background: #fff;
        margin-top: 0px;
    }
    .navbar-collapse,.menu_four .navbar-collapse{
        max-height: 400px;
        overflow-y: scroll;
        margin-left: 0px;
        margin-right: 0px;
        background: #fff;
    }
    .menu > .nav-item{
        margin-right: 0;
    }
    .header_area .navbar-brand,.menu_toggle{
        transition: all 0.2s linear;
    }
    .navbar .pl_100 {
        padding-left: 20px;
        padding-right: 15px;
    }
    .header_area.navbar_fixed .navbar-brand,.navbar_fixed .menu_toggle{
        margin-bottom: 0px;
    }
    .menu > .nav-item > .nav-link{
        display: inline-block;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item > .dropdown-menu{
        box-shadow: none;
    }
    .menu > .nav-item.submenu.mega_menu .dropdown-menu .nav-item > .dropdown-menu{
        display: block;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item{
        padding: 0px 25px;
    }
    .menu > .nav-item.submenu .dropdown-menu{
        box-shadow: none;
        padding: 0px;
        margin: 0px;
    }
    .burger_menu{
        display: none;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner{
        box-shadow: none;
        position: static;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item:first-child{
        padding-top: 0;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item:last-child{
        padding-bottom: 0;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item.submenu .dropdown-menu .nav-item .nav-link:before{
        content: "\e649";
        display: inline-block;
        font-family: 'themify';
        margin-right: 8px;
        width: auto;
        font-size: 9px;
        float: none;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu.show{
        margin-top: 10px;
        box-shadow: none;
        min-height: 350px;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item + .nav-item{
        padding-top: 0px;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item .dropdown-menu,.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu{
        padding-left: 15px;
        opacity: 1;
        visibility: visible;
        min-height: max-content;
        display: block !important;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item{
        padding: 0px 25px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item:first-child ,.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:first-child{
        padding-top: 12px;
    }
    .menu > .nav-item.submenu .dropdown-menu .nav-item:last-child,.menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item:last-child{
        padding-bottom: 0px;
    }
    .menu > .nav-item.submenu.mega_menu .mega_menu_inner > .dropdown-menu > .nav-item > .dropdown-menu > .nav-item:last-child{
        padding-bottom: 20px;
    }
    .menu_one .mobile_btn{
        margin-left: 15px;
        display: none;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu{
        display: flex;
        flex-wrap: wrap;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu > .nav-item{
        width: 100%;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu .nav-item{
        width: calc(100% / 3);
        padding: 15px 20px;
    }
    .menu_one .btn_get {
        margin-left: 29px;
    }
    .menu_four .btn_get{
        border-color: #ccc5fa;
        box-shadow: none;
        margin-left: 20px;
    }
    .header_area .menu_six .cus_dark {
        margin-left: 30px;
        border-color: #3d64f4;
        color: #3d64f4;
        display: inline-block;
        margin-bottom: 15px;
    }
    .header_area a.menu_cus,.header_area .btn_get.ml-0{
        margin-left: 30px !important;
    }
    .header_area .menu_five .menu_custfive {
        border-color: #3d64f4;
        color: #3d64f4;
        display: inline-block;
    }
    .header_area .menu_four .menu_custfive {
        border-color: #563bd1;
        color: #563bd1;
        display: inline-block;
    }
    .menu_nine .btn_get{
        display: inline-block;
        border-color: #5f51fb;
        color: #5f51fb;
        margin-left: 28px;
        margin-bottom: 10px;
    }
    .header_area_three .menu_four .menu_toggle .hamburger span{
        background: #6754e2;
    }
    .header_area_three{
        padding: 28px 0px;
    }
    .header_area_six .container,.header_area_seven .container{
        position: relative;
    } 
    .footer_top_two .company_widget{
        padding-right: 0px;
    }
    .footer_top_two .f_widget{
        margin-bottom: 40px;
    }
    .footer_area_two .footer_top_two .row{
        margin-bottom: -40px;
    }
    .header_area .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu_one,.header_area.navbar_fixed .menu_one,.menu_two,.menu_six,.menu_seven{
        padding: 15px 0px;
    }
    .w_menu .nav-item .nav-link{
        color: #051441;
    }
    .w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link{
        color: #00aff0;
    }
    .prototype_banner_area{
        padding-top: 140px;
    }
    .menu_four .menu > .nav-item .nav-link,.menu_five .menu > .nav-item .nav-link,.menu_six .menu > .nav-item .nav-link,.menu_seven .menu .nav-item .nav-link{
        color: #051441;
    }
    .menu_five .menu > .nav-item:hover .nav-link,.menu_five .menu > .nav-item.active .nav-link{
        color: #3d64f4;
    }
    .menu_five > .menu > .nav-item:hover .nav-link:before,.menu_five .menu > .nav-item.active .nav-link:before{
        background: #3d64f4;
    }
    .menu_seven .menu > .nav-item:hover .nav-link,.menu_seven .menu > .nav-item.active .nav-link{
        color: #4069eb;
    }
    .menu_seven > .menu > .nav-item:hover .nav-link:before,.menu_seven .menu > .nav-item.active .nav-link:before{
        background: #4069eb;
    }
    .menu_four >.menu > .nav-item:hover .nav-link,.menu_four .menu > .nav-item.active .nav-link{
        color: #6754e2;
    }
    .menu_four > .menu > .nav-item:hover > .nav-link:before,.menu_four .menu > .nav-item.active > .nav-link:before{
        background: #6754e2;
    }
    
    .payment_features_content.pl_70{
        padding-left: 0;
    }
    .animation_img_two{
        display: none;
    }
    .payment_banner_content {
        max-width: 90%;
    }
    .payment_service_area .service-content{
        margin-bottom: 40px;
    }
    .payment_clients_area .payment_features_content{
        padding-right: 0px;
    }
    .payment_clients_area .payment_clients_inner{
        height: 450px;
        margin-top: 50px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.eight{
        left: 500px;
    }
    .payment_clients_area{
        padding-top: 0px;
    }
    .payment_testimonial_area{
        padding-top: 50px;
    }
    .payment_testimonial_info .testimonial_content{
        padding-bottom: 50px;
    }
    .footer_nine_top .company_widget.pr_100{
        padding-right: 0px;
    }
    .footer_nine_top .pl_100{
        padding-left: 15px;
    }
    .footer_nine_top .f_widget{
        margin-bottom: 40px;
    }
    .footer_nine_top{
        padding-bottom: 80px;
    }
    .payment_action_area {
        padding: 125px 0px 120px;
    }
    .payment_features_area{
        padding-bottom: 0px;
    }
    .payment_features_area_four{
        padding-bottom: 100px;
    }
    .saas_map_area img{
        max-width: 100%;
    }
    .saas_banner_area_two .animation_img img{
        width: 100%;
    }
    .saas_banner_area_two .animation_img{
        padding: 0px 15px;
    }
    .saas_banner_area_two .shap_img{
        transform: rotate(0deg);
        bottom: 176px;
    }
    .section_container .intro {
        height: 50%;
    }
    .saas_banner_area_two .shap_img{
        bottom: 0;
    }
    .saas_features_area_two {
        padding-top: 200px;
    }
    .saas_service_img{
        margin-bottom: 40px;
    }
    .saas_service_item + .saas_service_item {
        margin-top: 80px;
    }
    .saas_subscribe_area .saas_action_content{
        padding: 30px 30px 38px;
        text-align: center;
    }
    .saas_subscribe_area .justify-content-end{
        justify-content: center !important;
        margin-top: 20px;
    }
    .saas_banner_area_two .animation_img{
        position: absolute;
        bottom: -150px;
    }
    .saas_banner_content p br{
        display: none;
    }
    .saas_banner_content h2{
        line-height: 48px;
    }
    .saas_banner_area{
        padding-top: 150px;
    }
    .prototype_content .btn_three{
        margin-top: 25px;   
    }
    .app_service_area {
        padding-top: 100px;
    }
    .app_testimonial_area{
        padding-top: 150px;
        padding-bottom: 100px;
    }
    .app_screenshot_area,.experts_team_area {
        padding: 100px 0px; 
    }
    .payment_features_content.pr_70{
        padding-right: 0;
    }
    .job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img{
        width: auto;
        max-width: 95%;
    }
    .job_listing .listing_tab .list_item figure{
        width: 60px;
        margin-right: 10px;
    }
    .job_listing .listing_tab .list_item .joblisting_text{
        padding-left: 15px;
    }
    .job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell{
        width: 70%;
    }
    .job_listing .listing_tab .list_item{
        padding: 20px;
    }
    .job_listing .listing_tab .list_item .joblisting_text ul li{
        font-size: 12px;
        padding: 0px 5px;
    }
    .job_listing {
        margin-top: 100px;
    }
    .job_details_area .pl_70,.job_apply_area .pl_70{
        padding-left: 15px;
        margin-bottom: 50px;
    }
    .checkout_area .cart_total_box{
        margin-left: 0px;
        padding: 50px 20px;
    }
    .login_area .login_info{
        padding-right: 0;
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .login_area .login_info:before{
        right: -20%;
    }
    .login_img{
        margin: 0px auto;
        padding: 70px 0px;
    }
    .footer_bottom .f_menu li + li {
        margin-left: 7px;
    }
    .shopping_cart_area .cart_table .total,.shopping_cart_area .cart_table .quantity{
        width: 95px;
    }
    .shopping_cart_area .cart_table .del-item{
        width: 60px;
    }
    .shopping_cart_area .cart_table .del-item .total{
        margin-right: 10px;
    }
    .triangle_shape {
        height: 115%;
        transform: rotate(-22deg);
        -webkit-transform: rotate(-22deg);
        width: 170%;
    }
    .new_service .separator{
        display: none;
    }
    .new_service .new_service_content{
        margin-top: 0;
    }
    .payment_footer_area_two{
        padding-bottom: 60px;
    }
    
    .startup_tab .nav-item {
        width: calc(100% / 4);
        margin-bottom: 25px;
    }
    .new_startup_banner_area{
        min-height: auto;
        padding: 150px 0px 100px;
    }
    .startup_tab{
        margin-left: -15px;
        margin-right: -15px;
    }
    .new_startup_banner_area .new_startup_img{
        padding-right: 0;
        padding-bottom: 50px;
    }
    .stratup_service_img .shape{
        left: 0;
    }
    .progress_bar_area .progress_item{
        padding: 0px 15px;
    }
    .testimonial_slider_four {
        padding: 0px 125px;
    }
    .stratup_testimonial_info{
        margin-top: 50px;
    }
    .video_content {
        padding: 0px 60px;
    }
    .video_info{
        height: 350px;
        max-width: 100%;
    }
    .video_leaf{
        left: 0;
        top: -22px;
    }
    .cup{
        right: -27px;
    }
    .get_started_three .get_btn_info .get_btn_item h3 {
        font-size: 18px;
        line-height: 32px;
    }
    .get_started_three .get_btn_info .get_btn_item{
        padding-right: 0;
        margin-bottom: 20px;
    }
    .intregration_content{
        padding-top: 50px;
    }
    .digital_video_slider {
        width: 45%;
    }
    .saas_banner_area_three .slider_item .image_mockup{
        width: 780px;
        padding: 0px 40px;
    }
    .saas_banner_area_three .slider_item .image_mockup .phone{
        max-width: 13%;
        right: 25px;
    }
    .saas_banner_area_three .slider_item .image_mockup .laptop{
        max-width: 90%;
    }
    .saas_banner_area_three .slider_item .slidet_content h2 {
        font-size: 36px;
    }
    .saas_banner_area_three .slider_item .slidet_content{
        padding-top: 140px;
    }
    .saas_banner_area_three .slider_item{
        min-height: 670px;
    }
    .saas_banner_area_three .slider_item .slidet_content_two{
        padding-top: 160px;
    }
    .service_promo_area .shape.shape_two{
        left: 0;
    }
    .perfect_solution_area .perfect_solution_left .per_solution_content.per_solution_content_three{
        padding-left: 15px;
        padding-right: 15px;
    }
    .service_details_area .details_content{
        padding-top: 50px;
    }
    .study_details .details_info,.study_details_two .study_details_content,.study_details_three .study_details_content{
        padding-top: 50px;
    }
    .breadcrumb_area{
        padding-top: 180px;
    }
    .details_img.text-right{
        text-align: left !important;
    }
    .download_content .download_btn {
        width: 200px;
        height: 200px;
        margin-bottom: 30px;
    }
    .download_content .download_btn .pulse-x{
        width: 70px;
        height: 70px;
    }
    .download_content h2 br{
        display: none;
    }
    .thanks_content a{
        margin-top: 30px;
    }
    .thanks_content h2 {
        font-size: 36px;
        margin-bottom: 22px;
        margin-top: 16px;
    }
    .saasland_container{
        height: 100%;
        min-height: inherit;
    }
    .saasland_col_screen, .saasland_container .saasland_col_content{
        width: 100%;
        height: 100vh;
    }
    .saasland_container .saasland_col_content .container_wrap{
        min-height: 517px;
        padding: 0px 15px;
    }
    .saasland_col_screen{
        height: 70vh;
    }
    .saasland_col_screen .saasland_bg{
        display: none;
    }
    .saasland_col_screen .clock{
        text-align: left;
        padding-left: 12px;
    }
    .saasland_col_screen .saasland_social{
        left: 15px;
    }
    .saasland_container .saasland_col_content .saasland_content{
        width: 94%;
    }
    .saasland_container .saasland_col_content .saasland_content, .saasland_container .saasland_col_content .saasland_bottom,.saasland_container .saasland_col_content .saasland_log{
        left: 15px;
    }
    .error_content_two p {
        font-size: 15px;
        line-height: 25px;
    }
    .error_content_two img {
        max-width: 93%;
    }
    .error_content_two .search {
        margin: 30px 0px;
    }
    .pr_sidebar{
        margin-top: 60px;   
    }
    .alter_nav{
        position: absolute;
        right: 63px;
        top: -4px;
    }
    .search_cart.menu{
        padding: 0px;
        margin-top: 0px;
        flex-direction: initial;
    }
    .header_area_six + section {
        margin-top: 122px;
    }
    .header_contact_info li{
        font-size: 13px;
    }
    .header_contact_info li:before{
        margin: 0px 5px 0px 0px;
    }
    .navbar .search_cart .search a.nav-link:before{
        display: none;
    }
    .software_promo_area .round_shape {
        max-width: 690px;
        min-height: 690px;
    }
    .payment_features_item{
        margin-bottom: 30px;
    }
    .feedback_area_two .sec_title,.feedback_area_three .sec_title{
        padding-right: 156px;
    }
    .payment_subscribe_info{
        display: block;
    }
    .payment_subscribe_info .subscribe-form{
        justify-content: center;
        margin-top: 20px;
        margin-left: 0;
    }
    .payment_subscribe_info .payment_subscribe_content{
        text-align: center;
    }
    .payment_price_item {
        padding: 50px 10px 55px;
    }
    .payment_price_item.center, .payment_price_item:hover{
        padding: 80px 10px 86px;
    }
    .feedback_area_three {
        height: 640px;
    }
    .seo_features_img .round_circle {
        right: 0;
    }
    .seo_features_img.seo_features_img_two .round_circle {
        left: 0;
    }
    .seo_features_img.seo_features_img_two img{
        margin-left: 0;
    }
    .seo_features_img{
        margin-bottom: 60px;
    }
    .seo_subscribe_form{
        max-width: 100%;
        margin-left: -9px;
        margin-right: -9px;
    }
    .studies_item .text{
        padding-left: 20px;
        padding-right: 20px;
    }
    .studies_item .text h4 {
        font-size: 18px;
    }
    .seo_fact_info .seo_fact_item{
        width: 145px;
        height: 145px;
    }
    .seo_fact_info .seo_fact_item .counter{
        font-size: 40px;
        margin-bottom: 4px;
    }
    .seo_fact_info:before{
        display: none;
    }
    .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 135px;
    }
    .seo_sec_title h2 br{
        display: none;
    }
    .seo_call_action_text h2 {
        font-size: 30px;
        line-height: 44px;
    }
    .seo_call_to_action_area{
        padding: 80px 0px;
    }
    .new_footer_top .pl_70{
        padding-left: 0;
    }
    .new_footer_top .f_widget{
        margin-bottom: 50px;
    }
    .header_area_six .alter_nav{
        top: 0px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu{
        display: block !important;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu .nav-item{
        padding-left: 10px;
        padding-right: 10px;
    }
    .header_area .menu_seven a.Cus_seven {
        color: #3d64f4;
        margin-left: 30px;
        display: inline-block;
        margin-bottom: 20px;
    }
    .domain_form_inner input{
        width: 50%;
    }
    .domain_form_inner .domain_select{
        width: 23%;
    }
    .domain_form_inner button{
        width: 27%;
    }
    .hosting_menu.menu_four .btn_get {
        color: #333f64;
        line-height: 42px;
        margin-left: 30px;
    }
    .h_features_content{
        margin-top: 40px;
    }
    .h_action_content h2 {
        font-size: 31px;
        line-height: 42px;
    }
    .h_price_body .price_head,.h_price_body .h_p_list{
        padding-right: 0;
    }
    .h_price_body .h_p_list .h_price_item.c_width,.h_price_body .price_head .p_head.c_width{
        width: 25%;
    }
    .h_price_body .h_p_list .h_price_item,.h_price_body .price_head .p_head{
        width: 15%;
    }
    .h_map ul li:nth-child(2){
        left: 80px;
    }
    .h_map ul li:nth-child(6) {
        left: 150px;
    }
    .h_blog_item .h_blog_content {
        padding: 25px 20px;
    }
    .h_action_promo_area .hosting_btn{
        padding: 16px 25px;
    }
    .h_footer_dark .about-widget.pl_70,.h_footer_dark .about-widget.pl_20{
        padding-left: 0;
    }
    .h_footer_dark .f_widget{
        margin-top: 30px;
    }
    .h_footer_dark{
        padding: 70px 0px 100px;
    }

    .menu_pos .w_menu .nav-item:hover .nav-link, .w_menu .nav-item.active .nav-link {
        color: #5b7921;
    }
    .navbar_fixed .menu_pos .container .menu_toggle .hamburger span,.navbar_fixed .menu_pos .container .menu_toggle .hamburger-cross span{
        background: #051441;
    }
    .ticket_item{
        width: calc(94% / 3);
    }
    .ticket_item + .ticket_item {
        margin-left: 3%;
    }
    .ticket_item h2 {
        font-size: 35px;
    }
    .hosting_title h2 br{
        display: none;
    }
    .pos_developer_product_area .developer_product_content{
        margin-bottom: 0;
        margin-top: 40px;
    }
    .pos_features_img {
        max-width: 500px;
        padding-right: 40px;
    }
    .pos_features_img .shape_img{
        right: 0;
    }
    .pos_features_img.img_left{
        padding-right: 0;
        padding-left: 40px;
    }
    .pos_features_img.img_left .shape_img{
        left: 0;
    }
    .pos_features_content{
        padding-left: 0;
    }
    .pos_about_list{
        column-count: 2;
    }
    .pos_subscribe .btn_pos {
        padding: 17px 26px;
    }
    .pos_about_img{
        max-width: 100%;
    }
    .pos_blog_item{
        margin-bottom: 30px;
    }
    .chat_info{
        margin-top: 40px;
    }
    .pos_footer_area{
        padding-bottom: 0;
    }
    .flex-row-reverse .pos_features_content{
        padding-right: 0;
    }
    .erp_service_item.pl_70{
        padding-left: 0;
    }
    .erp_service_item.pr_70{
        padding-right: 0;
    }
    .erp_action_area img{
        max-width: 100%;
    }
    .erp_features_img_two{
        margin-bottom: 40px;
        max-width: 550px;
    }
    .erp_content_two{
        padding-left: 0;
    }
    .erp_item_features + .erp_item_features {
        margin-top: 100px;
    }
    .erp_analytics_item{
        padding: 0px;
    }
    .erp_analytics_item p {
        font-size: 19px;
    }
    .flex-row-reverse .erp_features_img_two .img_icon {
        left: auto;
        right: -55px;
    }
    .animation_inner li:nth-child(2) {
        left: 107px;
    }
    .animation_inner li:nth-child(4) {
        left: 293px;
    }
    .animation_inner li:nth-child(7) {
        left: 452px;
    }
    .animation_inner li:nth-child(12) {
        left: 78%;
    }
    .animation_inner li:nth-child(9) {
        left: 450px;
    }
    .animation_inner li:nth-child(10) {
        left: 607px;
    }
    .animation_inner li:nth-child(6) {
        top: 36px;
    }
    .animation_inner li:nth-child(17) {
        left: 632px;
    }
    .section-1 .section_one-content{
        padding-top: 80px;
    }
    .section-2 .pp_work_content{
        margin-bottom: 50px;
    }
    .section-2 .pp_mackbook_img{
        height: 600px;
    }
    .section-2 .pp_mackbook_img .one {
        top: -146px;
        left: 155px;
    }
    .section-2 .pp_mackbook_img .four {
        top: 138px;
        left: -101px;
    }
    .pp_mackbook_img .three {
        top: 63px;
        right: -148px;
    }
    .pp_mackbook_img .two {
        top: 328px;
        left: 67px;
    }
    .section-4 .section_one_img .round{
        margin-top: -225px;
    }
    .home_analytics_banner_area{
        height: auto;
        padding-top: 150px;
    }
    .h_analytices_features_item .h_analytices_content{
        margin-top: 50px;
    }
    .analytices_price_item{
        margin-bottom: 30px;
    }
    .analytices_customers_logo_area {
        padding: 70px 0px 20px;
    }
    .analytices_logo_content .analytices_title p{
        max-width: 100%;
    }
    .analytices_list_area .macbook_a{
        display: none;
    }
    .analytices_list{
        padding-top: 0;
    }
    .analytices_list_area{
        padding-bottom: 50px;
    }
    .header_area .container{
        position: relative;
    }
    .search_cart.menu,.navbar .offcanfas_menu{
        background: transparent;
    }
    .navbar .offcanfas_menu{
        padding-left: 0;
    }
    .h_security_banner_area{
        height: auto;
        min-height: auto;
        padding: 150px 0px;;
    }
    .security_banner_content{
        margin-bottom: 40px;
    }
    .h_security_item{
        margin: 20px 0px;    
    }
    .security_features_inner .s_features_item .item{
        width: 220px;
        padding: 40px 0px;
    }
    .h_security_img {
        max-width: 490px;
    }
    .security_list_area .macbook_a{
        display: block;
        position: relative;
        right: -130px;
        bottom: 0;
    }
    .security_list_area .lock{
        right: auto;
        left: 80px;
        top: 380px;
        bottom: auto;
    }
    .security_list_area{
        padding: 20px 0px 100px;
    }
    .security_list_area .analytices_title{
        margin-top: 50px;
    }
    .security_inner .row{
        justify-content: center;
    }
    .security_action_inner,.security_action_inner .media{
        display: block;
        text-align: center;
    }
    .security_action_inner .media img{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .security_action_inner .media h3{
        margin-bottom: 25px;
    }
    .security_action_inner .media h3{
        line-height: 45px;
    }
    .price_info_two .price_head .p_head.time{
        padding-top: 0;
    }
    .instagram_widget ul{
        max-width: 290px;
    }
    .event_banner_content h2 {
        font-size: 69px;
        line-height: 80px;
    }
    .event_text{
        text-align: center;
        padding-bottom: 40px;
    }
    .event_about_img{
        max-width: 400px;
        margin-bottom: 60px;
    }
    .event_about_area {
        padding: 110px 0px 0px;
    }
    .event_team_slider .item .e_team_img img{
        max-width: 100%;
    }
    .event_features_inner{
        justify-content: center;
    }
    .event_features_inner .col-lg-4{
        margin-bottom: 30px;
    }
    .e_promo_text{
        margin-left: 15px;
        padding: 60px 20px;
    }
    .e_promo_text h3{
        font-size: 33px;
    }
    .event_promotion_info p{
        margin-bottom: 0;
        padding-left: 0;
        padding-top: 25px;
    }
    .event_tab_content .media .media-body{
        padding-left: 50px;
    }
    .event_tab_content .media .media-left{
        margin-right: 50px;
    }
    .event_price_item{
        margin-bottom: 60px;
    }
    .event_fact_area .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 0;
    }
    .chat_banner_area{
        height: auto;
    }
    .chat_banner_content{
        padding-top: 0;
        margin-bottom: 20px;
    }
    .chat_img {
        max-width: 405px;
        margin: 0 auto;
    }
    .chat_features_item{
        margin-bottom: 50px;
    }
    .chat_core_features_area .row{
        justify-content: center;
    } 
    .chat_core_features_area .chat_title br{
        display: block;
    }
    .chat_features_img{
        max-width: 500px;
        margin-bottom: 60px;
    }
    .chat_features_img.chat_features_img_one .chat_one{
        top: -80px;
    }
    .chat_features_area {
        padding: 70px 0px;
    }
    .chat_banner_area .offset-lg-2 {
        margin-left: 0px;
    }
    .tracking_banner_content img{
        max-width: 100%;
    }
    .tracking_software_logo img{
        max-width: 100%;
        margin-top: 25px;
    }
    .tracking_software_logo{
        justify-content: center;
    }
    .menu_one .tracking_btn{
        padding-left: 30px;
        padding-right: 15px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .tracking_pr_item .tracking_content{
        position: relative;
        max-width: 100%;
        top: 0;
    }
    .tracking_pr_item + .tracking_pr_item {
        margin-top: 60px;
    }
    .tracking_product_area{
        padding-top: 80px;
    }
    .tracking_price_inner .track_price {
        padding-right: 25px;
    }
    .tracking_price_inner .track_text{
        padding-left: 25px;
    }
    .tracking_pr_item .tracking_content{
        margin-top: 50px;
    }
    .h_footer_track{
        padding-bottom: 80px;
    }
    .menu_one .container-fluid {
        padding-left: 35px;
        padding-right: 35px;
    }
    .security_btn{
        color: #0e79de;
        margin-left: 20px;
    }
    
/*    new responsive css*/
    .promo_banner .container{
        max-width: 100%;
    }
    .promotion_inner .media img {
        margin-right: 10px;
    }
    .purchase_btn{
        padding: 10px 40px; 
        margin-right: 20px;
    }
    .responsive_area .col-lg-8,.responsive_area .col-lg-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .image_mockup .one_img:nth-child(5){
        right: -200px;
    }
    .image_mockup .one_img:nth-child(6) {
        bottom: -130px;
        right: 2px;
    }
    .image_mockup .layer img{
        width: 320px;
    }
    .image_mockup .one_img:nth-child(1) {
        right: -85px;
        top: 157px;
    }
    .image_mockup .one_img:nth-child(2) {
        right: 115px;
        top: 374px;
    }
    .image_mockup .one_img:nth-child(3) img{
        width: 180px;
    }
    .image_mockup .one_img:nth-child(3) {
        bottom: -20px;
        right: 350px;
    }
    .image_mockup .one_img:nth-child(4) {
        bottom: -242px;
        right: 430px;
    }
    .demo_features_area .col-lg-3, .demo_features_area .col-lg-4{
        flex: 0 0 50%;
        max-width: 50%; 
    }
    .filtering_demos .nav-tabs .nav-item{
        margin-bottom: 12px;
    }
    .filtering_demos .nav-tabs .nav-item span{
        right: -8px;
    }
    .filtering_demos .nav-tabs .nav-item + .nav-item{
        margin-left: 25px;
    }
    .plugin_area .row{
        align-items: center;
        justify-content: center;
    }
    .elemator_img img {
        max-width: 100%;
    }
    .f_two{
        margin-top: 80px;
    }
    .f_two .f_img{
        margin-left: -34px;
    }
    .f_two .f_content{
        margin-top: 10px;
        margin-left: 0;
    }
    .utility_area .u_content{
        padding-right: 0;
        padding-left: 30px;
    }
    .portfolio_area_two .slick-slide{
        padding-top: 8px;
    }
    .responsive_content .u_content{
        margin-right: 0;
        margin-top: 20px;
    }
    footer h2 br{
        display: none;
    }
    .blog_area .u_content{
        margin-left: 0;
        margin-bottom: 30px;
    }
    .blog_slider .item{
        padding-left: 0;
    }
    .shop_area .u_content{
        max-width: 100%;
        margin-left: 0;
        margin-top: 40px;
    }
    .blog_slider .item .img_two {
        width: auto;
        max-width: 500px;
    }
    .blog_slider .item .round {
        right: 18px;
        top: 46px;
    }
    .promotion_inner .media{
        font-size: 14px;
    }
    .promo_banner .countdown .countdown-container + .countdown-container {
        margin-left: 18px;
    }
    .promo_banner .countdown{
        justify-content: inherit;
    }
    .close_icon {
        right: 12px;
    }
    .n_hero_banner_area {
        padding-top: 150px !important;
    }
    .n_banner_content {
        text-align: center;
        padding-top: 0px;
        max-width: 697px;
        margin: 0 auto 30px;
    }
    .n_hero_banner_area .mobile_img {
        max-width: 800px;
        margin-left: auto;
        text-align: center;
        margin-right: auto;
    }
    .b_features_item {
        margin-bottom: 70px;
        padding-left: 0;
    }
    .best_screen_features_area{
        padding-bottom: 50px;
        margin-top: 70px;
    }
    .faq_accordian_two{
        margin-top: 50px;
    }
    .faq_solution_area{
        padding-bottom: 100px;
    }
    .price_box_two{
        padding-left: 15px;
        padding-right: 15px;
    }
    .app-deatails-area .app-details{
        padding: 25px 15px;
    }
    .n_hero_banner_area .mobile_img img {
        top: 0px;
    }
    .onepage_about_area {
        padding-bottom: 50px;
    }
    .n_banner_content p{
        padding-right: 0px;
    }
/*    gadget responsive css */
    .gadget_about_img{
        text-align: center;
    }
    .gadget_details{
        margin-top: 50px;
    }
    .g_shipping_item,.team_contact{
        margin-bottom: 30px;
    }
    .gadget_shipping_area .row{
        margin-bottom: -30px;
    }
    .gadget_promo_area{
        padding-bottom: 120px;
        margin-bottom: 0;
    }
    .gadget_promo_content{
        padding-left: 0;
        margin-top: 80px;
    }
    .gadget_promo_area .promo_img{
        margin-bottom: -120px;
    }
    .gadget_discount_info{
        padding: 50px; 
    }
    .discount_pr_img img{
        max-width: 100%;
    }
    .gadget_discount_info .discount_pr_img {
        margin-top: -107px;
    }
    .gadget_discount_area{
        margin-top: 50px;
    }
    .gadget_slider_content h3{
        font-size: 49px;
        line-height: 55px;
    }
    .gadget_slider_content .text {
        font-size: 118px;
        line-height: 140px;
    }
    .team_details_content{
        padding-top: 50px;   
    }
    progress-element{
        margin-top: 30px;
    }
    .menu_four .event_btn{
        color: #051441;
        margin-left: 30px;
    }
    .erp_menu .er_btn {
        margin-left: 27px;
    }
    .shop_slider_img img{
        height: auto;
    }
    .gadget_slider_area .gadget_slider_img .round {
        width: 430px;
        height: 430px;
        border-width: 100px;
    }
    .shop_slider_content h3 {
        font-size: 38px;
        line-height: 48px;
    }
    .featured_gallery .shop_content{
        padding: 15px;
    }
    .featured_gallery .shop_content .shop_btn{
        bottom: 15px;
    }
    .tr_pr_right {
        width: calc(50% + 330px);
    }
    .tr_pr_left {
        width: calc(50% - 330px);
    }
    .dark_banner_content h2 {
        font-size: 50px;
        line-height: 65px;
    }
    .comparison_pr_info.one {
        margin-top: 0;
    }
    .image_comparison{
        width: 330px;
        margin-top: 50px;
    }
    .product_chip_area{
        padding-bottom: 80px;
    }
    .tab_img_info:before {
        width: 690px;
        height: 440px;
        background-size: 690px 440px;
    }
    .tab_img_info figure.tab_img{
        width: 520px;
        height: 340px;
        background-size: 520px 340px !important;
    }
    .product_features_info,.performance_item {
        margin-top: 40px;
    }
    .performance_info {
        margin-top: 40px;
    } 
    .tab_img_info:after{
        background-size: cover;
    }
    .product_discount_content img{
        max-width: 100%;
    }
    .white_footer_area .footer_top .f_widget.social-widget {
        margin-left: 0;
    }
    .macbook_body {
        max-width: 430px;
        height: 255px;
    }
    .macbook_body .bottom {
        bottom: 46px;
    }
    .battery_info li .line{
        margin-left: 10px;
    }
    .battery_info li:nth-child(3) .line{
        margin-left: 15px;
    }
    .battery_info li:nth-child(4) .line{
        margin-right: 15px;
    }
    .battery_info li:nth-child(even) .line{
        margin-right: 10px;
    }
    .battery_info li:nth-child(3), .battery_info li:nth-child(4) {
        top: 135px;
    }
    .battery_info li:nth-child(5), .battery_info li:nth-child(6) {
        top: 199px;
    }
    .home_one_banner{
        padding: 180px 0px 80px;
    }
    .home_one_banner .banner_content{
        margin-bottom: 30px;
    }
    .about_information_title{
        margin-right: 0;
        margin-top: -40px;
        margin-bottom: 35px;
    }
    .about_section .item_image{
        margin-bottom: 0;
    }
    .about_section{
        padding-bottom: 145px;
    }
    .agency_testimonial_carousel{
        padding-left: 70px;
    }
    .portfolio_masonry_grid .grid-item.w_66 {
        width: 66%;
    }
    .portfolio_masonry_grid .grid-item,.portfolio_masonry_grid .grid-sizer{
        width: 33%;
    }
    .portfolio_masonry_grid {
        margin-left: -15px;
        margin-right: -15px;
    }
    .menu_top_gap + div, .menu_top_gap + section {
        margin-top: 80px;
    }
    .personal_portfolio_area:before{
        width: 500px;
        background-position: 72%;
    }
    .showcase_slider .showcase_slider_item{
        margin-left: auto;
    }
    .consultation_content{
        position: relative;
        right: 0;
        transform: translateY(0);
        width: 100%;
    }
    .consultation_image{
        margin-left: 0px;
    }
    .consultation_image img{
        max-width: 100%;
    }
    .consultation_image .square_play_btn{
        width: 130px;
        height: 130px;
    }
    .main_product_slider .carousel-control-next, .main_product_slider .carousel-control-prev {
        top: 26%;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .smarter_spending_text_below {
        position: static !important;
    }
    .select2 {
        min-width: 250px !important;
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }
}
@media (max-width:767px){
    .display-picture img {
        margin-top: 5px;
    }

    #profile-option ul {
        right: 2px;
    }
    .sec_title br,.prototype_service_info h2 br,.hosting_title h2 br{
        display: none;
    }
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 11px !important;
    }
    .footer_bottom p{
        text-align: center;
        margin-bottom: 12px !important;
    }
    .footer_bottom .f_social_icon_two{
        text-align: right !important;
        margin-bottom: 12px;
    }
    .footer_bottom .f_menu{
        text-align: center !important;
    }
    .banner_top h2{
        font-size: 32px;
    }
    .seo_banner_content h2{
        line-height: 48px;
    }
    .l_height60{
        line-height: 45px;
    }
    .footer_top_two .f_width_24, .f_width_12, .f_width_20{
        width: 100%;
    }
    .footer_area_two .footer_bottom p{
        text-align: left;
        margin-bottom: 0 !important;
    }
    .partner_logo .p_logo_item {
        width: calc(100% / 3);
    }
    .prototype_featured_area h2 br{
        display: none;
    }
    .service_carousel{
        padding-left: 0;
    }
     .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{
        opacity: 0;
    }
    .service_carousel:hover .owl-nav .owl-next,.service_carousel:hover .owl-nav .owl-prev{
        opacity: 1;
    }
    .feedback_slider_two .owl-nav .owl-next,.feedback_slider_two .owl-nav .owl-prev{
        opacity: 1;
    }
    .prototype_service_area{
        padding-bottom: 70px;
    }
    .prototype_service_info .mb_90{
        margin-bottom: 70px;
    }
    .about_img .about_img_slider .about_item .about_text h5{
        font-size: 15px;
    }
    .agency_featured_item .agency_featured_img{
        text-align: center !important;
    }
    .agency_featured_item .agency_featured_content{
        padding-left: 0;
        margin-top: 50px;
    }
    .action_area_three:before{
        background-size: contain;
    }
    .action_area_three .action_content{
        margin: 0px;
    }
    .mb_90{
        margin-bottom: 50px;
    }
    .agency_service_area{
        padding: 70px 0px;
    }
    .agency_featured_area {
        padding-top: 120px;
    }
    .agency_testimonial_area,.software_featured_area{
        padding-top: 70px
    }
    .agency_testimonial_info .testimonial_slider{
        padding: 50px 20px;
    }
    .sec_pad,.prototype_service_info{
        padding: 50px 0px;
    }
    .sec_title.mb_70{
        margin-bottom: 50px
    }
    .pricing_area {
        padding-bottom: 10px;
    }
    .design_img_two{
        margin-top: -50px;
        margin-left: 15px;
        margin-right: 15px;
    }
    .software_service_tab .nav-item{
        display: inline-block;
        margin-bottom: 20px;
    }
    .software_service_tab_content{
        margin-top: 60px;
    }
    .developer_product_area{
        padding: 50px 0px;
    }
    .partner_logo_area_two .subscribe_form_info{
        padding: 100px 20px;
    }
    .partner_logo_area_two .subscribe_form_info h2{
        line-height: 42px;
    }
    .saas_signup_form .input-group{
        margin-bottom: 25px;
    }
    .saas_signup_form .saas_banner_btn{
        margin-top: 40px;
    
    }
    .fun_fact_content .fact_item.pl_100{
        padding-left: 30px;
    }
    .fun_fact_content,.cart_box{
        margin-top: 50px;   
    }
    .footer_area_six.sec_pad{
        padding-bottom: 30px;
    }
    .feedback_area .feedback_slider .item{
        padding: 0px;
    }
    .feedback_slider .feedback_item{
        padding-left: 20px;
        padding-right: 20px;
    }
    .app_featured_area,.agency_featured_area_two{
        padding-bottom: 80px;
    }
    .app_service_area{
        padding-top: 80px;
    }
    .fact_author_img.fact_author_img_two{
        text-align: center !important;
    }
    .features_info.feature_info_two .agency_featured_img{
        margin-bottom: 0px;
    }
    .partner_logo_area_five{
        padding-top: 110px;
        padding-bottom: 50px;
    }
    .blog_area .shop_page_number,.shop_slider_content{
        text-align: center !important;
    }
    .blog_single .blockquote{
        padding-left: 15px;
    }
    .post_share a i{
        padding-right: 4px;
    }
    .post_share a + a {
        margin-left: 5px;
    }
    .post_tag .post-nam {
        padding-right: 0;
    }
    .post_tag a{
        margin-left: 3px;
    }
    .portfolio_filter .work_portfolio_item + .work_portfolio_item {
        margin-left: 35px;
    }
    .price_content .price_item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .process_area .agency_featured_item{
        margin-top: 50px;
    }
    .single_product_item .single_pr_details{
        padding-top: 30px;
    }
    .sign_info {
        padding: 50px 30px;
    }
    .s_promo_info .promo_item{
        opacity: 1;
        left: 0;
        top: 75%;
    }
    .banner_top {
        padding-top: 125px;
    }
    .svg_intro_bottom{
        width: 130%;
    }
    .payment_banner_content{
        max-width: 100%;
    }
    .payment_banner_content h1 {
        line-height: 50px;
        font-size: 32px;
    }
    .payment_banner_content .action_btn{
        margin-top: 45px;
    }
    .slider_content{
        padding-top: 150px;   
    }
    .saas_features_area_two {
        padding-top: 165px;
    }
    .section_container .intro_content{
        position: relative;
        padding-top: 150px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .section_container .intro_content h1,.erp_banner_area_two .section_container .intro_content h1{
        font-size: 44px;
    }
    .saas_service_img img{
        max-width: 100%;
    }
    .about_img .about_img_slider .about_item .about_text .br{
        margin-bottom: 15px;
    }
    .s_service_section {
        margin-top: 120px;
    }
    .mobile_img .women_img {
        top: 50px;
        right: 200px;
        max-width: 40%;
    }
    .design_tab_area .tab-content .tab_img{
        margin-top: 20px;
    }
    .saas_featured_info .f_img_two:before{
        top: -20px;
    }
    .saas_featured_info .saas_featured_item{
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
    }
    .payment_testimonial_area .testimonial_img {
        margin-bottom: -24px;
    }
    .payment_testimonial_info .testimonial_content .icon{
        left: 0;
    }
    .payment_testimonial_info .testimonial_content{
        padding-left: 115px;
    }
    .partner_logo_area_two {
        padding-top: 70px;
    }
    .payment_action_content p br{
        display: none;
    }
    .s_features_item .s_features_content .learn_btn{
        margin-top: 05px;
    }
    .f_widget .mb_40{
        margin-bottom: 16px;
    }
    .company_widget .mt_30{
        margin-top: 20px;
    }
    .feature_info .f_content h2{
        line-height: 33px;
        margin-bottom: 15px;
    }
    .breadcrumb_area{
        padding: 124px 0px 100px;
    }
    .breadcrumb_content p br{
        display: none;
    }
    .job_listing .listing_tab .list_item{
        padding: 30px;
    }
    .job_listing .listing_tab .list_item .joblisting_text{
        display: block;
    }
    .job_listing .listing_tab .list_item .joblisting_text .job_list_table,.job_listing .listing_tab .list_item .joblisting_text .jobsearch-table-cell{
        display: block;
        width: 100%;
        overflow: hidden;
    }
    .job_listing .listing_tab .list_item .joblisting_text{
        padding: 0px;
        border: 0px;
    }
    .job_listing .listing_tab .list_item figure{
        margin-bottom: 20px;
    }
    .job_listing .listing_tab .list_item figure,.job_listing .listing_tab .list_item figure a, .job_listing .listing_tab .list_item figure img,.job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist{
        float: none;
    }
    .job_listing .listing_tab .list_item .joblisting_text .jobsearch-job-userlist{
        display: flex;
        padding-top: 25px;
    }
    .job_listing {
        margin-top: 70px;
    }
    .checkout_content .checkout_title{
        margin-top: 40px;
    }
    .checkout_area .cart_total_box{
        margin-top: 50px;
    }
    .checkout_content textarea{
        padding-left: 20px;
    }
    .sign_info{
        background: #fff;
    }
    .error_contain h1 {
        font-size: 20vw;
        line-height: 22vw;
    }
    .shopping_cart_area .cart_title{
        display: none;
    }
    .shopping_cart_area .cart_table tr{
        display: block;
        float: none;
        width: 100%;
        margin-bottom: 40px;
        background: #f5f5f5;
        padding: 0px 15px;
    }
    .shopping_cart_area .cart_table tr td{
        display: block;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        padding-bottom: 20px;
        padding-top: 20px !important;
        margin-bottom: 0px;
        border-bottom: 1px solid #ededed;
    }
    .shopping_cart_area .cart_table tr td:last-child{
        border-bottom: 0px;
    }
    .shopping_cart_area .cart_table tr td:before{
        content: attr(data-title) ": ";
        font-weight: 600;
        float: left;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    .shopping_cart_area .cart_table{
        margin: 0px;
        padding-top: 0;
    }
    .shopping_cart_area .cart_table .total, .shopping_cart_area .cart_table .quantity,.shopping_cart_area .cart_table .del-item{
        float: right;
        width: auto;
    }
    .shopping_cart_area .cart_table .del-item .total{
        float: none;
    }
    .shopping_cart_area .cart_table .product .media{
        display: inline-block;
        width: auto;
        float: right;
    }
    .shopping_cart_area .cart_table .product .media .media-left{
        margin-left: auto;
        margin-bottom: 20px;
    }
    .shopping_cart_area .cart_table .del-item a{
        display: inline-flex;
    }
    .app_img .text_bg.three {
        right: -30%;
        bottom: 48px;
    }
    .app_img .dot_two {
        right: 157px;
        top: 76%;
    }
    .company_banner_area .company_banner_content h2{
        font-size: 40px;
        line-height: 52px;
    }
    .company_banner_area .company_banner_content h2 br{
        display: none;
    }
    .startup_tab .nav-item{
        width: calc(100% / 3);
    }
    .startup_tab_img .phone_img img {
        max-width: 58%;
    }
    .progress_bar_area {
        padding-top: 70px;
    }
    .progress_bar_area .br_bottom{
        margin-top: 55px;
    }
    .stratup_app_screen .phone {
        max-width: 80%;
        bottom: -222px;
        left: -32px;
    }
    .digital_banner_area{
        display: block;
        min-height: auto;
        padding: 140px 0px 100px;
    }
    .digital_video_slider {
        width: 100%;
        position: relative;
        top: auto;
        bottom: 0;
        transform: translateY(0);
        padding: 50px 15px 0px;
    }
    .digital_video_slider .owl-stage{
        padding-left: 100px !important;
    }
    .digital_content{
        padding-right: 0;
    }
    .saas_banner_area_three .slider_item .slidet_content_two h2{
        font-size: 40px;
    }
    .saas_banner_area_three .slider_item .slidet_content_two h2 br{
        display: none;
    }
    .saas_banner_area_three .slider_item .image_mockup .watch,.saas_banner_area_three .slider_item .image_mockup .phone{
        display: none;
    }
    .saas_banner_area_three .slider_item .image_mockup{
        width: 90%;
        padding: 0px;
        position: relative;
        margin-top: 50px;
        bottom: 0;
    }
    .saas_banner_area_three .slider_item{
        height: auto;
        padding-bottom: 50px;
        min-height: auto;
    }
    .saas_banner_area_three .slider_item .image_mockup .laptop {
        max-width: 100%;
    }
    .saas_banner_area_three .owl-stage{
        padding-bottom: 0;
    }
    .service_details_area .pr_70{
        padding-right: 15px;
    }
    .price_info_two .price_head .p_head{
        display: none;
    }
    .price_info_two .price_head .p_head.time{
        display: block;
        width: 100%;
    }
    .price_info_two .pr_list{
        display: block;
        width: 100%;
    }
    .price_info_two .price_item{
        display: block;
        width: 100%;
        position: relative;
        overflow: hidden;
        padding: 0px;
    }
    .price_info_two .price_item:first-child{
        text-align: center;
        padding: 5px 0px;
    }
    .price_info_two .price_item:first-child h5{
        width: initial;
        border: 0px;
        float: none;
    }
    .price_info_two .price_item:before{
        content: attr(data-title);
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
    }
    .price_info_two .price_item h5{
        border-left: 1px dashed #ededed;
        display: block;
        float: right;
        font-size: 1.1rem;
        height: 100%;
        line-height: 3.1rem;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        width: 50%;
    }
    .price_info_two .pr_list:last-child{
        display: none;
    }
    .blog_breadcrumb_area .breadcrumb_content_two h1 br{
        display: none;
    }
    .blog_breadcrumb_area .breadcrumb_content_two h1{
        font-size: 7vw;
        font-weight: 700;
        line-height: 1.5em;
    }
    .header_social_icon li {
        margin: 0px 0px 0px 13px;
    }
    .software_promo_area .round_shape {
        width: 600px;
        height: 600px;
        max-width: 100%;
        min-height: 100%;
        margin-top: 100px;
    }
    .software_promo_area .round_shape .r_shape.r_shape_two{
        width: 400px;
        height: 400px;
    }
    .software_promo_area .round_shape .r_shape.r_shape_three{
        width: 230px;
        height: 230px;
    }
    .payment_features_area_three {
        padding: 80px 0px;
    }
    .payment_features_area_three .col-lg-5 img{
        max-width: 100%;
    }
    .payment_features_content_two .item{
        margin-top: 0;
    }
    .payment_features_content_two p br{
        display: none;
    }
    .payment_logo_area,.payment_priceing_area{
        padding: 80px 0px;
    }
    .payment_content_two .payment_img img{
        max-width: 100%;
    }
    .feedback_area_three {
        height: auto;
    }
    .seo_subscribe_form .input-group,.gadget_shipping_area .row{
        justify-content: center;
    }
    .seo_subscribe_form .input-group .check-btn{
        margin-top: 10px;
    }
    .new_footer_area .footer_bottom p{
        text-align: left;
        font-size: 14px;
    }
/*    new css*/
    .hosting_banner_area{
        min-height: 100%;
        height: auto;
        text-align: center;
        padding: 130px 0px 80px;
    }
    .hosting_banner_area .hosting_content,.comparison_pr_info.one{
        margin-bottom: 40px;
    }
    .domain_form_inner input{
        padding-left: 5px;
    }
    .h_map_area .hosting_title br{
        display: none;
    }
    .h_action_promo_area .text-right,.h_action_promo_area{
        text-align: center !important;
    }
    .h_action_promo_area .hosting_btn{
        margin-top: 25px;
    }
    .h_action_content{
        margin-top: 30px;
    }
    .pos_subscribe .col-sm-12 .form-group{
        text-align: center;
    }
    .pos_subscribe .form-group{
        margin-top: 15px;
    }
    .pos_subscribe .btn_pos {
        padding: 17px 56px;
    }
    .erp_banner_area_two .section_container .intro{
        margin-left: 0;
        margin-right: 0;
    }
    .erp_action_area .erp_content{
        margin-top: 30px;
    }
    .erp_analytics_item p{
        font-size: 22px;
    }
    .erp_analytics_item{
        margin-bottom: 25px;
    }
    .erp_menu .er_btn{
        margin-left: 30px;
    }
    .pos_developer_product_area .tab_img_info{
        overflow: hidden;
    }
    .full_header{
        padding: 20px 15px;
    }
    .hamburger-menu-wrepper .animation-box .menu-box{
        width: 100%;
    }
    .hamburger-menu-wrepper .animation-box .menu-box .menu{
        background: transparent;
    }
    .header_footer p{
        display: none;
    }
    .close_icon{
        top: 10px;
        right: 30px;
        z-index: 2;
    }
    .section-4 .section_one_img img {
        max-width: 60%;
    }
    .section-4 .section_one_img .phon_img{
        right: 62px;
    }
    #pp-nav {
        right: 5px;
    }
    .menu_scroll .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .pp_features_item{
        padding-right: 15px;
    }
    .section-2 .pp_mackbook_img {
        height: 480px;
    }
    .h_analytices_features_item .h_analytices_img .analytices_img_two {
        left: 20px;
    }
    .h_analytices_features_area{
        padding: 0px 0px 80px;
    }
    .h_analytices_features_area .er_btn{
        margin-top: 0px;
    }
    .h_analytices_features_item{
        padding: 80px 0px;
    }
    .setup_inner .setup_item .line{
        display: none;
    }
    .setup_inner .setup_content{
        text-align: center;
        padding-left: 0;
        max-width: 350px;
        margin: 0 auto;
    }
    .setup_inner .setup_item .round{
        margin-top: 50px;
        margin-bottom: 30px;
    }
    .analytices_logo img{
        max-width: 100%;
    }
    .analytices_logo_content{
        padding-right: 0;
    }
    .integration_img{
        margin-left: 0;
    }
    .support_home_area img{
        max-width: 100%;
    }
    .support_home_img{
        margin-left: 0;
    }
    .h_leaf.two,.h_leaf.one{
        max-width: 40%;
    }
    .hamburger-menu-wrepper .animation-box{
        display: flex;
    }
    .hamburger-menu-wrepper .animation-box .menu-box{
        display: block !important;
        width: 80%;
        max-height: 450px;
        overflow-y: scroll;
    }
    .close_icon{
        right: 20px;
        top: 20px;
    }
    .hamburger-menu-wrepper.show-menu .animation-box .menu-box .offcanfas_menu > li a{
        font-size: 25px;
    }
    .navbar .offcanfas_menu > .nav-item:not(:last-child){
        margin-bottom: 5px;
    }
    .header_footer{
        padding-bottom: 0;
        padding-top: 20px;
        display: block;
    }
    .header_footer ul{
        margin-bottom: 0;
    }
    .navbar .offcanfas_menu > .nav-item.submenu .dropdown-menu{
        padding-top: 0;
    }
    .security_features_inner{
        display: block;
        margin-left: -10px;
        margin-right: -10px;
    }
    .security_features_inner .s_features_item:nth-child(3n+1),.security_features_inner .s_features_item:nth-child(3n-1){
        margin-top: 0;
    }
    .security_features_inner .s_features_item{
        width: calc(50% - 22px);
        margin: 0px 10px 30px;
        display: inline-block
    }
    .security_features_inner .s_features_item .item{
        width: 100%;
    }
    .event_banner_content h2 {
        font-size: 58px;
        line-height: 65px;
    }
    .event_promotion_info {
        padding: 0px 15px;
    }
    .e_promo_text {
        margin-left: 0;
    }
    .event_promotion_info p{
        padding-top: 50px;
    }
    .event_schedule_inner .event_tab .nav-item .nav-link{
        padding-left: 47px;
        padding-right: 47px;
        margin-bottom: 10px;
    }
    .event_schedule_inner .event_tab .nav-item + .nav-item{
        margin-left: 10px;
    }
    .e_promo_text{
        padding: 30px 20px;
    }
    .event_fact_area .seo_fact_info .seo_fact_item:first-child,.event_fact_area .seo_fact_info .seo_fact_item,.event_fact_area .seo_fact_info .seo_fact_item.last,.event_fact_area .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 20px !important;
    }
    .event_sponser_inner .event_sponser_item .sponser_title{
        padding-top: 0;
        padding-bottom: 15px;
        text-align: center;
    }
    .event_sponser_inner .event_sponser_item .row{
        justify-content: center;
    }
    .clients_feedback_item{
        display: block;
        padding-top: 80px;
        padding-left: 30px;
        padding-right: 30px;
    }
    .clients_feedback_item .feedback_body{
        padding:0px;
        margin: 0px;
    }
    .chat_clients_feedback.feedback_two .clients_feedback_item .feedback_body{
        padding-left: 0;
    }
    .tracking_banner_area{
        height: auto;
        padding-bottom: 70px;
    }
/*    new responsive css*/
    .utility_area .utility_left,.utility_area .utility_right{
        width: 100%;
    }
    .utility_area,gadget_slider_area .col-md-6.d-flex{
        display: block !important;
    }
    .plugin_area h2 ,.section_title h2{
        font-size: 30px;
        line-height: 44px;
    }
    .portfolio_area_two .section_title h2{
        word-break: break-all;
    }
    .utility_area .u_content{
        padding-left: 15px;
        padding-top: 20px;
        padding-right: 15px;
    }
    .container{
        max-width: 100%;
    }
    .section_title p br,.section_title h2 br{
        display: none;
    }
    .section_title h2 span{
        display: block;
    }
    .portfolio_area{
        padding: 100px 0px;
    }
    .utility_area{
        padding-top: 10px;
    }
    .blog_slider .item .round {
        right: 41px;
        top: 46px;
    }
    .blog_slider .item .img_two {
        width: auto;
        max-width: 400px;
    }
    .test_inner .arrow .tprevs {
        left: 5px;
    }
    .test_inner .arrow .tnexts{
        right: 5px;
    }
    .promotion_inner .media span{
        display: none;
    }
    .promo_banner .countdown{
        justify-content: flex-end;
        padding-right: 30px;
    }
    .price_box_two {
        margin-bottom: 40px;
    }
    .pricing_area_five{
        padding-bottom: 70px;
    }
    .app-deatails-area .app_info{
        padding: 20px 0px;
    }
    .app-deatails-area .app-details{
        max-width: 400px;
        margin: 0 auto;
        border-right: none;
        padding: 40px 20px;
        border: 0px;
    }
    .app_info .col-md-6:last-child .app-details {
        border-top: 1px solid #e8e8f2;
    }
    .gadget_about_area .text_shadow{
        display: none;
    }
    .gadget_about_img .one_img{
        max-width: 100%;
    }
    .gadget_product_area .left_img, .gadget_product_area .right_img{
        display: none;
    }
    .gadget_title{
        margin-bottom: 50px;
    }
    .gadget_best_pr_area .gadget_pr_item{
        max-width: 270px;
    }
    .gadget_slider_area{
        height: 840px;
    }
    .gadget_slider_area .gadget_slider_img img{
        width: 350px;
    }
    .gadget_slider_area .gadget_slider_img.headphone img{
        width: 300px;
    }
    .gadget_slider_area .slider_item{
        padding-top: 100px;
    }
    .gadget_slider_area .gadget_slider_img{
        margin-left: 0;
        margin-top: 25px;
    }
    .gadget_slider_area .gadget_slider_img .round{
        left: 50%;
        transform: translateX(-50%);
        border-width: 70px;
    }
    .gadget_slider_area .shop_slider_img{
        text-align: center;
    }
    .shop_partner_logo_area .partner_info .logo_item{
        width: calc(100% / 3);
        margin-bottom: 50px;
    }
    .shop_partner_logo_area .partner_logo_area_four{
        margin-bottom: -50px;
    }
    .tr_pr_left{
        display: none;
    }
    .tr_pr_right{
        width: 100%;
        padding-left: 15px;
    }
    .dark_banner_content h2 {
        font-size: 46px;
        line-height: 56px;
    }
    .multitask_tab .nav-item {
        margin-right: 5px;
    }
    .tab_img_info figure.tab_img {
        width: 265px;
        height: 166px;
        background-size: 265px 166px !important;
        background-repeat: no-repeat;
    }
    .tab_img_info:before {
        width: 500px;
        height: 312px;
        background-size: 500px 312px;
    }
    .tab_img_info figure.tab_img {
        width: 380px;
        height: 245px;
        background-size: 380px 245px !important;
        top: 20px;
    }
    .tab_img_info:after{
        height: 195px;
    }
    .performance_title h2 br{
        display: none;
    }
    .agency_testimonial_carousel .owl-dots{
        display: block;
        top: auto;
        transform: translateY(0);
        position: relative;
    }
    .agency_testimonial_carousel .owl-dots .owl-dot{
        display: inline-block;
        margin-bottom: 0;
        margin-right: 20px;
        margin-top: 30px;
    }
    .agency_testimonial_carousel{
        padding-left: 0;
    }
    .home_one_banner .shape_01{
        top: 12%;
    }
    .home_one_banner .shape_02 {
        top: 10%;
    }
    .testimonial_section{
        background-position: contain;
        padding-bottom: 120px;
        padding-top: 70px;
    }
    .portfolio_section{
        padding-bottom: 70px;
    }
    .showcase_slider .showcase_slider_item{
        margin-left: 15px;
        margin-right: 15px;
        padding: 80px;
    }
    .creative_fun_fact_area .seo_fact_info .seo_fact_item{
        margin-bottom: 25px;
    }
    .creative_fun_fact_area{
        padding: 0;
        padding-bottom: 60px;
    }
    .home2_service_title .title_text{
        font-size: 32px;
        line-height: 1.321;
    }
    .creative_fun_fact_area .seo_fact_info .seo_fact_item:before{
        display: none;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .smarter_spending_text_below {
        position: static !important;
    }
    .select2 {
        min-width: 250px !important;
    }

    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }
}
@media (max-width:650px){
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 10px !important;
    }
    .about_img .about_img_slider .about_item.w45,.about_img .about_img_slider .about_item.w55,.portfolio_masonry_grid .grid-item.w_66{
        width: 100%;
    }
    .portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer{
        width: 50%;
    }
    .about_img .pluse_icon{
        display: none;
    }
    .app_img .mobile {
        top: -83px;
    }
    .comment-box .post_comment .reply-comment {
        padding-left: 25px;
    }
    .portfolio_filter .work_portfolio_item + .work_portfolio_item {
        margin-left: 15px;
    }
    .sign_info .login_info .sign-in-form .d-flex{
        display: block !important;
    }
    .sign_info .lead-text{
        padding-right: 0px;
        padding-top: 15px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.two,.payment_clients_area .payment_clients_inner .clients_item.one,.payment_clients_area .payment_clients_inner .clients_item.three{
        left: 0;
    }
    .payment_clients_area .payment_clients_inner .clients_item.four {
        left: 205px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.seven {
        left: 150px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.eight {
        left: 250px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.six {
        left: 215px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.five {
        left: 330px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.four {
        left: 0;
        top: 540px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.eight {
        left: 165px;
        top: 105px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.six{
        top: 225px;
        left: 190px;
    }
    .payment_testimonial_info .testimonial_content {
        padding-left: 110px;
        margin-top: 20px;
    }
    .payment_testimonial_info .testimonial_content .icon{
        left: 0;
    }
    .payment_clients_area .payment_clients_inner {
        height: 690px;
    }
    .agency_featured_area {
        padding-top: 80px;
    }
    .about_img .about_img_slider .about_item .about_text{
        bottom: 30px;
    }
    .software_banner_content h2 {
        font-size: 35px;
    }
    .t_color3 br{
        display: none;
    }
    .design_developers_area .btn_four{
        margin-top: 35px;
    } 
    .company_widget .mt_40{
        margin-top: 25px;
    }
    .f_widget h3.mb-30{
        margin-bottom: 15px;
    }
    .footer_nine_top .f_widget .f-title:after{
        margin-top: 10px;
    }
    .app_featured_content h2{
        margin-bottom: 15px;
    }
    .app_featured_content .learn_btn_two{
        margin-top: 10px;
    }
    .f_widget .widget-wrap{
        margin-top: 20px;
    }
    .agency_banner_area_two .agency_content_two h2{
        font-size: 28px;
        line-height: 35px;
    }
    .agency_banner_area_two .agency_banner_img{
        max-width: 70%;
        margin-bottom: 30px;
    }
    .agency_banner_area_two {
        padding-top: 100px;
        padding-bottom: 80px;
    }
    .error_contain p br{
        display: none;
    }
    .error_contain h2{
        letter-spacing: 0.50px;
    }
    .app_img .dot_three{
        top: 48%; 
    }
    .app_img .dot_two{
        top: 69%;
    }
    .triangle_shape{
        -webkit-transform: rotate(65deg);
        transform: rotate(65deg);
    }
    .perfect_solution_area .perfect_solution_left .per_solution_content h2 {
        font-size: 32px;
        line-height: 44px;
    }
    .testimonial_slider_four {
        padding: 0px 75px;
    }
    .stratup_app_screen .phone {
        bottom: -140px;
        left: -77px;
    }
    .stratup_app_screen .laptop {
        right: -42px;
        bottom: -92px;
    }
    .post_author_two{
        padding: 25px 20px;
    }
    .comment_inner .comment_box .post_comment{
        padding: 30px 20px 30px;
    }
    .menu > .nav-item.submenu.mega_menu > .dropdown-menu.show {
        padding: 0px 10px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu > .nav-item{
         padding: 15px 10px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu > .nav-item .item .text{
        font-size: 12px;
    }
    .feedback_area_two{
        height: auto;
        padding-bottom: 50px;
    }
    .payment_price_item{
        width: 100%;
        margin-bottom: 30px;
    }
    .payment_price_item.center, .payment_price_item:hover{
        transform: translateY(0);
    }
    .payment_priceing_area .payment_price_info{
        padding-bottom: 0px;
    }
    .payment_subscribe_info .subscribe-form .form-control {
        width: 300px;
    }
    .seo_call_action_text{
        display: block;
        text-align: center;
    }
    .seo_call_action_text h2{
        margin-bottom: 20px;
    }
    .seo_partner_logo_area .seo_sec_title{
        margin-bottom: 0px;
    }
    .seo_sec_title p br{
        display: none;
    }
    .seo_fact_info{
        flex-wrap: wrap;
    }
    .seo_fact_info .seo_fact_item:first-child{
        margin-top: 0px;
    }
    .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 8px;
    }
    .seo_sec_title h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu .nav-item{
        width: 33.33%;
    }
    .intro{
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .border_shap{
        left: 0;
        width: 350px;
    }
/*    new css*/
    .domain_form_inner .domain_select {
        width: 17%;
    }
    .domain_form_inner .domain_select .selectpickers{
        text-align: left !important;
        padding-left: 12px;
    }
    .domain_form_inner .domain_select .selectpickers:after{
        right: 15px;
    }
    .domain_form_inner button {
        width: 33%;
    }
    .domain_price li + li {
        margin-left: 20px;
    }
    .hosting_title p br{
        display: none;
    }
    .h_features_item{
        padding-right: 0;+
    }
    .h_price_body .h_p_list .h_price_item{
        position: relative;
    }
    .h_price_body .h_p_list .h_price_item:before{
        content: attr(data-title);
        position: absolute;
        left: 20px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 500;
        text-transform: uppercase;
    }
    .h_price_body .h_p_list{
        display: block;
        padding: 0px;
        margin-bottom: 10px;
    }
    .h_price_body .h_p_list:last-child{
        margin-bottom: 0;
    }
    .h_price_body .h_p_list:last-child .h_price_item.c_width{
        border-bottom: 0px;
    }
    .h_price_body .h_p_list .h_price_item{
        display: block;
        width: 100%;
        overflow: hidden;
        padding: 10px 0px;
        border-bottom: 1px solid #f7f0f0;
    }
    .h_price_body .h_p_list .h_price_item.c_width, .h_price_body .price_head .p_head.c_width{
        width: 100%;
    }
    .h_price_body .h_p_list .h_price_item h5{
        width: 50%;
        display: block;
        float: right;
    }
    .h_price_body .price_head{
        display: none;
    }
    .h_map ul li:nth-child(2) {
        left: 60px;
    }
    .pos_footer_area .leaf_left, .pos_footer_area .leaf_right {
        max-width: 20%;
    }
    .pos_action_area .pos_action_content h2 {
        font-size: 35px;
    }
    .pos_footer_bottom img{
        max-width: 40%;
    }
    .pos_action_area .pos_action_content p {
        font-size: 18px;
        line-height: 30px;
    }
    .animation_inner li:nth-child(20),.animation_inner li:nth-child(12){
        display: none;
    }
    .erp_banner_area_two .section_container .intro_content h1{
        font-size: 28px;
        line-height: 38px;
    }
    .erp_banner_area_two .section_container .intro_content{
        padding-top: 100px;
    }
    .erp_banner_area_two .animation_img {
        margin-top: -322px;
    }
    .erp_banner_area_two .erp_shap{
        top: calc(100% - 86px);
    }
    .erp_service_item {
        margin-bottom: 50px;
    }
    .erp_service_area .row {
        margin-bottom: -50px;
    }
    .intro{
        max-width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
    .section-4 .section_one_img .round{
        width: 300px;
        height: 300px;
        margin-top: -150px;
        margin-left: -150px;
    }
    .pp_testimonial_info{
        padding-right: 15px;   
    }
    .section-4 .section_one_img .phon_img{
        display: none;
    }
    .section-2 .pp_mackbook_img .one{
        top: 0;
    }
    .pp_mackbook_img .three {
        top: 156px;
    }
    .section-2 .pp_mackbook_img .four {
        top: 210px;
        left: -58px;
    }
    .pp_mackbook_img .two {
        top: 353px;
        left: 88px;
    }
    .section-2 .pp_work_content {
        margin-bottom: 30px;
    }
    .h_analytics_content h2{
        font-size: 40px;
        line-height: 48px;
    }
    .h_analytics_content{
        margin-bottom: 30px;
    }
    .support_help_area .d-flex{
        display: block !important;
    }
    .support_help_area .support_item{
        width: 100%;
        margin-bottom: 30px;
    }
    .security_customers_logo_area .d-flex,.security_app_btn{
        display: block !important;
    }
    .security_app_btn + .security_app_btn {
        margin-left: 0;
    }
    .security_app_btn {
        margin-top: 18px;
    }
    .security_inner .analytices_logo{
        padding: 20px 10px;
    }
    .event_counter .redCountdownWrapper > div{
        width: calc(33% - 36px);
        margin-bottom: 20px;
    }
    .event_tab_content .media{
        padding: 30px 20px;
    }
    .chat_img .p_one{
        width: 150px;
        right: -50px;
    }
    .chat_img .p_two{
        width: 150px;
        left: -50px;
    }
    .chat_img img{
        max-width: 100%;
    }
    .chat_btn{
        padding-left: 20px;
        padding-right: 20px;
    }
    .tracking_price_inner .track_price h3{
        font-size: 85px;
    }
/*    new responsive css */
    .image_mockup .one_img:nth-child(1),.image_mockup .one_img:nth-child(2),.image_mockup .one_img:nth-child(3),.image_mockup .one_img:nth-child(4){
        display: none;
    }
    .testimonial_slider .slick-slide .item{
        padding-left: 20px;
        padding-right: 20px;
    }
    footer h2{
        font-size: 30px;
        line-height: 45px;
    }
    /* footer{
        padding: 100px 0px 108px;
    } */
    .elemetor_img{
        display: none;
    }
    .elemator_img .e_log{
        right: -36px;
    }
    .promotion_inner .media img{
        display: none;
    }
    .filtering_demos .nav-tabs .nav-item + .nav-item {
        margin-left: 16px;
    }
    .title-four p br{
        display: none;
    }
    .onepage_about_area .shape {
        right: 40px;
        width: 290px;
    }
    .menu_one .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gadget_discount_info{
        display: block;
    }
    .gadget_discount_info .discount_pr_img{
        margin-top: 0;
    }
    .shop_title h2{
        font-size: 38px;
        line-height: 42px;
    }
    .custom_arrow button {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
    .product_filter .work_portfolio_item{
        margin-right: 10px;
    }
    .battery_info li{
        width: 50%;
        position: relative;
        top: 0;
    }
    .battery_info li:nth-child(3), .battery_info li:nth-child(4),.battery_info li:nth-child(5), .battery_info li:nth-child(6){
        top: 0;
    }
    .macbook_body{
        margin-bottom: 50px;
    }
    .battery_info{
        margin-bottom: 50px;
        display: flex;
        flex-wrap: wrap;
    }
    .performance_title{
        margin-bottom: 50px;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .smarter_spending_text_below {
        position: static !important;
    }
    .select2 {
        min-width: 250px !important;
    }
    
}
@media (max-width:576px){
    /*.promo-full h3,
    .promo-full span {
        font-size: 11px !important;
    }*/
    .display-picture img {
        margin-top: 5px;
    }

    #profile-option ul {
        right: 2px;
    }
    .promo-full  span {
            font-size: 11px !important;
     }
    .memphis-parallax,.battery_info li .line,.tab_img_info:after{
        display: none;
    }
    .app_featured_area{
        padding-top: 135px;
    }
    .app_banner_area{
        padding-bottom: 10px;
    }
    .saas_home_area {
        height: auto;
    }
    .saas_home_img{
        margin-top: 50px;
    }
    .s_features_item .s_features_content{
        padding-left: 0px;
    }
    .footer_bottom .f_social_icon_two,.footer_bottom .f_menu,.footer_area_two .footer_bottom p{
        text-align: center !important;
    }
    .footer_bottom .f_social_icon_two{
        margin-bottom: 6px;
    }
    .banner_top h2{
        font-size: 26px;
        line-height: 35px;
    }
    .l_height60,.l_height50 {
        line-height: 45px;
    }
    .f_size_30{
        font-size: 24px;
        line-height: 35px;
    }
    .mobile_img .mobile {
        left: 0;
        top: -100px;
        max-width: 100%;
    }
    .saas_banner_area_two .shap_img{
        height: 280px;
    }
    .call_action_area .action_one {
        left: -878px;
    }
    .f_size_40{
        font-size: 30px;
    }
    .footer_area_two .footer_bottom p{
        margin-bottom: 8px !important; 
    }
    .partner_logo .p_logo_item{
        width: 100%;
        margin-bottom: 30px;
    }
    .agency_content h2{
        font-size: 28px;
        line-height: 45px;
        margin-bottom: 23px;
    }
    .agency_content .action_btn{
        display: block !important;
        text-align: center;
    }
    .agency_content .action_btn .agency_banner_btn{
        display: block;
        margin-bottom: 20px;
    }
    .agency_banner_btn_two{
        margin-left: 0px;
    }
    .about_content{
        padding: 90px 15px 100px;
    }
    .developer_product_content .develor_tab .nav-item{
        margin-left: 25px;
    }
    .partner_info .logo_item,.shop_partner_logo_area .partner_info .logo_item{
        width: calc(100% / 2);
    }
    .fun_fact_content .fact_item h1{
        font-size: 60px;
    }
    .feedback_slider .feedback_item .feed_back_author{
        display: block;
    }
    .feedback_slider .feedback_item .ratting{
        text-align: left;
        padding-left: 75px;
    }
    .app_screenshot_area .app_screenshot_slider .item{
        padding-left: 30px;
        padding-right: 30px;
    }
    .app_img .phone_img{
        max-width: 80%;
    }
    .app_banner_contentmt h2 {
        line-height: 60px;
        font-size: 40px;
    }
    .app_banner_area .app_img .app_screen.one {
        top: 155px;
        left: 15px;
    }
    .app_banner_area .app_img .app_screen.two {
        top: 123px;
        left: 105px;
    }
    .app_banner_area .app_img .app_screen.three {
        top: 90px;
        left: 194px;
    }
    .app_item.item_one {
        top: -143px;
    }
    .app_item.item_two {
        left: 31px;
        top: -60px;
    }
    .app_item.item_three {
        bottom: 50px;
    }
    .app_item.item_four{
        right: -52px;
        bottom: 36px;
    }
    .get_started_area .col-lg-6.text-right img{
        max-width: 100%;
    }
    .get_content .app_btn.app_btn_two{
        margin-left: 0px;
    }
    .app_service_item{
        padding: 50px 20px;
    }
    .app_contact_info .info_item{
        padding-left: 38px;
        margin-bottom: 26px;
    }
    .app_contact_info{
        left: 20px;
        padding: 45px 15px 15px;
    }
    .app_screenshot_area .app_screenshot_slider .owl-prev {
        left: calc(50% - 32px);
    }
    .app_screenshot_area .app_screenshot_slider .owl-next {
        right: calc(50% - 80px);
    }
    .partner_logo_area_two .subscribe_form_info {
        padding: 50px 20px;
    }
    .blog_grid_item{
        max-width: 370px;  
        margin-left: auto;
        margin-right: auto;
    }
    .comment-box .post_comment .reply-comment{
        padding-left: 0;
    }
    .comment-box .post_comment .post_author .media-left {
        margin-right: 10px;
    }
    .breadcrumb_content{
        max-width:75% !important;
    }
    .breadcrumb_content h1 {
        font-size: 27px;
        line-height: 25px;
    }
    .breadcrumb_content p {
        font-size: 15px;
        line-height: 20px;
    }
    .portfolio_filter{
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }
    .portfolio_filter .work_portfolio_item{
        margin-bottom: 5px;
    }
    .portfolio_gallery .portfolio_item .portfolio_img img,.single_product_item .product_img img{
        width: 100%;
    }
    .shopping_cart_area .cart_btn.cart_btn_two{
        margin-left: 0;
    }
    .shopping_cart_area .cart_btn{
        margin-bottom: 10px;
    }
    .login-form .extra,.security_banner_content .action_btn.d-flex{
        display: block !important;
    }
    .s_promo_info .promo_item{
        width: 90px;
        height: 90px;
    }
    .s_promo_info .promo_item.item_four{
        top: 17%;
        left: 69%;
    }
    .s_promo_info .promo_item.item_three {
        left: 0px;
        top: 25px;
    }
    .s_promo_info .promo_item.item_two{
        left: 0;
        top: 146px;
    }
    .s_promo_info .promo_item.item_seven {
        top: 66%;
        left: 64%;
    }
    .software_promo_area .round_shape .r_shape.r_shape_five{
        width: 115px;
        height: 115px;
    }
    .software_promo_area .round_shape .r_shape.r_shape_five img{
        max-width: 100%;
    }
    .s_promo_info .promo_item.item_six {
        top: 57%;
        left: 0%;
    }
    .s_promo_info .promo_item.item_nine{
        left: 18px;
        top: 83%;
    }
    .s_promo_info .promo_item.item_five{
        left: 72%;
        top: 44%;
    }
    .feature_info .feature_img.f_img_one .one{
        left: 0;
        max-width: 80%;
    }
    .feature_info .feature_img.f_img_one .three{
        max-width: 69%;
    }
    .feature_info .feature_img.f_img_two .one {
        right: 131px;
        max-width: 43%;
    }
    .mobile_btn{
        display: none;
    }
    .action_area_three .action_content .white_btn{
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .payment_clients_area .payment_clients_inner .clients_item.five {
        left: 180px;
        top: 517px;
    }
    .footer_nine_bottom{
        text-align: center;
    }
    .footer_nine_bottom .flag_selector{
        float: none;
        margin-top: 12px;
    }
    .payment_action_content h2{
        line-height: 40px;
    }
    .payment_testimonial_area .testimonial_img img{
        max-width: 100%;
    }
    .payment_testimonial_area .testimonial_img {
        margin-bottom: -13px;
    }
    .payment_banner_content .action_btn{
        display: block !important;
    }
    .payment_banner_content .agency_banner_btn_two{
        display: block;
        margin-left: 0px;
        margin-top: 15px;
    }
    .payment_banner_content h1 {
        line-height: 38px;
        font-size: 28px;
    }
    .pay_btn.pay_btn_two{
        margin-left: 0px;
    }
    .section_container .intro_content h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .section_container .intro_content .subcribes{
        display: block;
    }
    .section_container .intro_content .subcribes .form-control,.home_portfolio_fullwidth_area .portfolio_gallery .portfolio_item .portfolio_img img{
        width: 100%;
    }
    .section_container .intro_content .subcribes .btn_submit{
        position: relative;
        margin-top: 10px;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    .saas_banner_area_two .animation_img {
        bottom: -40px;
    }
    .saas_features_area_two {
        padding-top: 100px;
    }
    .software_banner_content .action_btn{
        display: block !important;
    }
    .video_btn{
        display: block;
        margin-left: 10px;
        margin-top: 20px;
    }
    .saas_banner_content p.mt_30{
        margin-top: 20px;
    }
    .app_testimonial_area .nav_container .owl-prev, .app_testimonial_area .nav_container .owl-next{
        display: none;
    }
    .app_feature_info .app_featured_content .app_btn{
        margin-top: 15px;
    }
    .banner_top .subcribes .btn_submit{
        position: relative;
        right: 0;
        display: block;
        top: 0;
        transform: translateY(0);
        margin: 20px auto 0px;
    }
    .sec_title h2.mb_20{
        margin-bottom: 10px;
    }
    .breadcrumb_area {
        padding: 110px 0px 50px;
    }
    .shop_grid_area .row,.shop_list_area .row{
        text-align: center;
    }
    .shop_menu_right {
        justify-content: center !important;
    }
    .shop_list_area .shop_page_number{
        margin-top: 40px;
    }
    .product_details_area .pr_details, .service_details_item + .service_details_item {
        margin-top: 30px;
    }
    .blog_content .post_date{
        top: -60px;
    }
    .banner_top .subcribes{
        display: block;
    }
    .banner_top .subcribes .form-control{
        display: block;
        width: 100%;
    }
    .s_subcribes .form-control{
        line-height: 70px;
        height: 70px;
    }
    .s_subcribes .btn-submit{
        font-size: 18px;
        line-height: 70px;
    }
    .app_featured_area_two .app_feature_info {
        margin-top: 30px;
    }
    .app_img .dot_two {
        top: 65%;
    }
    .app_img .dot_three{
        top: 41%;
    }
    .app_img .dot_two {
        right: 115px;
    }
    .perfect_solution_area .perfect_solution_left .per_solution_content .btn_six{
        margin-left: 0;
    }
    .startup_tab .nav-item{
        width: calc(100% / 2);
    }
    .startup_tab_img .phone_img{
        text-align: right;
    }
    .stratup_service_img .phone_img{
        width: 20%;
    }
    .video_content{
        padding: 0px;
    }
    .digital_video_slider .owl-stage{
        padding-left: inherit !important;
    }
    .saas_banner_area_three .slider_item .image_mockup{
        display: none;
    }
    .saas_banner_area_three .owl-dots{
        display: none;
    }
    .saas_banner_area_three .slider_item{
        padding-bottom: 100px;
    }
    .saas_subscribe_area_two .subscribe_form_info {
        padding: 80px 20px;
    }
    .case_study_item img{
        width: 100%;
    }
    .download_content h2 {
        font-size: 30px;
    }
     .saasland_col_screen{
        height: 100vh;
    }
    .saasland_col_screen .clock .timer{
        margin-bottom: 15px;
    }
    .saasland_container .saasland_col_content .saasland_content {
        width: 90%;
    }
    .saasland_container .saasland_col_content .saasland_content h1 {
        font-size: 33px;
        margin-bottom: 50px;
    }
    .saasland_container .saasland_col_content .saasland_content h2 {
        font-size: 28px;
    }
    .saasland_container .saasland_col_content .saasland_bottom{
        width: 95%;
    }
    .pr_sidebar .widget{
        text-align: left;
    }
    .blog_list_item_two a img{
        width: 100%;
    }
    .header_social_icon{
        display: none;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu .nav-item{
        width: calc(100% / 2);
    }
    .software_promo_area .round_shape{
        width: auto;
        height: 600px;
        max-width:100%;
        min-height: 100%;
        margin-top: 50px;
    }
    .software_promo_area .round_shape .r_shape.r_shape_one{
        height: 580px;
        width: 580px;
    }
    .payment_content_two .payment_img img{
        max-width: 100%;
    }
    .payment_content_two .payment_img .payment_icon.icon_one,.payment_content_two .payment_img .payment_icon.icon_two,.payment_content_two .payment_img .payment_icon.icon_three,.payment_content_two .payment_img .payment_icon.icon_four,.payment_content_two .payment_img .payment_icon.icon_five,.payment_content_two .payment_img .payment_icon.icon_six{
        max-width: 48%;
    }
    .payment_content_two .payment_img .payment_icon.icon_five {
        right: -17px;
        top: 19px;
    }
    .payment_content_two .payment_img .payment_icon.icon_two {
        left: 20px;
        top: 15%;
    }
    .payment_content_two .payment_img .payment_icon.icon_six {
        top: 116px;
    }
    .payment_content_two .action_btn{
        display: inline-block !important;
        position: relative;
        z-index: 3;
    }
    .payment_content_two h2 {
        font-size: 40px;
        line-height: 55px;
    }
    .payment_banner_area_two{
        padding-top: 135px;
    }
    .payment_features_content_two h2 br{
        display: none;
    }
    .payment_features_img img{
        max-width: 100%;
    }
    .payment_features_img:before{
        top: -30px;
        left: -10px;
        right: 0;
    }
    .payment_subscribe_info .subscribe-form,.tracking_price_inner .track_body,.tracking_price_inner .track_price h6{
        display: block !important;
        text-align: center;
    }
    .tracking_price_inner .track_text{
        padding-left: 0;
        border: 0px;
        padding-top: 22px;
    }
    .payment_subscribe_info .subscribe-form .form-control{
        width: 100%;
        margin-bottom: 15px;
    }
    .payment_footer_area{
        padding-bottom: 75px;
    }
    .seo_fact_info{
        max-width: 320px;
        margin: 0 auto;
    }
    .seo_fact_info .seo_fact_item:nth-child(even){
        margin-top: 135px;
    }
    .seo_subscribe_form .input-group{
        margin-bottom: 20px;
    }
    .new_footer_area .footer_bottom p{
        text-align: center;
        margin-bottom: 0 !important;
    }
    .seo_features_img .round_circle,.seo_features_img.seo_features_img_two .round_circle{
        width: 340px;
        height: 340px;
        top: -40px;
    }
    .seo_features_img.seo_features_img_two .round_circle.two{
        top: -50px;
        right: 0px;
    }
    .seo_features_content .seo_btn{
        margin-top: 20px;
    }
    .seo_features_img img{
        margin-right: 0;
    }
    .seo_features_img .round_circle.two{
        left: 0;
    }
    .seo_subscribe_form{
        margin-left: 0;
        margin-right: 0;
    }
    .seo_sec_title.mb_70{
        margin-bottom: 40px;
    }
    .seo_service_item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .seo_partner_logo_area .seo_sec_title h2{
        font-size: 28px;
    }
    .seo_call_action_text h2 {
        font-size: 27px;
        line-height: 41px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two .mega_menu_inner > .dropdown-menu > .nav-item .dropdown-menu .nav-item{
        width: 50%;
    }
    .hosting_tab .nav-item{
        width: 50%;
    }
    .hosting_tab{
        align-items: center;
        justify-content: center;
    }
    .h_blog_item{
        margin-bottom: 30px;
    }
    .hosting_title h2 {
        font-size: 31px;
        line-height: 40px;
    }
    .h_map ul li:nth-child(1) {
        left: 26px;
    }
    .h_map ul li:nth-child(2) {
        left: 55px;
    }
    .h_map ul li:nth-child(7) {
        left: 24%;
    }
    .h_map ul li:nth-child(4) {
        top: 279px;
    }
    .h_map ul li:nth-child(8){
        left: 72%;
    }
    .h_map ul li:nth-child(6) {
        top: 83%;
        left: 128px;
    }
    .pos_banner_text h2{
        font-size: 40px;
        line-height: 52px;
    }
    .pos_banner_text .action_btn{
        display: block !important;
    }
    .animation_inner li{
        max-width: 22%;
    }
    .animation_inner li img{
        max-width: 100%;
    }
    .animation_inner li:nth-child(8) {
        top: 31%;
        left: 5px;
    }
    .animation_inner li:nth-child(3) {
        top: 130px;
        left: 109px;
    }
    .animation_inner li:nth-child(14) {
        left: 114px;
    }
    .animation_inner li:nth-child(16) {
        bottom: -25px;
        left: 165px;
    }
    .animation_inner li:nth-child(17) {
        left: 228px;
        bottom: 53px;
    }
    .animation_inner li:nth-child(18) {
        bottom: -87px;
        left: 202px;
    }
    .animation_inner li:nth-child(19) {
        bottom: 137px;
        left: 219px;
    }
    .animation_inner li:nth-child(11) {
        top: 44px;
        left: 205px;
    }
    .animation_inner li:nth-child(10) {
        left: 45px;
        top: 215px;
    }
    .animation_inner li:nth-child(9) {
        left: 150px;
        top: 203px;
    }
    .animation_inner li:nth-child(7) {
        left: 224px;
    }
    .animation_inner li:nth-child(6) {
        top: 106px;
        left: 220px;
    }
    .animation_inner li:nth-child(5) {
        top: 187px;
        left: 0;
    }
    .animation_inner li:nth-child(4) {
        left: 0;
        top: auto;
        bottom: -91px;
    }
    .erp_testimonial_item .content p{
        font-size: 16px;
        line-height: 30px;
    }
    .erp_testimonial_item .content{
        padding: 50px 25px
    }
    .erp_testimonial_item .media{
        padding-left: 0;
    }
    .erp_testimonial_item .media .media-body h5,.erp_testimonial_item .media .media-body h5 span,.erp_testimonial_item .media .media-body p{
        font-size: 15px;
    }
    .erp_testimonial_item .media img{
        margin-right: 12px;
    }
    .flex-row-reverse .erp_content_two{
        padding-right: 0;
    }
    .flex-row-reverse .erp_features_img_two .img_icon{
        left: -7px;
        right: auto;
    }
    .split_banner .app_img .phone_img{
        max-width: 50%;
    }
    .section_6 .split_banner{
        overflow: hidden;
    }
    .ms-left .ms-section.section_2 .split_banner .app_img{
        margin-left: 20px;
    }
    .ms-section.section_1 .split_slider_content h2 {
        font-size: 26px;
        line-height: 40px;
    }
    .split_slider_content p{
        font-size: 16px;
    }
    .section-1 .section_one-content{
        padding-right: 0;
    }
    .section_one_img .round{
        width: 290px;
        height: 290px;
        margin-left: -145px;
        margin-top: -145px;
    }
    .section_one_img .dots{
        display: none;
    }
    .h_analytices_features_item .h_analytices_img_two{
        padding-left: 0;
    }
    .h_analytices_features_item .h_analytices_img_two .analytices_img_one,.h_analytices_features_item .h_analytices_img_two .analytices_img_two{
        max-width: 70%;
    }
    .h_analytices_features_item .h_analytices_img_two .analytices_img_three{
        left: 40%;
        max-width: 50%;
    }
    .support_testimonial_info .testimonial_slider .owl-item{
        padding-left: 15px;
        padding-right: 15px;
    }
    .support_testimonial_info .testimonial_slider .testimonial_item{
        padding-left: 10px;
        padding-right: 10px;
    }
    .agency_testimonial_info .testimonial_slider{
        padding-left: 0;
        padding-right: 0;
    }
    .security_banner_content .w_btn{
        display: block;
        margin-top: 10px;
    }
    .security_list_area .macbook_a,.security_list_area .lock,.security_inner .security_leaf_left, .security_inner .security_leaf_right{
        display: none;
    }
    .security_inner{
        padding-left: 0px;
        padding-right: 0px;
    }
    .h_security_area .h_security_item{
        display: block !important;
    }
    .h_security_area .h_security_item img{
        margin-right: 0;
        margin-bottom: 15px;
    }
    .security_features_inner .s_features_item{
        width: 100%;
    }
    .security_app_btn{
        font-size: 15px;
    }
    .security_app_btn i{
        font-size: 25px;
        padding-right: 10px;
    }
    .event_banner_content h2 {
        font-size: 48px;
        line-height: 60px;
    }
    .event_counter .redCountdownWrapper > div{
        width: calc(50% - 36px);
        margin-bottom: 20px;
    }
    .event_counter .redCountdownWrapper .redCountdownValue span{
        font-size: 16px !important;
    }
    .event_tab_content .media .media-body {
        padding-left: 30px;
    }
    .event_tab_content .media .media-left {
        margin-right: 30px;
    }
    .event_promotion_info{
        margin-top: 0;
        padding-top: 50px;
    }
    .chat_banner_content .pr_100{
        padding-right: 0;
    }
    .chat_img .p_two {
        width: 126px;
        left: -15px;
    }
    .chat_img .p_three {
        right: -15px;
    }
    .chat_features_img{
        padding-left: 20px;
    }
    .chat_features_img .chat_two {
        right: 0;
        left: auto
    }
    .chat_features_img_two .chat_two{
        left: 0;
    }
    .chat_features_img_two .chat_one{
        left: -30px;
    }
    .chat_clients_feedback img{
        max-width: 100%;
    }
    .chat_title h2,.team_contact_area .chat_title h2{
        font-size: 30px;
        margin-bottom: 15px;
    }
    .team_contact_area .chat_title h2{
        line-height: 35px;
    }
    .chat_banner_content h2 {
        font-size: 36px;
        line-height: 52px;
    }
    .tracking_pr_item .tracking_content{
        padding: 30px;
    }
    .tracking_price_inner .track_body{
        padding-bottom: 40px;
    }
/*    new responsive css */
    .responsive_area .responsive_device img:nth-child(1){
        display: none;
    }
    .responsive_area .responsive_device img {
        max-width: 30%;
    }
    .c_features_item,.chat_title{
        margin-bottom: 40px;
    }
    .c_features_area_two .section_title h2{
        font-size: 27px;
    }
    .c_features_area_two{
        padding-bottom: 40px;
    }
    .blog_slider .item .round{
        font-size: 38px;
        line-height: 28px;
        width: 100px;
        height: 100px;
    }
    .blog_slider .item .round span{
        font-size: 18px;
    }
    .blog_slider .item .round sup{
        font-size: 30px;
    }
    .blog_slider .item{
        padding-right: 72px;
    }
    .plugin_item .img{
        max-width: 220px;
        margin: 0 auto;
    }
    .f_two .f_img {
        margin-left: 0;
    }
    .demo_features_area .col-lg-3, .demo_features_area .col-lg-4{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .blog_slider .item .img_two {
        right: 46px;
    }
    .blog_slider{
        margin-right: 0;
    }
    .slider_demos_area .slick-slide .inner img{
        max-width: 100%;
    }
    .slider_demos_area .slick-slide .inner{
        margin-left: 5px;
        margin-right: 5px;
    }
    .slider_demos_area .marquee{
        padding-left: 10px;
        padding-right: 10px;
    }
    .promotion_inner{
        text-align: center;
        padding: 4px 0px 8px;
    }
    .promo_banner .countdown{
        justify-content: center;
        padding-right: 0;
    }
    .body_wrapper.promotion{
        padding-top: 85px;
    }
    .body_wrapper.promotion .navbar {
        top: 85px;
    }
    .close_icon{
        top: 23%;
        z-index: 1;
    }
    .image_mockup .one_img:nth-child(7){
        display: none;
    }
    .banner_text .dmeo_banner_btn_two{
        margin-left: 2px;
    }
    .banner_text .dmeo_banner_btn{
        font-size: 13px;
    }
    .banner_text .price h3{
        font-size: 200px;
        line-height: 178px;
    }
    .banner_text .price .offer_text {
        font-size: 32px;
    }
    .banner_text .price:before{
        z-index: -1;
    }
    .n_banner_content h2 {
        font-size: 36px;
        line-height: 50px;
    }
    .faq_accordian_two .card .card-header h5 .btn-link i{
        padding-right: 10px;
    }
    .faq_accordian_two .card .card-body{
        padding-left: 43px;
    }
    .faq_accordian_two .card .card-body p{
        font-size: 14px;
    }
    .faq_accordian_two .card .card-header h5 .btn-link i {
        font-size: 20px;
    }
    .faq_accordian_two .card{
        padding-left: 14px;
        padding-right: 14px;
    }
    .faq_accordian_two .card .card-body{
        padding-left: 30px;
    }
    .app-deatails-area .app-details{
        padding-left: 13px;
        padding-right: 13px;
    }
    .gadget_pr_item{
        max-width: 295px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }
    .gadget_product_area .row{
        margin-bottom: -30px;
    }
    .gadget_features_slider {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gadget_features_item{
        padding: 50px 20px;
    }
    .gadget_slider_content .text {
        font-size: 18vw;
        line-height: 1.9;
    }
    .gadget_slider_content h3 {
        font-size: 11vw;
        line-height: 1.1;
        margin-bottom: 10px;
    }
    .gadget_slider_content .gadget_btn {
        margin-top: 12px;
    }
    .product_gallery .gadget_pr_item{
        max-width: 270px;
    }
    .featured_gallery .custom-col-2{
        width: 49.9%;
    }
    .dark_banner_content h2 {
        font-size: 38px;
        line-height: 50px;
    }
    .image_comparison {
        width: 290px;
        height: 300px;
    }
    .comparison_pr_info img{
        margin-bottom: 40px;
    }
    .performance_area .video_info .video_icon:before{
        width: 120px;
        height: 120px;
    }
    .performance_area .video_info .video_icon:after{
        height: 200px;
        width: 200px;
    }
    .performance_title h2 {
        font-size: 30px;
    }
    .performance_title h4{
        margin-bottom: 15px;
    }
    .get_started_section .shape_4{
        bottom: -150px;
    }
    .get_started_section .shape_2{
        left: 0;
    }
    .agency_footer_area .newsletter_form .col-form-label{
        width: 100%;
        border-right:1px solid #dfe5ed;
        margin-bottom: 10px;
    }
    .agency_footer_area .newsletter_form input{
        width: 100%;
        height: 70px;
    }
    .agency_footer_area .newsletter_form .submit_btn{
        width: 100%;
        margin-top: 10px;
    }
    .blog_section .blog_grid{
        max-width: 370px;
        margin-left: auto;
        margin-right: auto;
    }
    .testimonia_list_layout .member_content{
        padding-left: 20px;
    }
    .about_section{
        padding-top: 80px;
    }
    .showcase_slider .showcase_slider_item{
        padding: 80px 40px;
    }
    .main_product_slider .carousel-control-next, .main_product_slider .carousel-control-prev{
        display: none;
    }
    .creative_fun_fact_area .seo_fact_info{
        max-width: 100%;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .smarter_spending_text_below {
        position: static !important;
    }
    .select2 {
        min-width: 200px !important;
    }
}
@media (max-height:420px){
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 11px !important;
        justify-content: space-between;
    }
    .navbar-collapse {
        max-height: 310px;
    }
    .payment_banner_area{
        min-height: 435px;
    }
}
@media (max-width:480px){
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 11px !important;
        justify-content: space-between;
    }
    .faq_accordian_two .card .card-header h5 .btn-link {
        padding-top: 15px;
        font-size: 14px;
        line-height: 22px;
    }
    .feedback_area_three{
        height: auto;
    }
    .startup_tab_img .phone_img img {
        max-width: 40%;
    }
    .testimonial_slider_four {
        padding: 0px 15px;
    }
    .testimonial_slider_four .item p {
        font-size: 14px;
        line-height: 26px;
    }
    .testimonial_slider_four .item .author_img{
        margin-bottom: 5px;
    }
    .stratup_testimonial_info {
        height: 385px;
    }
    .saas_banner_area_three .slider_item .slidet_content .slider_btn + .slider_btn{
        margin-left: 0;
    }
    .post_author_two{
        display: block;
    }
    .comment_inner .comment_box .post_comment .reply_comment{
        margin-left: 0;
    }
    .post_author_two .img_rounded{
        margin-right: 0;
        margin-bottom: 20px;
    }
    .header_area .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .feedback_area_two .sec_title,.feedback_area_three .sec_title{
        padding-right: 0;
    }
    .feedback_slider_two .owl-nav{
        display: none;
    }
    .seo_features_img .round_circle.two{
        top: -30px;
    }
    .seo_features_content .seo_features_item .icon{
        margin-right: 10px;
    }
    .seo_features_img.seo_features_img_two .round_circle{
        width: 250px;
        height: 250px;
    }
    .seo_features_img.seo_features_img_two .round_circle.two{
        width: 300px;
        height: 300px;
    }
    .pos_banner_text h2 {
        font-size: 30px;
        line-height: 38px;
    }
    .chat_info {
        display: block;
    }
    .chat_info img{
        margin-right: 0;
        padding-bottom: 35px;
    }
    .pos_about_list{
        column-count: 1;
    }
    .section-2 .pp_mackbook_img img {
        max-width: 80%;
    }
    .section-2 .pp_mackbook_img {
        height: 380px;
    }
    .section-2 .pp_mackbook_img .one{
        left: 100px;
    }
    .section-2 .pp_mackbook_img .four {
        top: 195px;
        left: -96px;
    }
    .pp_mackbook_img .two {
        top: 335px;
        left: 35px;
    }
    .event_banner_content .event_btn_two{
        margin-left: 0;
    }
    .event_banner_content .round{
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
    }
    .event_tab_content .media{
        display: block;
    }
    .event_tab_content .media .media-body{
        padding-left: 0;
        border: 0px;
        margin-top: 15px;
    }
    .clients_feedback_item {
        padding-left: 15px;
        padding-right: 15px;
    }
    .gadget_promo_area .promo_img{
        max-width: 100%;
    }
    .gadget_features_item .img {
        width: 230px;
    }
    .gadget_features_item.red img {
        width: 180px;
        bottom: 0px;
    }
    .gadget_shipping_area .col-6{
        flex: 0 0 100%;
        max-width: 100%;
    }
    .gadget_about_img .two_img{
        right: 58px;
    }
    .gadget_discount_info .discount-time{
        text-align: center;
    }
    .gadget_discount_info .discount-time h2{
        font-size: 32px;
    }
    .shop_slider_content h3 {
        font-size: 34px;
        line-height: 43px;
    }
    .gadget_slider_area .gadget_slider_img .round {
        width: 330px;
        height: 330px;
    }
    .trending_product_area .custom_arrow {
        display: none;
    }
    .trending_product_area .mb_70{
        margin-bottom: 40px;
    }
    .tab_img_info{
        height: 230px;
    }
    .tab_img_info:before {
        width: 100%;
        height: 100%;
        background-size: contain;
        background-position: center;
    }
    .tab_img_info figure.tab_img {
        width: 77%;
        height: 180px;
        background-size: contain !important;
        top: 11px;
            background-position: center !important;
    }
    .multitask_tab{
        margin-top: 0;
    }
    .multitask_tab .nav-item .nav-link{
        padding: 7px 9px;
    }
    .macbook_body{
        height: auto;
        margin-bottom: 0;
    }
    .macbook_body .bottom {
        bottom: 34px;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .smarter_spending_text_below {
        position: static !important;
    }
    .select2 {
        min-width: 200px !important;
    }
}
@media (max-width:450px){
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 15px !important;
        line-height:2;
    }
    .price_tab{
        max-width: 100%;
        border-radius: 3px;
    }
    .price_tab .nav-item .nav-link{
        display: block;
        position: relative;
    }
    .price_tab,.price_tab .nav-item{
        display: block;
    }
    .price_tab .nav-item .nav-link.active{
       background: #00aff0!important;
   }
    .partner_info .logo_item{
        width: 100%;
    }
    .app_img .phone_img{
        max-width: 55%;
    }
    .app_img .text_bg{
        max-width: 60%;
    }
    .app_img .text_bg.three {
        right: 0%;
        bottom: 125px;
    }
    .app_img .text_bg.two {
        right: 12%;
        top: -37px;
    }
    .app_img .text_bg.one{
        left: -2%;
    }
    .app_img .dot_three {
        left: 128px;
    }
    .app_img .dot_one {
        right: 145px;
        top: 20px;
    }
    .price_tab.price_tab_two .nav-item .nav-link.active{
        background: #5f2eed;
    }
    .get_content .app_btn{
        margin-top: 5px;
    }
    .pr_details .ratting{
        float: none;
        text-align: left;
        padding-top: 12px;
    }
    .pr_footer,.login-form .extra{
        display: block !important;
    }
    .pr_details .post-body .ratting{
        padding-top: 0px;
    }
    .product_info_details .comment-box .comment-content {
        padding-left: 80px;
    }
    .product_info_details .pr_tab{
        display: block;
        border-radius: 0px;
    }
    .product_info_details .pr_tab .nav-item .nav-link{
        border-radius: 0px;
    }
    .product_info_details .pr_tab .nav-item{
        float: none;
    }
    .sign_info {
        padding: 30px 15px;
    }
    .text_box input[type="text"], .text_box textarea, .text_box input[type="password"]{
        padding-left: 10px;
    }
    .payment_testimonial_info .testimonial_content .icon{
        top: -53px;
    }
    .payment_testimonial_info .testimonial_content{
        padding-left: 0;
    }
    .mobile_img .women_img{
        right: 80px;
    }
    .mobile_img .mobile{
        top: -35px;
    }
    .post_share a + a {
        margin-left: 0px;
    }
    .coupon .button{
        position: relative;
        right: 0;
        top: 0;
        transform: translateY(0);
        margin-top: 15px;
    }
    .feedback_item .feed_back_author{
        display: block;
    }
    .feedback_item .ratting{
        text-align: left;
        padding-left: 80px;
    }
    .feedback_slider_two .feedback_item{
        padding: 45px 20px 25px;
    }
    .partner_logo_area_five h2 br{
        display: none;
    }
    .company_banner_area .company_banner_content h2 {
        font-size: 35px;
        line-height: 46px;
    }
    .testimonial_slider_four .item p{
        color: #677294;
    }
    .testimonial_slider_four .item h5,.testimonial_slider_four .item h6{
        color: #051441;
    }
    .stratup_testimonial_info:before{
        display: none;
    }
    .stratup_testimonial_info{
        height: auto;
        margin: 50px 0px;
    }
    .stratup_app_screen{
        display: none;
    }
    .startup_content_three .btn_six{
        margin-bottom: 15px;
    }
    .btn_six + .btn_six{
        margin-left: 0;
    }
    .startup_content_three h2 {
        font-size: 28px;
        margin-bottom: 15px;
        line-height: 42px;
    }
    .startup_content_three p{
        margin-bottom: 30px;
    }
    .intregration_logo{
        display: block;
    }
    .intregration_logo .intregration_item{
        max-width: 100%;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu .nav-item{
        width: 250px;
    }
    .menu > .nav-item.submenu.mega_menu.mega_menu_two > .dropdown-menu > .nav-item .item .text {
        font-size: 16px;
    }
    .seo_partner_logo_area{
        padding-top: 0;
    }
    .split_slider_content .br_shap{
        width: 290px;
    }
    .split_slider_content {
        padding: 40px 0px 48px 17px;
    }
    .hosting_tab .nav-item{
        width: 100%;
    }
    .h_price_tab p{
        padding: 30px;
    }
    .split_title {
        font-size: 31px;
        line-height: 35px;
    }
    .split_app_content .s_app_btn + .s_app_btn{
        margin-left: 0;
        margin-top: 10px;
    }
    .section-2 .pp_mackbook_img img {
        max-width: 100%;
    }
    .section-2 .pp_mackbook_img .four {
        top: 162px;
        left: -133px;
    }
    .section-2 .pp_mackbook_img .one {
        left: 57px;
        top: -50px;
    }
    .pp_mackbook_img .two {
        top: 317px;
        left: -27px;
    }
    .pp_mackbook_img .three {
        top: 138px;
        right: -173px;
    }
    .pp_contact_info .pp_contact_item .icon{
        margin-right: 15px;
    }
    .pp_contact_info .pp_contact_item{
        display: block;
    }
    .pp_contact_info .pp_contact_item .icon{
        margin-bottom: 15px;
    }
    .agency_testimonial_info .owl-prev, .agency_testimonial_info .owl-next{
        display: none;
    }
    .event_banner_content h2{
        font-size: 35px;
        line-height: 45px;
    }
    .event_banner_content h6{
        font-size: 17px;
    }
    .event_schedule_inner .event_tab .nav-item + .nav-item{
        margin-left: 5px;
    }
    .tracking_pr_item .tracking_content{
        padding-left: 20px;
        padding-right: 20px;
    }
    .tracking_pr_item .tracking_content h3{
        font-size: 25px;
    }
/*    new responsive css */
    .banner_text h2 {
        font-size: 29px;
        line-height: 36px;
    }
    .responsive_area .responsive_device img:nth-child(4){
        display: none;
    }
    .blog_slider .item .img_two{
        display: none;
    }
    .blog_slider .item{
        padding-right: 0;
    }
    .blog_slider .item .round {
        right: 0px;
        top: 0;
    }
    .banner_text .d-flex{
        display: block !important;
    }
    .banner_text .dmeo_banner_btn_two{
        margin-left: 0;
        margin-top: 8px;
    }
    .banner_text h6{
        font-size: 15px;
        margin-bottom: 7px;
    }
    .gadget_discount_info .discount-time .clock{
        flex-wrap: wrap;
    }
    .gadget_discount_info .discount-time .clock .timer{
        width: calc(100% / 2);
        margin-right: 0;
        text-align: center;
        margin-bottom: 25px;
    }
    .gadget_discount_info .discount-time .clock .timer:before,.partner_logo_area_two h2 br{
        display: none;
    }
    .gadget_discount_info{
        padding: 50px 15px 0px;
    }
    .gadget_about_img .two_img {
        position: relative;
        bottom: 0;
    }
    .featured_gallery .custom-col-2,.featured_gallery .shop_featured_item img,.portfolio_masonry_grid .grid-item, .portfolio_masonry_grid .grid-sizer{
        width: 100%;
    }
    .product_filter{
        display: block;
        text-align: center;
    }
    .product_filter .work_portfolio_item{
        display: inline-block;
    }
    .agency_testimonial_carousel .testimonia_list_layout{
        display: block !important;
    }
    .testimonia_list_layout .member_image{
        width: 100%;
        margin-bottom: 20px;
    }
    .home_one_banner .title_text {
        font-size: 35px;
    }
    .showcase_slider .showcase_slider_item {
        padding: 50px 20px;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }

    .smarter_spending_text_below {
        position: static !important;
    }
    .select2 {
        min-width: 200px !important;
    }
    .domain_price li {
        margin-left: 20px
    }
    .f_social_icon {
        text-align: center !important;
    }
    .display-picture img {
        margin-top: 5px;
    }

    #profile-option ul {
        right: 2px;
    }
}
@media (max-width:400px){
    .promo-full h3,
    .promo-full span,
    .promo-full h3 span {
        font-size: 14px !important;
    }
    .header_area_six .header_top{
        display: none;
    }
    .header_area_six + section {
        margin-top: 68px;
    }
    .payment_content_two .payment_img .payment_icon.icon_one,.payment_content_two .payment_img .payment_icon.icon_two,.payment_content_two .payment_img .payment_icon.icon_three,.payment_content_two .payment_img .payment_icon.icon_four,.payment_content_two .payment_img .payment_icon.icon_five,.payment_content_two .payment_img .payment_icon.icon_six{
        display: none;
    }
    .promotion_inner .media{
        font-size: 12px;
    }
    .img-resp {
        max-width: 100%;
    }
    .feature-list {
        margin-left: 0px;
        margin-right: 0px;
    }
    .smarter_spending_text_below{
        position:static !important;
    }
    .select2 {
        min-width:200px!important;
    }
    .domain_price li{
        margin-left:20px
    }
    .promo a.button {
        position: relative !important;
        top: 0 !important;
        margin: 20px 0 0 !important;
        left: 0 !important;
        right: 0;
    }
    .f_social_icon{
        text-align:center !important;
    }
    .display-picture img{
        margin-top:5px;
    }
    #profile-option ul{
        right:2px;
    }
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 20px;
  font-weight: normal;
  height: 50px;
  font-weight:bold;
/*  line-height: 40px;
*/  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; 


}
  .nice-select:hover {
    border-color: #dbdbdb; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #999; }
  .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
        overflow: hidden;
        overflow-y: scroll;
        max-height:160px;
    }
    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }
    .nice-select.disabled:after {
      border-color: #cccccc; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; 

    max-height:160px;
  }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f6f6; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
        background-color: transparent;
        color: #999;
        cursor: default;
        height: 160px;
    }

.no-csspointerevents .nice-select .list {
  display: none;

}

.no-csspointerevents .nice-select.open .list {
  display: block; }

.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.flag-text {
    margin-left: 10px;
}


.select2-container .select2-selection--single {
    height: 40px !important;
    background-color: transparent !important;
    border: none !important;
}

.select2-search__field {
    background-color: #f2f2f2 !important;
    border: none !important;
    background-image: url('../../bootstrap-select-country/img/search.svg');
    background-repeat: no-repeat;
    background-position-y: center;
    background-origin: content-box;
    text-indent: 26px;
}

.select2-dropdown {
    border: none !important;
}

.select2-container--open .select2-dropdown--below {
    border: none !important;
}

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

    .toast-message a, .toast-message label {
        color: #FFF
    }

        .toast-message a:hover {
            color: #CCC;
            text-decoration: none
        }

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #FFF;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
    line-height: 1
}

    .toast-close-button:focus, .toast-close-button:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40)
    }

.rtl .toast-close-button {
    left: -.3em;
    float: left;
    right: .3em
}

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

#toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    #toast-container > div {
        position: relative;
        pointer-events: auto;
        overflow: hidden;
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999;
        -webkit-box-shadow: 0 0 12px #999;
        box-shadow: 0 0 12px #999;
        color: #FFF;
        opacity: .8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80)
    }

        #toast-container > div.rtl {
            direction: rtl;
            padding: 15px 50px 15px 15px;
            background-position: right 15px center
        }

        #toast-container > div:hover {
            -moz-box-shadow: 0 0 12px #000;
            -webkit-box-shadow: 0 0 12px #000;
            box-shadow: 0 0 12px #000;
            opacity: 1;
            -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            filter: alpha(opacity=100);
            cursor: pointer
        }

    #toast-container > .toast-info {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=) !important
    }

    #toast-container > .toast-error {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=) !important
    }

    #toast-container > .toast-success {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==) !important
    }

    #toast-container > .toast-warning {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=) !important
    }

    #toast-container.toast-bottom-center > div, #toast-container.toast-top-center > div {
        width: 300px;
        margin-left: auto;
        margin-right: auto
    }

    #toast-container.toast-bottom-full-width > div, #toast-container.toast-top-full-width > div {
        width: 96%;
        margin-left: auto;
        margin-right: auto
    }

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #51A351
}

.toast-error {
    background-color: #BD362F
}

.toast-info {
    background-color: #2F96B4
}

.toast-warning {
    background-color: #F89406
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

@media all and (max-width:240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px
        }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }

        #toast-container > div.rtl {
            padding: 8px 50px 8px 8px
        }

    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }

    #toast-container .rtl .toast-close-button {
        left: -.2em;
        right: .2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }

        #toast-container > div.rtl {
            padding: 15px 50px 15px 15px
        }
}





#toast-container > .toast-error {
    background-color: #BD362F !important;
}

#toast-container > .toast-info {
    background-color: #3276b1 !important;
}

#toast-container > .toast-success {
    background-color: #51a351 !important;
}

#toast-container > .toast-warning {
    background-color: #f89406 !important;
}