PageSourceSearch

https://cypruscinemaoffice.cy/films/film-catalogue/

html cypruscinemaoffice.cy collected 2026-09-26 02:34:51 UTC 113,184 bytes, 1,739 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en" class="scroll-smooth">
4    <head>
5        <meta charset="UTF-8">
6        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7        <meta http-equiv="X-UA-Compatible" content="ie=edge">
8
9        <link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicons/apple-touch-icon.png">
10<link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicons/favicon-32x32.png">
11<link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicons/favicon-16x16.png">
12<link rel="manifest" href="/static/images/favicons/site.webmanifest">
13<link rel="shortcut icon" href="/static/images/favicons/favicon.ico">
14<meta name="msapplication-TileColor" content="#da532c">
15<meta name="msapplication-config" content="/static/imgages/favicons/browserconfig.xml">
16<meta name="theme-color" content="#ffffff">
17        
18
19<link rel="stylesheet" href="/static/css/dist/styles.css">
20
21
22
23
24
25        <!-- Google Fonts -->
26        <link rel="preconnect" href="https://fonts.googleapis.com">
27        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
28        <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"> 
29
30        <!-- AlpineJS -->
31        
31<script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
31
32        
32<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"></script>
32
33
34        <!-- Swiper -->
35        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css"/>
36
37        <!-- PhotoSwipe -->
38        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/photoswipe.min.css" rel="stylesheet">
39
40        
41<title>
42    
43        Cyprus Cinema Office | Film Catalogue
44    
45</title>
46
47<meta name="description" content=""/>
48
49<!-- Schema.org markup for Google+ -->
50
51    <meta itemprop="name" content="Cyprus Cinema Office | Film Catalogue">
52
53<meta itemprop="description" content="">
54
55    
56    <meta itemprop="image" content="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/1._SEO_preview_Cyprus_Cinema_Offic.width-600.format-jpeg.jpg">
57
58
59<!-- Twitter Card data -->
60<meta name="twitter:card" content="summary_large_image">
61
62    <meta name="twitter:title" content="Cyprus Cinema Office | Film Catalogue">
63
64<meta name="twitter:description" content="">
65<!-- Twitter summary card with large image must be at least 280x150px -->
66
67    
68    <meta name="twitter:image:src" content="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/1._SEO_preview_Cyprus_Cinema_Offic.width-600.format-jpeg.jpg">
69
70<!-- Open Graph data -->
71
72    <meta property="og:title" content="Cyprus Cinema Office | Film Catalogue"/>
73
74<meta property="og:type" content="website"/>
75
76    
77    <meta property="og:image" content="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/1._SEO_preview_Cyprus_Cinema_Offic.width-600.format-jpeg.jpg"/>
78
79<meta property="og:description" content=""/>
80
81    <meta property="og:site_name" content="Cyprus Cinema Office | Film Catalogue"/>
82
83
84<meta property="og:url" content="https://cypruscinemaoffice.cy/films/film-catalogue/"/>
85<link rel="alternate" hreflang="x-default" href="https://cypruscinemaoffice.cy/films/film-catalogue/"/>
86<link rel="canonical" href="https://cypruscinemaoffice.cy/films/film-catalogue/"/>
87        
88            
89        
90        
91
92        
93    </head>
94
95    
96    <body lang="el" class=" overflow-x-hidden  ">
97        
98            
99        
100
101        
102        
103            
104
105
106
107<nav class="navbar max-w-[100vw]  "
108:class="{'is-scrolled' : isScrolled}"
109x-data="{
110    
111        dropdownIsOpen1: false,
112    
113        dropdownIsOpen2: false,
114    
115        dropdownIsOpen3: false,
116    
117        dropdownIsOpen4: false,
118    
119        dropdownIsOpen5: false,
120    
121        dropdownIsOpen6: false,
122    
123        dropdownIsOpen7: false,
124    
125    isSelected: null,
126    dropdownIsOpenSearch: false,
127    dropdownIsOpenLangPicker: false,
128    menuIsOpen: false,
129    isScrolled: false,
130}"
131@scroll.window="isScrolled = (window.pageYOffset > 20) ? true : false">
132    <div class=" px-5 md:px-10 flex flex-wrap items-center justify-between w-full">
133        <a href="/"> 
134            <svg class="h-[60px] max-md:h-[50px]" viewBox="0 0 63 59" fill="none" xmlns="http://www.w3.org/2000/svg">
135                <path d="M49.8323 53.518V54.058H42.8843C42.9683 54.85 43.2143 55.45 43.6223 55.858C44.0423 56.254 44.6003 56.452 45.2963 56.452C46.3283 56.452 47.0363 56.008 47.4203 55.12H49.5983C49.3583 56.068 48.8543 56.824 48.0863 57.388C47.3183 57.94 46.3823 58.216 45.2783 58.216C43.8983 58.216 42.7823 57.772 41.9303 56.884C41.0783 55.996 40.6523 54.82 40.6523 53.356C40.6523 51.892 41.0723 50.716 41.9123 49.828C42.7643 48.94 43.8743 48.496 45.2423 48.496C46.6463 48.496 47.7623 48.958 48.5903 49.882C49.4183 50.806 49.8323 52.018 49.8323 53.518ZM45.2243 50.26C43.8923 50.26 43.1183 50.998 42.9023 52.474H47.5643C47.4683 51.79 47.2163 51.25 46.8083 50.854C46.4003 50.458 45.8723 50.26 45.2243 50.26Z" fill="white"/>
136                <path d="M35.4338 58.216C34.0658 58.216 32.9558 57.7
13672 32.1038 56.884C31.2638 56.008 30.8438 54.832 30.8438 53.356C30.8438 51.868 31.2638 50.686 32.1038 49.81C32.9318 48.934 34.0418 48.496 35.4338 48.496C36.6458 48.496 37.6357 48.82 38.4037 49.468C39.1717 50.104 39.6218 50.968 39.7538 52.06H37.4858C37.3778 51.52 37.1438 51.106 36.7838 50.818C36.4238 50.53 35.9738 50.386 35.4338 50.386C34.7258 50.386 34.1678 50.644 33.7598 51.16C33.3638 51.664 33.1658 52.396 33.1658 53.356C33.1658 54.316 33.3698 55.054 33.7778 55.57C34.1858 56.074 34.7378 56.326 35.4338 56.326C35.9858 56.326 36.4478 56.176 36.8197 55.876C37.2037 55.564 37.4377 55.12 37.5217 54.544H39.7898C39.6698 55.66 39.2138 56.554 38.4218 57.226C37.6298 57.886 36.6338 58.216 35.4338 58.216Z" fill="white"/>
137                <path d="M21.7129 48.712V48.01C21.7129 47.11 21.965 46.408 22.469 45.904C22.973 45.388 23.7349 45.13 24.7549 45.13C25.2109 45.13 25.6009 45.148 25.9249 45.184V46.93H25.1329C24.3529 46.93 23.9629 47.302 23.9629 48.046V48.712H25.871V50.44H23.9629V58H21.7129V50.44H20.2729V48.712H21.7129ZM27.149 45.382H29.381V47.506H27.149V45.382ZM27.131 58V48.712H29.399V58H27.131Z" fill="white"/>
138                <path d="M19.6496 46.93H18.8576C18.0776 46.93 17.6876 47.302 17.6876 48.046V48.712H19.5956V50.44H17.6876V58H15.4376V50.44H13.9976V48.712H15.4376V48.01C15.4376 47.11 15.6896 46.408 16.1936 45.904C16.6976 45.388 17.4596 45.13 18.4796 45.13C18.9356 45.13 19.3256 45.148 19.6496 45.184V46.93Z" fill="white"/>
139                <path d="M11.5559 56.452C10.3799 57.676 8.83191 58.288 6.91191 58.288C4.99191 58.288 3.44391 57.676 2.26791 56.452C1.09191 55.216 0.503906 53.596 0.503906 51.592C0.503906 49.588 1.09191 47.968 2.26791 46.732C3.44391 45.508 4.99191 44.896 6.91191 44.896C8.83191 44.896 10.3799 45.508 11.5559 46.732C12.7199 47.944 13.3019 49.564 13.3019 51.592C13.3019 53.62 12.7199 55.24 11.5559 56.452ZM3.04191 51.592C3.04191 52.996 3.39591 54.106 4.10391 54.922C4.81191 55.738 5.74791 56.146 6.91191 56.146C8.08791 56.146 9.02991 55.738 9.73791 54.922C10.4339 54.118 10.7819 53.008 10.7819 51.592C10.7819 50.176 10.4339 49.066 9.73791 48.262C9.02991 47.446 8.08791 47.038 6.91191 47.038C5.74791 47.038 4.81191 47.446 4.10391 48.262C3.39591 49.078 3.04191 50.188 3.04191 51.592Z" fill="white"/>
140                <path d="M62.5142 36H60.2462C60.1382 35.808 60.0542 35.43 59.9942 34.866C59.3702 35.766 58.3742 36.216 57.0062 36.216C55.9862 36.216 55.1702 35.97 54.5582 35.478C53.9582 34.986 53.6582 34.302 53.6582 33.426C53.6582 31.734 54.8462 30.768 57.2222 30.528L58.6262 30.402C59.0942 30.342 59.4302 30.234 59.6342 30.078C59.8382 29.91 59.9402 29.664 59.9402 29.34C59.9402 28.944 59.8082 28.656 59.5442 28.476C59.2922 28.284 58.8602 28.188 58.2482 28.188C57.5882 28.188 57.1142 28.302 56.8262 28.53C56.5382 28.746 56.3702 29.124 56.3222 29.664H54.0902C54.2222 27.552 55.6142 26.496 58.2662 26.496C60.8462 26.496 62.1362 27.426 62.1362 29.286V34.236C62.1362 35.052 62.2622 35.64 62.5142 36ZM57.5462 34.596C58.2542 34.596 58.8302 34.404 59.2742 34.02C59.7182 33.624 59.9402 33.06 59.9402 32.328V31.482C59.7242 31.674 59.3702 31.8 58.8782 31.86L57.6542 32.004C57.0542 32.076 56.6222 32.22 56.3582 32.436C56.1062 32.64 55.9802 32.94 55.9802 33.336C55.9802 33.732 56.1122 34.044 56.3762 34.272C56.6522 34.488 57.0422 34.596 57.5462 34.596Z" fill="white"/>
141                <path d="M49.0844 26.496C50.1044 26.496 50.8964 26.796 51.4604 27.396C52.0364 27.996 52.3244 28.818 52.3244 29.862V36H50.0564V30.222C50.0564 29.046 49.5224 28.458 48.4544 28.458C47.8784 28.458 47.4104 28.668 47.0504 29.088C46.7024 29.496 46.5284 30.096 46.5284 30.888V36H44.2784V30.222C44.2784 29.046 43.7384 28.458 42.6584 28.458C42.0944 28.458 41.6324 28.668 41.2724 29.088C40.9244 29.496 40.7504 30.096 40.7504 30.888V36H38.4824V26.712H40.6784V28.044C41.3144 27.012 42.1964 26.496 43.3244 26.496C44.7404 26.496 45.7004 27.072 46.2044 28.224C46.9004 27.072 47.8604 26.496 49.0844 26.496Z" fill="white"/>
142                <path d="M37.0179 31.518V32.058H30.0699C30.1539 32.85 30.3999 33.45 30.8079 33.858C31.2279 34.254 31.7859 34.452 32.4819 34.452C33.5139 34.452 34.2219 34.008 34.6059 33.12H36.7839C36.5439 34.068 36.0399 34.824 35.2719 35.388C34.5039 35.94 33.5679 36.216 32.4639 36.216C31.0839 36.216 29.9679 35.772 29.1159 34.884C28.2639 33.996 27.8379 32.82 27.8379 31.356C27.8379 29.892 28.2579 28.716 29.0979 27.828C29.9499 26.94 31.0599 26.496 32.4279 26.496C33.8319 26.496 34.9479 26.958 35.7759 27.882C36.6039 28.806 37.0179 30.018 37.0179 31.518ZM32.4099 28.26C31.0779 28.26 30.3039 28.998 30.0879 30.474H34.7499C34.6539 29.79 34.4019 29.25 33.9939 28.854C33.5859 28.458 33.0579 28.26 32.4099 28.26Z" fill="white"/>
143                <path d="M23.1506 26.496C24.1586 26.496 24.9506 26.79 25.5266 27.378C26.1146 27.954 26.4086 28.776 26.4086 29.844V36H24.1406V30.222C24.1406 29.046 23.5586 28.458 22.3946 28.458C21.8186 28.458 21.3266 28.668 20.9186 29.088C20.5226 29.496 20.3246 3
1430.066 20.3246 30.798V36H18.0566V26.712H20.2526V28.044C20.9606 27.012 21.9266 26.496 23.1506 26.496Z" fill="white"/>
144                <path d="M16.2109 25.506H13.9789V23.382H16.2109V25.506ZM16.2289 36H13.9609V26.712H16.2289V36Z" fill="white"/>
145                <path d="M6.71391 36.288C4.86591 36.288 3.37191 35.682 2.23191 34.47C1.07991 33.258 0.503906 31.632 0.503906 29.592C0.503906 27.54 1.07391 25.908 2.21391 24.696C3.34191 23.496 4.84191 22.896 6.71391 22.896C8.21391 22.896 9.49191 23.298 10.5479 24.102C11.6039 24.906 12.2639 26.07 12.5279 27.594H10.0619C9.84591 26.754 9.44391 26.118 8.85591 25.686C8.27991 25.242 7.56591 25.02 6.71391 25.02C5.57391 25.02 4.67391 25.428 4.01391 26.244C3.36591 27.048 3.04191 28.164 3.04191 29.592C3.04191 31.032 3.36591 32.154 4.01391 32.958C4.66191 33.762 5.56191 34.164 6.71391 34.164C7.60191 34.164 8.36391 33.9 8.99991 33.372C9.63591 32.844 10.0199 32.112 10.1519 31.176H12.5819C12.4259 32.808 11.7899 34.068 10.6739 34.956C9.56991 35.844 8.24991 36.288 6.71391 36.288Z" fill="white"/>
146                <path d="M54.5114 14.252C51.7994 14.252 50.3834 13.184 50.2634 11.048H52.4774C52.5374 11.624 52.7234 12.032 53.0354 12.272C53.3594 12.512 53.8634 12.632 54.5474 12.632C55.7714 12.632 56.3834 12.26 56.3834 11.516C56.3834 11.18 56.2514 10.922 55.9874 10.742C55.7234 10.562 55.2494 10.412 54.5654 10.292L53.5034 10.112C51.4754 9.77597 50.4614 8.83997 50.4614 7.30397C50.4614 6.42797 50.7974 5.74397 51.4694 5.25197C52.1414 4.74797 53.0894 4.49597 54.3134 4.49597C56.9654 4.49597 58.3334 5.54597 58.4174 7.64597H56.2754C56.2514 7.09397 56.0774 6.70397 55.7534 6.47597C55.4294 6.23597 54.9494 6.11597 54.3134 6.11597C53.2334 6.11597 52.6934 6.47597 52.6934 7.19597C52.6934 7.50797 52.8134 7.75397 53.0534 7.93397C53.2934 8.10197 53.6894 8.23397 54.2414 8.32997L55.4114 8.50997C56.5394 8.71397 57.3554 9.03797 57.8594 9.48197C58.3754 9.92597 58.6334 10.544 58.6334 11.336C58.6334 12.272 58.2734 12.992 57.5534 13.496C56.8334 14 55.8194 14.252 54.5114 14.252Z" fill="white"/>
147                <path d="M46.7461 9.91404V4.71204H49.0141V14H46.8181V12.65C46.1101 13.694 45.1381 14.216 43.9021 14.216C42.9061 14.216 42.1141 13.928 41.5261 13.352C40.9501 12.764 40.6621 11.936 40.6621 10.868V4.71204H42.9301V10.49C42.9301 11.666 43.5121 12.254 44.6761 12.254C45.2521 12.254 45.7381 12.05 46.1341 11.642C46.5421 11.222 46.7461 10.646 46.7461 9.91404Z" fill="white"/>
148                <path d="M38.968 4.56799C39.172 4.56799 39.358 4.57999 39.526 4.60399V6.69199H38.95C38.086 6.69199 37.42 6.91399 36.952 7.35799C36.496 7.78999 36.268 8.43199 36.268 9.28399V14H34V4.71199H36.196V6.36799C36.712 5.16799 37.636 4.56799 38.968 4.56799Z" fill="white"/>
149                <path d="M28.4253 4.49597C29.6973 4.49597 30.7113 4.93397 31.4673 5.80997C32.2113 6.69797 32.5833 7.87997 32.5833 9.35597C32.5833 10.82 32.2113 11.996 31.4673 12.884C30.7113 13.772 29.6973 14.216 28.4253 14.216C27.1653 14.216 26.2053 13.742 25.5453 12.794V17.528H23.2773V4.71197H25.4553V6.04397C26.1273 5.01197 27.1173 4.49597 28.4253 4.49597ZM26.1393 11.57C26.5473 12.086 27.1293 12.344 27.8853 12.344C28.6293 12.344 29.2173 12.074 29.6493 11.534C30.0693 11.006 30.2793 10.256 30.2793 9.28397C30.2793 8.33597 30.0693 7.61597 29.6493 7.12397C29.2413 6.61997 28.6533 6.36797 27.8853 6.36797C27.1293 6.36797 26.5413 6.62597 26.1213 7.14197C25.7013 7.65797 25.4913 8.39597 25.4913 9.35597C25.4913 10.328 25.7073 11.066 26.1393 11.57Z" fill="white"/>
150                <path d="M19.2709 7.05204L20.0269 4.71204H22.4029L18.8209 14.756C18.4369 15.812 17.9569 16.538 17.3809 16.934C16.7929 17.342 15.9409 17.546 14.8249 17.546C14.4529 17.546 14.1229 17.528 13.8349 17.492V15.71H14.6989C15.1909 15.71 15.5689 15.572 15.8329 15.296C16.0969 15.02 16.2289 14.66 16.2289 14.216C16.2289 13.772 16.0849 13.148 15.7969 12.344L13.0969 4.71204H15.5449L16.3009 7.03404C16.8289 8.69004 17.3209 10.418 17.7769 12.218C18.1369 10.862 18.6349 9.14004 19.2709 7.05204Z" fill="white"/>
151                <path d="M6.71391 14.288C4.86591 14.288 3.37191 13.682 2.23191 12.47C1.07991 11.258 0.503906 9.632 0.503906 7.592C0.503906 5.54 1.07391 3.908 2.21391 2.696C3.34191 1.496 4.84191 0.895996 6.71391 0.895996C8.21391 0.895996 9.49191 1.298 10.5479 2.102C11.6039 2.906 12.2639 4.07 12.5279 5.594H10.0619C9.84591 4.754 9.44391 4.118 8.85591 3.686C8.27991 3.242 7.56591 3.02 6.71391 3.02C5.57391 3.02 4.67391 3.428 4.01391 4.244C3.36591 5.048 3.04191 6.164 3.04191 7.592C3.04191 9.032 3.3
1516591 10.154 4.01391 10.958C4.66191 11.762 5.56191 12.164 6.71391 12.164C7.60191 12.164 8.36391 11.9 8.99991 11.372C9.63591 10.844 10.0199 10.112 10.1519 9.176H12.5819C12.4259 10.808 11.7899 12.068 10.6739 12.956C9.56991 13.844 8.24991 14.288 6.71391 14.288Z" fill="white"/>
152                </svg>
153                
154            
155        </a>
156
157        <div class="flex items-center gap-6 max-lg:flex-row-reverse z-[120]">
158            <!-- Show only on mobile devices -->
159            <button class="relative z-[110] block lg:hidden group burger-menu" :class="{'is-open' : menuIsOpen}"
160                    @click="menuIsOpen =! menuIsOpen">
161                <div class="flex flex-col justify-between w-[20px] h-[20px] transform transition-all origin-center overflow-hidden">
162                    <span :class="{'rotate-[42deg]' : menuIsOpen}"></span>
163                    <span :class="{'-translate-x-10' : menuIsOpen}"></span>
164                    <span :class="{'-rotate-[42deg]' : menuIsOpen}"></span>
165                </div>
166            </button>
167
168            <!-- Show only on desktop -->
169            <ul class="flex-row justify-between hidden gap-6 mx-auto text-center lg:flex md:mx-0 w-max ">
170                
171
172                
173                    
174                    
175                        <!-- Menu Links with Child Pages -->
176                        <li class="relative" @mouseleave="dropdownIsOpen1 = false">
177                            <!-- Dropdown Toggle Button -->
178                            <a href="/films/" class="navbar-link "
179                            @mouseover="dropdownIsOpen1 = true">
180                                Films
181                                <span class="transition-transform" >
182                                    <svg class="w-3 h-3 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
183                                    stroke-width="2" stroke="currentColor">
184                                   <path stroke-linecap="round" stroke-linejoin="round"
185                                         d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
186                               </svg>
187                                </span>
188                            </a>
189
190                            <!-- Dropdown Menu -->
191                            <div class="absolute -left-4 pt-5 top-[7px] "
192                            x-transition:enter="transition ease-in-out"
193                            x-transition:enter-start="opacity-0"
194                            x-transition:enter-end="opacity-100"
195                            x-transition:leave="transition ease-in-out"
196                            x-transition:leave-start="opacity-100"
197                            x-transition:leave-end="opacity-0"
198                            x-show="dropdownIsOpen1"
199                            x-cloak>
200                                <ul class="flex flex-col gap-y-3 p-4 py-5  bg-black/70 backdrop-blur  shadow-lg min-w-max text-left transition-all">
201                                    
202                                        <li>
203                                            <a href="/films/film-catalogue/" class="navbar-link child-link is-active">
204                                                Current Productions
205                                            </a>
206                                        </li>
207                                    
208                                        <li>
209                                            <a href="/films/film-archive/" class="navbar-link child-link ">
210                                                Film Archive
211                                            </a>
212                                        </li>
213                                    
214                                </ul>
215                            </div>
216                        </li>
217                    
218                
219                    
220                    
221                        <!-- Menu Links without Child Pages -->
222                        <li>
223                            <a href="/funding/" class="navbar-link ">
224                                Funding
225                            </a>
226                        </li>
227                    
228                
229                    
230                    
231                        <!-- Menu Links with Child Pages -->
232                        <li class="relative" @mouseleave="dropdownIsOpen3 = false">
233                            <!-- Dropdown Toggle Button -->
234                            <a href="/festivals/" class="navbar-link "
235                            @mouseover="dropdownIsOpen3 = true">
236                                Festivals
237                                <span class="transition-transform" >
238                                    <svg class="w-3 h-3 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
239                                    stroke-width="2" stroke="currentColor">
240                                   <path stroke-linecap="round" stroke-linejoin="round"
241                                         d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
242                               </svg>
243                                </span>
244                            </a>
245
246                            <!-- Dropdown Menu -->
247                            <div class="absolute -left-4 pt-5 top-[7px] "
248                            x-transition:enter="transition ease-in-out"
249                            x-transition:enter-start="opacity-0"
250                            x-transition:enter-end="opacity-100"
251                            x-transition:leave="transition ease-in-out"
252                            x-transition:leave-start="opacity-100"
253                            x-transition:leave-end="opacity-0"
254                            x-show="dropdownIsOpen3"
255                            x-cloak>
256                                <ul class="flex flex-col gap-y-3 p-4 py-5  bg-black/70 backdrop-blur  shadow-lg min-w-max text-left transition-all">
257                                    
258                                        <li>
259                                            <a href="/festivals/official-festivals/" class="navbar-link child-link ">
260                                                Official Festivals
261                                            </a>
262                                        </li>
263                                    
264                                        <li>
265                                            <a href="/festivals/indepedent-festivals/" class="navbar-link child-link ">
266                                                Independent Festivals
267                                            </a>
268                                        </li>
269                                    
270                                        <li>
271                                            <a href="/festivals/film-clubs/" class="navbar-link child-link ">
272                                                Film Clubs
273                                            </a>
274                                        </li>
275                                    
276                                        <li>
277                                            <a href="/festivals/international-festivals/" class="navbar-link child-link ">
278                                                International Festivals
279                                            </a>
280                                        </li>
281                                    
282                                </ul>
283                            </div>
284                        </li>
285                    
286                
287                    
288                    
289                        <!-- Menu Links without Child Pages -->
290                        <li>
291                            <a href="/filming/" class="navbar-link ">
292                                Incentives
293                            </a>
294                        </li>
295                    
296                
297                    
298                    
299                        <!-- Menu Links without Child Pages -->
300                        <li>
301                            <a href="/trainings/" class="navbar-link ">
302                                Training
303                            </a>
304                        </li>
305                    
306                
307                    
308                    
309                        <!-- Menu Links without Child Pages -->
310                        <li>
311                            <a href="/about/" class="navbar-link ">
312                                About
313                            </a>
314                        </li>
315                    
316                
317                    
318                    
319                        <!-- Menu Links without Child Pages -->
320                        <li>
321                            <a href="/contact-us/" class="navbar-link ">
322                                Contact
323                            </a>
324                        </li>
325                    
326                
327            </ul>
328
329            
330            
331                <a class="search-button w-10 h-10 rounded-full p-2 inline-flex items-center justify-center cursor-pointer navbar-link" @click="dropdownIsOpenSearch = true; $nextTick(() => $refs.searchField.focus())">
332                    <svg xmlns="http://www.w3.org/2000/svg" height="16" width="16" viewB
332ox="0 0 512 512">
333                        <path style="fill:currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
334                    </svg>
335                </a>
336
337                <div class="-z-10 fixed w-screen h-screen left-0 p-5 top-0  bg-black/90 flex items-center justify-center text-white"
338                    x-transition:enter="transition ease-in-out"
339                    x-transition:enter-start="opacity-0"
340                    x-transition:enter-end="opacity-100"
341                    x-transition:leave="transition ease-in-out"
342                    x-transition:leave-start="opacity-100"
343                    x-transition:leave-end="opacity-0"
344                    x-show="dropdownIsOpenSearch"
345                    x-trap.noscroll="dropdownIsOpenSearch"
346                    x-cloak>
347
348                    <ul class="flex flex-col py-10 px-10 gap-y-3 gap-x-10 align-center justify-center w-full max-w-[600px]" @click.outside="dropdownIsOpenSearch = false" >
349                        <div>
350                            <p class="text-h3 text-center mb-6">
351                                Search
352                            </p>
353                            <form action="/search/" class="flex relative max-w-xl w-full mx-auto">
354                                <input x-ref="searchField" type="text" name="query" value="" 
355                                class="!my-0 rounded-full bg-transparent grow !border-white box-border ring-orange-500 focus:!border-orange-500 focus:ouline-secondary outline-none !text-white">
356
357                                <button type="submit" class="button rounded-full button-sm white absolute -right-[2px] top-0 h-full !bg-orange-500 text-black flex items-center justify-center !p-0  w-16">
358                                    <svg xmlns="http://www.w3.org/2000/svg" height="18" viewBox="0 0 512 512">
359                                        <path class="" style="fill:currentColor" d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z" />
360                                    </svg>
361                                </button>
362                            </form>
363                        </div>
364                    </ul>
365                </div>
366            
367        <ul class="">
368
369                <li class="relative" @mouseleave="dropdownIsOpenLangPicker = false">
370                    <!-- Dropdown Toggle Button -->
371                    <a
372                    class="navbar-link uppercase "
373                    @mouseover="dropdownIsOpenLangPicker = true">
374                    En
375                    <span class="transition-transform"
376                    :class="{'-rotate-180' : dropdownIsOpenLangPicker == true}">
377                    <svg class="w-3 h-3 -mt-1" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
378                    stroke-width="2" stroke="currentColor">
379                   <path stroke-linecap="round" stroke-linejoin="round"
380                         d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
381               </svg>
382            </span>
383                </a>
384                <div class="absolute right-0"
385                x-transition:enter="transition ease-in-out"
386                x-transition:enter-start="opacity-0"
387                     x-transition:enter-end="opacity-100"
388                     x-transition:leave="transition ease-in-out"
389                     x-transition:leave-start="opacity-100"
390                     x-transition:leave-end="opacity-0"
391                     x-show="dropdownIsOpenLangPicker"
392                     x-cloak>
393                     <ul class="flex flex-col gap-y-3 p-4 py-5  bg-black/70 backdrop-blur  shadow-lg min-w-max text-left transition-all">
394
395                         
396                         
397
398                         
399                         
400                        
401                        
402                         
403
404                         
405                         
406                         
407                             <li>
408                                 <a class="navbar-link child-link"
409                                 href="/el/films/film-catalogue/" rel="alternate"
410                                 hreflang="el">
411                                 Ελληνικά
412                                </a>
413                            </li>
414                         
415                        
416                        
417                        
418                    </ul>
419                </div>
420            </li>
421        </ul>
422        </div>
423    </div>
424    
425    <!-- Mobile Menu - Open Menu -->
426    <div class="fixed inset-0 z-[110] flex items-center justify-center w-full py-20 transition-all bg-black"
427    x-transition:enter="transition ease-in-out"
428    x-transition:enter-start="opacity-0"
429    x-transition:enter-end="opacity-100"
430    x-transition:leave="transition ease-in-out"
431    x-transition:leave-start="opacity-100"
432    x-transition:leave-end="opacity-0"
433    x-show="menuIsOpen"
434    x-trap.noscroll="menuIsOpen"
435    x-cloak>
436        <ul class="flex flex-col gap-5 mx-auto text-center w-max">
437            
438
439            
440                
441                
442                    <!-- Menu Links with Child Pages -->
443                    <li>
444                        <a href="/films/" class="navbar-link ">
445                            Films
446                            <span class="transition-transform" :class="{'-rotate-180' : isSelected == 1}"
447                                @click="isSelected !== 1 ? isSelected = 1 : isSelected = null"
448                                @click.prevent="">
449                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
450                                    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
451                                </svg>
452                            </span>
453                        </a>
454                        <div class="min-h-0 overflow-hidden transition-all duration-700 max-h-0" x-ref="container1"
455                        :class="{'mt-5' : isSelected == 1}"
456                        :style="isSelected == 1 ? 'min-height: ' + $refs.container1.scrollHeight + 'px' : ''">
457                            <ul class="flex flex-col items-center gap-y-2">
458                                
459                                    <li>
460                                        <a href="/films/film-catalogue/" class="navbar-link child-link is-active">
461                                            Current Productions
462                                        </a>
463                                    </li>
464                                
465                                    <li>
466                                        <a href="/films/film-archive/" class="navbar-link child-link ">
467                                            Film Archive
468                                        </a>
469                                    </li>
470                                
471                            </ul>
472                        </div>
473                    </li>
474                
475            
476                
477                
478                    <!-- Menu Links without Child Pages -->
479                    <li>
480                        <a href="/funding/" class="navbar-link ">
481                            Funding
482                        </a>
483                    </li>
484                
485            
486                
487                
488                    <!-- Menu Links with Child Pages -->
489                    <li>
490                        <a href="/festivals/" class="navbar-link ">
491                            Festivals
492                            <span class="transition-transform" :class="{'-rotate-180' : isSelected == 3}"
493                                @click="isSelected !== 3 ? isSelected = 3 : isSelected = null"
494                                @click.prevent="">
495                                <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
496                                    <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" />
497                                </svg>
498                            </span>
499                        </a>
500                        <div class="min-h-0 overflow-hidden transition-all duration-700 max-h-0" x-ref="container3"
501                        :class="{'mt-5' : isSelected == 3}"
502                        :style="isSelected == 3 ? 'min-height: ' + $refs.container3.scrollHeight + 'px' : ''">
503                            <ul class="flex flex-col items-center gap-y-2">
504                                
505                                    <li>
506                                        <a href="/festivals/official-festivals/" class="navbar-link child-link ">
507                                            Official Festivals
508                                        </a>
509                                    </li>
510                                
511                                    <li>
512                                        <a href="/festivals/indepedent-festivals/" class="navbar-link child-link ">
513                                            Independent Festivals
514                                        </a>
515                                    </li>
516                                
517                                    <li>
518                                        <a href="/festivals/film-clubs/" class="navbar-link child-link ">
519                                            Film Clubs
520                                        </a>
521                                    </li>
522                                
523                                    <li>
524                                        <a href="/festivals/international-festivals/" class="navbar-link child-link ">
525                                            International Festivals
526                                        </a>
527                                    </li>
528                                
529                            </ul>
530                        </div>
531                    </li>
532                
533            
534                
535                
536                    <!-- Menu Links without Child Pages -->
537                    <li>
538                        <a href="/filming/" class="navbar-link ">
539                            Incentives
540                        </a>
541                    </li>
542                
543            
544                
545                
546                    <!-- Menu Links without Child Pages -->
547                    <li>
548                        <a href="/trainings/" class="navbar-link ">
549                            Training
550                        </a>
551                    </li>
552                
553            
554                
555                
556                    <!-- Menu Links without Child Pages -->
557                    <li>
558                        <a href="/about/" class="navbar-link ">
559                            About
560                        </a>
561                    </li>
562                
563            
564                
565                
566                    <!-- Menu Links without Child Pages -->
567                    <li>
568                        <a href="/contact-us/" class="navbar-link ">
569                            Contact
570                        </a>
571                    </li>
572                
573            
574        </ul>
575    </div>
576</nav>
577        
578
579        
580    
581
582<header class="min-h-[400px] md:min-h-[550px] pt-[350px]  pb-20  bg-cover bg-no-repeat bg-center flex "
583        style="background-image: linear-gradient(to bottom, rgba(13, 13, 13, 0) 0%, rgba(13, 13, 13, 0.4) 50%,  rgba(13, 13, 13, 1) 650px), linear-gradient(to bottom, rgba(13, 13, 13, 0.7) 0%, rgba(13, 13, 13, 0) 200px ), url('/images/AuliVHbSCcuQ-fKqJn7scynna4Q=/46/width-1920/Films_-_movie_scene.png')">
584    <div class="container text-white max-md:overflow-auto">
585        
586        
587        <h1 class="max-w-[600px] text-h1 font-semibold ">
588            Current Productions
589        </h1>
590        
591
592
593
594        
595        
596
597        
598    </div>
599</header>
600  <main class="bg-black">
601    <section class="pt-8">
602        <div class="container">
603        
604<div class="relative flex flex-col" x-data="{showonmobile:false}" @click.outside="showonmobile = false">
605
606
607    <div class="p-2 text-white cursor-pointer  z-[51] mr-auto flex gap-2 ">
608        <div class="z-[100] relative top-1 md:hidden" @click="showonmobile = !showonmobile">
609
610            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
611                <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6H20C20.2652 6 20.5196 6.10536 20.7071 6.29289C20.8946 6.48043 21 6.73478 21 7C21 7.26522 20.8946 7.51957 20.7071 7.70711C20.5196 7.89464 20.2652 8 20 8H4C3.73478 8 3.48043 7.89464 3.29289 7.70711C3.10536 7.51957 3 7.26522 3 7ZM5 11.5C5 11.2348 5.10536 10.9804 5.29289 10.7929C5.48043 10.6054 5.73478 10.5 6 10.5H18C18.2652 10.5 18.5196 10.6054 18.7071 10.7929C18.8946 10.9804 19 11.2348 19 11.5C19 11.7652 18.8946 12.0196 18.7071 12.2071C18.5196 12.3946 18.2652 12.5 18 12.5H6C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5ZM8 16C8 15.7348 8.10536 15.4804 8.29289 15.2929C8.48043 15.1054 8.73478 15 9 15H15C15.2652 15 15.5196 15.1054 15.7071 15.2929C15.8946 15.4804 16 15.7348 16 16C16 16.2652 15.8946 16.5196 15.7071 16.7071C15.5196 16.8946 15.2652 17 15 17H9C8.73478 17 8.48043 16.8946 8.29289 16.7071C8.10536 16.5196 8 16.2652 8 16Z" fill="currentColor" />
612            </svg>
613        </div>
614
615        
616
617
618
619    </div>
620    <div
621         :class="{ '': showonmobile, 'max-md:hidden': !showonmobile }"
622         class="flex relative vb items-center z-100 bg-black gap-3 z-20 mb-8  max-md:absolute max-md:h-auto max-md:px-12 py-5 max-md:w-full max-md:z-[100] max-md:items-start max-md:flex max-md:flex-col max-md:bg-black max-md:-top-5 max-md:left-0 ">
623
624
625        <div class="z-[101] text-white absolute top-8 left-2 md:hidden" @click="showonmobile = !showonmobile">
626
627            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
628                <path fill-rule="evenodd" clip-rule="evenodd" d="M3 7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6H20C20.2652 6 20.5196 6.10536 20.7071 6.29289C20.8946 6.48043 21 6.73478 21 7C21 7.26522 20.8946 7.51957 20.7071 7.70711C20.5196 7.89464 20.2652 8 20 8H4C3.73478 8 3.48043 7.89464 3.29289 7.70711C3.10536 7.51957 3 7.26522 3 7ZM5 11.5C5 11.2348 5.10536 10.9804 5.29289 10.7929C5.48043 10.6054 5.73478 10.5 6 10.5H18C18.2652 10.5 18.5196 10.6054 18.7071 10.7929C18.8946 10.9804 19 11.2348 19 11.5C19 11.7652 18.8946 12.0196 18.7071 12.2071C18.5196 12.3946 18.2652 12.5 18 12.5H6C5.73478 12.5 5.48043 12.3946 5.29289 12.2071C5.10536 12.0196 5 11.7652 5 11.5ZM8 16C8 15.7348 8.10536 15.4804 8.29289 15.2929C8.48043 15.1054 8.73478 15 9 15H15C15.2652 15 15.5196 15.1054 15.7071 15.2929C15.8946 15.4804 16 15.7348 16 16C16 16.2652 15.8946 16.5196 15.7071 16.7071C15.5196 16.8946 15.2652 17 15 17H9C8.73478 17 8.48043 16.8946 8.29289 16.7071C8.10536 16.5196 8 16.2652 8 16Z" fill="currentColor" />
629            </svg>
630        </div>
631        <div x-cloak x-data="{ open: false }" class="relative text-white rounded-lg max-md:w-full ">
632
633            <form action="" class="flex gap-3 filters-form max-md:flex-col">
634                
635                    <select name="production_stage" id="id_production_stage"  class=" min-w-[180px] my-0 bg-black border border-white text-white rounded-md">
636                        <option value="" disabled selected>Production Stage</option>
637
638                        
639
640                        <option value="in_development"  > In Development</option>
641
642                        
643
644                        <option value="in_production"  > In Production</option>
645
646                        
647
648                        <option value="new_release"  > New Releases</option>
649
650                        
651                    </select>
652                
653                <select name="duration" id="id_duration"   class=" min-w-[140px] my-0 bg-black border border-white text-white rounded-md">
654                    <option value="" disabled selected>Duration</option>
655
656                    
657
658                    <option value="featured"   > Feature</option>
659
660                    
661
662                    <option value="short_film"   > Short Film</option>
663
664                    
665                </select>
666                <select name="category" id="id_category"  class=" min-w-[140px] my-0 bg-black border border-white text-white rounded-md">
667                    <option value="" disabled selected>Category</option>
668
669                    
670
671                    <option value="3" > Animation</option>
672
673                    
674
675                    <option value="2" > Documentary</option>
676
677                    
678
679                    <option value="1" > Fiction</option>
680
681                    
682                </select>
683             <button class=" rounded-md !bg-white/50 text-black font-black hover:!bg-orange-400 hover:!text-black w-auto whitespace-nowrap py-2 px-4 text-center !content-center">Filter Films</button>
684            </form>
685        </div>
686
687    </div>
688</div>
689        
690        
691        
692        
693        
694        
695        
696        
697        
698        
699        
700        
701        
702        
703        
704        
705        
706        
707        <div class="max-md:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 grid gap-x-5 gap-y-12">
708
709                
710                    
711<a href="/films/film-catalogue/miahara/" class="relative group">
712    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
713        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
714             x-data="{ tooltip: false }"
715             x-on:mouseover="tooltip = true"
716             x-on:mouseleave="tooltip = false">
717            
718            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
719                <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
71976 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" />
720                <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009 
72016.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" />
721            </svg>
722
723            
724
725            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
726
727                
728                    In Development
729                
730            </div>
731        </div>
732
733        
734        
735        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/MIA_ChARA_-_AFISA.2e16d0ba.fill-350x500.png" alt="ΜΙΑ ΧΑΡΑ - ΑΦΙΣΑ">
736        
737
738
739
740
741        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
742
743        </div>
744
745        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
746
747            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Mia Hara</h4>
748
749
750        </div>
751    </div>
752</a>
753                
754                    
755<a href="/films/film-catalogue/nala-and-stella/" class="relative group">
756    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
757        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
758             x-data="{ tooltip: false }"
759             x-on:mouseover="tooltip = true"
760             x-on:mouseleave="tooltip = false">
761            
762            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
763                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
764            </svg>
765            
766
767            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
768
769                
770                    In Production
771                
772            </div>
773        </div>
774
775        
776        
777        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Nala__Stella.2e16d0ba.fill-350x500.jpg" alt="Nala &amp; Stella">
778        
779
780
781
782
783        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
784
785        </div>
786
787        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
788
789            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">The Lion at my Back</h4>
790
791
792        </div>
793    </div>
794</a>
795                
796                    
797<a href="/films/film-catalogue/women-of-22/" class="relative group">
798    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
799        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
800             x-data="{ tooltip: false }"
801             x-on:mouseover="tooltip = true"
802             x-on:mouseleave="tooltip = false">
803            
804            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
805                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
806            </svg>
807            
808
809            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
810
811                
812                    In Production
813                
814            </div>
815        </div>
816
817        
818        
819        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Women_of_22_-_Poster_22-1024x558.2e16d0ba.fill-350x500.png" alt="Women of 22 - Poster 22-1024x558">
820        
821
822
823
824
825        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
826
827        </div>
828
829        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
830
831            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Women of 22</h4>
832
833
834        </div>
835    </div>
836</a>
837                
838                    
839<a href="/films/film-catalogue/maricel/" class="relative group">
840    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
841        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
842             x-data="{ tooltip: false }"
843             x-on:mouseover="tooltip = true"
844             x-on:mouseleave="tooltip = false">
845            
846            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
847                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 
84713.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
848            </svg>
849            
850
851            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
852
853                
854                    In Production
855                
856            </div>
857        </div>
858
859        
860        
861        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Maricel.2e16d0ba.fill-350x500.jpg" alt="Maricel">
862        
863
864
865
866
867        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
868
869        </div>
870
871        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
872
873            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Maricel</h4>
874
875
876        </div>
877    </div>
878</a>
879                
880                    
881<a href="/films/film-catalogue/gizem/" class="relative group">
882    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
883        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
884             x-data="{ tooltip: false }"
885             x-on:mouseover="tooltip = true"
886             x-on:mouseleave="tooltip = false">
887            
888            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
889                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
890            </svg>
891            
892
893            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
894
895                
896                    In Production
897                
898            </div>
899        </div>
900
901        
902        
903        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Gizem_-_Poster_66.2e16d0ba.fill-350x500.png" alt="Gizem - Poster 66">
904        
905
906
907
908
909        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
910
911        </div>
912
913        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
914
915            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Apart from Her</h4>
916
917
918        </div>
919    </div>
920</a>
921                
922                    
923<a href="/films/film-catalogue/my-name-is-lily/" class="relative group">
924    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
925        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
926             x-data="{ tooltip: false }"
927             x-on:mouseover="tooltip = true"
928             x-on:mouseleave="tooltip = false">
929            
930            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
931                <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
93176 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" />
932                <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009 
93216.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" />
933            </svg>
934
935            
936
937            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
938
939                
940                    In Development
941                
942            </div>
943        </div>
944
945        
946        
947        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/My_Name_is_Lily_picture_booklet.2e16d0ba.fill-350x500.jpg" alt="My Name is Lily picture booklet">
948        
949
950
951
952
953        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
954
955        </div>
956
957        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
958
959            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">My Name is Lily</h4>
960
961
962        </div>
963    </div>
964</a>
965                
966                    
967<a href="/films/film-catalogue/vasiles-michaelides/" class="relative group">
968    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
969        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
970             x-data="{ tooltip: false }"
971             x-on:mouseover="tooltip = true"
972             x-on:mouseleave="tooltip = false">
973            
974            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
975                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
976            </svg>
977            
978
979            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
980
981                
982                    In Production
983                
984            </div>
985        </div>
986
987        
988        
989        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Vasiles_Michaelides_-_Poster_72.2e16d0ba.fill-350x500.png" alt="Vasiles Michaelides - Poster 72">
990        
991
992
993
994
995        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
996
997        </div>
998
999        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1000
1001            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Vasilis Michaelides</h4>
1002
1003
1004        </div>
1005    </div>
1006</a>
1007                
1008                    
1009<a href="/films/film-catalogue/shibboleth/" class="relative group">
1010    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1011        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1012             x-data="{ tooltip: false }"
1013             x-on:mouseover="tooltip = true"
1014             x-on:mouseleave="tooltip = false">
1015            
1016            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
1017                <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
101776 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" />
1018                <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009 
101816.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" />
1019            </svg>
1020
1021            
1022
1023            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1024
1025                
1026                    In Development
1027                
1028            </div>
1029        </div>
1030
1031        
1032        
1033        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Shibboleth_-_Poster_68.2e16d0ba.fill-350x500.jpg" alt="Shibboleth - Poster 68">
1034        
1035
1036
1037
1038
1039        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1040
1041        </div>
1042
1043        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1044
1045            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Shibboleth</h4>
1046
1047
1048        </div>
1049    </div>
1050</a>
1051                
1052                    
1053<a href="/films/film-catalogue/the-first-cypriot-astronaut/" class="relative group">
1054    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1055        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1056             x-data="{ tooltip: false }"
1057             x-on:mouseover="tooltip = true"
1058             x-on:mouseleave="tooltip = false">
1059            
1060            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
1061                <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.1076 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" />
1062                <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.
10626355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009 16.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" />
1063            </svg>
1064
1065            
1066
1067            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1068
1069                
1070                    In Development
1071                
1072            </div>
1073        </div>
1074
1075        
1076        
1077        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/The_first_Cypriot_astronaut_-_Post.2e16d0ba.fill-350x500.png" alt="The first Cypriot astronaut - Poster 60">
1078        
1079
1080
1081
1082
1083        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1084
1085        </div>
1086
1087        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1088
1089            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">The First Cypriot Astronaut</h4>
1090
1091
1092        </div>
1093    </div>
1094</a>
1095                
1096                    
1097<a href="/films/film-catalogue/common-good/" class="relative group">
1098    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1099        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1100             x-data="{ tooltip: false }"
1101             x-on:mouseover="tooltip = true"
1102             x-on:mouseleave="tooltip = false">
1103            
1104            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1105                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
1106            </svg>
1107            
1108
1109            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1110
1111                
1112                    In Production
1113                
1114            </div>
1115        </div>
1116
1117        
1118        
1119        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Common_Good.2e16d0ba.fill-350x500.jpg" alt="Common Good">
1120        
1121
1122
1123
1124
1125        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1126
1127        </div>
1128
1129        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1130
1131            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Common Good</h4>
1132
1133
1134        </div>
1135    </div>
1136</a>
1137                
1138                    
1139<a href="/films/film-catalogue/the-unfair-life-of-vassilia-belousi/" class="relative group">
1140    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1141        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1142             x-data="{ tooltip: false }"
1143             x-on:mouseover="tooltip = true"
1144             x-on:mouseleave="tooltip = false">
1145            
1146            <svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
1147                <path d="M14.5725 8.59788C14.6507 8.64306 14.7192 8.70321 14.7742 8.77489C14.8291 8.84657 14.8694 8.92838 14.8928 9.01563C14.9161 9.10289 14.922 9.19389 14.9101 9.28342C14.8983 9.37296 14.8689 9.45929 14.8237 9.53747L11.6914 14.9577C11.6466 15.0365 11.5866 15.1057 11.515 15.1613C11.4433 15.2168 11.3614 15.2576 11.2739 15.2814C11.1864 15.3052 11.095 15.3114 11.0051 15.2997C10.9152 15.288 10.8285 15.2586 10.75 15.2133C10.6715 15.168 10.6027 15.10
114776 10.5476 15.0355C10.4925 14.9635 10.4523 14.8813 10.4291 14.7936C10.4059 14.706 10.4003 14.6146 10.4126 14.5248C10.4249 14.4349 10.4548 14.3484 10.5007 14.2702L13.6338 8.84905C13.7251 8.69135 13.8752 8.57632 14.0512 8.52923C14.2272 8.48213 14.4147 8.50682 14.5725 8.59788Z" fill="#9AC7C3" fill-opacity="0.7" />
1148                <path d="M13.7393 3.96956C14.2393 3.58712 14.8704 3.41806 15.4947 3.49931C15.7651 3.53598 16.0099 3.63039 16.2537 3.74864C16.4865 3.86323 16.7578 4.01998 17.0823 4.20698L17.1218 4.22989C17.4454 4.41598 17.7176 4.57364 17.933 4.71848C18.1576 4.86881 18.3629 5.03289 18.5289 5.25014C18.9129 5.74973 19.0825 6.38039 19 7.00464C18.9583 7.26953 18.8737 7.52587 18.7498 7.76364C18.6361 7.99648 18.4784 8.26781 18.2914 8.59139L13.5926 16.7222C13.2957 17.2617 12.8473 17.7024 12.3028 17.99L10.5969 18.936C10.2944 19.1037 10.0286 19.2513 9.8031 19.3503C9.65085 19.4207 9.49042 19.4718 9.32552 19.5025C9.27299 19.5132 9.21962 19.5194 9.16602 19.5208H3.66602C3.48368 19.5208 3.30881 19.4484 3.17988 19.3194C3.05095 19.1905 2.97852 19.0156 2.97852 18.8333C2.97852 18.651 3.05095 18.4761 3.17988 18.3472C3.30881 18.2182 3.48368 18.1458 3.66602 18.1458H7.64068L7.63518 18.1C7.61085 17.8027 7.59862 17.5045 7.59852 17.2062L7.56552 15.2565C7.54192 14.6414 7.69938 14.033 8.01835 13.5066L12.7181 5.37573C12.9042 5.05214 13.0618 4.77989 13.2067 4.56448C13.3579 4.33989 13.522 4.13548 13.7383 3.96864M15.3141 4.86148C15.0511 4.82763 14.7853 4.89877 14.5743 5.05948C14.5258 5.09706 14.4579 5.16489 14.3461 5.33173C14.2155 5.53355 14.0911 5.73929 13.973 5.94864L13.9932 5.95598C14.3452 6.09348 14.8713 6.33731 15.6248 6.77181C16.3683 7.20081 16.8339 7.57114 17.1245 7.85989C17.306 7.54639 17.4289 7.33189 17.5141 7.15773C17.6021 6.97714 17.6278 6.88548 17.636 6.82406C17.6691 6.56194 17.598 6.2973 17.438 6.08706C17.4004 6.03756 17.3326 5.97064 17.1658 5.85789C16.9197 5.70072 16.6691 5.55093 16.4141 5.40873C16.0658 5.20706 15.8338 5.07414 15.6478 4.98339C15.4672 4.89539 15.3755 4.86973 15.3141 4.86148ZM16.3215 9.01214L16.3243 9.01947L16.3307 9.03231L16.338 9.04698L16.3362 9.04423L16.3197 9.00756L16.3215 9.01214ZM16.3197 9.00756L16.3188 9.00389V9.00573M16.3307 9.03598C16.2846 8.97177 16.2331 8.91166 16.1767 8.85631C15.9934 8.67023 15.6267 8.36131 14.9373 7.96256C14.2297 7.55464 13.7659 7.34381 13.4927 7.23656C13.4205 7.20828 13.3474 7.18229 13.2736 7.15864L9.20818 14.1941C9.01429 14.5042 8.92023 14.8664 8.93868 15.2317L8.96893 17.0174C9.4181 17.0816 9.81593 17.3098 10.0983 17.6389L11.6355 16.7864C11.9616 16.6201 12.2288 16.3577 12.4009 
114816.0347L16.3884 9.13498C16.3693 9.10575 16.3519 9.07545 16.3362 9.04423L16.3307 9.03598Z" fill="#9AC7C3" fill-opacity="0.7" />
1149            </svg>
1150
1151            
1152
1153            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1154
1155                
1156                    In Development
1157                
1158            </div>
1159        </div>
1160
1161        
1162        
1163        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/The_Unfair_Life_of_Vassilia_Belous.2e16d0ba.fill-350x500.png" alt="The Unfair Life of Vassilia Belousi - Poster Unfair-938x1024">
1164        
1165
1166
1167
1168
1169        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1170
1171        </div>
1172
1173        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1174
1175            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Life is Cruel to Vassilia Belousi</h4>
1176
1177
1178        </div>
1179    </div>
1180</a>
1181                
1182                    
1183<a href="/films/film-catalogue/motherwitch/" class="relative group">
1184    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1185        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1186             x-data="{ tooltip: false }"
1187             x-on:mouseover="tooltip = true"
1188             x-on:mouseleave="tooltip = false">
1189            
1190            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1191                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
1192            </svg>
1193            
1194
1195            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1196
1197                
1198                    In Production
1199                
1200            </div>
1201        </div>
1202
1203        
1204        
1205        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Motherwitch.2e16d0ba.fill-350x500.jpg" alt="Motherwitch">
1206        
1207
1208
1209
1210
1211        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1212
1213        </div>
1214
1215        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1216
1217            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Motherwitch</h4>
1218
1219
1220        </div>
1221    </div>
1222</a>
1223                
1224                    
1225<a href="/films/film-catalogue/the-well/" class="relative group">
1226    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1227        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1228             x-data="{ tooltip: false }"
1229             x-on:mouseover="tooltip = true"
1230             x-on:mouseleave="tooltip = false">
1231            
1232            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1233                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
1234            </svg>
1235            
1236
1237            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1238
1239                
1240                    In Production
1241                
1242            </div>
1243        </div>
1244
1245        
1246        
1247        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/The_Well_2.2e16d0ba.fill-350x500.png" alt="The Well 2">
1248        
1249
1250
1251
1252
1253        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1254
1255        </div>
1256
1257        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1258
1259            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">The Well</h4>
1260
1261
1262        </div>
1263    </div>
1264</a>
1265                
1266                    
1267<a href="/films/film-catalogue/how-we-spent-christmas/" class="relative group">
1268    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1269        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1270             x-data="{ tooltip: false }"
1271             x-on:mouseover="tooltip = true"
1272             x-on:mouseleave="tooltip = false">
1273            
1274            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1275                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 
127513.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
1276            </svg>
1277            
1278
1279            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1280
1281                
1282                    In Production
1283                
1284            </div>
1285        </div>
1286
1287        
1288        
1289        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/How_we_spent_Christmas.2e16d0ba.fill-350x500.jpg" alt="How we spent Christmas">
1290        
1291
1292
1293
1294
1295        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1296
1297        </div>
1298
1299        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1300
1301            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">
1301How we Spent Christmas</h4>
1302
1303
1304        </div>
1305    </div>
1306</a>
1307                
1308                    
1309<a href="/films/film-catalogue/eastern-mediterranean/" class="relative group">
1310    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1311        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1312             x-data="{ tooltip: false }"
1313             x-on:mouseover="tooltip = true"
1314             x-on:mouseleave="tooltip = false">
1315            
1316            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1317                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
1318            </svg>
1319            
1320
1321            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1322
1323                
1324                    In Production
1325                
1326            </div>
1327        </div>
1328
1329        
1330        
1331        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Eastern_Mediterranean_image.2e16d0ba.fill-350x500.jpg" alt="Eastern Mediterranean image">
1332        
1333
1334
1335
1336
1337        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1338
1339        </div>
1340
1341        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1342
1343            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Eastern Mediterranean</h4>
1344
1345
1346        </div>
1347    </div>
1348</a>
1349                
1350                    
1351<a href="/films/film-catalogue/yiannis/" class="relative group">
1352    <div class=" rounded-lg overflow-hidden border border-gray/50 ">
1353        <div class="absolute w-10 h-10 bg-black/60 rounded-br-lg flex items-center justify-center z-10"
1354             x-data="{ tooltip: false }"
1355             x-on:mouseover="tooltip = true"
1356             x-on:mouseleave="tooltip = false">
1357            
1358            <svg width="20" height="18" viewBox="0 0 20 18" fill="none" xmlns="http://www.w3.org/2000/svg">
1359                <path d="M16 8C16 7.041 15.32 6.239 14.419 6.046C14.779 5.445 15 4.75 15 4C15 1.794 13.206 0 11 0C9.483 0 8.179 0.857 7.5 2.104C6.821 0.857 5.517 0 4 0C1.794 0 0 1.794 0 4C0 4.902 0.312 5.727 0.817 6.396C0.564936 6.58091 0.359728 6.82233 0.217843 7.10089C0.0759581 7.37945 0.00134793 7.68739 0 8V16C0 17.103 0.897 18 2 18H14C15.103 18 16 17.103 16 16V13.362L20 15.362V8.362L16 10.362V8ZM11 2C12.103 2 13 2.897 13 4C13 5.103 12.103 6 11 6C9.897 6 9 5.103 9 4C9 2.897 9.897 2 11 2ZM4 2C5.103 2 6 2.897 6 4C6 5.103 5.103 6 4 6C2.897 6 2 5.103 2 4C2 2.897 2.897 2 4 2ZM2 16V8H14L14.002 16H2Z" fill="#9AC7C3" fill-opacity="0.7" />
1360            </svg>
1361            
1362
1363            <div x-show="tooltip" class="absolute bg-blue-400 rounded px-2 py-1 origin-left   translate-x-[82px] bg-black text-white text-sm font-bold whitespace-nowrap">
1364
1365                
1366                    In Production
1367                
1368            </div>
1369        </div>
1370
1371        
1372        
1373        <img class=" w-full group-hover:scale-110 transition" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Yiannis.2e16d0ba.fill-350x500.jpg" alt="Yiannis">
1374        
1375
1376
1377
1378
1379        <div class="absolute bottom-0 left-0 w-full bg-gradient-to-b from-black/0 to-black group-hover:pt-[55%] pt-[60%] pb-24  transition-all">
1380
1381        </div>
1382
1383        <div class="px-5 text-center text-h5  absolute bottom-0 w-full">
1384
1385            <h4 class="relative bottom-0  top-4 group-hover:top-0 transition-all text-h6 text-gray group-hover:text-white">Yiannis</h4>
1386
1387
1388        </div>
1389    </div>
1390</a>
1391                
1392            </div>
1393
1394            
1395                <!-- #region PAGINATION -->
1396                <div class="container mt-20">
1397                    <nav class="flex items-center justify-center gap-3" aria-label="Pagination">
1398                        
1399
1400                        
1401                            <a class="border  border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 
1402                             text-white !border-orange-100/50 font-extrabold pointer-events-none " href="?page=1">
1403                                1
1404                            </a>
1405                        
1406                            <a class="border  border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 
1407                              
1408                             text-gray  hover:text-orange-100 hover:border-orange-100/30" href="?page=2">
1409                                2
1410                            </a>
1411                        
1412                            <a class="border  border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 
1413                              
1414                             text-gray  hover:text-orange-100 hover:border-orange-100/30" href="?page=3">
1415                                3
1416                            </a>
1417                        
1418                            <a class="border  border-transparent inline-flex items-center justify-center w-10 h-10 text-h5 transition 
1419                              
1420                             text-gray  hover:text-orange-100 hover:border-orange-100/30" href="?page=4">
1421                                4
1422                            </a>
1423                        
1424                
1425                        
1426                            <a class="flex items-center justify-center ml-6 group " href="?page=2">
1427                                <span class="sr-only">Next Page</span>
1428                                <svg class="w-5 h-5 transition stroke-gray group-hover:stroke-green-500" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
1429                                    <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" />
1430                                </svg>
1431                            </a>
1432                        
1433                    </nav>
1434                </div>
1435                <!-- #endregion PAGINATION -->
1436            
1437        </div>
1438    </section>
1439  </main>
1440
1441
1442        
1443            
1444
1445
1446
1447<footer class="bg-black text-white">
1448    <div class="py-4 bg-center bg-cover flex  gap-5 justify-center items-center" style="background-image: linear-gradient(90deg, rgba(2,0,36,0) 0%, rgba(0,0,0,0.57) 38%, rgba(0,0,0,0.57) 59%, rgba(0,0,0,0) 100%), url('/static/images/footer-stripe.jpg');">
1449        
1450        
1451        <a class="text-light-gray hover:text-white group" href="https://www.facebook.com/departmentofcontemporaryculturecyprus/" target="_blank">
1452            <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 320 512">
1453                <path class="transition fill-light-gray group-hover:fill-green-400" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" fill="currentColor" />
1454            </svg>
1455        </a>
1456        
1457        
1458        
1459        <a class="group" href="https://twitter.com/cypolitismos" target="_blank">
1460            <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 512 512">
1461                <path class="transition fill-light-gray group-hover:fill-green-400" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z" fill="currentColor" />
1462            </svg>
1463        </a>
1464        
1465        
1466        
1467        <a class="group" href="https://www.instagram.com/depminculturecy/" target="_blank">
1468            <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 448 512">
1469                <path class="transition fill-light-gray group-hover:fill-green-400" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="currentColor" />
1470            </svg>
1471        </a>
1472        
1473        
1474    </div>
1475    </div>
1476    <div class="container py-16 pb-10 flex flex-col gap-10">
1477        <div class="max-md:flex max-md:flex-col md:grid md:grid-cols-12 gap-16">
1478
1479            <div class="col-span-12 lg:col-span-4 flex flex-col gap-8">
1480
1481                <div class="flex gap-4">
1482
1483                    <!-- Logo -->
1484                    
1485                    
1486                    <a target="_blank" href="/" >
1487                        <img class="max-h-24" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/Cyprus_Cinema_Office_-_logo.original.png" alt="Logo">
1488                    </a>
1489                    
1490                    
1491                    
1492                    <a target="_blank" href="/" >
1493                        <img class="max-h-24" src="https://cypruscinemaoffice-live-734ee8cf2dbb46-f27bf77.aldryn-media.com/images/DMC-CC_CMYK-04.original.png" alt="Logo">
1494                    </a>
1495                    
1496
1497                </div>
1498                
1499            </div>
1500
1501            <div class="md:col-span-5 lg:col-span-4 flex flex-col gap-3">
1502                
1503                <h6 class=" font-extrabold mb-3">
1504                    Deputy Ministry of Culture - Department of Contemporary Culture
1505                </h6>
1506                
1507                
1508                <a href="https://www.google.com/maps/search/Ifigenias+27,+Strovolos+2007/@35.1529097,33.3627669,17z/data=!3m1!4b1?entry=ttu&amp;g_ep=EgoyMDI0MTExMS4wIKXMDSoASAFQAw%3D%3D" target="_blank"  class="text-light-gray hover:text-white flex gap-3 items-center">
1509                    <svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
1510                        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 18.54L11.131 17.829C11.847 17.0097 12.4913 16.23 13.064 15.49L13.537 14.866C15.5123 12.2053 16.5 10.0943 16.5 8.533C16.5 5.201 13.814 2.5 10.5 2.5C7.186 2.5 4.5 5.201 4.5 8.533C4.5 10.0943 5.48767 12.2057 7.463 14.867L7.936 15.491C8.75355 16.5383 9.60877 17.5546 10.5 18.54Z" stroke="#6A6A6A" stroke-linecap="round" stroke-linejoin="round" />
1511                        <path d="M10.5 11C11.8807 11 13 9.88071 13 8.5C13 7.11929 11.8807 6 10.5 6C9.11929 6 8 7.11929 8 8.5C8 9.88071 9.11929 11 10.5 11Z" stroke="#6A6A6A" stroke-linecap="round" stroke-linejoin="round" />
1512                    </svg>
1513                    Ifigenias 27, Strovolos, Nicosia, Cyprus
1514
1515                </a>
1516                
1517                
1518                <a href="tel:+357 22 809 811" class="text-light-gray hover:text-white flex gap-3 items-center">
1519                    <svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
1520                        <path d="M11.7787 9.83947L12.1017 9.51859L11.3515 8.76493L11.03 9.0858L11.7787 9.83947ZM13.1847 9.38401L14.5383 10.12L15.0448 9.18639L13.6919 8.45114L13.1847 9.38401ZM14.7983 11.582L13.7925 12.5828L14.5412 13.3358L15.547 12.3356L14.7983 11.582ZM13.179 12.9044C12.152 13.0008 9.49571 12.9151 6.61846 10.0548L5.86905 10.8078C9.00838 13.9294 11.9968 14.0824 13.2782 13.9627L13.179 12.9044ZM6.61846 10.0548C3.87651 7.32772 3.42176 5.03485 3.36509 4.03964L2.30401 4.09985C2.37484 5.35218 2.93796 7.89368 5.86905 10.8078L6.61846 10.0548ZM7.59242 5.6773L7.79571 5.47472L7.047
152071 4.72176L6.84442 4.92364L7.59242 5.6773ZM7.95721 2.89993L7.06471 1.7071L6.21401 2.3446L7.10651 3.53672L7.95721 2.89993ZM4.06067 1.44714L2.94859 2.55214L3.69801 3.3058L4.80938 2.2008L4.06067 1.44714ZM7.21842 5.30047C6.84301 4.92364 6.84301 4.92364 6.84301 4.92505H6.84159L6.83946 4.92789C6.8058 4.96183 6.77566 4.99909 6.74951 5.0391C6.71126 5.09576 6.66946 5.17014 6.63405 5.26435C6.54783 5.50753 6.52634 5.76897 6.57171 6.02297C6.66663 6.63568 7.0888 7.4453 8.16971 8.52055L8.91913 7.76689C7.90692 6.76105 7.66609 6.14905 7.62146 5.86005C7.60021 5.72264 7.62217 5.65464 7.62855 5.63905C7.6328 5.62961 7.6328 5.62819 7.62855 5.6348C7.62223 5.64458 7.61512 5.65382 7.6073 5.66243L7.60021 5.66951L7.59313 5.67589L7.21842 5.30047ZM8.16971 8.52055C9.25134 9.5958 10.0652 10.0151 10.6786 10.1086C10.9924 10.1568 11.2453 10.1186 11.4373 10.047C11.5448 10.0077 11.6452 9.95123 11.7348 9.87985L11.7702 9.84797L11.7751 9.84372L11.7773 9.8416L11.778 9.84018C11.778 9.84018 11.7787 9.83947 11.404 9.46264C11.0285 9.0858 11.0307 9.0851 11.0307 9.0851L11.0321 9.08368L11.0335 9.08226L11.0378 9.07872L11.0448 9.07164L11.0718 9.05039C11.0784 9.04614 11.0767 9.04661 11.0668 9.0518C11.0491 9.05818 10.9797 9.08014 10.8401 9.05889C10.5469 9.01355 9.93063 8.77272 8.91913 7.76689L8.16971 8.52055ZM7.06471 1.70639C6.34221 0.743054 4.92271 0.590054 4.06067 1.44714L4.80938 2.2008C5.18621 1.8261 5.85488 1.86505 6.21401 2.3446L7.06471 1.70639ZM3.3658 4.04035C3.35163 3.79526 3.46426 3.53885 3.69801 3.30651L2.94788 2.55285C2.56751 2.9311 2.26788 3.4666 2.30401 4.09985L3.3658 4.04035ZM13.7925 12.5828C13.5984 12.7769 13.3887 12.886 13.1798 12.9051L13.2782 13.9627C13.7988 13.9138 14.2245 13.6517 14.5419 13.3365L13.7925 12.5828ZM7.79571 5.47472C8.49342 4.78126 8.54513 3.68547 7.95792 2.90064L7.10721 3.53743C7.39267 3.91922 7.35017 4.42001 7.04701 4.72247L7.79571 5.47472ZM14.539 10.1207C15.1178 10.4352 15.2077 11.1761 14.799 11.5827L15.5484 12.3356C16.4976 11.3914 16.205 9.8168 15.0455 9.1871L14.539 10.1207ZM12.1017 9.5193C12.3737 9.24872 12.8114 9.18214 13.1854 9.38472L13.6926 8.45185C12.9248 8.03393 11.9728 8.14939 11.3523 8.76564L12.1017 9.5193Z" fill="#6A6A6A" />
1521                    </svg>
1522
1523                    +357 22 809 811
1524                </a>
1525                
1526
1527
1528                
1529                <a href="mailto:[email protected]" class="text-light-gray hover:text-white flex gap-3 items-center">
1530                    <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
1531                        <g clip-path="url(#clip0_14_1705)">
1532                            <path d="M12.4219 2.8125H2.57812C1.93092 2.8125 1.40625 3.33717 1.40625 3.98438V11.0156C1.40625 11.6628 1.93092 12.1875 2.57812 12.1875H12.4219C13.0691 12.1875 13.5938 11.6628 13.5938 11.0156V3.98438C13.5938 3.33717 13.0691 2.8125 12.4219 2.8125Z" stroke="#6A6A6A" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round" />
1533                            <path d="M3.28125 4.6875L7.5 7.96875L11.7188 4.6875" stroke="#6A6A6A" stroke-width="0.9375" stroke-linecap="round" stroke-linejoin="round" />
1534                        </g>
1535                        <defs>
1536                            <clipPath id="clip0_14_1705">
1537                                <rect width="15" height="15" fill="white" />
1538                            </clipPath>
1539                        </defs>
1540                    </svg>
1541
1542                    [email protected]
1543                </a>
1544                
1545            </div>
1546            <!-- Links -->
1547            <div class="md:col-span-7 lg:col-span-3">
1548                <h6 class=" font-extrabold mb-3">
1549                    
1550                </h6>
1551
1552                <div class="max-md:flex-col max-md:gap-3 flex gap-8">
1553                    
1554
1555                    <ul class="flex flex-col flex-wrap-2 gap-3">
1556                        
1557                        <li>
1558                            
1559                            
1560                            
1561                            <a href="/blog/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">News</a>
1562                            
1563                            
1564                            
1565                        </li>
1566                        
1567                        <li>
1568                            
1569                            
1570                            
1571                            <a href="/films/film-catalogue/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Films</a>
1572                            
1573                            
1574                            
1575                        </li>
1576                        
1577                        <li>
1578                            
1579                            
1580                            
1581                            <a href="/funding/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Funding</a>
1582                            
1583                            
1584                            
1585                        </li>
1586                        
1587                        <li>
1588                            
1589                            
1590                            
1591                            <a href="/festivals-1/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Festivals</a>
1592                            
1593                            
1594                            
1595                        </li>
1596                        
1597                        <li>
1598                            
1599                            
1600                            
1601                            <a href="/about/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">About Us</a>
1602                            
1603                            
1604                            
1605                        </li>
1606                        
1607                        <li>
1608                            
1609                            
1610                            
1611                            <a href="/contact-us/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Contact Us</a>
1612                            
1613                            
1614                            
1615                        </li>
1616                        
1617                    </ul>
1618                    
1619
1620                    <ul class="flex flex-col flex-wrap-2 gap-3">
1621                        
1622                        <li>
1623                            
1624                            
1625                            
1626                            <a href="/films/film-archive/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Film Archive</a>
1627                            
1628                            
1629                            
1630                        </li>
1631                        
1632                        <li>
1633                            
1634                            
1635                            
1636                            <a href="/trainings/" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">Training</a>
1637                            
1638                            
1639                            
1640                        </li>
1641                        
1642                        <li>
1643                            
1644                            
1645                            <a href="https://film.investcyprus.org.cy/incentives/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">
1646                                Incentives
1647                                <!-- IF EXTERNAL LINK: -->
1648                                <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1649                                    <g opacity="0.6">
1650                                        <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.7071
16507C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" />
1651                                    </g>
1652                                </svg>
1653                                <!-- endIF EXTERNAL LINK: -->
1654                            </a>
1655                            
1656                            
1657                        </li>
1658                        
1659                        <li>
1660                            
1661                            
1662                            <a href="https://film.investcyprus.org.cy/film-cyprus/find-a-professional/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">
1663                                Filming Professionals
1664                                <!-- IF EXTERNAL LINK: -->
1665                                <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1666                                    <g opacity="0.6">
1667                                        <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.70717C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" />
1668                                    </g>
1669                                </svg>
1670                                <!-- endIF EXTERNAL LINK: -->
1671                            </a>
1672                            
1673                            
1674                        </li>
1675                        
1676                        <li>
1677                            
1678                            
1679                            <a href="https://film.investcyprus.org.cy/cyprus/about-cyprus/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">
1680                                About Cyprus
1681                                <!-- IF EXTERNAL LINK: -->
1682                                <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1683                                    <g opacity="0.6">
1684                                        <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.70717C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" />
1685                                    </g>
1686                                </svg>
1687                                <!-- endIF EXTERNAL LINK: -->
1688                            </a>
1689                            
1690                            
1691                        </li>
1692                        
1693                        <li>
1694                            
1695                            
1696                            <a href="https://film.investcyprus.org.cy/film-cyprus/locations/" target="_blank" class="leading-tight whitespace-nowrap text-light-gray hover:text-white text-[16px] inline-flex gap-1 relative after:absolute after:content-[''] after:w-[0px] after:bg-white after:-bottom-1 after:left-[50%] after:h-[1px] after:transition-all hover:after:w-full after:translate-x-[-50%]">
1697                                Filming Locations
1698                                <!-- IF EXTERNAL LINK: -->
1699                                <svg class="relative top-1" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
1700                                    <g opacity="0.6">
1701                                        <path d="M6 3.00006H3C2.73478 3.00006 2.48043 3.10542 2.29289 3.29295C2.10536 3.48049 2 3.73484 2 4.00006V9.00006C2 9.26528 2.10536 9.51963 2.29289 9.70717C2.48043 9.8947 2.73478 10.0001 3 10.0001H8C8.26522 10.0001 8.51957 9.8947 8.70711 9.7071
17017C8.89464 9.51963 9 9.26528 9 9.00006V6.00006M5.5 6.50006L10 2.00006M10 2.00006H7.5M10 2.00006V4.50006" stroke="#D0D0D0" stroke-linecap="round" stroke-linejoin="round" />
1702                                    </g>
1703                                </svg>
1704                                <!-- endIF EXTERNAL LINK: -->
1705                            </a>
1706                            
1707                            
1708                        </li>
1709                        
1710                    </ul>
1711                    
1712                </div>
1713            </div>
1714
1715        </div>
1716        <div class="w-full mt-6 h-[1px] bg-gradient-to-r from-orange-500 via-red-500 to-green-500">
1717
1718        </div>
1719
1720        <!-- Copyrights -->
1721        <div class="md:text-center">
1722            <p class=" text-white mb-2">Copyright &#169; 2026 Department of Contemporary Culture 2024. Proudly developed by <a class="transition hover:text-green-500" href="https://pixelactions.com/" target="_blank">Pixel Actions</a>.</p>
1723            <div class="flex gap-6 md:justify-center">
1724                
1725                
1726                <a href="/privacy-policy/" class="text-gray hover:text-white transition-all">Privacy Policy</a>
1727                
1728                
1729
1730            </div>
1731        </div>
1732</footer>
1733
1734        
1735
1736        <!-- Swiper -->
1737        
1737<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
1737
1738    </body>
1739</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.