-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
2003 lines (1988 loc) · 120 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Real_State</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Jost:wght@100;200;300;400;500;600;700;800;900&family=Jura:wght@300;400;500;600;700&family=Kaushan+Script&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/themify-icons.css">
<link rel="stylesheet" href="css/uicons-regular-rounded.css">
<link rel="stylesheet" href="css/slick.css">
<link rel="stylesheet" href="css/responaive.css"/>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!---navbar part--------------------->
<section id="navbar">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="index.html">
<img class="xsimg" src="images/logors.png" alt="logo">
</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item dropdown navli">
<a class="nav-link dropdown-toggle liA" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
INDEX
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="javascript:void(0)">serial-1</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-2</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-3</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-4</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-5</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-5</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-6</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-7</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-8</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-9</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
PROPERTIES
</a>
<ul class="dropdown-menu">
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property list</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">right slider</a></li>
<li><a href="#">left slider</a></li>
<li><a href="#">no slider</a></li>
<li><a href="#">full width</a></li>
</ul>
</li>
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property grid</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">right slider</a></li>
<li><a href="#">left slider</a></li>
<li><a href="#">no slider</a></li>
<li><a href="#">full width</a></li>
</ul>
</li>
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property map</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">maplist 01</a></li>
<li><a href="#">maplist 02</a></li>
<li><a href="#">mapgrid 01</a></li>
<li><a href="#">mapgrid 02</a></li>
<li><a href="#">full width</a></li>
</ul>
</li>
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property details</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">property detail 01</a></li>
<li><a href="#">property detail 02</a></li>
<li><a href="#">property detail 03</a></li>
<li><a href="#">property detail 04</a></li>
<li><a href="#">property detail 05</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
AGENTS
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
PAGES
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
BLOG
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
MY ACCOUNT
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#">
SUBMIT PROPERTY
</a>
</li>
</ul>
</div>
<div class="myTogglar">
<span class="line lin1"></span>
<span class="line lin2"></span>
<span class="line lin3"></span>
</div>
<div class="responsivrMenu">
<div class="intoborder">
</div>
<ul class="navbar-nav ms-auto">
<li class="nav-item dropdown navli">
<a class="nav-link dropdown-toggle liA" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
INDEX
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="javascript:void(0)">serial-1</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-2</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-3</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-4</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-5</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-5</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-6</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-7</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-8</a></li>
<li><a class="dropdown-item" href="javascript:void(0)">serial-9</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
PROPERTIES
</a>
<ul class="dropdown-menu">
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property list</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">right slider</a></li>
<li><a href="#">left slider</a></li>
<li><a href="#">no slider</a></li>
<li><a href="#">full width</a></li>
</ul>
</li>
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property grid</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">right slider</a></li>
<li><a href="#">left slider</a></li>
<li><a href="#">no slider</a></li>
<li><a href="#">full width</a></li>
</ul>
</li>
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property map</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">maplist 01</a></li>
<li><a href="#">maplist 02</a></li>
<li><a href="#">mapgrid 01</a></li>
<li><a href="#">mapgrid 02</a></li>
<li><a href="#">full width</a></li>
</ul>
</li>
<li class="dorpdowen-li"><a class="dropdown-item" href="#">property details</a> <i class="fas fa-chevron-right"></i>
<ul>
<li><a href="#">property detail 01</a></li>
<li><a href="#">property detail 02</a></li>
<li><a href="#">property detail 03</a></li>
<li><a href="#">property detail 04</a></li>
<li><a href="#">property detail 05</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
AGENTS
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
PAGES
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
BLOG
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
MY ACCOUNT
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="#">
SUBMIT PROPERTY
</a>
</li>
</ul>
</div>
</div>
</nav>
</section>
<!-- banner part--------------------->
<section id="banner">
<div class="topper">
<a href="#"><i class="fas fa-arrow-up"></i></a>
</div>
<div class="background">
<img src="images/banner(1).jpg" alt="">
<img src="images/banner(2).jpg" alt="">
<img src="images/banner(3).jpg" alt="">
<img src="images/banner(4).jpg" alt="">
</div>
<div class="overlay_heading">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="main">
<h1>pick your <span>amazing</span> home</h1>
<p>all intutional palace and house buy/rent/lease from here and enjoy life!</p>
</div>
</div>
<div class="col-lg-12 text-center">
<div class="row segment">
<div class="col-lg-2 col-sm-4 col-md-4 g-2 text-center">
<div class="item w-100">
<select class="w-100" name="for" id="item-one">
<option class="opt py-3" value="" selecte>any stutus</option>
<option class="opt py-3" value="">for rent</option>
<option class="opt py-3" value="">for sale</option>
</select>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-md-4 g-2 text-center">
<div class="item w-100">
<select class="w-100" name="for" id="item-one">
<option value="">all type</option>
<option value="">apertment</option>
<option value="">shope</option>
<option value="">restaurant</option>
<option value="">villa</option>
</select>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-md-4 g-2 text-center">
<div class="item w-100">
<select class="w-100" name="for" id="item-one">
<option value="">bedrooms</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-md-4 g-2 text-center">
<div class="item w-100">
<select class="w-100" name="for" id="item-one">
<option value="">bathrooms</option>
<option value="">1</option>
<option value="">2</option>
<option value="">3</option>
<option value="">4</option>
</select>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-md-4 g-2 text-center">
<div class="item w-100">
<select class="w-100" name="for" id="item-one">
<option value="">location</option>
<option value="">kumedpur</option>
<option value="">dhaka</option>
<option value="">rajshahi</option>
<option value="">cox's bazar</option>
</select>
</div>
</div>
<div class="col-lg-2 col-sm-4 col-md-4 g-2 text-center">
<div class="item w-100">
<button class="w-100">search</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- demand/looking------------------>
<section id="demand">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="demand_heading">
<h2>whate are you looking for</h2>
<div class="u_div">
<span class="tri_run"></span>
<span class="tri_run"></span>
<span class="tri_run"></span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-12 col-md-6">
<div class="look_item">
<div class="streach">
</div>
<div class="layer_font">
<i class="fi fi-rr-apartment"></i>
<h3>apartment</h3>
<p>Lorem ipsum dolor sit consectetur adipisicing elit.Officia illum quos sapiente impedit quis quo aperiam fugiat cupiditate, asperiores libero.</p>
<a href="javascript:void(0)">read more...</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-12 col-md-6">
<div class="look_item">
<div class="streach">
</div>
<div class="layer_font">
<i class="fi fi-rr-house-chimney"></i>
<h3>houses</h3>
<p>Lorem ipsum dolor sit consectetur adipisicing elit.Officia illum quos sapiente impedit quis quo aperiam fugiat cupiditate, asperiores libero.</p>
<a href="javascript:void(0)">read more...</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-12 col-md-6">
<div class="look_item">
<div class="streach">
</div>
<div class="layer_font">
<i class="fi fi-rr-car-garage"></i>
<h3>garages</h3>
<p>Lorem ipsum dolor sit consectetur adipisicing elit.Officia illum quos sapiente impedit quis quo aperiam fugiat cupiditate, asperiores libero.</p>
<a href="javascript:void(0)">read more...</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-sm-12 col-md-6">
<div class="look_item">
<div class="streach">
</div>
<div class="layer_font">
<i class="fi fi-rr-handshake"></i>
<h3>buyers trusts us</h3>
<p>Lorem ipsum dolor sit consectetur adipisicing elit.Officia illum quos sapiente impedit quis quo aperiam fugiat cupiditate, asperiores libero.</p>
<a href="javascript:void(0)">read more...</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- product feature----------------->
<section id="products">
<div class="container">
<div class="row">
<div class="col-lg-12 product_caption">
<h4>rental properties</h4>
<h2>featured properties</h2>
</div>
<div class="col-lg-12 slideme">
<div class="col-lg-4">
<div class="img">
<img src="images/product (1).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (2).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (3).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (4).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (5).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (6).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (7).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (8).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (9).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="img">
<img src="images/product (10).jpg" alt="">
<div class="layer2">
<h4>two storey modern flat</h4>
<h5><i class="fa-solid fa-location-dot"></i> 123 kathal st. tampa city</h5>
<h5><span><i class="fa-regular fa-building"></i> 3600sq. feet</span><span><i class="fa-solid fa-bed"></i> 3-bed</span><span><i class="fa-solid fa-shower"></i> 2-bath</span></h5>
<h5><span><i class="fi fi-rr-car-garage"></i> garage</span><span><i class="fi fi-rr-house-chimney-window"></i> 3-belcony</span><span><i class="fi fi-rr-lock"></i> security</span></h5>
</div>
</div>
</div>
</div>
<div class="slkbtn1">
<span class="ti-angle-left"></span>
<span class="ti-angle-right"></span>
</div>
</div>
</div>
</section>
<!-- glorious rooms------------------>
<section id="popular">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>glorious room & decoration</h2>
</div>
<div class="col-lg-12 text-center">
<div class="runner">
<span class="tri_run"></span>
<span class="tri_run"></span>
<span class="tri_run"></span>
</div>
</div>
<div class="col-lg-12 text-center">
<button class="me_btton active">popular</button>
<button class="me_btton">on sale</button>
<button class="me_btton">rental</button>
</div>
</div>
<div class="filterize active">
<div class="row">
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100" src="images/decoration(1).jpg" alt="">
<img class="w-100" src="images/decoration(2).jpg" alt="">
<img class="w-100 active" src="images/decoration(3).jpg" alt="">
</a>
<div class="dot">
<span class="color"></span>
<span class="color"></span>
<span class="color active"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(4).jpg" alt="">
<img class="w-100" src="images/decoration(5).jpg" alt="">
<img class="w-100" src="images/decoration(6).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(7).jpg" alt="">
<img class="w-100" src="images/decoration(8).jpg" alt="">
<img class="w-100" src="images/decoration(9).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="img-fluid w-100 active" src="images/decoration(15).jpg" alt="">
<img class="img-fluid w-100" src="images/decoration(11).jpg" alt="">
<img class="img-fluid w-100" src="images/decoration(12).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(13).jpg" alt="">
<img class="w-100" src="images/decoration(14).jpg" alt="">
<img class="w-100" src="images/decoration(15).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(16).jpg" alt="">
<img class="w-100" src="images/decoration(17).jpg" alt="">
<img class="w-100" src="images/decoration(18).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
</div>
</div>
<div class="filterize">
<div class="row">
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100" src="images/decoration(18).jpg" alt="">
<img class="w-100" src="images/decoration(17).jpg" alt="">
<img class="w-100 active" src="images/decoration(16).jpg" alt="">
</a>
<div class="dot">
<span class="color"></span>
<span class="color"></span>
<span class="color active"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(15).jpg" alt="">
<img class="w-100" src="images/decoration(14).jpg" alt="">
<img class="w-100" src="images/decoration(13).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(12).jpg" alt="">
<img class="w-100" src="images/decoration(11).jpg" alt="">
<img class="w-100" src="images/decoration(9).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="img-fluid w-100 active" src="images/decoration(8).jpg" alt="">
<img class="img-fluid w-100" src="images/decoration(7).jpg" alt="">
<img class="img-fluid w-100" src="images/decoration(6).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(5).jpg" alt="">
<img class="w-100" src="images/decoration(4).jpg" alt="">
<img class="w-100" src="images/decoration(3).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(2).jpg" alt="">
<img class="w-100" src="images/decoration(1).jpg" alt="">
<img class="w-100" src="images/decoration(14).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
</div>
</div>
<div class="filterize">
<div class="row">
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100" src="images/decoration(22).jpg" alt="">
<img class="w-100" src="images/decoration(20).jpg" alt="">
<img class="w-100 active" src="images/decoration(19).jpg" alt="">
</a>
<div class="dot">
<span class="color"></span>
<span class="color"></span>
<span class="color active"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(17).jpg" alt="">
<img class="w-100" src="images/decoration(15).jpg" alt="">
<img class="w-100" src="images/decoration(18).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(16).jpg" alt="">
<img class="w-100" src="images/decoration(17).jpg" alt="">
<img class="w-100" src="images/decoration(16).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="img-fluid w-100 active" src="images/decoration(15).jpg" alt="">
<img class="img-fluid w-100" src="images/decoration(12).jpg" alt="">
<img class="img-fluid w-100" src="images/decoration(14).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(11).jpg" alt="">
<img class="w-100" src="images/decoration(14).jpg" alt="">
<img class="w-100" src="images/decoration(13).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="glory_room glow_anim">
<a href="javascript:void(0)">
<img class="w-100 active" src="images/decoration(19).jpg" alt="">
<img class="w-100" src="images/decoration(17).jpg" alt="">
<img class="w-100" src="images/decoration(18).jpg" alt="">
</a>
<div class="dot">
<span class="color active"></span>
<span class="color"></span>
<span class="color"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- experties----------------------->
<section id="experties">
<div class="container">
<div class="row experties">
<div class="col-lg-12">
<div class="exp_note text-center">
<h4>our experties</h4>
<h3>WHY CHOOSE US</h3>
</div>
</div>
<div class="col-lg-4" >
<div class="ex_itm d-flex" data-aos="fade-up" data-aos-offset="200" data-aos-easing="ease-in-sine">
<span class="icon_exp">
<i class="fi fi-rr-user"></i>
</span>
<span class="icon_txt">
<h4>Personalized Service Possible</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p>
<a href="javascript:void(0)">learn more. . .</a>
</span>
</div>
</div>
<div class="col-lg-4">
<div class="ex_itm d-flex" data-aos="fade-up" data-aos-duration="3000">
<span class="icon_exp">
<i class="fi fi-rr-house-chimney"></i>
</span>
<span class="icon_txt">
<h4>Luxury Real Estate Experts</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p>
<a href="javascript:void(0)">learn more. . .</a>
</span>
</div>
</div>
<div class="col-lg-4">
<div class="ex_itm d-flex" data-aos="fade-up" data-aos-offset="200" data-aos-easing="ease-in-sine">
<span class="icon_exp">
<i class="fi fi-rr-shopping-cart-add"></i>
</span>
<span class="icon_txt">
<h4>Modern Building For Rent $ Sell</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever</p>
<a href="javascript:void(0)">learn more. . .</a>
</span>
</div>
</div>
</div>
</div>
</section>
<!-- city---------------------------->
<section id="city">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="hed text-center">
<h4>Find Your City</h4>
<h3>MOST POPULAR PLACES</h3>
</div>
</div>
<div class="col-lg-5 mt-3">
<div class="big_city m-auto">
<img src="images/bigCity.jpg" alt="">
<div class="overlay_city">
</div>
<div class="overlay_goal">
<h4>new</h4>
</div>
<div class="overlay_txt">
<a href="javascript:void(0)">
<h4>united state</h4>
</a>
<h6>122 properties</h6>
</div>
</div>
</div>
<div class="col-lg-7 mt-3">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="sml_city">
<img class="w-100 img-fluid" src="images/smlCity (2).jpg" alt="">
<div class="overlay_city">
</div>
<div class="overlay_goal">
<h4>new</h4>
</div>
<div class="overlay_txt">
<a href="javascript:void(0)">
<h4>united state</h4>
</a>
<h6>122 properties</h6>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="sml_city">
<img class="w-100 img-fluid" src="images/smlCity (1).jpg" alt="">
<div class="overlay_city">
</div>
<div class="overlay_goal">
<h4>new</h4>
</div>
<div class="overlay_txt">
<a href="javascript:void(0)">
<h4>united state</h4>
</a>
<h6>122 properties</h6>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="sml_city">
<img class="w-100 img-fluid" src="images/smlCity (4).jpg" alt="">
<div class="overlay_city">
</div>
<div class="overlay_goal">
<h4>new</h4>
</div>
<div class="overlay_txt">
<a href="javascript:void(0)">
<h4>united state</h4>
</a>
<h6>122 properties</h6>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="sml_city">
<img class="w-100 img-fluid" src="images/smlCity (5).jpg" alt="">
<div class="overlay_city">
</div>
<div class="overlay_goal">
<h4>new</h4>
</div>
<div class="overlay_txt">
<a href="javascript:void(0)">
<h4>united state</h4>
</a>
<h6>122 properties</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="counters">
<div class="container">
<div class="row g-3">
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="count_item">
<div class="sale">
<svg width="73" height="86" viewBox="0 0 73 86" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.9339 82.678L4.77964 69.9456C2.47994 68.417 1.8549 65.3135 3.38356 63.0138L29.7049 23.4165C30.2301 22.6263 30.9693 22.0019 31.8362 21.6162L51.4449 12.8911C54.7934 11.4012 58.554 13.901 58.4764 17.5652L58.022 39.0226C58.0019 39.9712 57.7124 40.8945 57.1871 41.6847L30.8658 81.2819C29.3372 83.5816 26.2336 84.2067 23.9339 82.678Z" stroke="#7EBA22" stroke-width="2"/>
<circle cx="47.7088" cy="25.2345" r="2" transform="rotate(33.613 47.7088 25.2345)" fill="#7EBA22"/>
<path d="M26.1195 70.3579C25.4885 71.3073 24.8042 71.9212 24.0669 72.1995C23.3332 72.4723 22.5223 72.4096 21.6342 72.0114C21.3752 71.8712 21.2252 71.6995 21.1842 71.4961C21.1433 71.2928 21.2003 71.0745 21.3553 70.8414C21.5103 70.6082 21.6784 70.4757 21.8596 70.4441C22.0444 70.4068 22.2663 70.4463 22.5254 70.5624C22.9638 70.7338 23.3456 70.7314 23.6708 70.5553C23.9941 70.37 24.344 69.9942 24.7204 69.4279L26.3148 67.0294C26.7908 66.3132 26.9861 65.7425 26.9004 65.3174C26.813 64.883 26.4167 64.4314 25.7116 63.9627C24.9954 63.4867 24.4182 63.2951 23.9801 63.3882C23.5365 63.4775 23.0822 63.872 22.6171 64.5715L21.2443 66.6369C20.5468 67.6862 19.7728 68.2965 18.9225 68.4677C18.0704 68.6297 17.1196 68.362 16.0703 67.6645C15.0265 66.9707 14.4181 66.206 14.245 65.3705C14.0756 64.5294 14.3397 63.5842 15.0372 62.5349L16.3547 60.5528C16.9415 59.6701 17.5814 59.0988 18.2744 58.839C18.9712 58.5737 19.7358 58.6216 20.5683 58.9829C20.8292 59.1083 20.9829 59.2745 21.0294 59.4815C21.0704 59.6849 21.0096 59.9087 20.8473 60.153C20.6996 60.375 20.5306 60.5028 20.3402 60.5364C20.1498 60.5699 19.9325 60.5295 19.6883 60.4152C19.3017 60.2863 18.967 60.308 18.6844 60.4804C18.3961 60.649 18.086 60.9832 17.7538 61.4828L16.4363 63.4649C15.9934 64.1311 15.8157 64.6574 15.9031 65.0437C15.985 65.4264 16.3507 65.8336 17.0003 66.2654C17.6554 66.7009 18.1827 66.8832 18.5819 66.8124C18.9812 66.7416 19.4023 66.3731 19.8452 65.7069L21.218 63.6415C21.9451 62.5478 22.7522 61.9116 23.6395 61.7329C24.5305 61.5486 25.5312 61.8255 26.6416 62.5637C27.7464 63.2981 28.3854 64.1071 28.5586 64.9907C28.7261 65.8706 28.4446 66.8602 27.7139 67.9594L26.1195 70.3579ZM31.2715 62.4628C30.8042 62.7926 30.4103 62.7228 30.0897 62.2536L22.9644 51.8016C22.7087 51.3914 22.6989 51.0087 22.9351 50.6534L22.9573 50.6201C23.2138 50.2702 23.5594 50.1477 23.9941 50.2526L36.4338 52.7098C36.9905 52.8237 37.211 53.1543 37.0952 53.7018C36.9758 54.2548 36.6451 54.4753 36.1032 54.3632L33.3234 53.8123L29.8746 59.0006L31.4863 61.3088C31.805 61.7687 31.7334 62.1534 31.2715 62.4628ZM28.8409 57.5209L31.5423 53.4569L25.1172 52.1759L28.8409 57.5209ZM39.5313 50.1815C39.2213 50.6478 38.8331 50.726 38.3668 50.416L28.4732 43.8395C28.0068 43.5295 27.9286 43.1413 28.2386 42.6749C28.5486 42.2086 28.9368 42.1304 29.4032 42.4404L38.5972 48.5519L41.6641 43.9382C41.9741 43.4719 42.3623 43.3937 42.8286 43.7037C43.295 44.0137 43.3732 44.4019 43.0632 44.8682L39.5313 50.1815ZM45.5212 41.1704C45.2112 41.6367 44.8231 41.7149 44.3567 41.4049L34.4631 34.8284C33.9967 34.5184 33.9185 34.1302 34.2285 33.6638L38.2032 27.6843C38.5132 27.218 38.9014 27.1398 39.3678 27.4498C39.8342 27.7598 39.9123 28.148 39.6023 28.6144L36.0926 33.8943L39.5904 36.2193L41.7936 32.9048C42.1036 32.4384 42.4918 32.3602 42.9582 32.6702C43.4245 32.9803 43.5027 33.3684 43.1927 33.8348L40.9895 37.1493L44.5872 39.5408L48.0969 34.2609C48.4069 33.7945 48.795 33.7163 49.2614 34.0263C49.7278 34.3363 49.806 34.7245 49.4959 35.1909L45.5212 41.1704Z" fill="#7EBA22"/>
</svg>
</div>
<h4 class="counter">976</h4>
<h3>listing for sale</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="count_item Cx">
<div class="sale">
<svg width="71" height="51" viewBox="0 0 71 51" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="20" width="69" height="30" rx="4" stroke="#7EBA22" stroke-width="2"/>
<path d="M37.3741 8.7921L40.1535 17.2167C40.6871 18.8341 39.4826 20.5 37.7794 20.5H32.2206C30.5174 20.5 29.3129 18.8341 29.8465 17.2167L32.6259 8.7921C33.381 6.50311 36.619 6.50311 37.3741 8.7921Z" stroke="#7EBA22"/>
<circle cx="4" cy="4" r="3" transform="matrix(1 0 0 -1 31 8)" stroke="#7EBA22" stroke-width="2"/>
<path d="M19.8 42.04C19.58 42.18 19.37 42.2233 19.17 42.17C18.97 42.1167 18.8 41.98 18.66 41.76L15.56 36.6H12.76V41.16C12.76 41.72 12.48 42 11.92 42C11.36 42 11.08 41.72 11.08 41.16V29.28C11.08 28.72 11.36 28.44 11.92 28.44H16.6C17.82 28.44 18.7533 28.7667 19.4 29.42C20.0533 30.0667 20.38 31 20.38 32.22V32.82C20.38 33.88 20.1333 34.7267 19.64 35.36C19.1467 35.9867 18.4333 36.3767 17.5 36.53L20.12 40.9C20.3733 41.3667 20.2667 41.7467 19.8 42.04ZM12.76 34.92H16.6C17.36 34.92 17.9 34.76 18.22 34.44C18.54 34.12 18.7 33.58 18.7 32.82V32.22C18.7 31.4667 18.54 30.93 18.22 30.61C17.9 30.2833 17.36 30.12 16.6 30.12H12.76V34.92ZM24.42 42C23.86 42 23.58 41.72 23.58 41.16V29.28C23.58 28.72 23.86 28.44 24.42 28.44H31.6C32.16 28.44 32.44 28.72 32.44 29.28C32.44 29.84 32.16 30.12 31.6 30.12H25.26V34.32H29.24C29.8 34.32 30.08 34.6 30.08 35.16C30.08 35.72 29.8 36 29.24 36H25.26V40.32H31.6C32.16 40.32 32.44 40.6 32.44 41.16C32.44 41.72 32.16 42 31.6 42H24.42ZM36.4708 42C35.9108 42 35.6308 41.72 35.6308 41.16V29.28C35.6308 28.72 35.9108 28.44 36.4708 28.44C36.7574 28.44 37.0374 28.6067 37.3108 28.94L45.3508 39.3H44.9308V29.28C44.9308 28.72 45.2108 28.44 45.7708 28.44C46.3308 28.44 46.6108 28.72 46.6108 29.28V41.16C46.6108 41.72 46.3308 42 45.7708 42C45.4708 42 45.1908 41.8333 44.9308 41.5L36.8908 31.14H37.3108V41.16C37.3108 41.72 37.0308 42 36.4708 42ZM54.8275 42C54.5475 42 54.3375 41.93 54.1975 41.79C54.0575 41.65 53.9875 41.44 53.9875 41.16V30.14H50.1075C49.8275 30.14 49.6175 30.07 49.4775 29.93C49.3375 29.79 49.2675 29.58 49.2675 29.3C49.2675 29.02 49.3375 28.81 49.4775 28.67C49.6175 28.53 49.8275 28.46 50.1075 28.46H59.5475C59.8275 28.46 60.0375 28.53 60.1775 28.67C60.3175 28.81 60.3875 29.02 60.3875 29.3C60.3875 29.58 60.3175 29.79 60.1775 29.93C60.0375 30.07 59.8275 30.14 59.5475 30.14H55.6675V41.16C55.6675 41.4267 55.5942 41.6333 55.4475 41.78C55.3075 41.9267 55.1008 42 54.8275 42Z" fill="#7EBA22"/>
</svg>
</div>
<h4 class="counter">6921</h4>
<h3>listing for rent</h3>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="count_item Cx">
<div class="sale">
<i class="fa-regular fa-user"></i>
</div>