@pmidc/upyog-css 1.1.9 → 1.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1837 -301
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/buttons.scss +35 -4
- package/src/components/card.scss +14 -0
- package/src/components/custombtn.scss +1 -1
- package/src/components/navbar.scss +39 -0
- package/src/components/selectdropdown.scss +11 -11
- package/src/components/textfields.scss +17 -0
- package/src/modules/rentAndLease/index.scss +3 -2
- package/src/pages/common/newApplicationTimeline.scss +1 -3
- package/src/pages/employee/header.scss +1 -1
- package/src/pages/employee/landing.scss +1461 -3
- package/src/pages/employee/login.scss +1 -2
package/dist/index.css
CHANGED
|
@@ -1161,6 +1161,51 @@ body {
|
|
|
1161
1161
|
padding-left: 8px;
|
|
1162
1162
|
margin-left: 8px; }
|
|
1163
1163
|
|
|
1164
|
+
.notification-wrapper {
|
|
1165
|
+
position: relative;
|
|
1166
|
+
display: -webkit-box;
|
|
1167
|
+
display: -ms-flexbox;
|
|
1168
|
+
display: flex;
|
|
1169
|
+
-webkit-box-align: center;
|
|
1170
|
+
-ms-flex-align: center;
|
|
1171
|
+
align-items: center;
|
|
1172
|
+
-webkit-box-pack: center;
|
|
1173
|
+
-ms-flex-pack: center;
|
|
1174
|
+
justify-content: center;
|
|
1175
|
+
cursor: pointer;
|
|
1176
|
+
padding: 8px;
|
|
1177
|
+
border-radius: 50%;
|
|
1178
|
+
-webkit-transition: background-color .2s ease;
|
|
1179
|
+
transition: background-color .2s ease; }
|
|
1180
|
+
.notification-wrapper:hover {
|
|
1181
|
+
background-color: rgba(0, 0, 0, 0.05); }
|
|
1182
|
+
.notification-wrapper .notification-count {
|
|
1183
|
+
position: absolute;
|
|
1184
|
+
top: 0;
|
|
1185
|
+
right: 0;
|
|
1186
|
+
background-color: #ef4444;
|
|
1187
|
+
color: #fff;
|
|
1188
|
+
font-size: 10px;
|
|
1189
|
+
font-weight: 600;
|
|
1190
|
+
min-width: 16px;
|
|
1191
|
+
height: 16px;
|
|
1192
|
+
border-radius: 50%;
|
|
1193
|
+
display: -webkit-box;
|
|
1194
|
+
display: -ms-flexbox;
|
|
1195
|
+
display: flex;
|
|
1196
|
+
-webkit-box-align: center;
|
|
1197
|
+
-ms-flex-align: center;
|
|
1198
|
+
align-items: center;
|
|
1199
|
+
-webkit-box-pack: center;
|
|
1200
|
+
-ms-flex-pack: center;
|
|
1201
|
+
justify-content: center;
|
|
1202
|
+
padding: 2px; }
|
|
1203
|
+
.notification-wrapper svg {
|
|
1204
|
+
width: 22px;
|
|
1205
|
+
height: 22px;
|
|
1206
|
+
background: #ffdc00;
|
|
1207
|
+
border-radius: 50%; }
|
|
1208
|
+
|
|
1164
1209
|
.img-circle {
|
|
1165
1210
|
border-radius: 50%; }
|
|
1166
1211
|
|
|
@@ -1723,6 +1768,20 @@ body {
|
|
|
1723
1768
|
color: #fff;
|
|
1724
1769
|
line-height: 40px; }
|
|
1725
1770
|
|
|
1771
|
+
.submit-bar-back {
|
|
1772
|
+
background: transparent !important;
|
|
1773
|
+
color: #2563eb !important;
|
|
1774
|
+
border: 1px solid #2563eb !important;
|
|
1775
|
+
-webkit-box-shadow: none !important;
|
|
1776
|
+
box-shadow: none !important;
|
|
1777
|
+
margin-right: 10px; }
|
|
1778
|
+
.submit-bar-back:hover {
|
|
1779
|
+
background: rgba(37, 99, 235, 0.08) !important;
|
|
1780
|
+
-webkit-transform: translateY(-2px);
|
|
1781
|
+
transform: translateY(-2px);
|
|
1782
|
+
-webkit-box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
|
|
1783
|
+
box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important; }
|
|
1784
|
+
|
|
1726
1785
|
@media (min-width: 1024px) {
|
|
1727
1786
|
.submit-bar, .submit-bar-disabled {
|
|
1728
1787
|
width: 175px;
|
|
@@ -1899,34 +1958,19 @@ body {
|
|
|
1899
1958
|
width: 100%;
|
|
1900
1959
|
margin: 0; }
|
|
1901
1960
|
|
|
1902
|
-
.selector-button-primary {
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
outline: 2px solid transparent;
|
|
1914
|
-
outline-offset: 2px;
|
|
1915
|
-
padding-left: 24px;
|
|
1916
|
-
padding-right: 24px; }
|
|
1917
|
-
.selector-button-primary:focus {
|
|
1918
|
-
outline: 2px solid transparent;
|
|
1919
|
-
outline-offset: 2px; }
|
|
1920
|
-
.selector-button-primary h2 {
|
|
1921
|
-
font-family: Roboto Condensed,sans-serif;
|
|
1922
|
-
font-weight: 500;
|
|
1923
|
-
font-size: 19px;
|
|
1924
|
-
line-height: 23px;
|
|
1925
|
-
--text-opacity:1;
|
|
1926
|
-
color: #fff;
|
|
1927
|
-
color: rgba(255, 255, 255, var(--text-opacity)); }
|
|
1961
|
+
.selector-button-primary:hover {
|
|
1962
|
+
background-color: #1e3a8a !important;
|
|
1963
|
+
opacity: .9; }
|
|
1964
|
+
|
|
1965
|
+
.selector-button-primary h2 {
|
|
1966
|
+
font-size: 0.875rem !important;
|
|
1967
|
+
line-height: 1.25rem !important;
|
|
1968
|
+
font-weight: 500 !important;
|
|
1969
|
+
margin: 0 !important;
|
|
1970
|
+
padding: 0 !important;
|
|
1971
|
+
width: 100%; }
|
|
1928
1972
|
|
|
1929
|
-
.selector-button-border {
|
|
1973
|
+
.selector-button-border, .selector-button-primary {
|
|
1930
1974
|
background-color: #2947a3 !important;
|
|
1931
1975
|
color: #fff !important;
|
|
1932
1976
|
border: none !important;
|
|
@@ -1956,19 +2000,21 @@ body {
|
|
|
1956
2000
|
min-height: 40px;
|
|
1957
2001
|
width: 30%;
|
|
1958
2002
|
max-height: 40px;
|
|
1959
|
-
margin: 0;
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
2003
|
+
margin: 0;
|
|
2004
|
+
color: #fff !important;
|
|
2005
|
+
border: none !important; }
|
|
2006
|
+
|
|
2007
|
+
.selector-button-border:hover {
|
|
2008
|
+
background-color: #1e3a8a !important;
|
|
2009
|
+
opacity: .9; }
|
|
2010
|
+
|
|
2011
|
+
.selector-button-border h2 {
|
|
2012
|
+
font-size: 0.875rem !important;
|
|
2013
|
+
line-height: 1.25rem !important;
|
|
2014
|
+
font-weight: 500 !important;
|
|
2015
|
+
margin: 0 !important;
|
|
2016
|
+
padding: 0 !important;
|
|
2017
|
+
width: 100%; }
|
|
1972
2018
|
|
|
1973
2019
|
.input-mirror-selector-button {
|
|
1974
2020
|
height: 4rem !important;
|
|
@@ -2136,13 +2182,13 @@ body {
|
|
|
2136
2182
|
outline-offset: 2px;
|
|
2137
2183
|
padding-left: 8px; }
|
|
2138
2184
|
.employee-select-wrap .select input[type=text], .employee-select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .employee-select-wrap .select .input-emp[type=text], .employee-select-wrap .select p {
|
|
2139
|
-
--text-opacity:1;
|
|
2140
|
-
color: #0d43a7;
|
|
2141
|
-
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2142
2185
|
font-size: 16px;
|
|
2143
2186
|
line-height: 20px; }
|
|
2144
2187
|
.employee-select-wrap .select p {
|
|
2145
2188
|
padding-top: 9px;
|
|
2189
|
+
--text-opacity:1;
|
|
2190
|
+
color: #0d43a7;
|
|
2191
|
+
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2146
2192
|
float: left;
|
|
2147
2193
|
margin-left: 8px; }
|
|
2148
2194
|
.employee-select-wrap .select img, .employee-select-wrap .select svg {
|
|
@@ -2180,12 +2226,12 @@ body {
|
|
|
2180
2226
|
outline-offset: 2px;
|
|
2181
2227
|
padding-left: 8px; }
|
|
2182
2228
|
.employee-select-wrap .select-active input[type=text], .employee-select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .employee-select-wrap .select-active .input-emp[type=text], .employee-select-wrap .select-active p {
|
|
2183
|
-
--text-opacity:1;
|
|
2184
|
-
color: #0d43a7;
|
|
2185
|
-
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2186
2229
|
font-size: 16px;
|
|
2187
2230
|
line-height: 20px; }
|
|
2188
2231
|
.employee-select-wrap .select-active p {
|
|
2232
|
+
--text-opacity:1;
|
|
2233
|
+
color: #0d43a7;
|
|
2234
|
+
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2189
2235
|
float: left;
|
|
2190
2236
|
margin-left: 8px;
|
|
2191
2237
|
padding-top: 9px; }
|
|
@@ -2204,7 +2250,8 @@ body {
|
|
|
2204
2250
|
margin: 0 !important;
|
|
2205
2251
|
float: none !important; }
|
|
2206
2252
|
.employee-select-wrap .options-card {
|
|
2207
|
-
|
|
2253
|
+
right: 0;
|
|
2254
|
+
width: 144px;
|
|
2208
2255
|
-webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
|
2209
2256
|
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
|
|
2210
2257
|
max-height: 250px !important;
|
|
@@ -2215,8 +2262,7 @@ body {
|
|
|
2215
2262
|
margin-top: 4px;
|
|
2216
2263
|
--bg-opacity:1;
|
|
2217
2264
|
background-color: #fff;
|
|
2218
|
-
background-color: rgba(255, 255, 255, var(--bg-opacity));
|
|
2219
|
-
max-width: 100%; }
|
|
2265
|
+
background-color: rgba(255, 255, 255, var(--bg-opacity)); }
|
|
2220
2266
|
.employee-select-wrap .options-card p {
|
|
2221
2267
|
padding-top: 14px;
|
|
2222
2268
|
width: 100%;
|
|
@@ -2279,13 +2325,13 @@ body {
|
|
|
2279
2325
|
outline-offset: 2px;
|
|
2280
2326
|
padding-left: 8px; }
|
|
2281
2327
|
.select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select p {
|
|
2282
|
-
--text-opacity:1;
|
|
2283
|
-
color: #0d43a7;
|
|
2284
|
-
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2285
2328
|
font-size: 16px;
|
|
2286
2329
|
line-height: 20px; }
|
|
2287
2330
|
.select-wrap .select p {
|
|
2288
2331
|
padding-top: 9px;
|
|
2332
|
+
--text-opacity:1;
|
|
2333
|
+
color: #0d43a7;
|
|
2334
|
+
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2289
2335
|
float: left;
|
|
2290
2336
|
margin-left: 8px; }
|
|
2291
2337
|
.select-wrap .select img {
|
|
@@ -2329,12 +2375,12 @@ body {
|
|
|
2329
2375
|
outline-offset: 2px;
|
|
2330
2376
|
padding-left: 8px; }
|
|
2331
2377
|
.select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text], .select-wrap .select-active p {
|
|
2332
|
-
--text-opacity:1;
|
|
2333
|
-
color: #0d43a7;
|
|
2334
|
-
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2335
2378
|
font-size: 16px;
|
|
2336
2379
|
line-height: 20px; }
|
|
2337
2380
|
.select-wrap .select-active p {
|
|
2381
|
+
--text-opacity:1;
|
|
2382
|
+
color: #0d43a7;
|
|
2383
|
+
color: rgba(13, 67, 167, var(--text-opacity));
|
|
2338
2384
|
float: left;
|
|
2339
2385
|
margin-left: 8px;
|
|
2340
2386
|
padding-top: 9px; }
|
|
@@ -2601,28 +2647,42 @@ body {
|
|
|
2601
2647
|
-webkit-box-shadow: 0 0 0 3px rgba(13, 78, 255, 0.03);
|
|
2602
2648
|
box-shadow: 0 0 0 3px rgba(13, 78, 255, 0.03); }
|
|
2603
2649
|
|
|
2650
|
+
.mobile-number-prefix {
|
|
2651
|
+
position: absolute;
|
|
2652
|
+
left: 12px;
|
|
2653
|
+
top: 34%;
|
|
2654
|
+
-webkit-transform: translateY(-50%);
|
|
2655
|
+
transform: translateY(-50%);
|
|
2656
|
+
font-size: 16px;
|
|
2657
|
+
font-weight: 500;
|
|
2658
|
+
color: #666;
|
|
2659
|
+
pointer-events: none;
|
|
2660
|
+
z-index: 0 !important; }
|
|
2661
|
+
|
|
2662
|
+
.mobile-number-input-with-prefix {
|
|
2663
|
+
padding-left: 45px !important; }
|
|
2664
|
+
|
|
2604
2665
|
.emp-success-wrap, .success-wrap {
|
|
2666
|
+
display: block;
|
|
2667
|
+
--bg-opacity:1;
|
|
2605
2668
|
background-color: #05a660;
|
|
2606
|
-
background-color: rgba(5, 166, 96, var(--bg-opacity));
|
|
2669
|
+
background-color: rgba(5, 166, 96, var(--bg-opacity));
|
|
2670
|
+
width: 100%;
|
|
2671
|
+
text-align: center;
|
|
2672
|
+
--text-opacity:1;
|
|
2673
|
+
color: #fff;
|
|
2674
|
+
color: rgba(255, 255, 255, var(--text-opacity));
|
|
2675
|
+
padding-top: 16px;
|
|
2676
|
+
padding-bottom: 8px;
|
|
2677
|
+
margin-bottom: 16px; }
|
|
2607
2678
|
.emp-success-wrap header, .success-wrap header {
|
|
2679
|
+
display: block;
|
|
2608
2680
|
margin-bottom: 8px;
|
|
2609
2681
|
font-family: Roboto Condensed,sans-serif;
|
|
2610
2682
|
font-weight: 700;
|
|
2611
2683
|
font-size: 32px;
|
|
2612
2684
|
line-height: 40px; }
|
|
2613
|
-
.emp-success-wrap div img, .success-wrap div img {
|
|
2614
|
-
padding: 13.67px;
|
|
2615
|
-
margin-left: auto;
|
|
2616
|
-
margin-right: auto;
|
|
2617
|
-
--border-opacity:1;
|
|
2618
|
-
border: 1px solid #fff;
|
|
2619
|
-
border-color: rgba(255, 255, 255, var(--border-opacity));
|
|
2620
|
-
border-radius: 9999px;
|
|
2621
|
-
height: 4rem;
|
|
2622
|
-
width: 4rem;
|
|
2623
|
-
background-color: #fff;
|
|
2624
|
-
background-color: rgba(255, 255, 255, var(--bg-opacity)); }
|
|
2625
|
-
.emp-success-wrap div svg, .success-wrap div svg {
|
|
2685
|
+
.emp-success-wrap div img, .emp-success-wrap div svg, .success-wrap div img, .success-wrap div svg {
|
|
2626
2686
|
padding: 13.67px;
|
|
2627
2687
|
margin-left: auto;
|
|
2628
2688
|
margin-right: auto;
|
|
@@ -2632,25 +2692,29 @@ body {
|
|
|
2632
2692
|
border-radius: 9999px;
|
|
2633
2693
|
height: 4rem;
|
|
2634
2694
|
width: 4rem;
|
|
2695
|
+
--bg-opacity:1;
|
|
2635
2696
|
background-color: #fff;
|
|
2636
|
-
background-color: rgba(255, 255, 255, var(--bg-opacity));
|
|
2697
|
+
background-color: rgba(255, 255, 255, var(--bg-opacity));
|
|
2698
|
+
margin-bottom: 16px; }
|
|
2637
2699
|
.emp-success-wrap div svg.payment-svg, .success-wrap div svg.payment-svg {
|
|
2638
2700
|
border: unset;
|
|
2639
2701
|
background-color: unset;
|
|
2640
2702
|
border-radius: 9999px; }
|
|
2641
2703
|
.emp-success-wrap div h2, .success-wrap div h2 {
|
|
2642
|
-
font-weight: 700;
|
|
2643
2704
|
font-size: 16px;
|
|
2644
2705
|
line-height: 19px;
|
|
2645
2706
|
margin-bottom: 8px; }
|
|
2707
|
+
.emp-success-wrap div h2, .emp-success-wrap div p, .success-wrap div h2, .success-wrap div p {
|
|
2708
|
+
font-weight: 700; }
|
|
2646
2709
|
.emp-success-wrap div p, .success-wrap div p {
|
|
2647
|
-
font-weight: 700;
|
|
2648
2710
|
font-size: 18px;
|
|
2649
2711
|
line-height: 21px; }
|
|
2650
2712
|
|
|
2651
|
-
.emp-error-wrap, .
|
|
2713
|
+
.emp-error-wrap, .error-wrap {
|
|
2652
2714
|
display: block;
|
|
2653
2715
|
--bg-opacity:1;
|
|
2716
|
+
background-color: #d4351c;
|
|
2717
|
+
background-color: rgba(212, 53, 28, var(--bg-opacity));
|
|
2654
2718
|
width: 100%;
|
|
2655
2719
|
text-align: center;
|
|
2656
2720
|
--text-opacity:1;
|
|
@@ -2658,17 +2722,9 @@ body {
|
|
|
2658
2722
|
color: rgba(255, 255, 255, var(--text-opacity));
|
|
2659
2723
|
padding-top: 16px;
|
|
2660
2724
|
padding-bottom: 8px;
|
|
2661
|
-
margin-bottom: 16px;
|
|
2662
|
-
display: block;
|
|
2663
|
-
--bg-opacity:1;
|
|
2664
|
-
margin-bottom: 16px;
|
|
2665
|
-
--bg-opacity:1;
|
|
2666
2725
|
margin-bottom: 16px; }
|
|
2667
|
-
|
|
2668
|
-
.emp-error-wrap, .error-wrap {
|
|
2669
|
-
background-color: #d4351c;
|
|
2670
|
-
background-color: rgba(212, 53, 28, var(--bg-opacity)); }
|
|
2671
2726
|
.emp-error-wrap header, .error-wrap header {
|
|
2727
|
+
display: block;
|
|
2672
2728
|
margin-bottom: 8px;
|
|
2673
2729
|
font-family: Roboto Condensed,sans-serif;
|
|
2674
2730
|
font-weight: 700;
|
|
@@ -2682,10 +2738,12 @@ body {
|
|
|
2682
2738
|
border: 1px solid #fff;
|
|
2683
2739
|
border-color: rgba(255, 255, 255, var(--border-opacity));
|
|
2684
2740
|
border-radius: 9999px;
|
|
2741
|
+
--bg-opacity:1;
|
|
2685
2742
|
background-color: #fff;
|
|
2686
2743
|
background-color: rgba(255, 255, 255, var(--bg-opacity));
|
|
2687
2744
|
height: 4rem;
|
|
2688
|
-
width: 4rem;
|
|
2745
|
+
width: 4rem;
|
|
2746
|
+
margin-bottom: 16px; }
|
|
2689
2747
|
|
|
2690
2748
|
@media (min-width: 780px) {
|
|
2691
2749
|
.success-wrap {
|
|
@@ -4489,10 +4547,9 @@ video::-webkit-media-controls-panel {
|
|
|
4489
4547
|
font-size: 19px; }
|
|
4490
4548
|
|
|
4491
4549
|
.customBtn, .customBtn-selected {
|
|
4550
|
+
--bg-opacity:1;
|
|
4492
4551
|
background-color: #fff;
|
|
4493
4552
|
background-color: rgba(255, 255, 255, var(--bg-opacity));
|
|
4494
|
-
color: #0d43a7;
|
|
4495
|
-
color: rgba(13, 67, 167, var(--text-opacity));
|
|
4496
4553
|
-webkit-box-sizing: border-box;
|
|
4497
4554
|
box-sizing: border-box;
|
|
4498
4555
|
display: inline-block;
|
|
@@ -4509,13 +4566,11 @@ video::-webkit-media-controls-panel {
|
|
|
4509
4566
|
border: transparent;
|
|
4510
4567
|
background-color: initial; }
|
|
4511
4568
|
|
|
4512
|
-
.customBtn, .customBtn-selected, .customBtn-selected {
|
|
4513
|
-
--bg-opacity:1;
|
|
4514
|
-
--text-opacity:1; }
|
|
4515
|
-
|
|
4516
4569
|
.customBtn-selected {
|
|
4570
|
+
--bg-opacity:1;
|
|
4517
4571
|
background-color: #2947a3;
|
|
4518
4572
|
background-color: rgba(41, 71, 163, var(--bg-opacity));
|
|
4573
|
+
--text-opacity:1;
|
|
4519
4574
|
color: #fff;
|
|
4520
4575
|
color: rgba(255, 255, 255, var(--text-opacity));
|
|
4521
4576
|
font-weight: 500;
|
|
@@ -7254,7 +7309,8 @@ video::-webkit-media-controls-panel {
|
|
|
7254
7309
|
padding: 20px 0; }
|
|
7255
7310
|
.employee-login-card {
|
|
7256
7311
|
padding: 32px 24px;
|
|
7257
|
-
border-radius: 8px;
|
|
7312
|
+
border-radius: 8px;
|
|
7313
|
+
width: 100%; }
|
|
7258
7314
|
.employee-login-icon-circle {
|
|
7259
7315
|
width: 70px;
|
|
7260
7316
|
height: 70px;
|
|
@@ -9243,72 +9299,309 @@ body {
|
|
|
9243
9299
|
.app-iframe-wrapper {
|
|
9244
9300
|
left: 0; } }
|
|
9245
9301
|
|
|
9246
|
-
.
|
|
9247
|
-
-
|
|
9248
|
-
-
|
|
9249
|
-
|
|
9250
|
-
height: 522px; }
|
|
9251
|
-
@media (min-width: 768px) {
|
|
9252
|
-
.middle-content {
|
|
9253
|
-
-webkit-box-orient: horizontal;
|
|
9254
|
-
-webkit-box-direction: normal;
|
|
9255
|
-
-ms-flex-direction: row;
|
|
9256
|
-
flex-direction: row;
|
|
9257
|
-
min-height: 360px; } }
|
|
9258
|
-
|
|
9259
|
-
.middle-left-half {
|
|
9260
|
-
width: 100%; }
|
|
9261
|
-
@media (min-width: 768px) {
|
|
9262
|
-
.middle-left-half {
|
|
9263
|
-
width: 50%; } }
|
|
9264
|
-
|
|
9265
|
-
.middle-left-half-upper {
|
|
9266
|
-
min-height: 162px;
|
|
9267
|
-
margin-bottom: 18px;
|
|
9268
|
-
-webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
|
|
9269
|
-
box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
|
|
9270
|
-
font-family: Noto sans;
|
|
9271
|
-
background-color: #ffe5e5; }
|
|
9272
|
-
@media (min-width: 768px) {
|
|
9273
|
-
.middle-left-half-upper {
|
|
9274
|
-
height: 50%; } }
|
|
9275
|
-
|
|
9276
|
-
.middle-left-half-upper-body {
|
|
9277
|
-
list-style-type: none;
|
|
9278
|
-
padding: 0 10px; }
|
|
9302
|
+
.landing-page {
|
|
9303
|
+
min-height: 100vh;
|
|
9304
|
+
background-color: #f8fafc;
|
|
9305
|
+
font-family: Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif; }
|
|
9279
9306
|
|
|
9280
|
-
.
|
|
9281
|
-
|
|
9282
|
-
|
|
9307
|
+
.landing-hero {
|
|
9308
|
+
position: relative;
|
|
9309
|
+
min-height: 85vh;
|
|
9310
|
+
background: linear-gradient(135deg, #1e3a8a, #3b82f6 50%, #0ea5e9);
|
|
9311
|
+
display: -webkit-box;
|
|
9312
|
+
display: -ms-flexbox;
|
|
9313
|
+
display: flex;
|
|
9314
|
+
-webkit-box-align: center;
|
|
9315
|
+
-ms-flex-align: center;
|
|
9316
|
+
align-items: center;
|
|
9317
|
+
-webkit-box-pack: center;
|
|
9318
|
+
-ms-flex-pack: center;
|
|
9319
|
+
justify-content: center;
|
|
9320
|
+
padding: 40px 20px;
|
|
9321
|
+
overflow: hidden; }
|
|
9322
|
+
.landing-hero:before {
|
|
9323
|
+
content: "";
|
|
9324
|
+
position: absolute;
|
|
9325
|
+
top: 0;
|
|
9326
|
+
left: 0;
|
|
9327
|
+
right: 0;
|
|
9328
|
+
bottom: 0;
|
|
9329
|
+
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='10' height='10' patternUnits='userSpaceOnUse'%3E%3Cpath d='M10 0H0v10' fill='none' stroke='rgba(255,255,255,0.05)' stroke-width='.5'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");
|
|
9330
|
+
opacity: .5; }
|
|
9283
9331
|
|
|
9284
|
-
.
|
|
9285
|
-
|
|
9286
|
-
|
|
9287
|
-
|
|
9288
|
-
|
|
9289
|
-
|
|
9290
|
-
|
|
9332
|
+
.landing-hero-overlay {
|
|
9333
|
+
position: absolute;
|
|
9334
|
+
top: 0;
|
|
9335
|
+
left: 0;
|
|
9336
|
+
right: 0;
|
|
9337
|
+
bottom: 0;
|
|
9338
|
+
background: radial-gradient(ellipse at top right, rgba(59, 130, 246, 0.3) 0, transparent 50%), radial-gradient(ellipse at bottom left, rgba(14, 165, 233, 0.3) 0, transparent 50%); }
|
|
9291
9339
|
|
|
9292
|
-
.
|
|
9340
|
+
.landing-hero-content {
|
|
9341
|
+
position: relative;
|
|
9342
|
+
z-index: 1;
|
|
9343
|
+
max-width: 1200px;
|
|
9344
|
+
width: 100%;
|
|
9293
9345
|
display: -webkit-box;
|
|
9294
9346
|
display: -ms-flexbox;
|
|
9295
9347
|
display: flex;
|
|
9296
|
-
-ms-flex-wrap: wrap;
|
|
9297
|
-
flex-wrap: wrap;
|
|
9298
|
-
grid-gap: 16px;
|
|
9299
|
-
gap: 16px;
|
|
9300
|
-
padding: 16px;
|
|
9301
|
-
min-height: 360px;
|
|
9302
|
-
position: relative;
|
|
9303
|
-
z-index: 2;
|
|
9304
|
-
margin-bottom: 20px; }
|
|
9305
|
-
|
|
9306
|
-
.middle-content {
|
|
9307
|
-
-ms-flex-direction: column;
|
|
9308
9348
|
-webkit-box-orient: vertical;
|
|
9309
9349
|
-webkit-box-direction: normal;
|
|
9350
|
+
-ms-flex-direction: column;
|
|
9310
9351
|
flex-direction: column;
|
|
9311
|
-
|
|
9352
|
+
-webkit-box-align: center;
|
|
9353
|
+
-ms-flex-align: center;
|
|
9354
|
+
align-items: center;
|
|
9355
|
+
grid-gap: 48px;
|
|
9356
|
+
gap: 48px; }
|
|
9357
|
+
|
|
9358
|
+
.landing-hero-text {
|
|
9359
|
+
text-align: center;
|
|
9360
|
+
max-width: 700px; }
|
|
9361
|
+
|
|
9362
|
+
.landing-hero-title {
|
|
9363
|
+
font-size: 48px;
|
|
9364
|
+
font-weight: 800;
|
|
9365
|
+
color: #fff;
|
|
9366
|
+
margin-bottom: 20px;
|
|
9367
|
+
line-height: 1.2;
|
|
9368
|
+
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.15); }
|
|
9369
|
+
.landing-hero-title span {
|
|
9370
|
+
background: linear-gradient(135deg, #fbbf24, #f59e0b);
|
|
9371
|
+
-webkit-background-clip: text;
|
|
9372
|
+
-webkit-text-fill-color: transparent;
|
|
9373
|
+
background-clip: text; }
|
|
9374
|
+
@media (max-width: 768px) {
|
|
9375
|
+
.landing-hero-title {
|
|
9376
|
+
font-size: 32px; } }
|
|
9377
|
+
|
|
9378
|
+
.landing-hero-subtitle {
|
|
9379
|
+
font-size: 18px;
|
|
9380
|
+
color: rgba(255, 255, 255, 0.9);
|
|
9381
|
+
line-height: 1.7;
|
|
9382
|
+
margin: 0; }
|
|
9383
|
+
@media (max-width: 768px) {
|
|
9384
|
+
.landing-hero-subtitle {
|
|
9385
|
+
font-size: 16px; } }
|
|
9386
|
+
|
|
9387
|
+
.landing-login-cards {
|
|
9388
|
+
display: -webkit-box;
|
|
9389
|
+
display: -ms-flexbox;
|
|
9390
|
+
display: flex;
|
|
9391
|
+
grid-gap: 32px;
|
|
9392
|
+
gap: 32px;
|
|
9393
|
+
-ms-flex-wrap: wrap;
|
|
9394
|
+
flex-wrap: wrap;
|
|
9395
|
+
-webkit-box-pack: center;
|
|
9396
|
+
-ms-flex-pack: center;
|
|
9397
|
+
justify-content: center; }
|
|
9398
|
+
@media (max-width: 768px) {
|
|
9399
|
+
.landing-login-cards {
|
|
9400
|
+
-webkit-box-orient: vertical;
|
|
9401
|
+
-webkit-box-direction: normal;
|
|
9402
|
+
-ms-flex-direction: column;
|
|
9403
|
+
flex-direction: column;
|
|
9404
|
+
grid-gap: 20px;
|
|
9405
|
+
gap: 20px;
|
|
9406
|
+
width: 100%;
|
|
9407
|
+
max-width: 400px; } }
|
|
9408
|
+
|
|
9409
|
+
.landing-login-card {
|
|
9410
|
+
background: rgba(255, 255, 255, 0.95);
|
|
9411
|
+
backdrop-filter: blur(20px);
|
|
9412
|
+
border-radius: 24px;
|
|
9413
|
+
padding: 40px 32px;
|
|
9414
|
+
width: 320px;
|
|
9415
|
+
cursor: pointer;
|
|
9416
|
+
-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9417
|
+
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9418
|
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
9419
|
+
-webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 25px rgba(0, 0, 0, 0.1);
|
|
9420
|
+
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 25px rgba(0, 0, 0, 0.1);
|
|
9421
|
+
position: relative;
|
|
9422
|
+
overflow: hidden; }
|
|
9423
|
+
.landing-login-card:before {
|
|
9424
|
+
content: "";
|
|
9425
|
+
position: absolute;
|
|
9426
|
+
top: 0;
|
|
9427
|
+
left: 0;
|
|
9428
|
+
right: 0;
|
|
9429
|
+
height: 4px;
|
|
9430
|
+
background: -webkit-gradient(linear, left top, right top, from(#3b82f6), to(#0ea5e9));
|
|
9431
|
+
background: linear-gradient(90deg, #3b82f6, #0ea5e9);
|
|
9432
|
+
-webkit-transform: scaleX(0);
|
|
9433
|
+
transform: scaleX(0);
|
|
9434
|
+
-webkit-transition: -webkit-transform .4s ease;
|
|
9435
|
+
transition: -webkit-transform .4s ease;
|
|
9436
|
+
transition: transform .4s ease;
|
|
9437
|
+
transition: transform .4s ease, -webkit-transform .4s ease;
|
|
9438
|
+
transition: transform .4s ease,-webkit-transform .4s ease; }
|
|
9439
|
+
.landing-login-card:hover {
|
|
9440
|
+
-webkit-transform: translateY(-12px) scale(1.02);
|
|
9441
|
+
transform: translateY(-12px) scale(1.02);
|
|
9442
|
+
-webkit-box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2), 0 15px 40px rgba(0, 0, 0, 0.15);
|
|
9443
|
+
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.2), 0 15px 40px rgba(0, 0, 0, 0.15); }
|
|
9444
|
+
.landing-login-card:hover:before {
|
|
9445
|
+
-webkit-transform: scaleX(1);
|
|
9446
|
+
transform: scaleX(1); }
|
|
9447
|
+
.landing-login-card:hover .landing-login-card-icon {
|
|
9448
|
+
-webkit-transform: scale(1.1) rotate(5deg);
|
|
9449
|
+
transform: scale(1.1) rotate(5deg); }
|
|
9450
|
+
.landing-login-card:hover .landing-login-card-btn {
|
|
9451
|
+
background: linear-gradient(135deg, #2563eb, #1d4ed8);
|
|
9452
|
+
color: #fff; }
|
|
9453
|
+
.landing-login-card:hover .landing-login-card-btn svg {
|
|
9454
|
+
-webkit-transform: translateX(4px);
|
|
9455
|
+
transform: translateX(4px); }
|
|
9456
|
+
@media (max-width: 768px) {
|
|
9457
|
+
.landing-login-card {
|
|
9458
|
+
width: 100%;
|
|
9459
|
+
padding-left: 24px;
|
|
9460
|
+
padding-bottom: 32px;
|
|
9461
|
+
padding-right: 24px;
|
|
9462
|
+
padding-top: 32px; } }
|
|
9463
|
+
|
|
9464
|
+
.landing-login-card-citizen .landing-login-card-icon {
|
|
9465
|
+
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
|
|
9466
|
+
color: #2563eb; }
|
|
9467
|
+
|
|
9468
|
+
.landing-login-card-citizen:hover .landing-login-card-btn {
|
|
9469
|
+
background: linear-gradient(135deg, #2563eb, #1d4ed8); }
|
|
9470
|
+
|
|
9471
|
+
.landing-login-card-employee .landing-login-card-icon {
|
|
9472
|
+
background: linear-gradient(135deg, #d1fae5, #a7f3d0);
|
|
9473
|
+
color: #059669; }
|
|
9474
|
+
|
|
9475
|
+
.landing-login-card-employee:hover .landing-login-card-btn {
|
|
9476
|
+
background: linear-gradient(135deg, #059669, #047857); }
|
|
9477
|
+
|
|
9478
|
+
.landing-login-card-icon {
|
|
9479
|
+
width: 72px;
|
|
9480
|
+
height: 72px;
|
|
9481
|
+
border-radius: 20px;
|
|
9482
|
+
display: -webkit-box;
|
|
9483
|
+
display: -ms-flexbox;
|
|
9484
|
+
display: flex;
|
|
9485
|
+
-webkit-box-align: center;
|
|
9486
|
+
-ms-flex-align: center;
|
|
9487
|
+
align-items: center;
|
|
9488
|
+
-webkit-box-pack: center;
|
|
9489
|
+
-ms-flex-pack: center;
|
|
9490
|
+
justify-content: center;
|
|
9491
|
+
margin-bottom: 24px;
|
|
9492
|
+
-webkit-transition: all .4s ease;
|
|
9493
|
+
transition: all .4s ease; }
|
|
9494
|
+
.landing-login-card-icon svg {
|
|
9495
|
+
width: 36px;
|
|
9496
|
+
height: 36px; }
|
|
9497
|
+
|
|
9498
|
+
.landing-login-card-title {
|
|
9499
|
+
font-size: 24px;
|
|
9500
|
+
font-weight: 700;
|
|
9501
|
+
color: #1e293b;
|
|
9502
|
+
margin: 0 0 12px; }
|
|
9503
|
+
|
|
9504
|
+
.landing-login-card-desc {
|
|
9505
|
+
font-size: 14px;
|
|
9506
|
+
color: #64748b;
|
|
9507
|
+
line-height: 1.6;
|
|
9508
|
+
margin: 0 0 24px; }
|
|
9509
|
+
|
|
9510
|
+
.landing-login-card-btn {
|
|
9511
|
+
display: -webkit-box;
|
|
9512
|
+
display: -ms-flexbox;
|
|
9513
|
+
display: flex;
|
|
9514
|
+
-webkit-box-align: center;
|
|
9515
|
+
-ms-flex-align: center;
|
|
9516
|
+
align-items: center;
|
|
9517
|
+
-webkit-box-pack: center;
|
|
9518
|
+
-ms-flex-pack: center;
|
|
9519
|
+
justify-content: center;
|
|
9520
|
+
grid-gap: 8px;
|
|
9521
|
+
gap: 8px;
|
|
9522
|
+
background: #f1f5f9;
|
|
9523
|
+
color: #475569;
|
|
9524
|
+
padding: 14px 24px;
|
|
9525
|
+
border-radius: 12px;
|
|
9526
|
+
font-size: 14px;
|
|
9527
|
+
font-weight: 600;
|
|
9528
|
+
-webkit-transition: all .3s ease;
|
|
9529
|
+
transition: all .3s ease; }
|
|
9530
|
+
.landing-login-card-btn svg {
|
|
9531
|
+
width: 18px;
|
|
9532
|
+
height: 18px;
|
|
9533
|
+
-webkit-transition: -webkit-transform .3s ease;
|
|
9534
|
+
transition: -webkit-transform .3s ease;
|
|
9535
|
+
transition: transform .3s ease;
|
|
9536
|
+
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
9537
|
+
transition: transform .3s ease,-webkit-transform .3s ease; }
|
|
9538
|
+
|
|
9539
|
+
.middle-content {
|
|
9540
|
+
-webkit-box-pack: justify;
|
|
9541
|
+
-ms-flex-pack: justify;
|
|
9542
|
+
justify-content: space-between;
|
|
9543
|
+
height: 522px; }
|
|
9544
|
+
@media (min-width: 768px) {
|
|
9545
|
+
.middle-content {
|
|
9546
|
+
-webkit-box-orient: horizontal;
|
|
9547
|
+
-webkit-box-direction: normal;
|
|
9548
|
+
-ms-flex-direction: row;
|
|
9549
|
+
flex-direction: row;
|
|
9550
|
+
min-height: 360px; } }
|
|
9551
|
+
|
|
9552
|
+
.middle-left-half {
|
|
9553
|
+
width: 100%; }
|
|
9554
|
+
@media (min-width: 768px) {
|
|
9555
|
+
.middle-left-half {
|
|
9556
|
+
width: 50%; } }
|
|
9557
|
+
|
|
9558
|
+
.middle-left-half-upper {
|
|
9559
|
+
min-height: 162px;
|
|
9560
|
+
margin-bottom: 18px;
|
|
9561
|
+
-webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
|
|
9562
|
+
box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
|
|
9563
|
+
font-family: Noto sans;
|
|
9564
|
+
background-color: #ffe5e5; }
|
|
9565
|
+
@media (min-width: 768px) {
|
|
9566
|
+
.middle-left-half-upper {
|
|
9567
|
+
height: 50%; } }
|
|
9568
|
+
|
|
9569
|
+
.middle-left-half-upper-body {
|
|
9570
|
+
list-style-type: none;
|
|
9571
|
+
padding: 0 10px; }
|
|
9572
|
+
|
|
9573
|
+
.middle-left-half-upper-body ul li {
|
|
9574
|
+
text-decoration: none !important;
|
|
9575
|
+
margin-top: 20px; }
|
|
9576
|
+
|
|
9577
|
+
.middle-left-half-lower {
|
|
9578
|
+
min-height: 162px;
|
|
9579
|
+
-webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
|
|
9580
|
+
box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922); }
|
|
9581
|
+
@media (min-width: 768px) {
|
|
9582
|
+
.middle-left-half-lower {
|
|
9583
|
+
height: 45%; } }
|
|
9584
|
+
|
|
9585
|
+
.middle-section {
|
|
9586
|
+
display: -webkit-box;
|
|
9587
|
+
display: -ms-flexbox;
|
|
9588
|
+
display: flex;
|
|
9589
|
+
-ms-flex-wrap: wrap;
|
|
9590
|
+
flex-wrap: wrap;
|
|
9591
|
+
grid-gap: 16px;
|
|
9592
|
+
gap: 16px;
|
|
9593
|
+
padding: 16px;
|
|
9594
|
+
min-height: 360px;
|
|
9595
|
+
position: relative;
|
|
9596
|
+
z-index: 2;
|
|
9597
|
+
margin-bottom: 20px; }
|
|
9598
|
+
|
|
9599
|
+
.middle-content {
|
|
9600
|
+
-ms-flex-direction: column;
|
|
9601
|
+
-webkit-box-orient: vertical;
|
|
9602
|
+
-webkit-box-direction: normal;
|
|
9603
|
+
flex-direction: column;
|
|
9604
|
+
grid-gap: 16px;
|
|
9312
9605
|
gap: 16px;
|
|
9313
9606
|
width: 100%; }
|
|
9314
9607
|
@media (min-width: 768px) {
|
|
@@ -9489,7 +9782,1235 @@ body {
|
|
|
9489
9782
|
-ms-flex-pack: center;
|
|
9490
9783
|
justify-content: center; } }
|
|
9491
9784
|
|
|
9492
|
-
.help-section-button, .help-section-button-container {
|
|
9785
|
+
.help-section-button, .help-section-button-container {
|
|
9786
|
+
display: -webkit-box;
|
|
9787
|
+
display: -ms-flexbox;
|
|
9788
|
+
display: flex;
|
|
9789
|
+
-webkit-box-align: center;
|
|
9790
|
+
-ms-flex-align: center;
|
|
9791
|
+
align-items: center; }
|
|
9792
|
+
|
|
9793
|
+
.help-section-button {
|
|
9794
|
+
padding: 8px 20px 8px 10px;
|
|
9795
|
+
border-radius: 90px;
|
|
9796
|
+
border: 1px solid #ccc;
|
|
9797
|
+
background-color: #f9f9f9;
|
|
9798
|
+
cursor: pointer;
|
|
9799
|
+
-webkit-box-sizing: border-box;
|
|
9800
|
+
box-sizing: border-box;
|
|
9801
|
+
width: 300px;
|
|
9802
|
+
background-color: #fff;
|
|
9803
|
+
font-family: Noto sans,sans-serif; }
|
|
9804
|
+
@media (min-width: 640px) {
|
|
9805
|
+
.help-section-button {
|
|
9806
|
+
margin-right: 20px; } }
|
|
9807
|
+
|
|
9808
|
+
.help-section-text-container {
|
|
9809
|
+
display: -webkit-box;
|
|
9810
|
+
display: -ms-flexbox;
|
|
9811
|
+
display: flex;
|
|
9812
|
+
-webkit-box-orient: vertical;
|
|
9813
|
+
-webkit-box-direction: normal;
|
|
9814
|
+
-ms-flex-direction: column;
|
|
9815
|
+
flex-direction: column;
|
|
9816
|
+
text-align: left; }
|
|
9817
|
+
|
|
9818
|
+
.help-section-medium {
|
|
9819
|
+
font-size: 16px;
|
|
9820
|
+
letter-spacing: .5px;
|
|
9821
|
+
font-weight: 400;
|
|
9822
|
+
color: #1c1d1f; }
|
|
9823
|
+
|
|
9824
|
+
.help-section-contact-no {
|
|
9825
|
+
font-size: 20px;
|
|
9826
|
+
letter-spacing: .25px;
|
|
9827
|
+
font-weight: 600;
|
|
9828
|
+
color: #61646b; }
|
|
9829
|
+
|
|
9830
|
+
.help-section-icon {
|
|
9831
|
+
width: 55px;
|
|
9832
|
+
height: 55px;
|
|
9833
|
+
border-radius: 50%;
|
|
9834
|
+
display: -webkit-box;
|
|
9835
|
+
display: -ms-flexbox;
|
|
9836
|
+
display: flex;
|
|
9837
|
+
-webkit-box-pack: center;
|
|
9838
|
+
-ms-flex-pack: center;
|
|
9839
|
+
justify-content: center;
|
|
9840
|
+
-webkit-box-align: center;
|
|
9841
|
+
-ms-flex-align: center;
|
|
9842
|
+
align-items: center;
|
|
9843
|
+
margin-right: 10px; }
|
|
9844
|
+
|
|
9845
|
+
.about-section, .middle-section {
|
|
9846
|
+
padding: 20px 60px; }
|
|
9847
|
+
|
|
9848
|
+
.title {
|
|
9849
|
+
text-align: left;
|
|
9850
|
+
color: #18191c;
|
|
9851
|
+
font-size: 32px;
|
|
9852
|
+
font-family: Poppins;
|
|
9853
|
+
font-weight: 400;
|
|
9854
|
+
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
|
|
9855
|
+
margin-bottom: 20px; }
|
|
9856
|
+
|
|
9857
|
+
.about-content {
|
|
9858
|
+
-webkit-box-orient: vertical;
|
|
9859
|
+
-webkit-box-direction: normal;
|
|
9860
|
+
-ms-flex-direction: column;
|
|
9861
|
+
flex-direction: column;
|
|
9862
|
+
-webkit-box-align: start;
|
|
9863
|
+
-ms-flex-align: start;
|
|
9864
|
+
align-items: start; }
|
|
9865
|
+
@media (min-width: 640px) {
|
|
9866
|
+
.about-content {
|
|
9867
|
+
-webkit-box-orient: horizontal;
|
|
9868
|
+
-webkit-box-direction: normal;
|
|
9869
|
+
-ms-flex-direction: row;
|
|
9870
|
+
flex-direction: row;
|
|
9871
|
+
-webkit-box-pack: justify;
|
|
9872
|
+
-ms-flex-pack: justify;
|
|
9873
|
+
justify-content: space-between; } }
|
|
9874
|
+
|
|
9875
|
+
.about-content, .content {
|
|
9876
|
+
display: -webkit-box;
|
|
9877
|
+
display: -ms-flexbox;
|
|
9878
|
+
display: flex; }
|
|
9879
|
+
|
|
9880
|
+
.content {
|
|
9881
|
+
-webkit-box-pack: justify;
|
|
9882
|
+
-ms-flex-pack: justify;
|
|
9883
|
+
justify-content: space-between; }
|
|
9884
|
+
|
|
9885
|
+
.about-left-half, .about-right-half {
|
|
9886
|
+
width: 100%;
|
|
9887
|
+
font-family: Noto sans,sans-serif;
|
|
9888
|
+
font-size: 16px;
|
|
9889
|
+
color: #61646b;
|
|
9890
|
+
letter-spacing: .5px; }
|
|
9891
|
+
@media (min-width: 640px) {
|
|
9892
|
+
.about-left-half, .about-right-half {
|
|
9893
|
+
width: 48%; } }
|
|
9894
|
+
|
|
9895
|
+
.top-section-parent {
|
|
9896
|
+
position: relative;
|
|
9897
|
+
width: 100%;
|
|
9898
|
+
background: linear-gradient(135deg, #1e3a8a, #3b82f6 50%, #0ea5e9);
|
|
9899
|
+
padding: 40px 20px 60px;
|
|
9900
|
+
margin-top: -20px; }
|
|
9901
|
+
@media (max-width: 768px) {
|
|
9902
|
+
.top-section-parent {
|
|
9903
|
+
padding-left: 15px;
|
|
9904
|
+
padding-bottom: 50px;
|
|
9905
|
+
padding-right: 15px;
|
|
9906
|
+
padding-top: 30px; } }
|
|
9907
|
+
|
|
9908
|
+
.top-section-wrapper {
|
|
9909
|
+
max-width: 1200px;
|
|
9910
|
+
margin: 0 auto;
|
|
9911
|
+
display: -webkit-box;
|
|
9912
|
+
display: -ms-flexbox;
|
|
9913
|
+
display: flex;
|
|
9914
|
+
-webkit-box-align: center;
|
|
9915
|
+
-ms-flex-align: center;
|
|
9916
|
+
align-items: center;
|
|
9917
|
+
grid-gap: 16px;
|
|
9918
|
+
gap: 16px;
|
|
9919
|
+
position: relative; }
|
|
9920
|
+
@media (max-width: 640px) {
|
|
9921
|
+
.top-section-wrapper {
|
|
9922
|
+
grid-gap: 8px;
|
|
9923
|
+
gap: 8px; } }
|
|
9924
|
+
|
|
9925
|
+
.top-section-slider-container {
|
|
9926
|
+
-webkit-box-flex: 1;
|
|
9927
|
+
-ms-flex: 1;
|
|
9928
|
+
flex: 1;
|
|
9929
|
+
overflow: hidden;
|
|
9930
|
+
border-radius: 16px; }
|
|
9931
|
+
|
|
9932
|
+
.top-section-slider {
|
|
9933
|
+
display: -webkit-box;
|
|
9934
|
+
display: -ms-flexbox;
|
|
9935
|
+
display: flex;
|
|
9936
|
+
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9937
|
+
transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9938
|
+
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9939
|
+
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9940
|
+
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
|
|
9941
|
+
.top-section-slider.sliding-next {
|
|
9942
|
+
-webkit-animation: slideNext 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9943
|
+
animation: slideNext 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
|
|
9944
|
+
.top-section-slider.sliding-prev {
|
|
9945
|
+
-webkit-animation: slidePrev 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
9946
|
+
animation: slidePrev 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
|
|
9947
|
+
|
|
9948
|
+
@-webkit-keyframes slideNext {
|
|
9949
|
+
0% {
|
|
9950
|
+
opacity: .8; }
|
|
9951
|
+
50% {
|
|
9952
|
+
opacity: .9; }
|
|
9953
|
+
to {
|
|
9954
|
+
opacity: 1; } }
|
|
9955
|
+
|
|
9956
|
+
@keyframes slideNext {
|
|
9957
|
+
0% {
|
|
9958
|
+
opacity: .8; }
|
|
9959
|
+
50% {
|
|
9960
|
+
opacity: .9; }
|
|
9961
|
+
to {
|
|
9962
|
+
opacity: 1; } }
|
|
9963
|
+
|
|
9964
|
+
@-webkit-keyframes slidePrev {
|
|
9965
|
+
0% {
|
|
9966
|
+
opacity: .8; }
|
|
9967
|
+
50% {
|
|
9968
|
+
opacity: .9; }
|
|
9969
|
+
to {
|
|
9970
|
+
opacity: 1; } }
|
|
9971
|
+
|
|
9972
|
+
@keyframes slidePrev {
|
|
9973
|
+
0% {
|
|
9974
|
+
opacity: .8; }
|
|
9975
|
+
50% {
|
|
9976
|
+
opacity: .9; }
|
|
9977
|
+
to {
|
|
9978
|
+
opacity: 1; } }
|
|
9979
|
+
|
|
9980
|
+
.top-section-slide-item {
|
|
9981
|
+
-ms-flex-negative: 0;
|
|
9982
|
+
flex-shrink: 0;
|
|
9983
|
+
padding: 8px;
|
|
9984
|
+
-webkit-box-sizing: border-box;
|
|
9985
|
+
box-sizing: border-box; }
|
|
9986
|
+
|
|
9987
|
+
.top-section-logo-card {
|
|
9988
|
+
background: rgba(255, 255, 255, 0.95);
|
|
9989
|
+
backdrop-filter: blur(10px);
|
|
9990
|
+
border-radius: 16px;
|
|
9991
|
+
padding: 24px 16px;
|
|
9992
|
+
display: -webkit-box;
|
|
9993
|
+
display: -ms-flexbox;
|
|
9994
|
+
display: flex;
|
|
9995
|
+
-webkit-box-orient: vertical;
|
|
9996
|
+
-webkit-box-direction: normal;
|
|
9997
|
+
-ms-flex-direction: column;
|
|
9998
|
+
flex-direction: column;
|
|
9999
|
+
-webkit-box-align: center;
|
|
10000
|
+
-ms-flex-align: center;
|
|
10001
|
+
align-items: center;
|
|
10002
|
+
-webkit-box-pack: center;
|
|
10003
|
+
-ms-flex-pack: center;
|
|
10004
|
+
justify-content: center;
|
|
10005
|
+
text-align: center;
|
|
10006
|
+
-webkit-box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
10007
|
+
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
|
|
10008
|
+
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
10009
|
+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
10010
|
+
cursor: pointer;
|
|
10011
|
+
border: 2px solid transparent;
|
|
10012
|
+
height: 140px; }
|
|
10013
|
+
.top-section-logo-card:hover {
|
|
10014
|
+
-webkit-transform: translateY(-8px) scale(1.02);
|
|
10015
|
+
transform: translateY(-8px) scale(1.02);
|
|
10016
|
+
-webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
|
|
10017
|
+
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
|
|
10018
|
+
border-color: rgba(59, 130, 246, 0.3); }
|
|
10019
|
+
.top-section-logo-card:hover .top-section-logo-icon {
|
|
10020
|
+
-webkit-transform: scale(1.1);
|
|
10021
|
+
transform: scale(1.1); }
|
|
10022
|
+
@media (max-width: 640px) {
|
|
10023
|
+
.top-section-logo-card {
|
|
10024
|
+
padding-left: 12px;
|
|
10025
|
+
padding-bottom: 20px;
|
|
10026
|
+
padding-right: 12px;
|
|
10027
|
+
padding-top: 20px;
|
|
10028
|
+
height: 120px; } }
|
|
10029
|
+
|
|
10030
|
+
.top-section-logo-icon {
|
|
10031
|
+
width: 56px;
|
|
10032
|
+
height: 56px;
|
|
10033
|
+
display: -webkit-box;
|
|
10034
|
+
display: -ms-flexbox;
|
|
10035
|
+
display: flex;
|
|
10036
|
+
-webkit-box-align: center;
|
|
10037
|
+
-ms-flex-align: center;
|
|
10038
|
+
align-items: center;
|
|
10039
|
+
-webkit-box-pack: center;
|
|
10040
|
+
-ms-flex-pack: center;
|
|
10041
|
+
justify-content: center;
|
|
10042
|
+
margin-bottom: 12px;
|
|
10043
|
+
-webkit-transition: -webkit-transform .3s ease;
|
|
10044
|
+
transition: -webkit-transform .3s ease;
|
|
10045
|
+
transition: transform .3s ease;
|
|
10046
|
+
transition: transform .3s ease, -webkit-transform .3s ease;
|
|
10047
|
+
transition: transform .3s ease,-webkit-transform .3s ease; }
|
|
10048
|
+
.top-section-logo-icon img {
|
|
10049
|
+
width: 100%;
|
|
10050
|
+
height: 100%;
|
|
10051
|
+
-o-object-fit: contain;
|
|
10052
|
+
object-fit: contain; }
|
|
10053
|
+
@media (max-width: 640px) {
|
|
10054
|
+
.top-section-logo-icon {
|
|
10055
|
+
width: 44px;
|
|
10056
|
+
height: 44px;
|
|
10057
|
+
margin-bottom: 8px; } }
|
|
10058
|
+
|
|
10059
|
+
.top-section-logo-text {
|
|
10060
|
+
font-size: 13px;
|
|
10061
|
+
font-weight: 600;
|
|
10062
|
+
color: #1e293b;
|
|
10063
|
+
margin: 0;
|
|
10064
|
+
line-height: 1.3; }
|
|
10065
|
+
@media (max-width: 640px) {
|
|
10066
|
+
.top-section-logo-text {
|
|
10067
|
+
font-size: 11px; } }
|
|
10068
|
+
|
|
10069
|
+
.top-section-nav-btn {
|
|
10070
|
+
width: 48px;
|
|
10071
|
+
height: 48px;
|
|
10072
|
+
border-radius: 50%;
|
|
10073
|
+
border: none;
|
|
10074
|
+
background: rgba(255, 255, 255, 0.95);
|
|
10075
|
+
color: #1e40af;
|
|
10076
|
+
display: -webkit-box;
|
|
10077
|
+
display: -ms-flexbox;
|
|
10078
|
+
display: flex;
|
|
10079
|
+
-webkit-box-align: center;
|
|
10080
|
+
-ms-flex-align: center;
|
|
10081
|
+
align-items: center;
|
|
10082
|
+
-webkit-box-pack: center;
|
|
10083
|
+
-ms-flex-pack: center;
|
|
10084
|
+
justify-content: center;
|
|
10085
|
+
cursor: pointer;
|
|
10086
|
+
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
|
|
10087
|
+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
|
|
10088
|
+
-webkit-transition: all .3s ease;
|
|
10089
|
+
transition: all .3s ease;
|
|
10090
|
+
-ms-flex-negative: 0;
|
|
10091
|
+
flex-shrink: 0; }
|
|
10092
|
+
.top-section-nav-btn svg {
|
|
10093
|
+
width: 24px;
|
|
10094
|
+
height: 24px; }
|
|
10095
|
+
.top-section-nav-btn:hover:not(.disabled) {
|
|
10096
|
+
background: #fff;
|
|
10097
|
+
-webkit-transform: scale(1.1);
|
|
10098
|
+
transform: scale(1.1);
|
|
10099
|
+
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
|
|
10100
|
+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); }
|
|
10101
|
+
.top-section-nav-btn.disabled {
|
|
10102
|
+
opacity: .4;
|
|
10103
|
+
cursor: not-allowed; }
|
|
10104
|
+
@media (max-width: 640px) {
|
|
10105
|
+
.top-section-nav-btn {
|
|
10106
|
+
width: 36px;
|
|
10107
|
+
height: 36px; }
|
|
10108
|
+
.top-section-nav-btn svg {
|
|
10109
|
+
width: 18px;
|
|
10110
|
+
height: 18px; } }
|
|
10111
|
+
|
|
10112
|
+
.top-section-dots {
|
|
10113
|
+
display: -webkit-box;
|
|
10114
|
+
display: -ms-flexbox;
|
|
10115
|
+
display: flex;
|
|
10116
|
+
-webkit-box-pack: center;
|
|
10117
|
+
-ms-flex-pack: center;
|
|
10118
|
+
justify-content: center;
|
|
10119
|
+
grid-gap: 8px;
|
|
10120
|
+
gap: 8px;
|
|
10121
|
+
margin-top: 20px; }
|
|
10122
|
+
|
|
10123
|
+
.top-section-dot {
|
|
10124
|
+
width: 10px;
|
|
10125
|
+
height: 10px;
|
|
10126
|
+
border-radius: 50%;
|
|
10127
|
+
border: none;
|
|
10128
|
+
background: rgba(255, 255, 255, 0.4);
|
|
10129
|
+
cursor: pointer;
|
|
10130
|
+
-webkit-transition: all .3s ease;
|
|
10131
|
+
transition: all .3s ease;
|
|
10132
|
+
padding: 0; }
|
|
10133
|
+
.top-section-dot:hover {
|
|
10134
|
+
background: rgba(255, 255, 255, 0.7); }
|
|
10135
|
+
.top-section-dot.active {
|
|
10136
|
+
background: #fff;
|
|
10137
|
+
-webkit-transform: scale(1.3);
|
|
10138
|
+
transform: scale(1.3);
|
|
10139
|
+
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
|
|
10140
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); }
|
|
10141
|
+
|
|
10142
|
+
.top-section {
|
|
10143
|
+
position: absolute;
|
|
10144
|
+
top: -50px;
|
|
10145
|
+
left: 0;
|
|
10146
|
+
right: 0;
|
|
10147
|
+
-ms-flex-pack: distribute;
|
|
10148
|
+
justify-content: space-around; }
|
|
10149
|
+
|
|
10150
|
+
.logo-box, .top-section {
|
|
10151
|
+
display: -webkit-box;
|
|
10152
|
+
display: -ms-flexbox;
|
|
10153
|
+
display: flex;
|
|
10154
|
+
-webkit-box-align: center;
|
|
10155
|
+
-ms-flex-align: center;
|
|
10156
|
+
align-items: center; }
|
|
10157
|
+
|
|
10158
|
+
.logo-box {
|
|
10159
|
+
width: 120px;
|
|
10160
|
+
height: 100px;
|
|
10161
|
+
background-color: #fff;
|
|
10162
|
+
-webkit-box-orient: vertical;
|
|
10163
|
+
-webkit-box-direction: normal;
|
|
10164
|
+
-ms-flex-direction: column;
|
|
10165
|
+
flex-direction: column;
|
|
10166
|
+
-webkit-box-pack: center;
|
|
10167
|
+
-ms-flex-pack: center;
|
|
10168
|
+
justify-content: center;
|
|
10169
|
+
text-align: center;
|
|
10170
|
+
padding: 10px;
|
|
10171
|
+
-webkit-box-sizing: border-box;
|
|
10172
|
+
box-sizing: border-box;
|
|
10173
|
+
border-radius: 8px; }
|
|
10174
|
+
|
|
10175
|
+
.logo {
|
|
10176
|
+
max-width: 70%;
|
|
10177
|
+
max-height: 50%;
|
|
10178
|
+
padding-top: 25px; }
|
|
10179
|
+
|
|
10180
|
+
.logo-text {
|
|
10181
|
+
margin-top: 8px;
|
|
10182
|
+
color: #000;
|
|
10183
|
+
font-size: 15px; }
|
|
10184
|
+
|
|
10185
|
+
.nav-button {
|
|
10186
|
+
background: #fff;
|
|
10187
|
+
border: none;
|
|
10188
|
+
color: #000;
|
|
10189
|
+
font-size: 24px;
|
|
10190
|
+
cursor: pointer;
|
|
10191
|
+
margin: 0 10px;
|
|
10192
|
+
width: 40px;
|
|
10193
|
+
height: 40px;
|
|
10194
|
+
border-radius: 50%;
|
|
10195
|
+
display: -webkit-box;
|
|
10196
|
+
display: -ms-flexbox;
|
|
10197
|
+
display: flex;
|
|
10198
|
+
-webkit-box-align: center;
|
|
10199
|
+
-ms-flex-align: center;
|
|
10200
|
+
align-items: center;
|
|
10201
|
+
-webkit-box-pack: center;
|
|
10202
|
+
-ms-flex-pack: center;
|
|
10203
|
+
justify-content: center;
|
|
10204
|
+
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
|
|
10205
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
|
|
10206
|
+
|
|
10207
|
+
.landing-services-section {
|
|
10208
|
+
padding: 60px 20px;
|
|
10209
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#f8fafc), to(#ffffff));
|
|
10210
|
+
background: linear-gradient(180deg, #f8fafc, #fff); }
|
|
10211
|
+
|
|
10212
|
+
.landing-services-container {
|
|
10213
|
+
max-width: 1200px;
|
|
10214
|
+
margin: 0 auto; }
|
|
10215
|
+
|
|
10216
|
+
.landing-services-header {
|
|
10217
|
+
text-align: center;
|
|
10218
|
+
margin-bottom: 48px; }
|
|
10219
|
+
|
|
10220
|
+
.landing-services-badge {
|
|
10221
|
+
display: inline-block;
|
|
10222
|
+
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
|
|
10223
|
+
color: #1e40af;
|
|
10224
|
+
padding: 8px 20px;
|
|
10225
|
+
border-radius: 50px;
|
|
10226
|
+
font-size: 14px;
|
|
10227
|
+
font-weight: 600;
|
|
10228
|
+
margin-bottom: 16px; }
|
|
10229
|
+
|
|
10230
|
+
.landing-services-title {
|
|
10231
|
+
font-size: 36px;
|
|
10232
|
+
font-weight: 700;
|
|
10233
|
+
color: #1e293b;
|
|
10234
|
+
margin: 0; }
|
|
10235
|
+
@media (max-width: 768px) {
|
|
10236
|
+
.landing-services-title {
|
|
10237
|
+
font-size: 28px; } }
|
|
10238
|
+
|
|
10239
|
+
.landing-services-grid {
|
|
10240
|
+
display: grid;
|
|
10241
|
+
grid-template-columns: repeat(3, 1fr);
|
|
10242
|
+
grid-gap: 24px;
|
|
10243
|
+
gap: 24px; }
|
|
10244
|
+
@media (max-width: 1024px) {
|
|
10245
|
+
.landing-services-grid {
|
|
10246
|
+
grid-template-columns: repeat(2, 1fr); } }
|
|
10247
|
+
@media (max-width: 640px) {
|
|
10248
|
+
.landing-services-grid {
|
|
10249
|
+
grid-template-columns: 1fr; } }
|
|
10250
|
+
|
|
10251
|
+
.landing-services-card {
|
|
10252
|
+
background: #fff;
|
|
10253
|
+
border-radius: 20px;
|
|
10254
|
+
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
10255
|
+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
10256
|
+
overflow: hidden;
|
|
10257
|
+
-webkit-transition: all .3s ease;
|
|
10258
|
+
transition: all .3s ease; }
|
|
10259
|
+
.landing-services-card:hover {
|
|
10260
|
+
-webkit-transform: translateY(-8px);
|
|
10261
|
+
transform: translateY(-8px);
|
|
10262
|
+
-webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
|
|
10263
|
+
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12); }
|
|
10264
|
+
|
|
10265
|
+
.landing-services-card-header {
|
|
10266
|
+
display: -webkit-box;
|
|
10267
|
+
display: -ms-flexbox;
|
|
10268
|
+
display: flex;
|
|
10269
|
+
-webkit-box-align: center;
|
|
10270
|
+
-ms-flex-align: center;
|
|
10271
|
+
align-items: center;
|
|
10272
|
+
grid-gap: 12px;
|
|
10273
|
+
gap: 12px;
|
|
10274
|
+
padding: 20px 24px;
|
|
10275
|
+
background: linear-gradient(135deg, #1e40af, #3b82f6);
|
|
10276
|
+
color: #fff; }
|
|
10277
|
+
.landing-services-card-header svg {
|
|
10278
|
+
width: 24px;
|
|
10279
|
+
height: 24px;
|
|
10280
|
+
-ms-flex-negative: 0;
|
|
10281
|
+
flex-shrink: 0; }
|
|
10282
|
+
.landing-services-card-header h3 {
|
|
10283
|
+
font-size: 18px;
|
|
10284
|
+
font-weight: 600;
|
|
10285
|
+
margin: 0; }
|
|
10286
|
+
|
|
10287
|
+
.landing-services-card-body {
|
|
10288
|
+
padding: 24px; }
|
|
10289
|
+
|
|
10290
|
+
.landing-services-list {
|
|
10291
|
+
list-style: none;
|
|
10292
|
+
padding: 0;
|
|
10293
|
+
margin: 0; }
|
|
10294
|
+
|
|
10295
|
+
.landing-services-list-item {
|
|
10296
|
+
display: -webkit-box;
|
|
10297
|
+
display: -ms-flexbox;
|
|
10298
|
+
display: flex;
|
|
10299
|
+
-webkit-box-align: center;
|
|
10300
|
+
-ms-flex-align: center;
|
|
10301
|
+
align-items: center;
|
|
10302
|
+
grid-gap: 12px;
|
|
10303
|
+
gap: 12px;
|
|
10304
|
+
padding: 12px 0;
|
|
10305
|
+
border-bottom: 1px solid #f1f5f9;
|
|
10306
|
+
-webkit-transition: all .2s ease;
|
|
10307
|
+
transition: all .2s ease; }
|
|
10308
|
+
.landing-services-list-item:last-child {
|
|
10309
|
+
border-bottom: none; }
|
|
10310
|
+
.landing-services-list-item:hover {
|
|
10311
|
+
padding-left: 8px; }
|
|
10312
|
+
.landing-services-list-item:hover .landing-services-list-bullet {
|
|
10313
|
+
-webkit-transform: scale(1.2);
|
|
10314
|
+
transform: scale(1.2); }
|
|
10315
|
+
.landing-services-list-item:hover a {
|
|
10316
|
+
color: #2563eb;
|
|
10317
|
+
color: #475569;
|
|
10318
|
+
text-decoration: none;
|
|
10319
|
+
font-size: 14px;
|
|
10320
|
+
font-weight: 500;
|
|
10321
|
+
-webkit-transition: color .2s ease;
|
|
10322
|
+
transition: color .2s ease; }
|
|
10323
|
+
|
|
10324
|
+
.landing-services-list-bullet {
|
|
10325
|
+
width: 8px;
|
|
10326
|
+
height: 8px;
|
|
10327
|
+
background: linear-gradient(135deg, #3b82f6, #2563eb);
|
|
10328
|
+
border-radius: 50%;
|
|
10329
|
+
-ms-flex-negative: 0;
|
|
10330
|
+
flex-shrink: 0;
|
|
10331
|
+
-webkit-transition: -webkit-transform .2s ease;
|
|
10332
|
+
transition: -webkit-transform .2s ease;
|
|
10333
|
+
transition: transform .2s ease;
|
|
10334
|
+
transition: transform .2s ease, -webkit-transform .2s ease;
|
|
10335
|
+
transition: transform .2s ease,-webkit-transform .2s ease; }
|
|
10336
|
+
|
|
10337
|
+
.landing-gallery-container {
|
|
10338
|
+
height: 200px;
|
|
10339
|
+
overflow: hidden;
|
|
10340
|
+
border-radius: 12px; }
|
|
10341
|
+
|
|
10342
|
+
.landing-gallery-image {
|
|
10343
|
+
height: 100%;
|
|
10344
|
+
-webkit-transition: opacity .5s ease;
|
|
10345
|
+
transition: opacity .5s ease; }
|
|
10346
|
+
|
|
10347
|
+
.landing-gallery-nav {
|
|
10348
|
+
position: absolute;
|
|
10349
|
+
top: 50%;
|
|
10350
|
+
-webkit-transform: translateY(-50%);
|
|
10351
|
+
transform: translateY(-50%);
|
|
10352
|
+
background: rgba(255, 255, 255, 0.9);
|
|
10353
|
+
border: none;
|
|
10354
|
+
width: 40px;
|
|
10355
|
+
height: 40px;
|
|
10356
|
+
border-radius: 50%;
|
|
10357
|
+
display: -webkit-box;
|
|
10358
|
+
display: -ms-flexbox;
|
|
10359
|
+
display: flex;
|
|
10360
|
+
-webkit-box-align: center;
|
|
10361
|
+
-ms-flex-align: center;
|
|
10362
|
+
align-items: center;
|
|
10363
|
+
-webkit-box-pack: center;
|
|
10364
|
+
-ms-flex-pack: center;
|
|
10365
|
+
justify-content: center;
|
|
10366
|
+
cursor: pointer;
|
|
10367
|
+
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
10368
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
|
10369
|
+
-webkit-transition: all .3s ease;
|
|
10370
|
+
transition: all .3s ease;
|
|
10371
|
+
color: #1e40af; }
|
|
10372
|
+
.landing-gallery-nav:hover {
|
|
10373
|
+
background: #fff;
|
|
10374
|
+
-webkit-transform: translateY(-50%) scale(1.1);
|
|
10375
|
+
transform: translateY(-50%) scale(1.1); }
|
|
10376
|
+
.landing-gallery-nav svg {
|
|
10377
|
+
width: 20px;
|
|
10378
|
+
height: 20px; }
|
|
10379
|
+
|
|
10380
|
+
.landing-gallery-prev {
|
|
10381
|
+
left: 12px; }
|
|
10382
|
+
|
|
10383
|
+
.landing-gallery-next {
|
|
10384
|
+
right: 12px; }
|
|
10385
|
+
|
|
10386
|
+
.landing-news-item {
|
|
10387
|
+
padding: 16px 0; }
|
|
10388
|
+
.landing-news-item:last-child {
|
|
10389
|
+
border-bottom: none; }
|
|
10390
|
+
|
|
10391
|
+
.landing-news-title {
|
|
10392
|
+
font-size: 14px;
|
|
10393
|
+
font-weight: 600;
|
|
10394
|
+
color: #1e293b;
|
|
10395
|
+
margin: 0 0 8px;
|
|
10396
|
+
line-height: 1.5; }
|
|
10397
|
+
|
|
10398
|
+
.landing-news-meta {
|
|
10399
|
+
display: -webkit-box;
|
|
10400
|
+
display: -ms-flexbox;
|
|
10401
|
+
display: flex;
|
|
10402
|
+
-webkit-box-align: center;
|
|
10403
|
+
-ms-flex-align: center;
|
|
10404
|
+
align-items: center;
|
|
10405
|
+
-webkit-box-pack: justify;
|
|
10406
|
+
-ms-flex-pack: justify;
|
|
10407
|
+
justify-content: space-between; }
|
|
10408
|
+
|
|
10409
|
+
.landing-news-date {
|
|
10410
|
+
font-size: 12px;
|
|
10411
|
+
color: #94a3b8; }
|
|
10412
|
+
|
|
10413
|
+
.landing-news-link {
|
|
10414
|
+
font-size: 12px;
|
|
10415
|
+
color: #3b82f6;
|
|
10416
|
+
text-decoration: none;
|
|
10417
|
+
font-weight: 600; }
|
|
10418
|
+
.landing-news-link:hover {
|
|
10419
|
+
text-decoration: underline; }
|
|
10420
|
+
|
|
10421
|
+
.landing-help-section {
|
|
10422
|
+
padding: 80px 20px;
|
|
10423
|
+
background: linear-gradient(135deg, #f8fafc, #e2e8f0); }
|
|
10424
|
+
|
|
10425
|
+
.landing-help-container {
|
|
10426
|
+
max-width: 1200px;
|
|
10427
|
+
margin: 0 auto; }
|
|
10428
|
+
|
|
10429
|
+
.landing-help-content {
|
|
10430
|
+
display: -webkit-box;
|
|
10431
|
+
display: -ms-flexbox;
|
|
10432
|
+
display: flex;
|
|
10433
|
+
-webkit-box-orient: vertical;
|
|
10434
|
+
-webkit-box-direction: normal;
|
|
10435
|
+
-ms-flex-direction: column;
|
|
10436
|
+
flex-direction: column;
|
|
10437
|
+
-webkit-box-align: center;
|
|
10438
|
+
-ms-flex-align: center;
|
|
10439
|
+
align-items: center;
|
|
10440
|
+
grid-gap: 48px;
|
|
10441
|
+
gap: 48px; }
|
|
10442
|
+
|
|
10443
|
+
.landing-help-text {
|
|
10444
|
+
text-align: center;
|
|
10445
|
+
max-width: 600px; }
|
|
10446
|
+
|
|
10447
|
+
.landing-help-badge {
|
|
10448
|
+
display: inline-block;
|
|
10449
|
+
background: linear-gradient(135deg, #22c55e, #16a34a);
|
|
10450
|
+
color: #fff;
|
|
10451
|
+
padding: 8px 20px;
|
|
10452
|
+
border-radius: 50px;
|
|
10453
|
+
font-size: 12px;
|
|
10454
|
+
font-weight: 700;
|
|
10455
|
+
text-transform: uppercase;
|
|
10456
|
+
letter-spacing: 1px;
|
|
10457
|
+
margin-bottom: 16px; }
|
|
10458
|
+
|
|
10459
|
+
.landing-help-title {
|
|
10460
|
+
font-size: 36px;
|
|
10461
|
+
font-weight: 700;
|
|
10462
|
+
color: #1e293b;
|
|
10463
|
+
margin: 0 0 16px; }
|
|
10464
|
+
@media (max-width: 768px) {
|
|
10465
|
+
.landing-help-title {
|
|
10466
|
+
font-size: 28px; } }
|
|
10467
|
+
|
|
10468
|
+
.landing-help-subtitle {
|
|
10469
|
+
font-size: 16px;
|
|
10470
|
+
color: #64748b;
|
|
10471
|
+
margin: 0;
|
|
10472
|
+
line-height: 1.7; }
|
|
10473
|
+
|
|
10474
|
+
.landing-help-cards {
|
|
10475
|
+
display: -webkit-box;
|
|
10476
|
+
display: -ms-flexbox;
|
|
10477
|
+
display: flex;
|
|
10478
|
+
grid-gap: 24px;
|
|
10479
|
+
gap: 24px;
|
|
10480
|
+
-ms-flex-wrap: wrap;
|
|
10481
|
+
flex-wrap: wrap;
|
|
10482
|
+
-webkit-box-pack: center;
|
|
10483
|
+
-ms-flex-pack: center;
|
|
10484
|
+
justify-content: center; }
|
|
10485
|
+
@media (max-width: 768px) {
|
|
10486
|
+
.landing-help-cards {
|
|
10487
|
+
-webkit-box-orient: vertical;
|
|
10488
|
+
-webkit-box-direction: normal;
|
|
10489
|
+
-ms-flex-direction: column;
|
|
10490
|
+
flex-direction: column;
|
|
10491
|
+
width: 100%;
|
|
10492
|
+
max-width: 400px; } }
|
|
10493
|
+
|
|
10494
|
+
.landing-help-card {
|
|
10495
|
+
background: #fff;
|
|
10496
|
+
border-radius: 20px;
|
|
10497
|
+
padding: 24px;
|
|
10498
|
+
grid-gap: 16px;
|
|
10499
|
+
gap: 16px;
|
|
10500
|
+
min-width: 300px;
|
|
10501
|
+
cursor: pointer;
|
|
10502
|
+
-webkit-transition: all .3s ease;
|
|
10503
|
+
transition: all .3s ease;
|
|
10504
|
+
-webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
10505
|
+
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
|
|
10506
|
+
border: 2px solid transparent; }
|
|
10507
|
+
.landing-help-card:hover {
|
|
10508
|
+
-webkit-transform: translateY(-4px);
|
|
10509
|
+
transform: translateY(-4px);
|
|
10510
|
+
-webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
|
|
10511
|
+
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
|
|
10512
|
+
border-color: var(--card-color); }
|
|
10513
|
+
.landing-help-card:hover .landing-help-card-arrow {
|
|
10514
|
+
opacity: 1;
|
|
10515
|
+
-webkit-transform: translateX(0);
|
|
10516
|
+
transform: translateX(0); }
|
|
10517
|
+
@media (max-width: 768px) {
|
|
10518
|
+
.landing-help-card {
|
|
10519
|
+
width: 100%;
|
|
10520
|
+
min-width: unset; } }
|
|
10521
|
+
|
|
10522
|
+
.landing-help-card, .landing-help-card-icon {
|
|
10523
|
+
display: -webkit-box;
|
|
10524
|
+
display: -ms-flexbox;
|
|
10525
|
+
display: flex;
|
|
10526
|
+
-webkit-box-align: center;
|
|
10527
|
+
-ms-flex-align: center;
|
|
10528
|
+
align-items: center; }
|
|
10529
|
+
|
|
10530
|
+
.landing-help-card-icon {
|
|
10531
|
+
width: 56px;
|
|
10532
|
+
height: 56px;
|
|
10533
|
+
border-radius: 16px;
|
|
10534
|
+
-webkit-box-pack: center;
|
|
10535
|
+
-ms-flex-pack: center;
|
|
10536
|
+
justify-content: center;
|
|
10537
|
+
background: var(--card-bg);
|
|
10538
|
+
-ms-flex-negative: 0;
|
|
10539
|
+
flex-shrink: 0; }
|
|
10540
|
+
.landing-help-card-icon img {
|
|
10541
|
+
width: 32px;
|
|
10542
|
+
height: 32px;
|
|
10543
|
+
-o-object-fit: contain;
|
|
10544
|
+
object-fit: contain; }
|
|
10545
|
+
|
|
10546
|
+
.landing-help-card-content {
|
|
10547
|
+
-webkit-box-flex: 1;
|
|
10548
|
+
-ms-flex: 1;
|
|
10549
|
+
flex: 1;
|
|
10550
|
+
display: -webkit-box;
|
|
10551
|
+
display: -ms-flexbox;
|
|
10552
|
+
display: flex;
|
|
10553
|
+
-webkit-box-orient: vertical;
|
|
10554
|
+
-webkit-box-direction: normal;
|
|
10555
|
+
-ms-flex-direction: column;
|
|
10556
|
+
flex-direction: column;
|
|
10557
|
+
grid-gap: 4px;
|
|
10558
|
+
gap: 4px; }
|
|
10559
|
+
|
|
10560
|
+
.landing-help-card-label {
|
|
10561
|
+
font-size: 14px;
|
|
10562
|
+
color: #64748b;
|
|
10563
|
+
font-weight: 500; }
|
|
10564
|
+
|
|
10565
|
+
.landing-help-card-value {
|
|
10566
|
+
font-size: 18px;
|
|
10567
|
+
font-weight: 700;
|
|
10568
|
+
color: #1e293b; }
|
|
10569
|
+
|
|
10570
|
+
.landing-help-card-arrow {
|
|
10571
|
+
width: 32px;
|
|
10572
|
+
height: 32px;
|
|
10573
|
+
display: -webkit-box;
|
|
10574
|
+
display: -ms-flexbox;
|
|
10575
|
+
display: flex;
|
|
10576
|
+
-webkit-box-align: center;
|
|
10577
|
+
-ms-flex-align: center;
|
|
10578
|
+
align-items: center;
|
|
10579
|
+
-webkit-box-pack: center;
|
|
10580
|
+
-ms-flex-pack: center;
|
|
10581
|
+
justify-content: center;
|
|
10582
|
+
color: var(--card-color);
|
|
10583
|
+
opacity: 0;
|
|
10584
|
+
-webkit-transform: translateX(-8px);
|
|
10585
|
+
transform: translateX(-8px);
|
|
10586
|
+
-webkit-transition: all .3s ease;
|
|
10587
|
+
transition: all .3s ease; }
|
|
10588
|
+
.landing-help-card-arrow svg {
|
|
10589
|
+
width: 20px;
|
|
10590
|
+
height: 20px; }
|
|
10591
|
+
|
|
10592
|
+
.landing-about-section {
|
|
10593
|
+
padding: 80px 20px;
|
|
10594
|
+
background: #fff; }
|
|
10595
|
+
|
|
10596
|
+
.landing-about-container {
|
|
10597
|
+
max-width: 1200px;
|
|
10598
|
+
margin: 0 auto; }
|
|
10599
|
+
|
|
10600
|
+
.landing-about-header {
|
|
10601
|
+
text-align: center;
|
|
10602
|
+
margin-bottom: 48px; }
|
|
10603
|
+
|
|
10604
|
+
.landing-about-badge {
|
|
10605
|
+
display: inline-block;
|
|
10606
|
+
background: linear-gradient(135deg, #dbeafe, #bfdbfe);
|
|
10607
|
+
color: #1e40af;
|
|
10608
|
+
padding: 8px 20px;
|
|
10609
|
+
border-radius: 50px;
|
|
10610
|
+
font-size: 14px;
|
|
10611
|
+
font-weight: 600;
|
|
10612
|
+
margin-bottom: 16px; }
|
|
10613
|
+
|
|
10614
|
+
.landing-about-title {
|
|
10615
|
+
font-size: 36px;
|
|
10616
|
+
font-weight: 700;
|
|
10617
|
+
color: #1e293b;
|
|
10618
|
+
margin: 0 0 16px; }
|
|
10619
|
+
@media (max-width: 768px) {
|
|
10620
|
+
.landing-about-title {
|
|
10621
|
+
font-size: 24px; } }
|
|
10622
|
+
|
|
10623
|
+
.landing-about-divider {
|
|
10624
|
+
width: 80px;
|
|
10625
|
+
height: 4px;
|
|
10626
|
+
background: linear-gradient(135deg, #3b82f6, #2563eb);
|
|
10627
|
+
border-radius: 2px;
|
|
10628
|
+
margin: 0 auto; }
|
|
10629
|
+
|
|
10630
|
+
.landing-about-content {
|
|
10631
|
+
display: -webkit-box;
|
|
10632
|
+
display: -ms-flexbox;
|
|
10633
|
+
display: flex;
|
|
10634
|
+
-webkit-box-orient: vertical;
|
|
10635
|
+
-webkit-box-direction: normal;
|
|
10636
|
+
-ms-flex-direction: column;
|
|
10637
|
+
flex-direction: column;
|
|
10638
|
+
grid-gap: 40px;
|
|
10639
|
+
gap: 40px; }
|
|
10640
|
+
|
|
10641
|
+
.landing-about-main {
|
|
10642
|
+
display: grid;
|
|
10643
|
+
grid-template-columns: repeat(2, 1fr);
|
|
10644
|
+
grid-gap: 32px;
|
|
10645
|
+
gap: 32px; }
|
|
10646
|
+
@media (max-width: 768px) {
|
|
10647
|
+
.landing-about-main {
|
|
10648
|
+
grid-template-columns: 1fr; } }
|
|
10649
|
+
|
|
10650
|
+
.landing-about-card {
|
|
10651
|
+
background: #f8fafc;
|
|
10652
|
+
border-radius: 20px;
|
|
10653
|
+
padding: 32px;
|
|
10654
|
+
position: relative;
|
|
10655
|
+
overflow: hidden; }
|
|
10656
|
+
.landing-about-card h3 {
|
|
10657
|
+
font-size: 22px;
|
|
10658
|
+
font-weight: 700;
|
|
10659
|
+
color: #1e293b;
|
|
10660
|
+
margin: 0 0 20px; }
|
|
10661
|
+
.landing-about-card p {
|
|
10662
|
+
font-size: 15px;
|
|
10663
|
+
color: #64748b;
|
|
10664
|
+
line-height: 1.8;
|
|
10665
|
+
margin: 0 0 16px; }
|
|
10666
|
+
.landing-about-card p:last-child {
|
|
10667
|
+
margin-bottom: 0; }
|
|
10668
|
+
.landing-about-card p strong {
|
|
10669
|
+
color: #1e40af; }
|
|
10670
|
+
|
|
10671
|
+
.landing-about-card-accent {
|
|
10672
|
+
position: absolute;
|
|
10673
|
+
top: 0;
|
|
10674
|
+
left: 0;
|
|
10675
|
+
width: 4px;
|
|
10676
|
+
height: 100%;
|
|
10677
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#3b82f6), to(#2563eb));
|
|
10678
|
+
background: linear-gradient(180deg, #3b82f6, #2563eb); }
|
|
10679
|
+
|
|
10680
|
+
.landing-about-highlights {
|
|
10681
|
+
display: -webkit-box;
|
|
10682
|
+
display: -ms-flexbox;
|
|
10683
|
+
display: flex;
|
|
10684
|
+
-webkit-box-pack: center;
|
|
10685
|
+
-ms-flex-pack: center;
|
|
10686
|
+
justify-content: center;
|
|
10687
|
+
grid-gap: 32px;
|
|
10688
|
+
gap: 32px;
|
|
10689
|
+
-ms-flex-wrap: wrap;
|
|
10690
|
+
flex-wrap: wrap; }
|
|
10691
|
+
@media (max-width: 640px) {
|
|
10692
|
+
.landing-about-highlights {
|
|
10693
|
+
grid-gap: 16px;
|
|
10694
|
+
gap: 16px; } }
|
|
10695
|
+
|
|
10696
|
+
.landing-about-highlight-item {
|
|
10697
|
+
display: -webkit-box;
|
|
10698
|
+
display: -ms-flexbox;
|
|
10699
|
+
display: flex;
|
|
10700
|
+
-webkit-box-align: center;
|
|
10701
|
+
-ms-flex-align: center;
|
|
10702
|
+
align-items: center;
|
|
10703
|
+
grid-gap: 12px;
|
|
10704
|
+
gap: 12px;
|
|
10705
|
+
background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
|
|
10706
|
+
padding: 16px 24px;
|
|
10707
|
+
border-radius: 50px;
|
|
10708
|
+
-webkit-transition: all .3s ease;
|
|
10709
|
+
transition: all .3s ease; }
|
|
10710
|
+
.landing-about-highlight-item:hover {
|
|
10711
|
+
-webkit-transform: translateY(-4px);
|
|
10712
|
+
transform: translateY(-4px);
|
|
10713
|
+
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
|
|
10714
|
+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); }
|
|
10715
|
+
|
|
10716
|
+
.landing-about-highlight-icon {
|
|
10717
|
+
font-size: 24px; }
|
|
10718
|
+
|
|
10719
|
+
.landing-about-highlight-text {
|
|
10720
|
+
font-size: 14px;
|
|
10721
|
+
font-weight: 600;
|
|
10722
|
+
color: #475569; }
|
|
10723
|
+
|
|
10724
|
+
.landing-footer {
|
|
10725
|
+
background: #0f172a;
|
|
10726
|
+
color: #fff; }
|
|
10727
|
+
|
|
10728
|
+
.landing-footer-partners {
|
|
10729
|
+
background: #f8fafc;
|
|
10730
|
+
padding: 40px 20px; }
|
|
10731
|
+
|
|
10732
|
+
.landing-footer-partners-container {
|
|
10733
|
+
max-width: 1200px;
|
|
10734
|
+
margin: 0 auto;
|
|
10735
|
+
text-align: center; }
|
|
10736
|
+
|
|
10737
|
+
.landing-footer-partners-title {
|
|
10738
|
+
font-size: 14px;
|
|
10739
|
+
font-weight: 600;
|
|
10740
|
+
color: #64748b;
|
|
10741
|
+
text-transform: uppercase;
|
|
10742
|
+
letter-spacing: 2px;
|
|
10743
|
+
margin: 0 0 24px; }
|
|
10744
|
+
|
|
10745
|
+
.landing-footer-partners-grid {
|
|
10746
|
+
display: -webkit-box;
|
|
10747
|
+
display: -ms-flexbox;
|
|
10748
|
+
display: flex;
|
|
10749
|
+
-webkit-box-pack: center;
|
|
10750
|
+
-ms-flex-pack: center;
|
|
10751
|
+
justify-content: center;
|
|
10752
|
+
-webkit-box-align: center;
|
|
10753
|
+
-ms-flex-align: center;
|
|
10754
|
+
align-items: center;
|
|
10755
|
+
grid-gap: 32px;
|
|
10756
|
+
gap: 32px;
|
|
10757
|
+
-ms-flex-wrap: wrap;
|
|
10758
|
+
flex-wrap: wrap; }
|
|
10759
|
+
@media (max-width: 768px) {
|
|
10760
|
+
.landing-footer-partners-grid {
|
|
10761
|
+
grid-gap: 20px;
|
|
10762
|
+
gap: 20px; } }
|
|
10763
|
+
|
|
10764
|
+
.landing-footer-partner-logo {
|
|
10765
|
+
background: #fff;
|
|
10766
|
+
padding: 12px 20px;
|
|
10767
|
+
border-radius: 12px;
|
|
10768
|
+
-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
10769
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
|
|
10770
|
+
-webkit-transition: all .3s ease;
|
|
10771
|
+
transition: all .3s ease; }
|
|
10772
|
+
.landing-footer-partner-logo:hover {
|
|
10773
|
+
-webkit-transform: translateY(-4px);
|
|
10774
|
+
transform: translateY(-4px);
|
|
10775
|
+
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
|
|
10776
|
+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
|
|
10777
|
+
.landing-footer-partner-logo img {
|
|
10778
|
+
height: 40px;
|
|
10779
|
+
width: auto;
|
|
10780
|
+
-o-object-fit: contain;
|
|
10781
|
+
object-fit: contain; }
|
|
10782
|
+
@media (max-width: 768px) {
|
|
10783
|
+
.landing-footer-partner-logo img {
|
|
10784
|
+
height: 32px; } }
|
|
10785
|
+
|
|
10786
|
+
.landing-footer-main {
|
|
10787
|
+
padding: 60px 20px; }
|
|
10788
|
+
|
|
10789
|
+
.landing-footer-container {
|
|
10790
|
+
max-width: 1200px;
|
|
10791
|
+
margin: 0 auto; }
|
|
10792
|
+
|
|
10793
|
+
.landing-footer-grid {
|
|
10794
|
+
display: grid;
|
|
10795
|
+
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
|
10796
|
+
grid-gap: 48px;
|
|
10797
|
+
gap: 48px; }
|
|
10798
|
+
@media (max-width: 1024px) {
|
|
10799
|
+
.landing-footer-grid {
|
|
10800
|
+
grid-template-columns: repeat(2, 1fr);
|
|
10801
|
+
grid-gap: 40px;
|
|
10802
|
+
gap: 40px; } }
|
|
10803
|
+
@media (max-width: 640px) {
|
|
10804
|
+
.landing-footer-grid {
|
|
10805
|
+
grid-template-columns: 1fr;
|
|
10806
|
+
grid-gap: 32px;
|
|
10807
|
+
gap: 32px; } }
|
|
10808
|
+
|
|
10809
|
+
.landing-footer-section-title {
|
|
10810
|
+
font-size: 16px;
|
|
10811
|
+
font-weight: 700;
|
|
10812
|
+
color: #fff;
|
|
10813
|
+
margin: 0 0 20px;
|
|
10814
|
+
display: -webkit-box;
|
|
10815
|
+
display: -ms-flexbox;
|
|
10816
|
+
display: flex;
|
|
10817
|
+
-webkit-box-align: center;
|
|
10818
|
+
-ms-flex-align: center;
|
|
10819
|
+
align-items: center;
|
|
10820
|
+
grid-gap: 8px;
|
|
10821
|
+
gap: 8px; }
|
|
10822
|
+
.landing-footer-section-title svg {
|
|
10823
|
+
width: 20px;
|
|
10824
|
+
height: 20px;
|
|
10825
|
+
color: #3b82f6; }
|
|
10826
|
+
|
|
10827
|
+
.landing-footer-address-content p {
|
|
10828
|
+
font-size: 14px;
|
|
10829
|
+
color: #94a3b8;
|
|
10830
|
+
line-height: 1.8;
|
|
10831
|
+
margin: 0 0 4px; }
|
|
10832
|
+
|
|
10833
|
+
.landing-footer-email {
|
|
10834
|
+
display: -webkit-box;
|
|
10835
|
+
display: -ms-flexbox;
|
|
10836
|
+
display: flex;
|
|
10837
|
+
-webkit-box-align: center;
|
|
10838
|
+
-ms-flex-align: center;
|
|
10839
|
+
align-items: center;
|
|
10840
|
+
grid-gap: 8px;
|
|
10841
|
+
gap: 8px;
|
|
10842
|
+
margin-top: 12px !important;
|
|
10843
|
+
color: #3b82f6 !important; }
|
|
10844
|
+
.landing-footer-email svg {
|
|
10845
|
+
color: #3b82f6; }
|
|
10846
|
+
|
|
10847
|
+
.landing-footer-links {
|
|
10848
|
+
list-style: none;
|
|
10849
|
+
padding: 0;
|
|
10850
|
+
margin: 0; }
|
|
10851
|
+
.landing-footer-links li {
|
|
10852
|
+
margin-bottom: 12px; }
|
|
10853
|
+
.landing-footer-links li a {
|
|
10854
|
+
font-size: 14px;
|
|
10855
|
+
color: #94a3b8;
|
|
10856
|
+
text-decoration: none;
|
|
10857
|
+
-webkit-transition: all .2s ease;
|
|
10858
|
+
transition: all .2s ease;
|
|
10859
|
+
display: inline-block; }
|
|
10860
|
+
.landing-footer-links li a:hover {
|
|
10861
|
+
color: #fff;
|
|
10862
|
+
-webkit-transform: translateX(4px);
|
|
10863
|
+
transform: translateX(4px); }
|
|
10864
|
+
|
|
10865
|
+
.landing-footer-social-icons {
|
|
10866
|
+
display: -webkit-box;
|
|
10867
|
+
display: -ms-flexbox;
|
|
10868
|
+
display: flex;
|
|
10869
|
+
grid-gap: 12px;
|
|
10870
|
+
gap: 12px; }
|
|
10871
|
+
|
|
10872
|
+
.landing-footer-social-icon {
|
|
10873
|
+
width: 44px;
|
|
10874
|
+
height: 44px;
|
|
10875
|
+
border-radius: 12px;
|
|
10876
|
+
display: -webkit-box;
|
|
10877
|
+
display: -ms-flexbox;
|
|
10878
|
+
display: flex;
|
|
10879
|
+
-webkit-box-align: center;
|
|
10880
|
+
-ms-flex-align: center;
|
|
10881
|
+
align-items: center;
|
|
10882
|
+
-webkit-box-pack: center;
|
|
10883
|
+
-ms-flex-pack: center;
|
|
10884
|
+
justify-content: center;
|
|
10885
|
+
background: rgba(255, 255, 255, 0.1);
|
|
10886
|
+
color: #fff;
|
|
10887
|
+
-webkit-transition: all .3s ease;
|
|
10888
|
+
transition: all .3s ease; }
|
|
10889
|
+
.landing-footer-social-icon svg {
|
|
10890
|
+
width: 20px;
|
|
10891
|
+
height: 20px; }
|
|
10892
|
+
.landing-footer-social-icon:hover {
|
|
10893
|
+
-webkit-transform: translateY(-4px);
|
|
10894
|
+
transform: translateY(-4px); }
|
|
10895
|
+
|
|
10896
|
+
.landing-footer-social-facebook:hover {
|
|
10897
|
+
background: #1877f2; }
|
|
10898
|
+
|
|
10899
|
+
.landing-footer-social-twitter:hover {
|
|
10900
|
+
background: #1da1f2; }
|
|
10901
|
+
|
|
10902
|
+
.landing-footer-social-linkedin:hover {
|
|
10903
|
+
background: #0077b5; }
|
|
10904
|
+
|
|
10905
|
+
.landing-footer-social-youtube:hover {
|
|
10906
|
+
background: red; }
|
|
10907
|
+
|
|
10908
|
+
.landing-footer-bottom {
|
|
10909
|
+
background: #020617;
|
|
10910
|
+
padding: 20px; }
|
|
10911
|
+
|
|
10912
|
+
.landing-footer-bottom-content {
|
|
10913
|
+
display: -webkit-box;
|
|
10914
|
+
display: -ms-flexbox;
|
|
10915
|
+
display: flex;
|
|
10916
|
+
-webkit-box-pack: center;
|
|
10917
|
+
-ms-flex-pack: center;
|
|
10918
|
+
justify-content: center;
|
|
10919
|
+
-webkit-box-align: center;
|
|
10920
|
+
-ms-flex-align: center;
|
|
10921
|
+
align-items: center;
|
|
10922
|
+
grid-gap: 8px;
|
|
10923
|
+
gap: 8px;
|
|
10924
|
+
-ms-flex-wrap: wrap;
|
|
10925
|
+
flex-wrap: wrap; }
|
|
10926
|
+
@media (max-width: 640px) {
|
|
10927
|
+
.landing-footer-bottom-content {
|
|
10928
|
+
-webkit-box-orient: vertical;
|
|
10929
|
+
-webkit-box-direction: normal;
|
|
10930
|
+
-ms-flex-direction: column;
|
|
10931
|
+
flex-direction: column;
|
|
10932
|
+
grid-gap: 12px;
|
|
10933
|
+
gap: 12px; } }
|
|
10934
|
+
|
|
10935
|
+
.landing-footer-copyright, .landing-footer-license, .landing-footer-powered {
|
|
10936
|
+
font-size: 13px;
|
|
10937
|
+
color: #94a3b8;
|
|
10938
|
+
cursor: pointer;
|
|
10939
|
+
-webkit-transition: color .2s ease;
|
|
10940
|
+
transition: color .2s ease; }
|
|
10941
|
+
.landing-footer-copyright:hover, .landing-footer-license:hover, .landing-footer-powered:hover {
|
|
10942
|
+
color: #fff; }
|
|
10943
|
+
|
|
10944
|
+
.landing-footer-license {
|
|
10945
|
+
text-decoration: none; }
|
|
10946
|
+
|
|
10947
|
+
.landing-footer-divider {
|
|
10948
|
+
color: #475569; }
|
|
10949
|
+
@media (max-width: 640px) {
|
|
10950
|
+
.landing-footer-divider {
|
|
10951
|
+
display: none; } }
|
|
10952
|
+
|
|
10953
|
+
.landing-middle-section {
|
|
10954
|
+
padding: 80px 20px;
|
|
10955
|
+
background: -webkit-gradient(linear, left top, left bottom, from(#f8fafc), to(#ffffff));
|
|
10956
|
+
background: linear-gradient(180deg, #f8fafc, #fff); }
|
|
10957
|
+
|
|
10958
|
+
.landing-middle-container {
|
|
10959
|
+
max-width: 1200px;
|
|
10960
|
+
margin: 0 auto; }
|
|
10961
|
+
|
|
10962
|
+
.landing-section-header {
|
|
10963
|
+
text-align: center;
|
|
10964
|
+
margin-bottom: 48px; }
|
|
10965
|
+
|
|
10966
|
+
.landing-section-title {
|
|
10967
|
+
font-size: 36px;
|
|
10968
|
+
font-weight: 700;
|
|
10969
|
+
color: #1e293b;
|
|
10970
|
+
margin: 0 0 12px; }
|
|
10971
|
+
@media (max-width: 768px) {
|
|
10972
|
+
.landing-section-title {
|
|
10973
|
+
font-size: 28px; } }
|
|
10974
|
+
|
|
10975
|
+
.landing-section-subtitle {
|
|
10976
|
+
font-size: 16px;
|
|
10977
|
+
color: #64748b;
|
|
10978
|
+
margin: 0; }
|
|
10979
|
+
|
|
10980
|
+
.landing-middle-grid {
|
|
10981
|
+
display: grid;
|
|
10982
|
+
grid-template-columns: repeat(3, 1fr);
|
|
10983
|
+
grid-gap: 24px;
|
|
10984
|
+
gap: 24px; }
|
|
10985
|
+
@media (max-width: 1024px) {
|
|
10986
|
+
.landing-middle-grid {
|
|
10987
|
+
grid-template-columns: repeat(2, 1fr); } }
|
|
10988
|
+
@media (max-width: 640px) {
|
|
10989
|
+
.landing-middle-grid {
|
|
10990
|
+
grid-template-columns: 1fr; } }
|
|
10991
|
+
|
|
10992
|
+
.landing-info-card {
|
|
10993
|
+
background: #fff;
|
|
10994
|
+
border-radius: 20px;
|
|
10995
|
+
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
|
|
10996
|
+
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
|
|
10997
|
+
overflow: hidden;
|
|
10998
|
+
-webkit-transition: all .3s ease;
|
|
10999
|
+
transition: all .3s ease; }
|
|
11000
|
+
.landing-info-card:hover {
|
|
11001
|
+
-webkit-transform: translateY(-8px);
|
|
11002
|
+
transform: translateY(-8px);
|
|
11003
|
+
-webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
|
|
11004
|
+
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12); }
|
|
11005
|
+
|
|
11006
|
+
.landing-card-header {
|
|
11007
|
+
grid-gap: 12px;
|
|
11008
|
+
gap: 12px;
|
|
11009
|
+
padding: 20px 24px;
|
|
11010
|
+
background: linear-gradient(135deg, #1e40af, #3b82f6);
|
|
11011
|
+
color: #fff; }
|
|
11012
|
+
|
|
11013
|
+
.landing-card-header, .landing-card-icon {
|
|
9493
11014
|
display: -webkit-box;
|
|
9494
11015
|
display: -ms-flexbox;
|
|
9495
11016
|
display: flex;
|
|
@@ -9497,186 +11018,200 @@ body {
|
|
|
9497
11018
|
-ms-flex-align: center;
|
|
9498
11019
|
align-items: center; }
|
|
9499
11020
|
|
|
9500
|
-
.
|
|
9501
|
-
|
|
9502
|
-
|
|
9503
|
-
border:
|
|
9504
|
-
background
|
|
9505
|
-
|
|
9506
|
-
-
|
|
9507
|
-
|
|
9508
|
-
|
|
9509
|
-
|
|
9510
|
-
|
|
9511
|
-
@media (min-width: 640px) {
|
|
9512
|
-
.help-section-button {
|
|
9513
|
-
margin-right: 20px; } }
|
|
11021
|
+
.landing-card-icon {
|
|
11022
|
+
width: 44px;
|
|
11023
|
+
height: 44px;
|
|
11024
|
+
border-radius: 12px;
|
|
11025
|
+
background: rgba(255, 255, 255, 0.2);
|
|
11026
|
+
-webkit-box-pack: center;
|
|
11027
|
+
-ms-flex-pack: center;
|
|
11028
|
+
justify-content: center; }
|
|
11029
|
+
.landing-card-icon svg {
|
|
11030
|
+
width: 24px;
|
|
11031
|
+
height: 24px; }
|
|
9514
11032
|
|
|
9515
|
-
.
|
|
9516
|
-
|
|
9517
|
-
display: -ms-flexbox;
|
|
9518
|
-
display: flex;
|
|
9519
|
-
-webkit-box-orient: vertical;
|
|
9520
|
-
-webkit-box-direction: normal;
|
|
9521
|
-
-ms-flex-direction: column;
|
|
9522
|
-
flex-direction: column;
|
|
9523
|
-
text-align: left; }
|
|
11033
|
+
.landing-card-icon-purple {
|
|
11034
|
+
background: rgba(139, 92, 246, 0.3); }
|
|
9524
11035
|
|
|
9525
|
-
.
|
|
9526
|
-
|
|
9527
|
-
letter-spacing: .5px;
|
|
9528
|
-
font-weight: 400;
|
|
9529
|
-
color: #1c1d1f; }
|
|
11036
|
+
.landing-card-icon-amber {
|
|
11037
|
+
background: rgba(245, 158, 11, 0.3); }
|
|
9530
11038
|
|
|
9531
|
-
.
|
|
9532
|
-
font-size:
|
|
9533
|
-
letter-spacing: .25px;
|
|
11039
|
+
.landing-card-title {
|
|
11040
|
+
font-size: 18px;
|
|
9534
11041
|
font-weight: 600;
|
|
9535
|
-
|
|
11042
|
+
margin: 0; }
|
|
9536
11043
|
|
|
9537
|
-
.
|
|
9538
|
-
|
|
9539
|
-
|
|
9540
|
-
|
|
11044
|
+
.landing-projects-card .landing-card-header {
|
|
11045
|
+
background: linear-gradient(135deg, #1e40af, #3b82f6); }
|
|
11046
|
+
|
|
11047
|
+
.landing-projects-list {
|
|
11048
|
+
padding: 8px; }
|
|
11049
|
+
|
|
11050
|
+
.landing-project-item {
|
|
9541
11051
|
display: -webkit-box;
|
|
9542
11052
|
display: -ms-flexbox;
|
|
9543
11053
|
display: flex;
|
|
9544
|
-
-webkit-box-pack: center;
|
|
9545
|
-
-ms-flex-pack: center;
|
|
9546
|
-
justify-content: center;
|
|
9547
11054
|
-webkit-box-align: center;
|
|
9548
11055
|
-ms-flex-align: center;
|
|
9549
11056
|
align-items: center;
|
|
9550
|
-
|
|
9551
|
-
|
|
9552
|
-
|
|
9553
|
-
|
|
9554
|
-
|
|
9555
|
-
|
|
9556
|
-
|
|
9557
|
-
|
|
9558
|
-
|
|
9559
|
-
|
|
9560
|
-
|
|
9561
|
-
|
|
9562
|
-
|
|
9563
|
-
|
|
9564
|
-
|
|
9565
|
-
|
|
9566
|
-
-
|
|
9567
|
-
|
|
9568
|
-
|
|
9569
|
-
-webkit-box-align: start;
|
|
9570
|
-
-ms-flex-align: start;
|
|
9571
|
-
align-items: start; }
|
|
9572
|
-
@media (min-width: 640px) {
|
|
9573
|
-
.about-content {
|
|
9574
|
-
-webkit-box-orient: horizontal;
|
|
9575
|
-
-webkit-box-direction: normal;
|
|
9576
|
-
-ms-flex-direction: row;
|
|
9577
|
-
flex-direction: row;
|
|
9578
|
-
-webkit-box-pack: justify;
|
|
9579
|
-
-ms-flex-pack: justify;
|
|
9580
|
-
justify-content: space-between; } }
|
|
9581
|
-
|
|
9582
|
-
.about-content, .content {
|
|
11057
|
+
grid-gap: 12px;
|
|
11058
|
+
gap: 12px;
|
|
11059
|
+
padding: 14px 16px;
|
|
11060
|
+
border-radius: 12px;
|
|
11061
|
+
text-decoration: none;
|
|
11062
|
+
color: #1e293b;
|
|
11063
|
+
-webkit-transition: all .2s ease;
|
|
11064
|
+
transition: all .2s ease; }
|
|
11065
|
+
.landing-project-item:hover {
|
|
11066
|
+
background: #f1f5f9; }
|
|
11067
|
+
.landing-project-item:hover .landing-project-arrow {
|
|
11068
|
+
opacity: 1;
|
|
11069
|
+
-webkit-transform: translateX(0);
|
|
11070
|
+
transform: translateX(0); }
|
|
11071
|
+
|
|
11072
|
+
.landing-project-icon {
|
|
11073
|
+
font-size: 20px;
|
|
11074
|
+
width: 36px;
|
|
11075
|
+
height: 36px;
|
|
9583
11076
|
display: -webkit-box;
|
|
9584
11077
|
display: -ms-flexbox;
|
|
9585
|
-
display: flex;
|
|
11078
|
+
display: flex;
|
|
11079
|
+
-webkit-box-align: center;
|
|
11080
|
+
-ms-flex-align: center;
|
|
11081
|
+
align-items: center;
|
|
11082
|
+
-webkit-box-pack: center;
|
|
11083
|
+
-ms-flex-pack: center;
|
|
11084
|
+
justify-content: center;
|
|
11085
|
+
background: #f1f5f9;
|
|
11086
|
+
border-radius: 10px; }
|
|
9586
11087
|
|
|
9587
|
-
.
|
|
9588
|
-
-webkit-box-
|
|
9589
|
-
-ms-flex
|
|
9590
|
-
|
|
11088
|
+
.landing-project-name {
|
|
11089
|
+
-webkit-box-flex: 1;
|
|
11090
|
+
-ms-flex: 1;
|
|
11091
|
+
flex: 1;
|
|
11092
|
+
font-size: 14px;
|
|
11093
|
+
font-weight: 600; }
|
|
9591
11094
|
|
|
9592
|
-
.
|
|
9593
|
-
width:
|
|
9594
|
-
|
|
9595
|
-
|
|
9596
|
-
|
|
9597
|
-
|
|
9598
|
-
|
|
9599
|
-
|
|
9600
|
-
|
|
11095
|
+
.landing-project-arrow {
|
|
11096
|
+
width: 20px;
|
|
11097
|
+
height: 20px;
|
|
11098
|
+
color: #3b82f6;
|
|
11099
|
+
opacity: 0;
|
|
11100
|
+
-webkit-transform: translateX(-8px);
|
|
11101
|
+
transform: translateX(-8px);
|
|
11102
|
+
-webkit-transition: all .2s ease;
|
|
11103
|
+
transition: all .2s ease; }
|
|
9601
11104
|
|
|
9602
|
-
.
|
|
11105
|
+
.landing-gallery-card .landing-card-header {
|
|
11106
|
+
background: linear-gradient(135deg, #7c3aed, #8b5cf6); }
|
|
11107
|
+
|
|
11108
|
+
.landing-gallery-container {
|
|
9603
11109
|
position: relative;
|
|
11110
|
+
padding: 16px; }
|
|
11111
|
+
|
|
11112
|
+
.landing-gallery-image {
|
|
9604
11113
|
width: 100%;
|
|
9605
|
-
|
|
9606
|
-
|
|
9607
|
-
|
|
11114
|
+
height: 180px;
|
|
11115
|
+
-o-object-fit: cover;
|
|
11116
|
+
object-fit: cover;
|
|
11117
|
+
border-radius: 12px; }
|
|
9608
11118
|
|
|
9609
|
-
.
|
|
9610
|
-
|
|
9611
|
-
|
|
9612
|
-
|
|
9613
|
-
right: 0;
|
|
9614
|
-
-ms-flex-pack: distribute;
|
|
9615
|
-
justify-content: space-around; }
|
|
11119
|
+
.landing-gallery-controls {
|
|
11120
|
+
grid-gap: 16px;
|
|
11121
|
+
gap: 16px;
|
|
11122
|
+
margin-top: 16px; }
|
|
9616
11123
|
|
|
9617
|
-
.
|
|
11124
|
+
.landing-gallery-btn, .landing-gallery-controls {
|
|
9618
11125
|
display: -webkit-box;
|
|
9619
11126
|
display: -ms-flexbox;
|
|
9620
11127
|
display: flex;
|
|
9621
11128
|
-webkit-box-align: center;
|
|
9622
11129
|
-ms-flex-align: center;
|
|
9623
|
-
align-items: center;
|
|
9624
|
-
|
|
9625
|
-
.logo-box {
|
|
9626
|
-
width: 120px;
|
|
9627
|
-
height: 100px;
|
|
9628
|
-
background-color: #fff;
|
|
9629
|
-
-webkit-box-orient: vertical;
|
|
9630
|
-
-webkit-box-direction: normal;
|
|
9631
|
-
-ms-flex-direction: column;
|
|
9632
|
-
flex-direction: column;
|
|
11130
|
+
align-items: center;
|
|
9633
11131
|
-webkit-box-pack: center;
|
|
9634
11132
|
-ms-flex-pack: center;
|
|
9635
|
-
justify-content: center;
|
|
9636
|
-
text-align: center;
|
|
9637
|
-
padding: 10px;
|
|
9638
|
-
-webkit-box-sizing: border-box;
|
|
9639
|
-
box-sizing: border-box;
|
|
9640
|
-
border-radius: 8px; }
|
|
9641
|
-
|
|
9642
|
-
.logo {
|
|
9643
|
-
max-width: 70%;
|
|
9644
|
-
max-height: 50%;
|
|
9645
|
-
padding-top: 25px; }
|
|
9646
|
-
|
|
9647
|
-
.logo-text {
|
|
9648
|
-
margin-top: 8px;
|
|
9649
|
-
color: #000;
|
|
9650
|
-
font-size: 15px; }
|
|
11133
|
+
justify-content: center; }
|
|
9651
11134
|
|
|
9652
|
-
.
|
|
9653
|
-
|
|
11135
|
+
.landing-gallery-btn {
|
|
11136
|
+
width: 36px;
|
|
11137
|
+
height: 36px;
|
|
11138
|
+
border-radius: 50%;
|
|
9654
11139
|
border: none;
|
|
9655
|
-
|
|
9656
|
-
|
|
11140
|
+
background: #f1f5f9;
|
|
11141
|
+
color: #475569;
|
|
9657
11142
|
cursor: pointer;
|
|
9658
|
-
|
|
9659
|
-
|
|
9660
|
-
|
|
11143
|
+
-webkit-transition: all .2s ease;
|
|
11144
|
+
transition: all .2s ease; }
|
|
11145
|
+
.landing-gallery-btn svg {
|
|
11146
|
+
width: 20px;
|
|
11147
|
+
height: 20px; }
|
|
11148
|
+
.landing-gallery-btn:hover {
|
|
11149
|
+
background: #3b82f6;
|
|
11150
|
+
color: #fff; }
|
|
11151
|
+
|
|
11152
|
+
.landing-gallery-dots {
|
|
11153
|
+
display: -webkit-box;
|
|
11154
|
+
display: -ms-flexbox;
|
|
11155
|
+
display: flex;
|
|
11156
|
+
grid-gap: 8px;
|
|
11157
|
+
gap: 8px; }
|
|
11158
|
+
|
|
11159
|
+
.landing-gallery-dot {
|
|
11160
|
+
width: 10px;
|
|
11161
|
+
height: 10px;
|
|
9661
11162
|
border-radius: 50%;
|
|
9662
|
-
|
|
9663
|
-
|
|
9664
|
-
|
|
9665
|
-
|
|
9666
|
-
-
|
|
9667
|
-
|
|
9668
|
-
|
|
9669
|
-
|
|
11163
|
+
background: #e2e8f0;
|
|
11164
|
+
cursor: pointer;
|
|
11165
|
+
-webkit-transition: all .2s ease;
|
|
11166
|
+
transition: all .2s ease; }
|
|
11167
|
+
.landing-gallery-dot.active {
|
|
11168
|
+
background: #3b82f6;
|
|
11169
|
+
-webkit-transform: scale(1.2);
|
|
11170
|
+
transform: scale(1.2); }
|
|
11171
|
+
.landing-gallery-dot:hover:not(.active) {
|
|
11172
|
+
background: #94a3b8; }
|
|
11173
|
+
|
|
11174
|
+
.landing-news-card .landing-card-header {
|
|
11175
|
+
background: linear-gradient(135deg, #d97706, #f59e0b); }
|
|
9670
11176
|
|
|
9671
|
-
.
|
|
11177
|
+
.landing-news-list {
|
|
11178
|
+
padding: 16px 24px; }
|
|
11179
|
+
|
|
11180
|
+
.landing-news-item {
|
|
9672
11181
|
display: -webkit-box;
|
|
9673
11182
|
display: -ms-flexbox;
|
|
9674
|
-
display: flex;
|
|
11183
|
+
display: flex;
|
|
11184
|
+
-webkit-box-align: start;
|
|
11185
|
+
-ms-flex-align: start;
|
|
11186
|
+
align-items: flex-start;
|
|
11187
|
+
grid-gap: 12px;
|
|
11188
|
+
gap: 12px;
|
|
11189
|
+
padding: 12px 0;
|
|
11190
|
+
border-bottom: 1px solid #f1f5f9; }
|
|
11191
|
+
.landing-news-item:last-child {
|
|
11192
|
+
border-bottom: none; }
|
|
11193
|
+
|
|
11194
|
+
.landing-news-bullet {
|
|
11195
|
+
width: 8px;
|
|
11196
|
+
height: 8px;
|
|
11197
|
+
min-width: 8px;
|
|
11198
|
+
background: linear-gradient(135deg, #f59e0b, #d97706);
|
|
11199
|
+
border-radius: 50%;
|
|
11200
|
+
margin-top: 6px; }
|
|
11201
|
+
|
|
11202
|
+
.landing-news-text {
|
|
11203
|
+
font-size: 14px;
|
|
11204
|
+
color: #475569;
|
|
11205
|
+
line-height: 1.6;
|
|
11206
|
+
margin: 0; }
|
|
9675
11207
|
|
|
9676
11208
|
.footer-bottom {
|
|
9677
11209
|
background-color: #294a97;
|
|
9678
11210
|
width: 100%;
|
|
9679
11211
|
min-height: 200px;
|
|
11212
|
+
display: -webkit-box;
|
|
11213
|
+
display: -ms-flexbox;
|
|
11214
|
+
display: flex;
|
|
9680
11215
|
-webkit-box-orient: horizontal;
|
|
9681
11216
|
-webkit-box-direction: normal;
|
|
9682
11217
|
-ms-flex-direction: row;
|
|
@@ -9689,6 +11224,9 @@ body {
|
|
|
9689
11224
|
color: #fff; }
|
|
9690
11225
|
@media (max-width: 639px) {
|
|
9691
11226
|
.footer-bottom {
|
|
11227
|
+
display: -webkit-box;
|
|
11228
|
+
display: -ms-flexbox;
|
|
11229
|
+
display: flex;
|
|
9692
11230
|
-webkit-box-orient: vertical;
|
|
9693
11231
|
-webkit-box-direction: normal;
|
|
9694
11232
|
-ms-flex-direction: column;
|
|
@@ -13768,7 +15306,6 @@ body {
|
|
|
13768
15306
|
|
|
13769
15307
|
.employee-header-header-btn-login {
|
|
13770
15308
|
background-color: initial;
|
|
13771
|
-
color: #2947a3;
|
|
13772
15309
|
border: 2px solid #2947a3; }
|
|
13773
15310
|
|
|
13774
15311
|
.employee-header-header-btn-login:hover {
|
|
@@ -14179,8 +15716,7 @@ body {
|
|
|
14179
15716
|
font-weight: 600; }
|
|
14180
15717
|
|
|
14181
15718
|
.custom-comments-section-no-border {
|
|
14182
|
-
|
|
14183
|
-
padding-top: 0 !important; }
|
|
15719
|
+
padding: 16px 24px 20px; }
|
|
14184
15720
|
|
|
14185
15721
|
@media (max-width: 768px) {
|
|
14186
15722
|
.custom-timeline-container {
|
|
@@ -14224,10 +15760,6 @@ body {
|
|
|
14224
15760
|
width: 100%; }
|
|
14225
15761
|
.custom-comments-section {
|
|
14226
15762
|
padding: 12px 16px;
|
|
14227
|
-
-webkit-box-orient: vertical;
|
|
14228
|
-
-webkit-box-direction: normal;
|
|
14229
|
-
-ms-flex-direction: column;
|
|
14230
|
-
flex-direction: column;
|
|
14231
15763
|
grid-gap: 12px;
|
|
14232
15764
|
gap: 12px; } }
|
|
14233
15765
|
|
|
@@ -14692,11 +16224,15 @@ body {
|
|
|
14692
16224
|
font-weight: 600; }
|
|
14693
16225
|
|
|
14694
16226
|
.ral-app-details-docs-card {
|
|
14695
|
-
display: -webkit-box;
|
|
14696
|
-
display: -ms-flexbox;
|
|
14697
|
-
display: flex;
|
|
14698
|
-
-
|
|
14699
|
-
|
|
16227
|
+
display: -webkit-box !important;
|
|
16228
|
+
display: -ms-flexbox !important;
|
|
16229
|
+
display: flex !important;
|
|
16230
|
+
-webkit-box-orient: horizontal !important;
|
|
16231
|
+
-webkit-box-direction: normal !important;
|
|
16232
|
+
-ms-flex-direction: row !important;
|
|
16233
|
+
flex-direction: row !important;
|
|
16234
|
+
-ms-flex-wrap: wrap !important;
|
|
16235
|
+
flex-wrap: wrap !important;
|
|
14700
16236
|
grid-gap: 30px;
|
|
14701
16237
|
gap: 30px;
|
|
14702
16238
|
margin-bottom: 26px; }
|