<div class="wrap">
<ul>
<li class="col">
<div class="first">
<svg class="logo-video" xmlns="http://www.w3.org/2000/svg" width="239" height="73" viewBox="0 0 239 73" fill="none">
<path d="M102.591 20.1431C101.791 19.5934 101.146 18.8475 100.718 17.9768C100.289 17.1062 100.091 16.14 100.144 15.171V14.8762H104.475V15.171C104.474 15.6267 104.607 16.0727 104.857 16.4533C105.108 16.8339 105.465 17.1323 105.885 17.311C107.173 17.8668 108.572 18.1169 109.973 18.0415C111.207 18.0969 112.441 17.9231 113.612 17.5289C114.438 17.1893 114.861 16.6895 114.861 16.0231V15.8245C114.869 15.5753 114.807 15.3288 114.682 15.1127C114.558 14.8966 114.376 14.7193 114.157 14.6007C113.372 14.2264 112.529 13.9922 111.664 13.9087L106.775 13.2039C102.566 12.5631 100.47 10.8524 100.47 8.00748V7.70635C100.452 6.85145 100.662 6.0071 101.08 5.26114C101.498 4.51519 102.108 3.89487 102.848 3.46465C104.437 2.45228 106.662 1.94821 109.524 1.95248C112.574 1.95248 114.887 2.49073 116.482 3.5864C117.258 4.10205 117.887 4.80974 118.308 5.64064C118.729 6.47155 118.928 7.39733 118.885 8.32785V8.59058H114.547V8.32785C114.547 6.61067 112.869 5.76489 109.524 5.76489C108.358 5.71633 107.193 5.87691 106.083 6.23903C105.289 6.54659 104.898 7.00792 104.898 7.60381V7.83447C104.894 8.05318 104.952 8.26851 105.066 8.45558C105.179 8.64265 105.343 8.79385 105.539 8.89171C106.248 9.23919 107.014 9.45622 107.8 9.53245L112.715 10.2372C114.964 10.5768 116.617 11.1727 117.674 12.0377C118.199 12.479 118.616 13.0348 118.893 13.6624C119.169 14.29 119.298 14.9727 119.27 15.6579V15.9527C119.289 16.8394 119.067 17.7147 118.628 18.4854C118.19 19.2561 117.55 19.8932 116.777 20.3289C115.124 21.3754 112.785 21.8987 109.761 21.8987C106.628 21.8475 104.232 21.2836 102.591 20.1431Z" fill="white"/>
<path d="M142.24 2.98409L133.385 10.8011L141.83 20.8351V21.5143H136.685L129.957 13.4922L126.478 16.5422V21.5143H122.089V2.31772H126.478V11.2753L136.685 2.31772H142.24V2.98409Z" fill="white"/>
<path d="M163.673 2.30491V2.98409L155.254 14.0369V21.5015H150.839V14.0369L142.388 2.98409V2.30491H147.155L153.03 10.0515L158.906 2.30491H163.673Z" fill="white"/>
<path d="M98.8557 30.8371V26.8773H118.244V30.8371H110.754V46.0739H106.346V30.8371H98.8557Z" fill="white"/>
<path d="M134.75 32.9835C134.769 32.6684 134.711 32.3535 134.582 32.0656C134.452 31.7777 134.255 31.5255 134.007 31.3305C133.352 30.9097 132.579 30.7119 131.803 30.7666H124.114V35.5593H131.803C132.575 35.6107 133.344 35.4107 133.994 34.9891C134.247 34.7918 134.448 34.5358 134.58 34.2433C134.711 33.9508 134.77 33.6305 134.75 33.3103V32.9835ZM137.755 37.2381C136.603 38.3105 135.126 38.9688 133.558 39.109L139.139 45.3947V46.0739H134.116L128.144 39.1923H124.133V46.0739H119.75V26.8517H131.924C134.197 26.8517 135.984 27.4027 137.287 28.5048C137.938 29.0641 138.452 29.7647 138.791 30.5532C139.13 31.3416 139.284 32.197 139.242 33.0541V33.3808C139.271 34.0913 139.155 34.8003 138.899 35.4638C138.643 36.1274 138.254 36.7313 137.755 37.2381Z" fill="white"/>
<path d="M154.26 38.2825L151.134 31.119L148.007 38.2569L154.26 38.2825ZM162.065 45.3947V46.0739H157.676L155.914 42.0885H146.303L144.54 46.0739H140.158V45.3947L148.66 26.8773H153.504L162.065 45.3947Z" fill="white"/>
<path d="M177.929 40.8006C178.974 39.9228 179.499 38.5516 179.499 36.7127V36.3026C179.499 34.4765 178.961 33.0989 177.891 32.2019C176.821 31.3048 175.193 30.8435 173.041 30.8435H167.915V42.1462H173.092C175.264 42.1141 176.891 41.6848 177.929 40.8006ZM173.06 26.8773C176.648 26.8773 179.352 27.6782 181.197 29.2608C183.043 30.8435 183.959 33.2014 183.959 36.309V36.6358C183.959 39.7562 183.036 42.1077 181.21 43.6839C179.384 45.2601 176.661 46.0547 173.06 46.0547H163.519V26.8325H173.079L173.06 26.8773Z" fill="white"/>
<path d="M190.783 26.8773H186.368V46.0739H190.783V26.8773Z" fill="white"/>
<path d="M213.446 26.8773V46.0739H209.236L198.267 33.054V46.0739H194.057V26.8773H198.267L209.236 39.8715V26.8773H213.446Z" fill="white"/>
<path d="M238.825 46.0611H234.866L234.718 44.3631C232.933 45.7343 230.596 46.4177 227.709 46.4135C225.571 46.4581 223.448 46.0566 221.474 45.2345C219.787 44.5411 218.352 43.3467 217.365 41.8126C216.377 40.2784 215.884 38.4783 215.951 36.655V36.3346C215.913 34.5079 216.417 32.7108 217.399 31.1703C218.408 29.6597 219.829 28.4701 221.493 27.7423C223.433 26.8932 225.534 26.4777 227.651 26.5249C229.644 26.4836 231.63 26.776 233.527 27.3899C235.014 27.8497 236.355 28.6914 237.416 29.8311C238.315 30.8456 238.802 32.1599 238.781 33.5154V33.6371H234.295V33.5154C234.272 33.2157 234.179 32.9257 234.023 32.6686C233.867 32.4116 233.653 32.1947 233.398 32.0353C232.68 31.5155 231.865 31.1431 231.002 30.9396C229.937 30.662 228.841 30.5263 227.741 30.5359C225.383 30.5359 223.569 31.0229 222.301 32.0096C221.661 32.511 221.152 33.1598 220.817 33.9007C220.482 34.6416 220.332 35.4525 220.378 36.2642V36.6999C220.378 38.6221 221.019 40.0189 222.23 40.9672C223.441 41.9155 225.293 42.4024 227.715 42.4024C229.036 42.4231 230.352 42.2394 231.617 41.8578C232.657 41.5427 233.627 41.0316 234.475 40.3521V39.1475H224.96V35.5209H238.825V46.0611Z" fill="white"/>
<path d="M122.717 70.6334H118.757L118.61 68.9419C116.82 70.3046 114.483 70.9858 111.6 70.9858C109.462 71.0345 107.338 70.6328 105.366 69.8069C103.699 69.1047 102.276 67.9255 101.278 66.4174C100.299 64.8688 99.7993 63.0654 99.8424 61.2338V60.907C99.8054 59.0804 100.309 57.2837 101.29 55.7426C102.3 54.2321 103.72 53.0425 105.385 52.3147C107.325 51.4687 109.426 51.0534 111.542 51.0973C113.535 51.0591 115.521 51.3514 117.418 51.9623C118.905 52.4221 120.246 53.2638 121.307 54.4035C122.206 55.418 122.693 56.7323 122.672 58.0878V58.2095H118.187V58.0878C118.162 57.7892 118.069 57.5005 117.913 57.2446C117.757 56.9887 117.544 56.7728 117.29 56.614C116.57 56.0946 115.756 55.7203 114.893 55.512C113.829 55.2344 112.732 55.0987 111.632 55.1083C109.274 55.1083 107.461 55.5953 106.192 56.582C105.553 57.0844 105.045 57.7335 104.711 58.4741C104.376 59.2147 104.225 60.0251 104.27 60.8365V61.2722C104.27 63.1945 104.911 64.5912 106.122 65.5395C107.333 66.4878 109.184 66.9748 111.606 66.9748C112.928 66.9991 114.244 66.8153 115.509 66.4302C116.547 66.1145 117.516 65.6059 118.366 64.9309V63.7263H108.851V60.0932H122.717V70.6334Z" fill="white"/>
<path d="M140.248 57.5624C140.269 57.2469 140.213 56.9311 140.083 56.6427C139.953 56.3544 139.755 56.1024 139.504 55.9093C138.848 55.4853 138.073 55.2852 137.294 55.339H129.605V60.1318H137.294C138.068 60.1855 138.839 59.9878 139.491 59.5679C139.745 59.3692 139.946 59.112 140.077 58.8185C140.209 58.525 140.267 58.2039 140.248 57.8827V57.5624ZM143.253 61.8169C142.1 62.8874 140.623 63.5435 139.056 63.6814L144.637 69.9671V70.6463H139.613L133.641 63.7968H129.63V70.6783H125.248V51.4561H137.422C139.696 51.4561 141.484 52.0135 142.785 53.1092C143.436 53.6685 143.95 54.3691 144.289 55.1576C144.627 55.946 144.781 56.8014 144.739 57.6585V57.9852C144.763 58.6912 144.643 59.3946 144.388 60.0531C144.132 60.7115 143.746 61.3115 143.253 61.8169Z" fill="white"/>
<path d="M163.378 65.4563C163.975 64.9365 164.445 64.2867 164.752 63.557C165.058 62.8272 165.193 62.0368 165.147 61.2466V60.8942C165.194 60.0962 165.057 59.2979 164.744 58.562C164.432 57.8261 163.953 57.1725 163.346 56.6525C162.142 55.6658 160.437 55.1596 158.22 55.1596C156.003 55.1596 154.254 55.6658 153.062 56.6525C152.455 57.1725 151.976 57.8261 151.664 58.562C151.352 59.2979 151.214 60.0962 151.262 60.8942V61.2338C151.215 62.027 151.353 62.8202 151.666 63.5508C151.978 64.2814 152.456 64.9293 153.062 65.4435C154.254 66.4238 155.99 66.9107 158.22 66.9107C160.45 66.9107 162.186 66.4366 163.378 65.4563ZM152.178 69.7941C150.542 69.0653 149.154 67.8737 148.186 66.3661C147.219 64.8156 146.724 63.0163 146.764 61.1889V60.9327C146.708 59.1191 147.194 57.33 148.161 55.7946C149.128 54.2593 150.531 53.0475 152.191 52.3147C154.096 51.5113 156.143 51.0974 158.211 51.0974C160.278 51.0974 162.325 51.5113 164.23 52.3147C165.863 53.0512 167.245 54.2468 168.209 55.7555C169.166 57.3102 169.656 59.1074 169.619 60.9327V61.1889C169.658 63.0145 169.169 64.8125 168.209 66.3661C167.244 67.8711 165.862 69.0623 164.23 69.7941C162.332 70.6286 160.274 71.0354 158.201 70.9858C156.13 71.0417 154.072 70.6346 152.178 69.7941Z" fill="white"/>
<path d="M176.372 69.8582C174.967 69.1553 173.799 68.0545 173.015 66.6929C172.208 65.2336 171.801 63.5867 171.836 61.9194V51.4497H176.225V61.977C176.181 62.6476 176.279 63.3198 176.512 63.9501C176.745 64.5804 177.108 65.1547 177.577 65.6357C178.689 66.4751 180.044 66.9292 181.438 66.9292C182.831 66.9292 184.186 66.4751 185.298 65.6357C185.767 65.1547 186.13 64.5804 186.363 63.9501C186.596 63.3198 186.694 62.6476 186.65 61.977V51.4497H191.071V61.9194C191.111 63.5889 190.699 65.2382 189.879 66.6929C189.095 68.0545 187.927 69.1553 186.522 69.8582C184.944 70.6391 183.201 71.0261 181.441 70.9858C179.684 71.0371 177.942 70.6495 176.372 69.8582Z" fill="white"/>
<path d="M208.371 59.5679C208.624 59.3692 208.825 59.112 208.957 58.8185C209.089 58.525 209.147 58.2039 209.127 57.8827V57.5624C209.144 57.2463 209.084 56.9307 208.952 56.6429C208.821 56.355 208.621 56.1033 208.371 55.9093C207.721 55.4893 206.952 55.2894 206.18 55.339H198.491V60.1318H206.18C206.952 60.1846 207.72 59.9868 208.371 59.5679ZM206.301 51.4497C208.563 51.4497 210.351 51.9943 211.645 53.09C212.294 53.6376 212.809 54.3266 213.15 55.1041C213.491 55.8816 213.649 56.7269 213.612 57.5752V57.8955C213.649 58.7438 213.491 59.5893 213.15 60.3669C212.809 61.1445 212.294 61.8334 211.645 62.3807C210.364 63.4828 208.563 64.021 206.301 64.021H198.542V70.6335H194.153V51.4112L206.301 51.4497Z" fill="white"/>
<path d="M3.85327 5.30287C4.65656 5.30287 5.30775 4.65168 5.30775 3.84839C5.30775 3.0451 4.65656 2.39391 3.85327 2.39391C3.04999 2.39391 2.39879 3.0451 2.39879 3.84839C2.39879 4.65168 3.04999 5.30287 3.85327 5.30287Z" fill="#FA683B"/>
<path d="M3.85327 70.5495C4.65656 70.5495 5.30775 69.8983 5.30775 69.095C5.30775 68.2917 4.65656 67.6405 3.85327 67.6405C3.04999 67.6405 2.39879 68.2917 2.39879 69.095C2.39879 69.8983 3.04999 70.5495 3.85327 70.5495Z" fill="#FA683B"/>
<path d="M36.4798 38.5124C37.2831 38.5124 37.9342 37.8613 37.9342 37.058C37.9342 36.2547 37.2831 35.6035 36.4798 35.6035C35.6765 35.6035 35.0253 36.2547 35.0253 37.058C35.0253 37.8613 35.6765 38.5124 36.4798 38.5124Z" fill="#FA683B"/>
<path d="M69.0999 5.30287C69.9032 5.30287 70.5543 4.65168 70.5543 3.84839C70.5543 3.0451 69.9032 2.39391 69.0999 2.39391C68.2966 2.39391 67.6454 3.0451 67.6454 3.84839C67.6454 4.65168 68.2966 5.30287 69.0999 5.30287Z" fill="#FA683B"/>
<path d="M69.0999 70.5495C69.9032 70.5495 70.5543 69.8983 70.5543 69.095C70.5543 68.2917 69.9032 67.6405 69.0999 67.6405C68.2966 67.6405 67.6454 68.2917 67.6454 69.095C67.6454 69.8983 68.2966 70.5495 69.0999 70.5495Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.9139 18.866C56.0836 19.2768 56.1706 19.7171 56.1697 20.1617C56.1697 20.6056 56.0822 21.0452 55.9121 21.4553C55.742 21.8654 55.4927 22.238 55.1784 22.5516C54.8642 22.8653 54.4912 23.1138 54.0808 23.2832C53.6704 23.4525 53.2306 23.5392 52.7866 23.5383C52.3432 23.5383 51.9041 23.451 51.4944 23.2813C51.0847 23.1116 50.7125 22.8629 50.3989 22.5493C50.0854 22.2358 49.8366 21.8635 49.6669 21.4539C49.4972 21.0442 49.4099 20.6051 49.4099 20.1617C49.4091 19.7177 49.4958 19.2779 49.6651 18.8675C49.8344 18.4571 50.083 18.084 50.3966 17.7698C50.7103 17.4556 51.0828 17.2063 51.4929 17.0362C51.903 16.8661 52.3426 16.7785 52.7866 16.7785C53.2311 16.7777 53.6714 16.8646 54.0823 17.0343C54.4931 17.2041 54.8664 17.4532 55.1807 17.7675C55.495 18.0818 55.7442 18.4551 55.9139 18.866ZM52.4604 20.4879C52.5469 20.5744 52.6643 20.623 52.7866 20.623L52.7866 21.6161C51.9833 21.6161 51.3321 20.9649 51.3321 20.1616L52.3253 20.1617C52.3253 20.284 52.3739 20.4013 52.4604 20.4879Z" fill="#FA683B"/>
<path d="M52.7866 20.623C52.6643 20.623 52.5469 20.5744 52.4604 20.4879C52.3739 20.4013 52.3253 20.284 52.3253 20.1617L51.3321 20.1616C51.3321 20.9649 51.9833 21.6161 52.7866 21.6161L52.7866 20.623Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M72.2195 35.7594C72.3892 36.169 72.4766 36.6081 72.4766 37.0516C72.4774 37.4955 72.3907 37.9353 72.2214 38.3457C72.0521 38.7561 71.8035 39.1292 71.4898 39.4434C71.1762 39.7576 70.8036 40.0069 70.3935 40.177C69.9834 40.3471 69.5438 40.4347 69.0999 40.4347C68.6559 40.4347 68.2163 40.3471 67.8062 40.177C67.3961 40.0069 67.0235 39.7576 66.7099 39.4434C66.3963 39.1292 66.1477 38.7561 65.9784 38.3457C65.809 37.9353 65.7223 37.4955 65.7232 37.0516C65.7232 36.156 66.0789 35.2971 66.7122 34.6639C67.3454 34.0306 68.2043 33.6749 69.0999 33.6749C69.5433 33.6749 69.9824 33.7622 70.3921 33.9319C70.8018 34.1016 71.174 34.3503 71.4875 34.6639C71.8011 34.9774 72.0498 35.3497 72.2195 35.7594ZM68.7691 37.3823C68.8568 37.47 68.9758 37.5193 69.0999 37.5193V38.5124C68.2966 38.5124 67.6454 37.8613 67.6454 37.058L67.6454 37.0516H68.6321C68.6321 37.1756 68.6814 37.2946 68.7691 37.3823Z" fill="#FA683B"/>
<path d="M69.0999 37.5193C68.9758 37.5193 68.8568 37.47 68.7691 37.3823C68.6814 37.2946 68.6321 37.1756 68.6321 37.0516H67.6454L67.6454 37.058C67.6454 37.8613 68.2966 38.5124 69.0999 38.5124V37.5193Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.288 18.8675C23.4573 19.2779 23.5441 19.7177 23.5432 20.1617C23.5432 21.0572 23.1875 21.9161 22.5542 22.5493C21.921 23.1826 21.0621 23.5383 20.1665 23.5383C19.7231 23.5383 19.284 23.451 18.8743 23.2813C18.4646 23.1116 18.0924 22.8629 17.7788 22.5493C17.4653 22.2358 17.2166 21.8635 17.0469 21.4539C16.8772 21.0442 16.7898 20.6051 16.7898 20.1617C16.789 19.7177 16.8757 19.2779 17.045 18.8675C17.2143 18.457 17.4629 18.084 17.7766 17.7698C18.0902 17.4556 18.4627 17.2063 18.8728 17.0362C19.2829 16.8661 19.7225 16.7785 20.1665 16.7785C20.6105 16.7785 21.0501 16.8661 21.4602 17.0362C21.8703 17.2063 22.2428 17.4556 22.5565 17.7698C22.8701 18.084 23.1187 18.457 23.288 18.8675ZM21.621 20.1616L20.6343 20.1617C20.6343 20.0376 20.585 19.9186 20.4973 19.8309C20.4095 19.7432 20.2906 19.6939 20.1665 19.6939L20.1665 18.7072C20.9698 18.7072 21.621 19.3584 21.621 20.1616Z" fill="#FA683B"/>
<path d="M20.1665 18.7072L20.1665 19.6939C20.2906 19.6939 20.4095 19.7432 20.4973 19.8309C20.585 19.9186 20.6343 20.0376 20.6343 20.1617L21.621 20.1616C21.621 19.3584 20.9698 18.7072 20.1665 18.7072Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.97873 35.7579C7.14883 36.168 7.23638 36.6076 7.23638 37.0516C7.23723 37.4961 7.1503 37.9364 6.98058 38.3472C6.81086 38.758 6.5617 39.1313 6.24738 39.4457C5.93306 39.76 5.55977 40.0091 5.14893 40.1789C4.73809 40.3486 4.29779 40.4355 3.85327 40.4347C3.4093 40.4347 2.96968 40.3471 2.55958 40.177C2.14948 40.0069 1.77695 39.7576 1.46331 39.4434C1.14967 39.1292 0.901084 38.7561 0.731766 38.3457C0.562448 37.9353 0.475726 37.4955 0.476569 37.0516C0.476569 36.6081 0.563909 36.1691 0.733604 35.7594C0.903299 35.3497 1.15203 34.9774 1.46558 34.6639C1.77914 34.3503 2.15139 34.1016 2.56107 33.9319C2.97075 33.7622 3.40984 33.6749 3.85327 33.6749C4.29725 33.674 4.73702 33.7608 5.14744 33.9301C5.55786 34.0994 5.93086 34.348 6.2451 34.6616C6.55933 34.9753 6.80864 35.3478 6.97873 35.7579ZM3.67524 37.4836C3.73163 37.5072 3.79215 37.5193 3.85327 37.5193L3.85327 38.5124C3.04999 38.5124 2.39879 37.8613 2.39879 37.058L2.39881 37.0516H3.39194C3.39109 37.1127 3.4024 37.1733 3.4252 37.2301C3.448 37.2868 3.48184 37.3384 3.52477 37.3819C3.56769 37.4254 3.61884 37.46 3.67524 37.4836Z" fill="#FA683B"/>
<path d="M3.85327 37.5193C3.79215 37.5193 3.73163 37.5072 3.67524 37.4836C3.61884 37.46 3.56769 37.4254 3.52477 37.3819C3.48184 37.3384 3.448 37.2868 3.4252 37.2301C3.4024 37.1733 3.39109 37.1127 3.39194 37.0516H2.39881L2.39879 37.058C2.39879 37.8613 3.04999 38.5124 3.85327 38.5124L3.85327 37.5193Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5542 50.9771C23.1875 51.6104 23.5432 52.4692 23.5432 53.3648C23.5432 54.2603 23.1875 55.1193 22.5542 55.7525C21.921 56.3858 21.0621 56.7415 20.1665 56.7415C19.7231 56.7415 19.284 56.6542 18.8743 56.4845C18.4646 56.3148 18.0924 56.0661 17.7788 55.7525C17.4653 55.439 17.2166 55.0667 17.0469 54.657C16.8772 54.2473 16.7898 53.8082 16.7898 53.3648C16.7898 52.9213 16.8772 52.4823 17.0469 52.0726C17.2166 51.6629 17.4653 51.2907 17.7788 50.9771C18.0924 50.6636 18.4646 50.4148 18.8743 50.2451C19.284 50.0754 19.7231 49.9881 20.1665 49.9881C21.0621 49.9881 21.921 50.3439 22.5542 50.9771ZM19.8358 53.6956C19.9235 53.7833 20.0425 53.8326 20.1665 53.8326V54.8363C20.0896 54.8362 20.0116 54.83 19.9332 54.8173C19.2129 54.7003 18.7026 54.0731 18.7117 53.3648H19.6988C19.6988 53.4888 19.7481 53.6078 19.8358 53.6956Z" fill="#FA683B"/>
<path d="M20.1665 53.8326C20.0425 53.8326 19.9235 53.7833 19.8358 53.6956C19.7481 53.6078 19.6988 53.4888 19.6988 53.3648H18.7117C18.7026 54.0731 19.2129 54.7003 19.9332 54.8173C20.0116 54.83 20.0896 54.8362 20.1665 54.8363V53.8326Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.8675 66.7073C39.5007 67.3405 39.8565 68.1994 39.8565 69.095C39.8565 69.9905 39.5007 70.8494 38.8675 71.4827C38.2342 72.1159 37.3753 72.4717 36.4798 72.4717C36.0358 72.4725 35.596 72.3858 35.1856 72.2165C34.7752 72.0472 34.4022 71.7986 34.0879 71.4849C33.7737 71.1713 33.5244 70.7988 33.3543 70.3887C33.1842 69.9786 33.0967 69.539 33.0967 69.095C33.0967 68.651 33.1842 68.2114 33.3543 67.8013C33.5244 67.3912 33.7737 67.0187 34.0879 66.705C34.4022 66.3914 34.7752 66.1428 35.1856 65.9735C35.596 65.8041 36.0358 65.7174 36.4798 65.7183C37.3753 65.7183 38.2342 66.074 38.8675 66.7073ZM36.149 69.4257C36.2367 69.5135 36.3557 69.5627 36.4798 69.5627L36.4798 70.5495C35.6765 70.5495 35.0253 69.8983 35.0253 69.095L36.012 69.095C36.012 69.219 36.0613 69.338 36.149 69.4257Z" fill="#FA683B"/>
<path d="M36.4798 69.5627C36.3557 69.5627 36.2367 69.5135 36.149 69.4257C36.0613 69.338 36.012 69.219 36.012 69.095L35.0253 69.095C35.0253 69.8983 35.6765 70.5495 36.4798 70.5495L36.4798 69.5627Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.9121 52.0711C56.0822 52.4812 56.1697 52.9208 56.1697 53.3648C56.1697 53.8088 56.0822 54.2484 55.9121 54.6585C55.742 55.0686 55.4927 55.4411 55.1785 55.7548C54.8642 56.0684 54.4912 56.317 54.0808 56.4863C53.6704 56.6557 53.2306 56.7423 52.7866 56.7415C52.3432 56.7415 51.9041 56.6542 51.4944 56.4845C51.0847 56.3148 50.7125 56.0661 50.3989 55.7525C50.0854 55.439 49.8366 55.0667 49.6669 54.657C49.4972 54.2473 49.4099 53.8082 49.4099 53.3648C49.4099 52.9214 49.4972 52.4823 49.6669 52.0726C49.8366 51.6629 50.0854 51.2907 50.3989 50.9771C50.7125 50.6636 51.0847 50.4148 51.4944 50.2451C51.9041 50.0754 52.3432 49.9881 52.7866 49.9881C53.2306 49.9873 53.6704 50.074 54.0808 50.2433C54.4912 50.4126 54.8642 50.6612 55.1785 50.9748C55.4927 51.2885 55.742 51.661 55.9121 52.0711ZM52.46 53.6933C52.5463 53.7808 52.6637 53.8309 52.7866 53.8326V54.8412C52.7111 54.8409 52.6347 54.8347 52.5578 54.8222C51.8359 54.705 51.3249 54.0751 51.3364 53.3648H52.3253C52.3253 53.4877 52.3737 53.6058 52.46 53.6933Z" fill="#FA683B"/>
<path d="M52.7866 53.8326C52.6637 53.8309 52.5463 53.7808 52.46 53.6933C52.3737 53.6058 52.3253 53.4877 52.3253 53.3648H51.3364C51.3249 54.0751 51.8359 54.705 52.5578 54.8222C52.6347 54.8347 52.7111 54.8409 52.7866 54.8412V53.8326Z" fill="#FA683B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M38.8675 1.4607C39.5007 2.09395 39.8565 2.95284 39.8565 3.8484C39.8565 4.74396 39.5007 5.60283 38.8675 6.23608C38.2342 6.86933 37.3753 7.22509 36.4798 7.22509C36.0358 7.22594 35.596 7.13922 35.1856 6.9699C34.7752 6.80058 34.4022 6.55199 34.0879 6.23835C33.7737 5.92471 33.5244 5.55218 33.3543 5.14208C33.1842 4.73198 33.0967 4.29237 33.0967 3.8484C33.0967 3.40443 33.1842 2.9648 33.3543 2.5547C33.5244 2.1446 33.7737 1.77207 34.0879 1.45843C34.4022 1.14479 34.7752 0.896201 35.1856 0.726883C35.596 0.557565 36.0358 0.470843 36.4798 0.471686C37.3753 0.471686 38.2342 0.827445 38.8675 1.4607ZM36.4798 2.39391L36.4798 3.38065C36.3557 3.38065 36.2367 3.42993 36.149 3.51765C36.0613 3.60537 36.012 3.72435 36.012 3.8484L35.0253 3.84839C35.0253 3.0451 35.6765 2.39391 36.4798 2.39391Z" fill="#FA683B"/>
<path d="M36.4798 3.38065L36.4798 2.39391C35.6765 2.39391 35.0253 3.0451 35.0253 3.84839L36.012 3.8484C36.012 3.72435 36.0613 3.60537 36.149 3.51765C36.2367 3.42993 36.3557 3.38065 36.4798 3.38065Z" fill="#FA683B"/>
</svg>
<video class="img" src="https://st4.depositphotos.com/1968353/19808/v/600/depositphotos_198081216-stock-video-closeup-shot-spinning-jet-engine.mp4" muted loop autoplay playsinline><video>
</div>
<div class="second">
Website
<div class="btn">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 33 33" fill="none">
<rect id="circle" x="0.320312" y="0.47168" width="32" height="32" rx="16" fill=""/>
<path id="arrow" d="M16.3177 11.1382L15.3777 12.0782L19.0977 15.8049H10.9844V17.1382H19.0977L15.3777 20.8649L16.3177 21.8049L21.651 16.4715L16.3177 11.1382Z" fill=""/>
</svg>
View live site
</div>
</div>
</li>
<li class="col">
<div class="first">
<img class="img" src="https://big-fin.com/img/men0.webp"><img>
</div>
<div class="second">
Website
<div class="btn">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 33 33" fill="none">
<rect id="circle" x="0.320312" y="0.47168" width="32" height="32" rx="16" fill=""/>
<path id="arrow" d="M16.3177 11.1382L15.3777 12.0782L19.0977 15.8049H10.9844V17.1382H19.0977L15.3777 20.8649L16.3177 21.8049L21.651 16.4715L16.3177 11.1382Z" fill=""/>
</svg>
View live site
</div>
</div>
</li>
<li class="col">
<div class="first">
<img class="img" src="https://taz.de/picture/4984080/948/WahrTodenhoeferMang20072021-1.jpeg" alt="">
</div>
<div class="second">
Website
<div class="btn">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 33 33" fill="none">
<rect id="circle" x="0.320312" y="0.47168" width="32" height="32" rx="16" fill=""/>
<path id="arrow" d="M16.3177 11.1382L15.3777 12.0782L19.0977 15.8049H10.9844V17.1382H19.0977L15.3777 20.8649L16.3177 21.8049L21.651 16.4715L16.3177 11.1382Z" fill=""/>
</svg>
View live site
</div>
</div>
</li>
</ul>
</div>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
font-family: sans-serif;
color: white;
transition: 0.2s
}
.wrap {
display: flex;
flex-direction: row;
width: 100%;
min-height: 100vh;
background-color: #171717;
gap: 32px;
padding: 48px;
}
ul {
display: flex;
width: 100%;
flex-direction: row;
gap: 32px;
}
.col {
display: flex;
width: 100%;
flex-direction: column;
gap: 32px;
}
.first {
position: relative;
width: 100%;
/* height: 100px; */
aspect-ratio: 1/1;
border-radius: 24px;
mask-image: radial-gradient(white, black);
background-color: #232323;
overflow: hidden;
}
.img {
width: 100%;
height: 100%;
object-fit: cover;
}
.logo-video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
z-index: 2;
}
.second {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
width: 100%;
border-radius: 24px;
padding: 32px;
gap: 24px;
font-size: 24px;
background-color: #232323;
}
.btn {
position: relative;
display: flex;
padding: 16px 24px 16px 16px;
align-items: center;
gap: 8px;
font-size: 16px;
border-radius: 500px;
border: 2px solid #3C3C3C;
cursor: pointer;
}
.btn:hover svg {
transform: rotate(-45deg);
}
#circle {
fill: white;
}
#arrow {
fill: #151515;
}
.col:hover .img {
transform: scale(1.0300);
}
.col:hover .second {
background-color: #272727;
}
.col:hover .second .btn {
border: 2px solid #CBFB45;
background-color: #CBFB45;
color: #151515;
}
.col:hover #circle {
fill: #151515;
}
.col:hover #arrow {
fill: white;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.