-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
989 lines (989 loc) · 86.5 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
<!DOCTYPE html>
<html lang="fa" dir="rtl" class="scroll-smooth">
<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" />
<meta name="author" content="hamid shahsavani">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/8.1.6/swiper-bundle.min.css" media="(min-width: 768px)" />
<link href="https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Vazirmatn-font-face.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
<link rel="stylesheet" href="assets/css/style.css"/>
<link rel="stylesheet" href="assets/css/custom.css"/>
<title>zar-film front-end!</title>
</head>
<body class="bg-[#000101] overflow-x-hidden transition-colors duration-500">
<header>
<!-- top-message -->
<div class="w-full z-50 bg-amber-700 dark:bg-[#E4810D] dark:text-[#fff] text-slate-200" id="top-message">
<div class="container px-3 md:px-2 flex h-10 items-center">
<div class="w-[97%] flex items-center justify-center">
<span class="font-light">زرفیلم را در تلگرام دنبال کنید!</span>
<a href="https://t.me/zarfilm_com" class="mr-4 px-3 py-0.5 rounded-lg bg-amber-800 dark:bg-amber-500 bg-opacity-60 font-light">عضویت</a>
</div>
<div class="w-[3%] flex justify-end">
<button class="flex justify-start border border-slate-200 p-1 rounded-lg">
<svg class="w-4 h-4 stroke-slate-200" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
</button>
</div>
</div>
</div>
<!-- header top [for desktop]-->
<div class="h-12 bg-black dark:bg-[#EBEDF3] hidden md:flex items-center">
<div class="container md:px-2 h-full flex items-center gap-4">
<a href="javascript:void(0);" class="font-light text-sm text-[#a9aaae] dark:text-[#65676A] transition-all duration-500 hover:text-white">صفحه اصلی</a>
<a href="javascript:void(0);" class="font-light text-sm text-[#a9aaae] dark:text-[#65676A] transition-all duration-500 hover:text-white">درباره ما</a>
<a href="javascript:void(0);" class="font-light text-sm text-[#a9aaae] dark:text-[#65676A] transition-all duration-500 hover:text-white">تماس با ما</a>
<a href="javascript:void(0);" class="bg-[#279a2d] text-white px-2 font-light text-[13px] py-1 flex justify-center items-center rounded-xl gap-1">
<span class="pt-[1px]">دانلود اپلیکیشن</span>
<svg class="w-5 h-5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M144 268.4V358c0 6.9 4.5 14 11.4 14H184v52c0 13.3 10.7 24 24 24s24-10.7 24-24v-52h49v52c0 7.5 3.4 14.2 8.8 18.6 3.9 3.4 9.1 5.4 13 5.4h.5c13.3 0 24-10.7 24-24v-52h27.6c7 0 11.4-7.1 11.4-13.9V192H144v76.4zM408 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24zM104 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24z"/><g><path d="M311.2 89.1l18.5-21.9c.4-.5-.2-1.6-1.3-2.5-1.1-.8-2.4-1-2.7-.4l-19.2 22.8c-13.6-5.4-30.2-8.8-50.6-8.8-20.5-.1-37.2 3.2-50.8 8.5l-19-22.4c-.4-.5-1.6-.4-2.7.4s-1.7 1.8-1.3 2.5l18.3 21.6c-48.2 20.9-55.4 72.2-56.4 87.2h223.6c-.9-15.1-8-65.7-56.4-87zm-104.4 49.8c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6 13.3-13.5 13.3zm98.4 0c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6.1 13.3-13.5 13.3z"/></g></svg>
</a>
</div>
</div>
<!-- header-top --->
<div class="space-y-0.5">
<!-- top -->
<div class="flex items-center justify-center bg-[#141923] dark:bg-[#FEFEFE] h-16">
<div class="container w-full px-2 md:px-2 flex items-center justify-between relative">
<!-- toggle switch theme -->
<div class="md:-order-2">
<button id="toggle-change-theme" class="bg-[#06070A] dark:bg-[#d9dada] transition-all duration-700 h-9 w-[90px] rounded-full px-[7px] flex justify-between items-center relative">
<div class="z-20">
<svg class="w-5 stroke-[#cbcaca] fill-[#cbcaca] dark:fill-[#585959] dark:stroke-[#585959]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path></svg>
</div>
<div class="z-20">
<svg class="w-5 fill-[#cbcaca] stroke-[#cbcaca] dark:stroke-[#585959] dark:fill-[#585959]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>
</div>
<div id="toggle-switch-circle" class="right-[4px] absolute transition-all duration-700 z-10 bg-[#232428] dark:bg-[#FFFFFF] h-7 w-7 rounded-full flex items-center justify-center"></div>
</button>
</div>
<!-- logo -->
<div class="md:-order-5">
<a href="javascript:void(0)">
<img id="logo" class="mr-6 md:m-0" width="130" src="assets/img/logo-dark.png" alt="">
</a>
</div>
<!-- category and links -->
<div class="md:-order-4 flex gap-6 items-center">
<!-- category -->
<div class="hidden md:flex justify-between items-center bg-black dark:bg-[#dddee0] p-2.5 rounded-xl cursor-pointer desktop-category-button">
<div class="flex gap-3 items-center">
<svg class="fill-white dark:fill-[#353636] w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M192 176C192 202.5 170.5 224 144 224H48C21.49 224 0 202.5 0 176V80C0 53.49 21.49 32 48 32H144C170.5 32 192 53.49 192 80V176zM448 432C448 458.5 426.5 480 400 480H304C277.5 480 256 458.5 256 432V336C256 309.5 277.5 288 304 288H400C426.5 288 448 309.5 448 336V432z"/><path class="fa-secondary" d="M448 184C448 206.1 430.1 224 408 224H296C273.9 224 256 206.1 256 184V72C256 49.91 273.9 32 296 32H408C430.1 32 448 49.91 448 72V184zM192 440C192 462.1 174.1 480 152 480H40C17.91 480 0 462.1 0 440V328C0 305.9 17.91 288 40 288H152C174.1 288 192 305.9 192 328V440z"/></svg>
<span class="text-white dark:text-[#333436] font-extralight text-sm">دسته بندی ها</span>
</div>
</div>
<!-- links -->
<a href="javascript:void(0)" class="hidden lg:block text-[#efefef] dark:text-[#636567] text-sm font-light transition-all duration-500 hover:text-white">هنرمندان</a>
<a href="javascript:void(0)" class="hidden lg:block text-[#efefef] dark:text-[#636567] text-sm font-light transition-all duration-500 hover:text-white">پخش انلاین</a>
</div>
<!-- category menu -->
<div class="bg-[#151A23] hidden md:flex shadow-sm shadow-[#0c0f15] z-50 bg-opacity-90 backdrop-blur-sm w-[700px] h-[225px] overflow-hidden p-4 absolute top-[73px] left-0 right-[30px] lg:right-[180px] xl:right-[210px] 2xl:right-[270px] rounded-[20px] transition-all duration-500 invisible opacity-0 desktop-category-menu">
<!-- desktop category tab -->
<div class="!w-[21%] h-full border-l border-[#989898] flex-col space-y-3" id="desktop-category-tab">
<div class="rounded-xl w-[90%] active" id="desktop-category-tab-1">
<button class="flex justify-center gap-2 items-center p-3">
<svg class='w-7 h-7 fill-white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M208 320h-128C71.16 320 64 327.2 64 336S71.16 352 80 352h128c8.838 0 16-7.164 16-16S216.8 320 208 320zM304 224h-224C71.16 224 64 231.2 64 240S71.16 256 80 256h224C312.8 256 320 248.8 320 240S312.8 224 304 224zM304 128h-224C71.16 128 64 135.2 64 144S71.16 160 80 160h224C312.8 160 320 152.8 320 144S312.8 128 304 128z"/><path class="fa-secondary" d="M320 0H64C28.65 0 0 28.65 0 64v384c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V64C384 28.65 355.3 0 320 0zM208 352h-128C71.16 352 64 344.8 64 336S71.16 320 80 320h128c8.838 0 16 7.164 16 16S216.8 352 208 352zM304 256h-224C71.16 256 64 248.8 64 240S71.16 224 80 224h224C312.8 224 320 231.2 320 240S312.8 256 304 256zM304 160h-224C71.16 160 64 152.8 64 144S71.16 128 80 128h224C312.8 128 320 135.2 320 144S312.8 160 304 160z"/></svg>
<span class="text-white text-lg font-light">بخش ها</span>
</button>
</div>
<div class="rounded-xl w-[90%]" id="desktop-category-tab-2">
<button class="flex justify-center gap-2 items-center p-3">
<svg class='w-7 h-7 fill-white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M208 320h-128C71.16 320 64 327.2 64 336S71.16 352 80 352h128c8.838 0 16-7.164 16-16S216.8 320 208 320zM304 224h-224C71.16 224 64 231.2 64 240S71.16 256 80 256h224C312.8 256 320 248.8 320 240S312.8 224 304 224zM304 128h-224C71.16 128 64 135.2 64 144S71.16 160 80 160h224C312.8 160 320 152.8 320 144S312.8 128 304 128z"/><path class="fa-secondary" d="M320 0H64C28.65 0 0 28.65 0 64v384c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V64C384 28.65 355.3 0 320 0zM208 352h-128C71.16 352 64 344.8 64 336S71.16 320 80 320h128c8.838 0 16 7.164 16 16S216.8 352 208 352zM304 256h-224C71.16 256 64 248.8 64 240S71.16 224 80 224h224C312.8 224 320 231.2 320 240S312.8 256 304 256zM304 160h-224C71.16 160 64 152.8 64 144S71.16 128 80 128h224C312.8 128 320 135.2 320 144S312.8 160 304 160z"/></svg>
<span class="text-white text-lg font-light">بخش ها</span>
</button>
</div>
<div class="rounded-xl w-[90%]" id="desktop-category-tab-3">
<button class="flex justify-center gap-2 items-center p-3">
<svg class='w-7 h-7 fill-white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M208 320h-128C71.16 320 64 327.2 64 336S71.16 352 80 352h128c8.838 0 16-7.164 16-16S216.8 320 208 320zM304 224h-224C71.16 224 64 231.2 64 240S71.16 256 80 256h224C312.8 256 320 248.8 320 240S312.8 224 304 224zM304 128h-224C71.16 128 64 135.2 64 144S71.16 160 80 160h224C312.8 160 320 152.8 320 144S312.8 128 304 128z"/><path class="fa-secondary" d="M320 0H64C28.65 0 0 28.65 0 64v384c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V64C384 28.65 355.3 0 320 0zM208 352h-128C71.16 352 64 344.8 64 336S71.16 320 80 320h128c8.838 0 16 7.164 16 16S216.8 352 208 352zM304 256h-224C71.16 256 64 248.8 64 240S71.16 224 80 224h224C312.8 224 320 231.2 320 240S312.8 256 304 256zM304 160h-224C71.16 160 64 152.8 64 144S71.16 128 80 128h224C312.8 128 320 135.2 320 144S312.8 160 304 160z"/></svg>
<span class="text-white text-lg font-light">بخش ها</span>
</button>
</div>
</div>
<!-- desktop category content -->
<div id="desktop-category-content" class="flex-1 p-3 h-full">
<div id="desktop-category-content-1" class="hidden grid-cols-3 gap-6 active">
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white transition-all duration-500 hover:text-[#eb8307] hover:pr-1">فیلم ها (135,32)</span>
</a>
</div>
<div id="desktop-category-content-2" class="hidden grid-cols-3 gap-6">
<div class="col-1">
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-white transition-all duration-500 hover:text-[#eb8307]">فیلم</span>
</a>
<ul class="list-disc list-inside mr-1 mt-4 text-white m-0 space-y-0.5">
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
</ul>
</div>
<div class="col-1">
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="transition-all duration-500 text-white hover:text-[#eb8307]">فیلم</span>
</a>
<ul class="list-disc list-inside mr-1 mt-4 text-white m-0 space-y-0.5">
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
</ul>
</div>
<div class="col-1">
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-white transition-all duration-500 hover:text-[#eb8307]">فیلم</span>
</a>
<ul class="list-disc list-inside mr-1 mt-4 text-white m-0 space-y-0.5">
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
<li><a href="javascript:void(0)" class="text-white font-light marker:m-0 text-sm -mr-2 transition-all duration-500 hover:text-[#EB8307]">تمامی فیلم ها</a></li>
</ul>
</div>
</div>
<div id="desktop-category-content-3" class="hidden grid-cols-4 gap-y-6">
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
<a href="javascript:void(0)" class="text-white font-light text-sm transition-all duration-500 hover:text-[#EA8308]">
<span>هیجان انگیز</span>
<span class="text-[13px]">(۱۲۵)</span>
</a>
</div>
</div>
</div>
<!-- search -->
<div class="hidden md:flex md:-order-3 items-center px-2 gap-3 bg-black dark:bg-[#FEFEFF] border-[1px] border-transparent dark:border-[#bebebe] h-[45px] xl:w-[400px] rounded-xl">
<svg class="md:hidden w-5 h-5 stroke-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
<input type="text" placeholder="نام فیلم مورد نظر را وارد کنید ..." class="bg-transparent flex-1 font-extralight text-sm text-gray-200 outline-none">
<button class="bg-[#DD7D08] dark:bg-[#ee8505] hidden md:block p-1 rounded-md ring-[3px] ring-[#343535] dark:ring-[#efefef]">
<svg class="w-5 h-5 stroke-white fill-[#DD7D08]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
</button>
</div>
<!-- login -->
<div class="md:-order-1 hidden md:block">
<a href="javascript:void(0)" class="bg-[#E4810D] text-white font-extralight text-sm rounded-xl whitespace-nowrap py-2 px-3">
<span>ورود / عضویت</span>
</a>
</div>
<!-- notification -->
<div class="md:hidden">
<button class="p-[7px] bg-[#07090B] rounded-lg relative">
<svg class="w-[25px] h-[25px]" fill="none" stroke="#CBCACA" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 17h5l-1.405-1.405A2.032 2.032 0 0118 14.158V11a6.002 6.002 0 00-4-5.659V5a2 2 0 10-4 0v.341C7.67 6.165 6 8.388 6 11v3.159c0 .538-.214 1.055-.595 1.436L4 17h5m6 0v1a3 3 0 11-6 0v-1m6 0H9"></path></svg>
<div class="flex justify-center items-center absolute -right-2 -top-1 text-xs bg-[#E7830A] px-1.5 pt-0.5 rounded-md text-white font-extralight">
<span>1</span>
</div>
</button>
</div>
</div>
</div>
<!-- bottom [for mobile] -->
<div class="md:hidden flex items-center bg-[#141923] h-16 w-full">
<div class="container flex items-center gap-2 px-2">
<!-- search -->
<div class="flex items-center px-2 gap-3 bg-black w-full h-[41px] md:h-[45px] rounded-xl">
<svg class="md:hidden w-5 h-5 stroke-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
<input type="text" placeholder="نام فیلم مورد نظر را وارد کنید ..." class="bg-transparent flex-1 font-extralight text-sm text-gray-200 outline-none">
<button class="bg-[#DD7D08] hidden md:block p-1.5 rounded-md ring-[3px] ring-[#343535]">
<svg class="w-5 h-5 stroke-white fill-[#DD7D08]" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
</button>
</div>
<!-- login -->
<div>
<a href="javascript:void(0)" class="bg-[#E4810D] text-white font-extralight text-sm rounded-xl whitespace-nowrap py-2 px-3">
<span>ورود / عضویت</span>
</a>
</div>
</div>
</div>
</div>
<!-- header-bottom [for mobile] -->
<div>
<!-- mobile menu-bottom -->
<div class="fixed right-0 left-0 bottom-0 md:hidden z-50">
<!-- background -->
<div>
<svg class="stroke-[#141923] fill-[#141923] h-[70px] w-full relative" viewBox="0 0 341 60" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg">
<path d=" M 0.00 0.00 L 73.82 0.00 C 91.43 2.34 111.15 -3.59 127.52 5.43 C 139.09 11.43 145.57 23.64 156.66 30.27 C 163.42 34.45 172.03 35.00 179.52 32.67 C 193.75 27.67 200.54 12.52 213.57 5.63 C 227.50 -2.31 244.52 0.89 259.68 0.78 L 249.28 0.00 L 341.00 0.00 L 341.00 60.00 L 0.00 60.00 L 0.00 0.00 Z"></path>
</svg>
</div>
<!-- tabs -->
<ul class="absolute top-[13px] w-full flex justify-around">
<li class="flex-1">
<a id="myn-btn" href="javascript:void(0);" class="space-y-[5px] flex flex-col items-center">
<svg id="myn-icon-one" class="w-6 h-6 stroke-[#e5e5e5]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path></svg>
<div id="myn-text" class="font-light text-sm text-[#e5e5e5]">منو</div>
<div id="myn-icon-two" class="mt-5 w-1.5 h-1.5 bg-[#eb8307] rounded-full hidden"></div>
</a>
</li>
<li class="flex-1">
<a href="javascript:void(0)" class="space-y-[5px] flex flex-col items-center">
<svg class="w-6 h-6" fill="none" stroke="#e5e5e5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg>
<div class="font-light text-sm text-[#e5e5e5]">پخش آنلاین</div>
</a>
</li>
<li class="flex-1 flex justify-center">
<a href="javascript:void(0)" class="flex justify-center items-center w-14 h-14 -mt-9 rounded-full bg-[#D97706]">
<svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" class="svg-icon" style="vertical-align: middle;fill: currentColor;overflow: hidden; color: #e5e5e5;" viewBox="0 0 1024 1024" version="1.1"><path d="M418.144 639.168h166.976a94.016 94.016 0 0 1 93.92 93.952v156.544c0 17.248 14.08 31.296 31.328 31.296h166.976a31.36 31.36 0 0 0 31.296-31.296V480.128a31.264 31.264 0 0 0-10.912-23.776L522.016 134.336a31.104 31.104 0 0 0-40.768 0L105.568 456.32a31.2 31.2 0 0 0-10.944 23.776v409.536a31.36 31.36 0 0 0 31.296 31.296h167.008a31.36 31.36 0 0 0 31.296-31.296V733.12a94.048 94.048 0 0 1 93.92-93.952z m459.2 344.416h-166.976a94.016 94.016 0 0 1-93.92-93.92V733.12a31.36 31.36 0 0 0-31.328-31.36h-166.976a31.36 31.36 0 0 0-31.296 31.36v156.544a94.048 94.048 0 0 1-93.92 93.92H125.92A94.048 94.048 0 0 1 32 889.664V480.128c0-27.456 11.968-53.472 32.8-71.36L440.512 86.816a93.44 93.44 0 0 1 122.272 0l375.712 322.016a93.888 93.888 0 0 1 32.768 71.328v409.536a94.016 94.016 0 0 1-93.92 93.92z"/></svg>
</a>
</li>
<li class="flex-1">
<a href="javascript:void(0)" class="space-y-[5px] flex flex-col items-center">
<svg class="w-6 h-6" fill="none" stroke="#e5e5e5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg>
<div class="font-light text-sm text-[#e5e5e5]">مشاهده ها</div>
</a>
</li>
<li class="flex-1">
<a href="javascript:void(0)" class="space-y-[5px] flex flex-col items-center">
<svg class="w-6 h-6" fill="none" stroke="#e5e5e5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 5a2 2 0 012-2h10a2 2 0 012 2v16l-7-3.5L5 21V5z"></path></svg>
<div class="font-light text-sm text-[#e5e5e5]">ذخیره ها</div>
</a>
</li>
</ul>
</div>
<!-- mobile menu (with active menu tab) -->
<div id="myn" class="z-40 fixed p-3 pt-4 top-0 transition-all duration-500 opacity-0 -right-72 h-full w-64 bg-[rgba(20,24,33,.9)] backdrop-blur-md space-y-6">
<!-- header -->
<div class="flex items-center justify-between px-1">
<!-- logo -->
<a href="javascript:void(0)">
<img src="assets/img/logo-dark.png" alt="">
</a>
<!-- close button -->
<div id="myn-close-btn" class="bg-[#1b2230] shadow-lg shadow-[#131920] p-1.5 rounded-xl">
<div class="border-2 p-0.5 border-[#efefef] rounded-lg">
<svg class="w-5 h-5 stroke-[#efefef]" fill="none" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
</div>
</div>
</div>
<!-- buy account and download app button -->
<div class="space-y-3">
<!-- buy account-->
<a href="javascript:void(0)" class="bg-[#E88209] shadow-lg shadow-[#131920] w-full p-1.5 pr-5 rounded-2xl flex items-center justify-between">
<span class="text-white font-light">خرید اشتراک</span>
<div class="bg-slate-700 bg-opacity-40 w-10 h-10 rounded-full flex justify-center items-center">
<svg class="fill-white w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M576 136c0 22.09-17.91 40-40 40c-.248 0-.4551-.1266-.7031-.1305l-50.52 277.9C482 468.9 468.8 480 453.3 480H122.7c-15.46 0-28.72-11.06-31.48-26.27L40.71 175.9C40.46 175.9 40.25 176 39.1 176c-22.09 0-40-17.91-40-40S17.91 96 39.1 96s40 17.91 40 40c0 8.998-3.521 16.89-8.537 23.57l89.63 71.7c15.91 12.73 39.5 7.544 48.61-10.68l57.6-115.2C255.1 98.34 247.1 86.34 247.1 72C247.1 49.91 265.9 32 288 32s39.1 17.91 39.1 40c0 134-7.963 26.34-19.3 33.4l57.6 115.2c9.111 18.22 32.71 23.4 48.61 10.68l89.63-71.7C499.5 152.9 496 144.1 496 136C496 113.9 513.9 96 536 96S576 113.9 576 136z"/></svg>
</div>
</a>
<!-- download app -->
<a href="javascript:void(0)" class="bg-[#279B2C] shadow-lg shadow-[#131920] w-full p-1.5 pr-5 rounded-2xl flex items-center justify-between">
<span class="text-white font-light">دانلود اپلیکیشن</span>
<div class="bg-slate-700 bg-opacity-40 w-10 h-10 rounded-full flex justify-center items-center">
<svg class="w-8 h-8 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M144 268.4V358c0 6.9 4.5 14 11.4 14H184v52c0 13.3 10.7 24 24 24s24-10.7 24-24v-52h49v52c0 7.5 3.4 14.2 8.8 18.6 3.9 3.4 9.1 5.4 13 5.4h.5c13.3 0 24-10.7 24-24v-52h27.6c7 0 11.4-7.1 11.4-13.9V192H144v76.4zM408 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24zM104 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24z"/><g><path d="M311.2 89.1l18.5-21.9c.4-.5-.2-1.6-1.3-2.5-1.1-.8-2.4-1-2.7-.4l-19.2 22.8c-13.6-5.4-30.2-8.8-50.6-8.8-20.5-.1-37.2 3.2-50.8 8.5l-19-22.4c-.4-.5-1.6-.4-2.7.4s-1.7 1.8-1.3 2.5l18.3 21.6c-48.2 20.9-55.4 72.2-56.4 87.2h223.6c-.9-15.1-8-65.7-56.4-87zm-104.4 49.8c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6 13.3-13.5 13.3zm98.4 0c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6.1 13.3-13.5 13.3z"/></g></svg>
</div>
</a>
</div>
<!-- link buttons and category button -->
<div class="space-y-6 max-h-[25rem] overflow-y-scroll">
<!-- show category button -->
<div class="bg-[#0F141A] shadow-lg shadow-[#131920] w-full p-3 rounded-2xl flex flex-col cursor-pointer">
<!-- button for show sub-menu -->
<div id="myn-show-sub-btn" class="flex justify-between items-center w-full">
<div class="flex gap-2 items-center">
<svg class="fill-white w-6 h-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M192 176C192 202.5 170.5 224 144 224H48C21.49 224 0 202.5 0 176V80C0 53.49 21.49 32 48 32H144C170.5 32 192 53.49 192 80V176zM448 432C448 458.5 426.5 480 400 480H304C277.5 480 256 458.5 256 432V336C256 309.5 277.5 288 304 288H400C426.5 288 448 309.5 448 336V432z"/><path class="fa-secondary" d="M448 184C448 206.1 430.1 224 408 224H296C273.9 224 256 206.1 256 184V72C256 49.91 273.9 32 296 32H408C430.1 32 448 49.91 448 72V184zM192 440C192 462.1 174.1 480 152 480H40C17.91 480 0 462.1 0 440V328C0 305.9 17.91 288 40 288H152C174.1 288 192 305.9 192 328V440z"/></svg>
<span class="text-white font-light">دسته بندی ها</span>
</div>
<div class="bg-slate-700 bg-opacity-40 w-8 h-8 rounded-full flex justify-center items-center">
<svg id="myn-chevron" class="w-6 h-6 stroke-white fill-transparent transition-all duration-500" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg>
</div>
</div>
<!-- category -->
<div id="myn-sub-menu" class="h-0 overflow-hidden transition-all duration-500">
<div class="p-3 rounded-lg transition-all duration-500 bg-[#090c10]">
<!-- button for show list -->
<div class="flex items-center justify-between myn-item-1-btn">
<div class="flex gap-2 items-center">
<svg class='w-6 h-6 fill-white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M208 320h-128C71.16 320 64 327.2 64 336S71.16 352 80 352h128c8.838 0 16-7.164 16-16S216.8 320 208 320zM304 224h-224C71.16 224 64 231.2 64 240S71.16 256 80 256h224C312.8 256 320 248.8 320 240S312.8 224 304 224zM304 128h-224C71.16 128 64 135.2 64 144S71.16 160 80 160h224C312.8 160 320 152.8 320 144S312.8 128 304 128z"/><path class="fa-secondary" d="M320 0H64C28.65 0 0 28.65 0 64v384c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V64C384 28.65 355.3 0 320 0zM208 352h-128C71.16 352 64 344.8 64 336S71.16 320 80 320h128c8.838 0 16 7.164 16 16S216.8 352 208 352zM304 256h-224C71.16 256 64 248.8 64 240S71.16 224 80 224h224C312.8 224 320 231.2 320 240S312.8 256 304 256zM304 160h-224C71.16 160 64 152.8 64 144S71.16 128 80 128h224C312.8 128 320 135.2 320 144S312.8 160 304 160z"/></svg>
<span class="text-white font-light">بخش ها</span>
</div>
<svg class="myn-item-1-chevron w-6 h-6 transition-all duration-500 stroke-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg>
</div>
<!-- list -->
<ul class="h-0 opacity-0 overflow-hidden transition-all duration-500 myn-item-1-list">
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
</ul>
</div>
<div class="p-3 rounded-lg transition-all duration-500 bg-[#090c10]">
<!-- button for show list -->
<div class="flex items-center justify-between myn-item-2-btn">
<div class="flex gap-2 items-center">
<svg class='w-6 h-6 fill-white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M208 320h-128C71.16 320 64 327.2 64 336S71.16 352 80 352h128c8.838 0 16-7.164 16-16S216.8 320 208 320zM304 224h-224C71.16 224 64 231.2 64 240S71.16 256 80 256h224C312.8 256 320 248.8 320 240S312.8 224 304 224zM304 128h-224C71.16 128 64 135.2 64 144S71.16 160 80 160h224C312.8 160 320 152.8 320 144S312.8 128 304 128z"/><path class="fa-secondary" d="M320 0H64C28.65 0 0 28.65 0 64v384c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V64C384 28.65 355.3 0 320 0zM208 352h-128C71.16 352 64 344.8 64 336S71.16 320 80 320h128c8.838 0 16 7.164 16 16S216.8 352 208 352zM304 256h-224C71.16 256 64 248.8 64 240S71.16 224 80 224h224C312.8 224 320 231.2 320 240S312.8 256 304 256zM304 160h-224C71.16 160 64 152.8 64 144S71.16 128 80 128h224C312.8 128 320 135.2 320 144S312.8 160 304 160z"/></svg>
<span class="text-white font-light">بخش ها</span>
</div>
<svg class="myn-item-2-chevron w-6 h-6 transition-all duration-500 stroke-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg>
</div>
<!-- list -->
<ul class="h-0 opacity-0 overflow-hidden transition-all duration-500 myn-item-2-list">
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
</ul>
</div>
<div class="p-3 rounded-lg transition-all duration-500 bg-[#090c10]">
<!-- button for show list -->
<div class="flex items-center justify-between myn-item-3-btn">
<div class="flex gap-2 items-center">
<svg class='w-6 h-6 fill-white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M208 320h-128C71.16 320 64 327.2 64 336S71.16 352 80 352h128c8.838 0 16-7.164 16-16S216.8 320 208 320zM304 224h-224C71.16 224 64 231.2 64 240S71.16 256 80 256h224C312.8 256 320 248.8 320 240S312.8 224 304 224zM304 128h-224C71.16 128 64 135.2 64 144S71.16 160 80 160h224C312.8 160 320 152.8 320 144S312.8 128 304 128z"/><path class="fa-secondary" d="M320 0H64C28.65 0 0 28.65 0 64v384c0 35.35 28.65 64 64 64h256c35.35 0 64-28.65 64-64V64C384 28.65 355.3 0 320 0zM208 352h-128C71.16 352 64 344.8 64 336S71.16 320 80 320h128c8.838 0 16 7.164 16 16S216.8 352 208 352zM304 256h-224C71.16 256 64 248.8 64 240S71.16 224 80 224h224C312.8 224 320 231.2 320 240S312.8 256 304 256zM304 160h-224C71.16 160 64 152.8 64 144S71.16 128 80 128h224C312.8 128 320 135.2 320 144S312.8 160 304 160z"/></svg>
<span class="text-white font-light">بخش ها</span>
</div>
<svg class="myn-item-3-chevron w-6 h-6 transition-all duration-500 stroke-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg>
</div>
<!-- list -->
<ul class="h-0 opacity-0 overflow-hidden transition-all duration-500 myn-item-3-list">
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
<li>
<a class="border-r-2 border-[#eb8307] pr-2 mr-1" href="javascript:void(0);">
<span class="text-sm text-white">فیلم ها (135,32)</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- link buttons -->
<div class="space-y-3 w-full">
<a href="javascript:void(0)" class="bg-[#0F141A] shadow-lg shadow-[#131920] p-3.5 rounded-2xl flex flex-col">
<div class="flex justify-between items-center w-full">
<div class="flex gap-2 items-center">
<svg class="w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M360 144h-208C138.8 144 128 154.8 128 168S138.8 192 152 192h208C373.3 192 384 181.3 384 168S373.3 144 360 144zM264 240h-112C138.8 240 128 250.8 128 264S138.8 288 152 288h112C277.3 288 288 277.3 288 264S277.3 240 264 240z"/><path class="fa-secondary" d="M447.1 0h-384c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.1c0 9.75 11.25 15.45 19.12 9.7l124.9-93.7h144c35.25 0 64-28.75 64-63.1V63.1C511.1 28.75 483.2 0 447.1 0zM264 288h-112C138.8 288 128 277.3 128 264S138.8 240 152 240h112C277.3 240 288 250.8 288 264S277.3 288 264 288zM360 192h-208C138.8 192 128 181.3 128 168S138.8 144 152 144h208C373.3 144 384 154.8 384 168S373.3 192 360 192z"/></svg>
<span class="text-white font-light">تماس با ما</span>
</div>
<svg class="w-6 h-6 stroke-[#eee] fill-transparent" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
<a href="javascript:void(0)" class="bg-[#0F141A] shadow-lg shadow-[#131920] p-3.5 rounded-2xl flex flex-col">
<div class="flex justify-between items-center w-full">
<div class="flex gap-2 items-center">
<svg class="w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M360 144h-208C138.8 144 128 154.8 128 168S138.8 192 152 192h208C373.3 192 384 181.3 384 168S373.3 144 360 144zM264 240h-112C138.8 240 128 250.8 128 264S138.8 288 152 288h112C277.3 288 288 277.3 288 264S277.3 240 264 240z"/><path class="fa-secondary" d="M447.1 0h-384c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.1c0 9.75 11.25 15.45 19.12 9.7l124.9-93.7h144c35.25 0 64-28.75 64-63.1V63.1C511.1 28.75 483.2 0 447.1 0zM264 288h-112C138.8 288 128 277.3 128 264S138.8 240 152 240h112C277.3 240 288 250.8 288 264S277.3 288 264 288zM360 192h-208C138.8 192 128 181.3 128 168S138.8 144 152 144h208C373.3 144 384 154.8 384 168S373.3 192 360 192z"/></svg>
<span class="text-white font-light">تماس با ما</span>
</div>
<svg class="w-6 h-6 stroke-[#eee] fill-transparent" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
<a href="javascript:void(0)" class="bg-[#0F141A] shadow-lg shadow-[#131920] p-3.5 rounded-2xl flex flex-col">
<div class="flex justify-between items-center w-full">
<div class="flex gap-2 items-center">
<svg class="w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M360 144h-208C138.8 144 128 154.8 128 168S138.8 192 152 192h208C373.3 192 384 181.3 384 168S373.3 144 360 144zM264 240h-112C138.8 240 128 250.8 128 264S138.8 288 152 288h112C277.3 288 288 277.3 288 264S277.3 240 264 240z"/><path class="fa-secondary" d="M447.1 0h-384c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.1c0 9.75 11.25 15.45 19.12 9.7l124.9-93.7h144c35.25 0 64-28.75 64-63.1V63.1C511.1 28.75 483.2 0 447.1 0zM264 288h-112C138.8 288 128 277.3 128 264S138.8 240 152 240h112C277.3 240 288 250.8 288 264S277.3 288 264 288zM360 192h-208C138.8 192 128 181.3 128 168S138.8 144 152 144h208C373.3 144 384 154.8 384 168S373.3 192 360 192z"/></svg>
<span class="text-white font-light">تماس با ما</span>
</div>
<svg class="w-6 h-6 stroke-[#eee] fill-transparent" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
<a href="javascript:void(0)" class="bg-[#0F141A] shadow-lg shadow-[#131920] p-3.5 rounded-2xl flex flex-col">
<div class="flex justify-between items-center w-full">
<div class="flex gap-2 items-center">
<svg class="w-6 h-6 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.fa-secondary{opacity:.4}</style></defs><path class="fa-primary" d="M360 144h-208C138.8 144 128 154.8 128 168S138.8 192 152 192h208C373.3 192 384 181.3 384 168S373.3 144 360 144zM264 240h-112C138.8 240 128 250.8 128 264S138.8 288 152 288h112C277.3 288 288 277.3 288 264S277.3 240 264 240z"/><path class="fa-secondary" d="M447.1 0h-384c-35.25 0-64 28.75-64 63.1v287.1c0 35.25 28.75 63.1 64 63.1h96v83.1c0 9.75 11.25 15.45 19.12 9.7l124.9-93.7h144c35.25 0 64-28.75 64-63.1V63.1C511.1 28.75 483.2 0 447.1 0zM264 288h-112C138.8 288 128 277.3 128 264S138.8 240 152 240h112C277.3 240 288 250.8 288 264S277.3 288 264 288zM360 192h-208C138.8 192 128 181.3 128 168S138.8 144 152 144h208C373.3 144 384 154.8 384 168S373.3 192 360 192z"/></svg>
<span class="text-white font-light">تماس با ما</span>
</div>
<svg class="w-6 h-6 stroke-[#eee] fill-transparent" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
</div>
</div>
</div>
</div>
</header>
<main class="md:max-w-[768px] overflow-x-hidden md:mx-auto lg:max-w-full">
<!-- intro card-slider [for mobile] -->
<section class="swiper-mobile md:hidden flex flex-col mt-14">
<div id="mobile-card-slider" class="swiper-wrapper flex">
</div>
</section>
<!-- intro [for desktop] -->
<section class="md:mt-2 lg:mt-0 relative md:h-[400px] lg:h-[450px] xl:h-[550px] overflow-hidden rounded-b-[40px]">
<div class="rounded-b-[40px] overflow-hidden">
<!-- show image-->
<div class="w-screen overflow-hidden hidden md:block desktop-intro-bg-color" dir="ltr">
<div class="w-3/4 md:hidden lg:block relative right-48">
<div class="h-full w-full absolute transition-all duration-500 desktop-intro-bg-img"></div>
<img id="intro-bg-img" src="assets/img/slider-background-4.jpg" alt="image">
</div>
</div>
<!-- intro card-slider -->
<div class="swiper-desktop z-20 hidden md:flex w-full pt-5 mb-4 md:mb-0 lg:mb-4 lg:pr-2 overflow-hidden lg:w-3/5 xl:w-[60%] 2xl:w-1/2 absolute md:top-[8%] lg:top-[70px] xl:top-[100px]">
<div class="swiper-wrapper" id="desktop-card-slider"></div>
</div>
</div>
<!-- card information for desktop -->
<div class="absolute z-10 h-full hidden lg:w-2/5 xl:w-[40%] 2xl:w-1/2 top-0 left-0 lg:pl-5 2xl:pl-20 lg:flex items-center">
<div class="w-[35%] 2xl:w-2/5 flex justify-end">
<a href="javascript:void(0);">
<div class="flex justify-center items-center w-32 h-32 rounded-full border-[1px] transition-transform duration-300 hover:scale-110">
<div class="rounded-full border-[1px] border-[#eee]">
<div class="w-20 h-20 rounded-full flex justify-center items-center m-2.5 bg-white bg-opacity-5 backdrop-blur-md">
<svg class="fill-white w-8 ml-1" xmlns="http://www.w3.org/2000/svg" width="55.127" height="61.182" viewBox="0 0 55.127 61.182">
<g id="Group_38215" data-name="Group 38215" transform="translate(30 35)">
<g id="play-button-arrowhead_1_" data-name="play-button-arrowhead (1)" transform="translate(-30 -35)">
<path id="Path_18" data-name="Path 18" d="M18.095,1.349C12.579-1.815,8.107.777,8.107,7.134v46.91c0,6.363,4.472,8.952,9.988,5.791l41-23.514c5.518-3.165,5.518-8.293,0-11.457Z" transform="translate(-8.107 0)"/>
</g>
</g>
</svg>
</div>
</div>
</div>
</a>
</div>
<div class="w-[65%] 2xl:w-3/5">
<div class="h-full w-full flex flex-col items-end justify-center gap-3">
<p class="text-white font-light p-2.5 flex justify-center items-center bg-black rounded-xl bg-opacity-40">BluRay 1080p Full HD</p>
<a href="javascript:void(0);" class="text-white font-[500] text-[40px] xl:text-[45px] 2xl:text-[56px]" id="card-slider-desktop-title">morbius</a>
<div class="flex flex-col gap-2 items-end">
<svg class="w-12 h-6" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" preserveAspectRatio="xMidYMid meet" viewBox="0 0 575 289.83" width="575" height="289.83"><defs><path d="M575 24.91C573.44 12.15 563.97 1.98 551.91 0C499.05 0 76.18 0 23.32 0C10.11 2.17 0 14.16 0 28.61C0 51.84 0 237.64 0 260.86C0 276.86 12.37 289.83 27.64 289.83C79.63 289.83 495.6 289.83 547.59 289.83C561.65 289.83 573.26 278.82 575 264.57C575 216.64 575 48.87 575 24.91Z" id="d1pwhf9wy2"/><path d="M69.35 58.24L114.98 58.24L114.98 233.89L69.35 233.89L69.35 58.24Z" id="g5jjnq26yS"/><path d="M201.2 139.15C197.28 112.38 195.1 97.5 194.67 94.53C192.76 80.2 190.94 67.73 189.2 57.09C185.25 57.09 165.54 57.09 130.04 57.09L130.04 232.74L170.01 232.74L170.15 116.76L186.97 232.74L215.44 232.74L231.39 114.18L231.54 232.74L271.38 232.74L271.38 57.09L211.77 57.09L201.2 139.15Z" id="i3Prh1JpXt"/><path d="M346.71 93.63C347.21 95.87 347.47 100.95 347.47 108.89C347.47 115.7 347.47 170.18 347.47 176.99C347.47 188.68 346.71 195.84 345.2 198.48C343.68 201.12 339.64 202.43 333.09 202.43C333.09 190.9 333.09 98.66 333.09 87.13C338.06 87.13 341.45 87.66 343.25 88.7C345.05 89.75 346.21 91.39 346.71 93.63ZM367.32 230.95C372.75 229.76 377.31 227.66 381.01 224.67C384.7 221.67 387.29 217.52 388.77 212.21C390.26 206.91 391.14 196.38 391.14 180.63C391.14 174.47 391.14 125.12 391.14 118.95C391.14 102.33 390.49 91.19 389.48 85.53C388.46 79.86 385.93 74.71 381.88 70.09C377.82 65.47 371.9 62.15 364.12 60.13C356.33 58.11 343.63 57.09 321.54 57.09C319.27 57.09 307.93 57.09 287.5 57.09L287.5 232.74L342.78 232.74C355.52 232.34 363.7 231.75 367.32 230.95Z" id="a4ov9rRGQm"/><path d="M464.76 204.7C463.92 206.93 460.24 208.06 457.46 208.06C454.74 208.06 452.93 206.98 452.01 204.81C451.09 202.65 450.64 197.72 450.64 190C450.64 185.36 450.64 148.22 450.64 143.58C450.64 135.58 451.04 130.59 451.85 128.6C452.65 126.63 454.41 125.63 457.13 125.63C459.91 125.63 463.64 126.76 464.6 129.03C465.55 131.3 466.03 136.15 466.03 143.58C466.03 146.58 466.03 161.58 466.03 188.59C465.74 197.84 465.32 203.21 464.76 204.7ZM406.68 231.21L447.76 231.21C449.47 224.5 450.41 220.77 450.6 220.02C454.32 224.52 458.41 227.9 462.9 230.14C467.37 232.39 474.06 233.51 479.24 233.51C486.45 233.51 492.67 231.62 497.92 227.83C503.16 224.05 506.5 219.57 507.92 214.42C509.34 209.26 510.05 201.42 510.05 190.88C510.05 185.95 510.05 146.53 510.05 141.6C510.05 131 509.81 124.08 509.34 120.83C508.87 117.58 507.47 114.27 505.14 110.88C502.81 107.49 499.42 104.86 494.98 102.98C490.54 101.1 485.3 100.16 479.26 100.16C474.01 100.16 467.29 101.21 462.81 103.28C458.34 105.35 454.28 108.49 450.64 112.7C450.64 108.89 450.64 89.85 450.64 55.56L406.68 55.56L406.68 231.21Z" id="fk968BpsX"/></defs><g><g><g><use xlink:href="#d1pwhf9wy2" opacity="1" fill="#f6c700" fill-opacity="1"/><g><use xlink:href="#d1pwhf9wy2" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"/></g></g><g><use xlink:href="#g5jjnq26yS" opacity="1" fill="#000000" fill-opacity="1"/><g><use xlink:href="#g5jjnq26yS" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"/></g></g><g><use xlink:href="#i3Prh1JpXt" opacity="1" fill="#000000" fill-opacity="1"/><g><use xlink:href="#i3Prh1JpXt" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"/></g></g><g><use xlink:href="#a4ov9rRGQm" opacity="1" fill="#000000" fill-opacity="1"/><g><use xlink:href="#a4ov9rRGQm" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"/></g></g><g><use xlink:href="#fk968BpsX" opacity="1" fill="#000000" fill-opacity="1"/><g><use xlink:href="#fk968BpsX" opacity="1" fill-opacity="0" stroke="#000000" stroke-width="1" stroke-opacity="0"/></g></g></g></g></svg>
<div class="text-white flex gap-1">
<p class="mt-4 text-[18px]">10/</p>
<p class="text-[35px] font-bold">5.2</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- android app download btn -->
<div class="px-4 w-full flex justify-center md:hidden">
<a href="javascript:void(0);" class="bg-[#279a2d] text-white font-light w-56 h-12 flex justify-center items-center rounded-xl gap-2">
<span>دانلود اپلیکیشن</span>
<svg class="w-7 h-7 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M144 268.4V358c0 6.9 4.5 14 11.4 14H184v52c0 13.3 10.7 24 24 24s24-10.7 24-24v-52h49v52c0 7.5 3.4 14.2 8.8 18.6 3.9 3.4 9.1 5.4 13 5.4h.5c13.3 0 24-10.7 24-24v-52h27.6c7 0 11.4-7.1 11.4-13.9V192H144v76.4zM408 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24zM104 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24z"/><g><path d="M311.2 89.1l18.5-21.9c.4-.5-.2-1.6-1.3-2.5-1.1-.8-2.4-1-2.7-.4l-19.2 22.8c-13.6-5.4-30.2-8.8-50.6-8.8-20.5-.1-37.2 3.2-50.8 8.5l-19-22.4c-.4-.5-1.6-.4-2.7.4s-1.7 1.8-1.3 2.5l18.3 21.6c-48.2 20.9-55.4 72.2-56.4 87.2h223.6c-.9-15.1-8-65.7-56.4-87zm-104.4 49.8c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6 13.3-13.5 13.3zm98.4 0c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6.1 13.3-13.5 13.3z"/></g></svg>
</a>
</div>
<!-- advanced search for mobile -->
<div class="mb-2.5 lg:hidden">
<!-- show advanced search button -->
<div id="advanced-search-menu-btn-mobile" class="flex justify-center items-center mt-7 md:mt-3">
<div class="w-80 md:w-[500px] md:mb-8 border border-[#141822] p-4 rounded-3xl flex items-center justify-between">
<div class="transition-all duration-500 w-7 h-7 bg-[#141415] rounded-full flex justify-center items-center">
<svg class="w-5 h-5" fill="none" stroke="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg>
</div>
<div>
<p class="text-[#e5e5e5] font-extralight">جستجوی پیشرفته</p>
</div>
<div class="w-7 h-7 bg-[#e98308] rounded-full flex justify-center items-center">
<svg class="w-4 h-4" fill="none" stroke="#eee" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path></svg>
</div>
</div>
</div>
<!-- advanced search menu -->
<div id="advanced-search-menu-mobile" class="fixed top-0 left-0 right-0 z-[60] p-5 min-h-screen bg-[rgba(20,24,33,.9)] backdrop-blur-md space-y-4 transition-all duration-300 opacity-0 invisible">
<!-- title and close button -->
<div class="flex justify-between items-center">
<span class="text-white text-sm">جستجوی پیشرفته</span>
<div id="advanced-search-menu-mobile-close-btn-top" class="p-2 bg-black bg-opacity-70 rounded-lg cursor-pointer">
<svg class="w-5 h-5" fill="none" stroke="#fff" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path></svg>
</div>
</div>
<!-- select list and select list sub-menu -->
<div class="custom-select relative cursor-pointer">
<select class="hidden">
<option value="0">نوع</option>
<option value="1">همه</option>
<option value="2">فیلم</option>
<option value="3">سریال</option>
</select>
</div>
<div class="custom-select relative cursor-pointer">
<select class="hidden">
<option value="0">ژانر</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<!-- active tab with toggle switch -->
<div id="xtw" class="p-3 cursor-pointer bg-opacity-80 bg-black rounded-xl flex items-center justify-between text-white text-xs">
<span>دوبله فارسی</span>
<!-- toggle switch -->
<div>
<button id="xtwBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="xtwCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<div id="rhp" class="p-3 cursor-pointer bg-opacity-80 bg-black rounded-xl flex items-center justify-between text-white text-xs">
<span>زیرنویس</span>
<!-- toggle switch -->
<div>
<button id="rhpBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="rhpCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<!-- input - type-1 -->
<div class="bg-black bg-opacity-80 rounded-xl">
<input class="p-4 w-full outline-0 bg-transparent text-xs text-white" type="text" placeholder="آیدی imdb مثلا : tsddf3">
</div>
<!-- input - type-2 -->
<div class="w-full flex justify-between items-center">
<input type="text" class="!bg-black w-5/12 opacity-80 rounded-xl p-3.5 outline-0 bg-transparent text-xs text-white" type="text" placeholder="امتیاز imdb">
<span class="text-white px-6 font-light w-2/12 text-sm text-center">تا</span>
<input type="text" class="!bg-black w-5/12 opacity-80 rounded-xl p-3.5 outline-0 bg-transparent text-xs text-white" type="text" placeholder="امتیاز imdb">
</div>
<div class="w-full flex justify-between items-center">
<input type="text" class="!bg-black w-5/12 opacity-80 rounded-xl p-3.5 outline-0 bg-transparent text-xs text-white" type="text" placeholder="از سال">
<span class="text-white px-6 font-light w-2/12 text-sm text-center">تا</span>
<input type="text" class="!bg-black w-5/12 opacity-80 rounded-xl p-3.5 outline-0 bg-transparent text-xs text-white" type="text" placeholder="تا سال">
</div>
<!-- search button -->
<div class="bg-[#e98308] text-sm text-white flex justify-center p-3.5 rounded-xl cursor-pointer">جستجو</div>
<div id="advanced-search-menu-mobile-close-btn-bottom" class="bg-[#6E6E70] text-sm text-white flex justify-center p-3.5 rounded-xl cursor-pointer">بستن جستجو</div>
</div>
</div>
<!-- advanced search for desktop -->
<div class="hidden lg:flex z-20 justify-center items-center w-full relative h-[100px] search-advanced-desktop">
<div class="px-3 py-4 xl:p-5 w-[90%] bg-[#151A23] rounded-[30px] absolute -top-10 h-full flex items-center justify-between">
<!-- select tabs -->
<div class="w-60 h-full bg-black rounded-[20px] flex justify-center items-center text-white p-3" id="advanced-category-base">
<button class="w-1/3 h-full flex justify-center items-center rounded-[10px] bg-[#EA8308]">همه</button>
<button class="w-1/3 h-full flex justify-center items-center rounded-[10px]">فیلم</button>
<button class="w-1/3 h-full flex justify-center items-center rounded-[10px]">سریال</button>
</div>
<!-- select dropdown -->
<div class="h-full flex items-center gap-2">
<p class="text-white text-sm">ژانر : </p>
<div class="custom-select relative w-36 bg-black rounded-[20px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">انتخاب کنید</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
</div>
<!-- select toggle -->
<div id="sxa" class="!hidden xl:!flex p-3 cursor-pointer bg-opacity-80 rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>دوبله فارسی</span>
<!-- toggle switch -->
<div>
<button id="sxaBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="sxaCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<div id="sfr" class="!hidden 2xl:!flex p-3 cursor-pointer bg-opacity-80 rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>زیرنویس چسبیده</span>
<!-- toggle switch -->
<div>
<button id="sfrBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="sfrCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<div id="umk" class="!flex p-3 cursor-pointer bg-opacity-80 rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>پخش انلاین</span>
<!-- toggle switch -->
<div>
<button id="umkBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="umkCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<!-- advanced filter button -->
<button id="ias-btn" class="w-[165px] cursor-pointer h-full p-3 bg-black rounded-3xl flex items-center justify-between">
<div>
<p class="text-[#e5e5e5] font-extralight text-sm">فیلتر های پیشرفته</p>
</div>
<div class="w-8 h-8 bg-[#141516] rounded-full flex justify-center items-center">
<svg class="w-4 h-4" fill="none" stroke="#eee" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"></path></svg>
</div>
</button>
<!-- advanced filter menu -->
<div id="ias-menu-desktop" class="triangle bg-[#151A23] backdrop-blur-sm bg-opacity-90 w-full p-5 absolute top-32 left-0 right-0 rounded-[20px] transition-all duration-500 invisible opacity-0">
<div class="grid grid-cols-4 xl:grid-cols-6 gap-6">
<!-- select drop-down -->
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">ترتیب نمایش</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">شبکه</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">ترتیب نمایش</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">زبان</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">ترتیب نمایش</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">کیفیت</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<div class="ias-dropdown custom-select relative bg-black rounded-[15px] h-full flex items-center cursor-pointer">
<select class="hidden">
<option value="0">رده سنی</option>
<option value="1">همه</option>
<option value="2">آهنگ</option>
<option value="3">اکشن</option>
<option value="4">انیمه</option>
<option value="5">انیمیشن</option>
</select>
</div>
<!-- input - type-1 -->
<div class="bg-black rounded-xl">
<input class="p-4 w-full outline-0 bg-transparent text-xs text-white" type="text" placeholder="آیدی imdb مثلا : tsddf3">
</div>
<!-- select toggle -->
<div id="rja" class="flex py-3 px-5 bg-black cursor-pointer rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>پخش انلاین</span>
<!-- toggle switch -->
<div>
<button id="rjaBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="rjaCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<div id="kil" class="flex py-3 px-5 bg-black cursor-pointer rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>زیرنویس چسبیده</span>
<!-- toggle switch -->
<div>
<button id="kilBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="kilCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<div id="qwj" class="flex py-3 px-5 bg-black cursor-pointer rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>دوبله فارسی</span>
<!-- toggle switch -->
<div>
<button id="qwjBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="qwjCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
<div id="vix" class="flex py-3 px-5 bg-black cursor-pointer rounded-xl items-center justify-between gap-3 text-white text-sm">
<span>برترین ها</span>
<!-- toggle switch -->
<div>
<button id="vixBorder" class="bg-transparent border-4 border-[#646464] h-6 w-[40px] rounded-full px-[7px] flex justify-between items-center relative">
<div id="vixCircle" class="right-[17px] absolute z-10 bg-[#646464] h-3 w-3 rounded-full flex items-center justify-center"></div>
</button>
</div>
</div>
</div>
</div>
<!-- search button -->
<button class="w-36 h-[90%] text-center bg-[#EA8308] transition-all duration-500 hover:bg-[#d37706] rounded-[20px] text-[16px] text-white">جست و جو</button>
</div>
</div>
<!-- last serial view -->
<section class="space-y-4 w-full hidden md:block container">
<!-- header -->
<div class="flex gap-2 mb-6 pr-2">
<div class="bg-[#191107] w-16 h-16 rounded-full flex justify-center items-center">
<svg class="h-10 w-10 stroke-[#E79C42]" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path></svg>
</div>
<div>
<div class="text-[#b8b8b8] font-bold md:text-lg">تماشا کرده اید</div>
<div class="text-[#b8b8b8] text-xs md:text-sm">آخرین سریال هایی که تماشا کرده اید</div>
</div>
</div>
<!-- cards -->
<div id="last-view" class="flex flex-wrap h-full w-full gap-4 overflow-x-scroll md:overflow-hidden md:!mb-10 md:gap-0 md:gap-y-5 md:grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"></div>
</section>
<!-- last serial update -->
<section class="space-y-4 mt-10 md:m-0">
<div class="container">
<!-- header -->
<div class="flex mb-4 md:mb-6 pr-2 gap-2">
<div class="bg-[#191107] w-16 h-16 rounded-full flex justify-center items-center">
<svg class="h-10 w-10 fill-[#E79C42]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"/> <path d="M12 20h8v2h-8C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.956 9.956 0 0 1-2 6h-2.708A8 8 0 1 0 12 20zm0-10a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-4 4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm8 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-4 4a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/> </g> </svg>
</div>
<div>
<div class="text-[#b8b8b8] font-bold md:text-lg">سریال های بروز شده</div>
<div class="text-[#b8b8b8] text-xs md:text-sm">فهرستی از آخرین بروزسانی های وبسایت</div>
</div>
</div>
<!-- cards -->
<div id="last-update" class="flex gap-4 pr-4 md:p-0 overflow-x-scroll md:overflow-hidden md:gap-y-2 md:gap-x-0 md:grid md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"></div>
</div>
</section>
<!-- last animation based on category -->
<section class="mt-4 py-1 md:pb-4 space-y-2 container">
<!-- header -->
<div href="javascript:void(0);" class="flex items-center justify-between md:mb-4 gap-2 px-4 text-[#efefef]">
<div class="font-bold">
<span>جدیدترین انیمیشن ها</span>
</div>
<a href="javascript:void(0);" class="flex gap-1.5 items-center">
<div class="text-xs">مشاهده بیشتر</div>
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-[#141414]">
<svg class="w-4 h-4" fill="none" stroke="#efefef" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
</div>
<!-- cards -->
<div id="animation-movie" class="flex px-4 pt-1 gap-4 overflow-x-scroll md:overflow-hidden md:gap-y-2 md:gap-x-4 md:grid md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7">
</div>
</section>
<!-- persian dub movie -->
<section class="mt-4 pr-4 flex items-center relative container">
<!-- header -->
<div class="h-42 w-42 flex">
<svg class="absolute h-40 w-40 md:h-46 md:w-46 lg:w-48 lg:h-48 bottom-20 -right-2 fill-[#0f0f11]" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g> <path fill="none" d="M0 0h24v24H0z"></path> <path d="M12 20h8v2h-8C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10a9.956 9.956 0 0 1-2 6h-2.708A8 8 0 1 0 12 20zm0-10a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-4 4a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm8 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm-4 4a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"></path> </g> </svg>
<div class="relative text-white flex flex-col gap-2 w-[110px] md:w-[175px] lg:w-[200px]">
<div class="bg-[#E98308] w-12 h-0.5 rounded-full"></div>
<span class="text-white font-extrabold text-xs md:text-lg lg:text-xl md:font-bold">فیلم های دوبله فارسی</span>
<a href="javascript:void(0);" class="flex gap-1 items-center">
<div class="text-sm">مشاهده بیشتر</div>
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-[#141414]">
<svg class="w-4 h-4" fill="none" stroke="#efefef" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
</div>
</div>
<!-- cards -->
<div id="dubbed-movie" class="flex pt-1 mr-4 md:m-0 gap-4 md:gap-5 overflow-x-scroll md:overflow-hidden w-full md:grid grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6"></div>
</section>
<!-- persian sub movie -->
<section class="py-1 md:pb-4 space-y-2 container">
<!-- header -->
<div href="javascript:void(0);" class="flex items-center justify-between md:my-4 gap-2 px-4 text-[#efefef]">
<div class="font-bold">
<span>فیلم های زیر نویس</span>
</div>
<a href="javascript:void(0);" class="flex gap-1.5 items-center">
<div class="text-xs">مشاهده بیشتر</div>
<div class="flex items-center justify-center w-6 h-6 rounded-full bg-[#141414]">
<svg class="w-4 h-4" fill="none" stroke="#efefef" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path></svg>
</div>
</a>
</div>
<!-- cards -->
<div id="subtitle-movie" class="flex pt-1 px-4 gap-4 overflow-x-scroll md:overflow-hidden md:gap-y-2 md:gap-x-4 md:grid md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 2xl:grid-cols-7"></div>
</section>
<div class="mt-16"></div>
</main>
<footer class="hidden md:flex items-center fixed bg-[#141821] h-12 z-50 w-full bottom-0 left-0 right-0">
<div class="container flex items-center justify-between px-2">
<div class="flex items-center gap-4 h-full">
<a href="#">
<div class="border border-orange-400 p-0.5 rounded-md">
<svg class="w-3.5 h-3.5 stroke-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"></path></svg>
</div>
</a>
<a href="javascript:void(0);">
<span class="text-white text-[13px] font-light">پخش آنلاین</span>
</a>
<a href="javascript:void(0);">
<span class="text-white text-[13px] font-light">سوالات متداول</span>
</a>
<a href="javascript:void(0);">
<span class="text-white text-[13px] font-light">تماس با ما</span>
</a>
</div>
<div class="flex items-center">
<p class="text-white text-[13px] pt-1.5 font-light">طراحی و توسعه توسط حمید شاهسونی - خرداد ۱۴۰۱</p>
</div>
<a href="javascript:void(0);" class="bg-[#279a2d] text-white px-2 font-light text-[13px] py-1 flex justify-center items-center rounded-xl gap-1">
<span class="pt-[1px]">دانلود اپلیکیشن</span>
<svg class="w-5 h-5 fill-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M144 268.4V358c0 6.9 4.5 14 11.4 14H184v52c0 13.3 10.7 24 24 24s24-10.7 24-24v-52h49v52c0 7.5 3.4 14.2 8.8 18.6 3.9 3.4 9.1 5.4 13 5.4h.5c13.3 0 24-10.7 24-24v-52h27.6c7 0 11.4-7.1 11.4-13.9V192H144v76.4zM408 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24zM104 176c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24s24-10.7 24-24v-96c0-13.3-10.7-24-24-24z"/><g><path d="M311.2 89.1l18.5-21.9c.4-.5-.2-1.6-1.3-2.5-1.1-.8-2.4-1-2.7-.4l-19.2 22.8c-13.6-5.4-30.2-8.8-50.6-8.8-20.5-.1-37.2 3.2-50.8 8.5l-19-22.4c-.4-.5-1.6-.4-2.7.4s-1.7 1.8-1.3 2.5l18.3 21.6c-48.2 20.9-55.4 72.2-56.4 87.2h223.6c-.9-15.1-8-65.7-56.4-87zm-104.4 49.8c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6 13.3-13.5 13.3zm98.4 0c-7.4 0-13.5-6-13.5-13.3 0-7.3 6-13.3 13.5-13.3 7.4 0 13.5 6 13.5 13.3 0 7.3-6.1 13.3-13.5 13.3z"/></g></svg>
</a>
</div>
</footer>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="assets/js/script.js"></script>
</body>
</html>