Files
navbar-perspolis/Theme/index.html
masterDigit b8b2400d9e first commit
2025-12-01 20:38:54 +03:30

695 lines
76 KiB
HTML

<!DOCTYPE html>
<html lang="fa" dir="rtl" class="scroll-smooth">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/css/main.css">
<title>header</title>
</head>
<body class="bg-zinc-950">
<header class="mx-auto w-full z-[60] relative block bg-zinc-950">
<div class="max-w-[1200px] mx-auto flex justify-between items-center gap-x-10 px-4 lg:px-2 xl:px-0 py-7">
<div class="flex items-center justify-between lg:w-full">
<!-- logo -->
<a href="/" class="lg:mr-0">
<svg class="w-36 lg:w-40 h-fit" xmlns="http://www.w3.org/2000/svg" id="Layer_2" data-name="Layer 2" viewBox="0 0 528.5 164.26" class="rtl-enabled">
<defs>
<style>
.cls-1 {
fill: #fff;
stroke-width: 0px;
}
</style>
</defs>
<g id="Layer_1-2" data-name="Layer 1">
<g>
<polygon class="cls-1" points="12.35 162.31 14.09 163.8 15.61 162.01 13.82 160.52 12.35 162.31"/>
<polygon class="cls-1" points="15.79 162.27 17.55 163.76 19.06 161.99 17.28 160.5 15.79 162.27"/>
<rect class="cls-1" x="49.96" y="144.86" width="2.28" height="2.28" transform="translate(-93.5 91.06) rotate(-49.91)"/>
<polygon class="cls-1" points="46.08 146.18 47.82 147.65 49.31 145.88 47.55 144.41 46.08 146.18"/>
<polygon class="cls-1" points="47.73 142.92 49.45 144.37 50.94 142.65 49.2 141.16 47.73 142.92"/>
<polygon class="cls-1" points="97.94 161.92 99.87 163.55 101.52 161.6 99.54 159.95 97.94 161.92"/>
<path class="cls-1" d="m100.9,149.27c-1.01-.37-1.8-.64-2.37-.81-.57-.18-1.06-.26-1.46-.26-.84,0-1.47.29-1.9.88-.43.59-.74,1.45-.94,2.58l1.58.27c.11-.46.24-.83.41-1.11.17-.28.45-.42.85-.42.58,0,1.54.27,2.86.8,1.25.52,2.21.82,2.86.92.06,0,.11,0,.14.02-.15.03-.31.08-.46.14-.61.26-1.11.47-1.49.64-.38.18-.97.45-1.76.8-1.1.44-2.15.8-3.16,1.08-1.01.27-2,.41-2.98.41h-.64c-.84,0-1.46-.07-1.87-.21-.4-.14-.71-.37-.92-.7-.21-.33-.42-.87-.65-1.64-.21-.76-.59-1.4-1.13-1.91-.54-.51-1.24-.77-2.1-.77s-1.59.31-2.14.94c-.56.63-1.07,1.47-1.52,2.52-.26.58-.47.99-.64,1.23-.17.24-.35.39-.56.45-.21.06-.53.09-.97.09h-10.7s0,0,0,0c0,0,0,0,0,0h-11.25c-.47-.02-.84-.06-1.1-.14-.26-.08-.46-.24-.61-.48-.15-.24-.23-.62-.26-1.12l-.25-4.58-2.06.37.5,5.48c-.61.32-1.38.48-2.29.48-.58,0-1.02-.12-1.31-.37l-.09-4.65-1.9.05.09,4.49c-.35.32-.93.48-1.74.48-.64,0-1.11-.08-1.4-.23-.29-.15-.43-.5-.41-1.05l.07-2.75-1.88-.05-.05,3.53c-.72.37-1.72.55-3,.55,0,0,0,0,0,0h0s-4.95,0-4.95,0h-9.9s0,0,0,0c0,0,0,0,0,0h-4.95c-.9,0-1.58-.03-2.04-.1-.46-.07-.82-.19-1.1-.36l-.27-4.88-2.06.18.44,4.56c-.75.4-1.89.6-3.41.6-.82,0-1.39-.04-1.71-.11-.31-.08-.54-.26-.69-.55-.15-.29-.3-.85-.47-1.67l-1.4-6.58-1.92,1.17,1.74,7.06c-.44.31-1.05.55-1.81.72-.76.18-1.5.26-2.22.26-.61,0-1.03-.02-1.26-.05-.23-.03-.39-.11-.49-.25-.1-.14-.15-.38-.15-.73v-.55l-1.63-.05c-.01.28-.02.66-.02,1.17,0,1.15.26,1.94.78,2.38.52.44,1.28.66,2.27.66.79,0,1.64-.1,2.54-.31.9-.21,1.62-.47,2.15-.79.12-.06.22-.16.31-.31.08-.15.17-.35.26-.61.53,1.15,1.59,1.72,3.16,1.72h.55c1.18,0,2.12-.12,2.84-.37.72-.24,1.23-.65,1.53-1.21.17.57.56.97,1.18,1.21.62.24,1.58.37,2.9.37h4.95s0,0,0,0c0,0,0,0,0,0h14.85s0,0,0,0c0,0,0,0,0,0,1.99,0,3.29-.46,3.92-1.38.38.92,1.19,1.38,2.43,1.38.55,0,1.11-.11,1.67-.34.56-.23.99-.56,1.26-1.01.4.9,1.23,1.35,2.5,1.35.72,0,1.37-.11,1.97-.33.6-.22,1.06-.56,1.4-1.02.21.43.56.76,1.05,1,.49.24,1.06.36,1.72.36h11.02s0,0,0,0c0,0,0,0,0,0h10.61c.58,0,1.05-.08,1.42-.25.37-.17.69-.4.96-.71l4.19,1.97c.18.09.36.14.53.14.32,0,.66-.16,1.03-.48.31-.26.52-.49.64-.68.12-.19.21-.42.25-.68l.16-.82c.29.53.71.92,1.27,1.16.56.24,1.27.36,2.14.36h.64c1.56,0,2.93-.22,4.11-.65,1.18-.44,2.47-1.05,3.86-1.84l.78-.44c1.01-.57,1.83-.99,2.47-1.26.64-.27,1.34-.44,2.09-.48l.5-2.31c-.83,0-1.71-.13-2.65-.4s-2.06-.65-3.36-1.13Zm-13.57,7.47l-4.08-1.83c.35-.87.71-1.53,1.08-1.98.37-.45.76-.68,1.19-.68.7,0,1.23.28,1.57.84.34.56.52,1.23.52,2.01,0,.64-.09,1.19-.27,1.65Z"/>
<polygon class="cls-1" points="117.4 144.62 115.91 146.41 117.67 147.9 119.19 146.11 117.4 144.62"/>
<polygon class="cls-1" points="120.84 144.6 119.37 146.36 121.13 147.85 122.62 146.09 120.84 144.6"/>
<polygon class="cls-1" points="153.12 144.16 151.15 142.54 149.55 144.48 151.47 146.13 153.12 144.16"/>
<polygon class="cls-1" points="162.4 142.44 160.92 144.21 162.68 145.7 164.19 143.91 162.4 142.44"/>
<polygon class="cls-1" points="164.38 144.16 166.14 145.65 167.63 143.89 165.84 142.4 164.38 144.16"/>
<path class="cls-1" d="m166.3,148.91l-2.08.34.53,5.25c-.49.26-1.07.44-1.75.55-.68.11-1.49.16-2.44.16h-2.18c-1.1,0-1.93-.05-2.49-.16-.56-.11-.97-.34-1.23-.71.67-.38,1.3-.68,1.89-.91.59-.22,1.19-.36,1.8-.4l.5-2.29c-.86,0-1.78-.14-2.76-.41s-2.12-.65-3.4-1.12c-.9-.34-1.64-.59-2.22-.76-.58-.17-1.06-.25-1.44-.25-.84,0-1.47.29-1.9.88-.43.59-.74,1.45-.94,2.58l1.58.27c.11-.46.24-.83.41-1.11.17-.28.45-.42.85-.42.53,0,1.45.24,2.75.73,1.33.52,2.32.83,2.98.94h.14c-.26.09-.41.15-.46.16-.15.05-.63.26-1.44.64-.73.37-1.34.65-1.81.85-1.1.44-2.15.8-3.16,1.08-1.01.27-2,.41-2.98.41h-10.54s0,0,0,0h-4.95c-1.16,0-2.05-.16-2.66-.48l-.25-4.4-2.02.21.37,4.01c-.95.29-1.98.49-3.08.6-1.11.11-2.47.16-4.09.16-1.31,0-2.34-.05-3.08-.14-.74-.09-1.33-.31-1.75-.64-.43-.34-.64-.85-.64-1.54,0-.21.02-.46.07-.73l.53-3.14-1.6-.34-.6,3.55c-.08.4-.11.83-.11,1.31,0,1.1.29,1.96.88,2.59.59.63,1.43,1.06,2.52,1.31,1.09.24,2.49.37,4.18.37,1.07,0,2.11-.05,3.12-.16,1.01-.11,1.84-.25,2.5-.44.5-.12.9-.26,1.18-.4.28-.15.52-.35.7-.61.38,1.01,1.67,1.51,3.85,1.51h4.95s0,0,0,0h10.54c1.16,0,2.22-.12,3.19-.37.96-.24,1.81-.55,2.55-.91.74-.36,1.58-.81,2.51-1.36.47,1.76,1.8,2.64,3.99,2.64h3.28c.78,0,1.58-.08,2.42-.24s1.54-.41,2.12-.74c.93-.56,1.4-1.36,1.4-2.38,0-1.24-.05-2.85-.14-4.84l-.05-.69Z"/>
<polygon class="cls-1" points="202.37 144.92 204.32 146.57 205.97 144.6 204 142.97 202.37 144.92"/>
<path class="cls-1" d="m205.72,148.91l-2.09.34.53,5.25c-.49.26-1.07.44-1.75.55-.68.11-1.49.16-2.44.16,0,0,0,0,0,0,0,0,0,0,0,0h-20.88l-.53,2.59h.05c1.3,0,2.19.03,2.66.08.47.05.8.2.98.44.17.24.25.66.22,1.27-.64.53-1.43.91-2.36,1.11-.93.21-2.03.31-3.3.31-1.09,0-2.06-.15-2.91-.46-.86-.31-1.25-.92-1.17-1.83.12-1.57.42-3.67.89-6.28l-1.6-.37c-.73,4.17-1.1,6.61-1.1,7.33,0,1.07.39,2.04,1.18,2.9.79.86,2.27,1.29,4.43,1.29,2.54,0,4.48-.42,5.82-1.26,1.34-.84,2.02-2.06,2.02-3.67,0-.35-.03-.64-.09-.87h15.7s0,0,0,0c0,0,0,0,0,0,.78,0,1.58-.08,2.42-.24s1.54-.41,2.12-.74c.93-.56,1.4-1.36,1.4-2.38,0-1.24-.05-2.85-.14-4.84l-.05-.69Z"/>
<polygon class="cls-1" points="260.77 161.92 262.7 163.55 264.35 161.6 262.38 159.95 260.77 161.92"/>
<path class="cls-1" d="m263.73,149.27c-1.01-.37-1.8-.64-2.37-.81-.57-.18-1.06-.26-1.46-.26-.84,0-1.47.29-1.9.88-.43.59-.74,1.45-.94,2.58l1.58.27c.11-.46.24-.83.41-1.11.17-.28.45-.42.85-.42.58,0,1.54.27,2.86.8,1.25.52,2.21.82,2.86.92.06,0,.11,0,.14.02-.15.03-.31.08-.46.14-.61.26-1.11.47-1.49.64-.38.18-.97.45-1.76.8-1.1.44-2.15.8-3.16,1.08-1.01.27-2,.41-2.98.41h-5.59s0,0,0,0c0,0,0,0,0,0h-13.15l-.18-6.14h-1.56c-.64,0-1.27.3-1.88.89s-1.14,1.36-1.59,2.3-.77,1.92-.97,2.94h-1.86s0,0,0,0h-15.67c-.63,0-1.12-.18-1.47-.53-.35-.35-.53-.83-.55-1.44l-.18-12.1-2.09.5.34,11.57c.05,1.68.41,2.86,1.1,3.55.69.69,1.79,1.03,3.3,1.03h15.21s0,0,0,0c0,0,0,0,0,0h1.7c.24,3.3,1.79,5.08,4.63,5.34.24.02.48-.03.72-.15.24-.11.54-.33.91-.65.37-.35.62-.64.75-.86.13-.22.19-.45.19-.7v-1.54c0-.57-.2-1.06-.6-1.49.18.03.73.05,1.63.05h11.27s0,0,0,0h5.59c1.56,0,2.93-.22,4.11-.65,1.18-.44,2.47-1.05,3.86-1.84l.78-.44c1.01-.57,1.83-.99,2.47-1.26.64-.27,1.34-.44,2.09-.48l.5-2.31c-.82,0-1.71-.13-2.65-.4s-2.06-.65-3.36-1.13Zm-30.65,4.45c.22-.66.52-1.24.89-1.74.37-.5.79-.78,1.25-.82l.09,4.35c-.23-.06-.57-.09-1.01-.09h-1.65c.06-.47.2-1.04.42-1.7Zm3.17,7.08c-.24.05-.49.07-.73.07-.9,0-1.61-.29-2.12-.88-.51-.59-.79-1.39-.84-2.42h1.42c.75,0,1.31.2,1.7.61.38.4.57.97.57,1.68v.94Z"/>
<polygon class="cls-1" points="280.14 143.11 281.86 144.57 283.34 142.83 281.6 141.37 280.14 143.11"/>
<polygon class="cls-1" points="278.49 146.36 280.23 147.83 281.72 146.09 279.95 144.6 278.49 146.36"/>
<polygon class="cls-1" points="283.64 147.78 285.11 146.04 283.34 144.57 281.9 146.34 283.64 147.78"/>
<path class="cls-1" d="m287.47,149.32l.5,5.41c-.73.23-1.66.38-2.79.46-1.12.08-2.63.11-4.53.11-1.33,0-2.36-.05-3.09-.14-.73-.09-1.31-.3-1.74-.63-.43-.33-.64-.84-.64-1.52,0-.21.02-.46.07-.73l.53-3.14-1.6-.34-.6,3.55c-.08.54-.12.97-.12,1.31,0,1.1.29,1.96.88,2.59.59.63,1.43,1.06,2.52,1.31,1.09.24,2.49.37,4.18.37s3.2-.08,4.39-.23c1.18-.15,2.11-.4,2.78-.73.55-.26.94-.6,1.18-1.02.24-.42.35-.95.35-1.59,0-1.7-.09-3.51-.27-5.45l-2.02.44Z"/>
<polygon class="cls-1" points="294.74 141.14 292.68 141.64 293.14 158.05 294.93 157.8 294.74 141.14"/>
<polygon class="cls-1" points="323.99 162.27 325.76 163.76 327.27 161.99 325.48 160.5 323.99 162.27"/>
<polygon class="cls-1" points="320.56 162.31 322.3 163.8 323.81 162.01 322.02 160.52 320.56 162.31"/>
<path class="cls-1" d="m335.34,149.98c-.87,0-1.59.31-2.14.94-.56.63-1.07,1.47-1.52,2.52-.24.58-.45.99-.63,1.23-.18.24-.37.39-.57.45-.21.06-.53.09-.97.09h-.8c-.9,0-1.58-.03-2.04-.1-.46-.07-.82-.19-1.1-.36l-.27-4.88-2.06.18.44,4.56c-.75.4-1.89.6-3.41.6h-9.9s0,0,0,0c0,0,0,0,0,0h-5.52c-.75,0-1.32-.03-1.72-.09-.4-.06-.72-.22-.97-.48-.25-.26-.41-.66-.47-1.21l-.32-3.12-2.04.5.76,6.71c-.35.81-1,1.59-1.94,2.35s-2.3,1.54-4.09,2.35l1.26,2.04c2.28-1.08,3.95-2.23,5.01-3.44,1.06-1.21,1.59-2.54,1.59-4.01v-.09c.58.72,1.54,1.08,2.86,1.08h5.59s0,0,0,0c0,0,0,0,0,0h9.9c1.18,0,2.12-.12,2.84-.37.72-.24,1.23-.65,1.53-1.21.17.57.56.97,1.18,1.21.62.24,1.59.37,2.9.37h.46c.67,0,1.21-.08,1.62-.25.4-.17.74-.4,1-.71l4.26,1.97c.18.09.37.14.55.14.31,0,.65-.17,1.03-.5.31-.24.52-.45.64-.63.12-.18.22-.39.3-.63.2-.73.3-1.5.3-2.31,0-1.36-.3-2.51-.91-3.46-.6-.95-1.47-1.42-2.6-1.42Zm1.56,6.76l-4.08-1.83c.35-.87.71-1.53,1.08-1.98.37-.45.76-.68,1.19-.68.7,0,1.23.28,1.57.84.34.56.52,1.23.52,2.01,0,.64-.09,1.19-.27,1.65Z"/>
<rect class="cls-1" x="289.51" y="23.2" width="49.24" height="14.38"/>
<rect class="cls-1" x="324.3" y="110" width="14.44" height="14.38"/>
<rect class="cls-1" x="213.33" width="14.44" height="14.38"/>
<rect class="cls-1" x="83.62" y="23.2" width="51.1" height="14.38"/>
<rect class="cls-1" x="49.98" y="110" width="26.34" height="14.38"/>
<path class="cls-1" d="m105.32,73.49v12.33c0,8.18,6.63,14.81,14.81,14.81h44v-14.38h-55.17v-12.76h-3.64Z"/>
<path class="cls-1" d="m56.96,68.07h51.2c5.6,0,11.04-1.88,15.44-5.33l28.11-22.01c1.11,3.78,2.63,7.23,4.46,10.34.53.91,1.1,1.78,1.69,2.61l.23.33c2.85,4.02,6.57,7.39,10.87,9.79.01,0,.02.01.03.02,3.52,1.97,7.42,3.3,11.65,3.86,1.94.25,3.84.38,5.7.38h20.44c5.6,0,11.03-1.88,15.44-5.33l8.84-6.91c1.95-1.44,3.82-2.93,5.65-4.39.71-.56,1.4-1.11,2.09-1.66,2.51-1.97,4.97-3.83,7.53-5.41-.03.42-.04.84-.04,1.27,0,12.37,10.06,22.43,22.43,22.43h70.01v-14.38h-80.76c-4.44,0-8.04-3.62-8.04-8.05,0-1.14.24-2.22.66-3.2,1.24-2.85,4.08-4.86,7.38-4.86h18.16v-14.38h-7.41c-.13,0-.26,0-.39.01h-77.73c-6.24,0-11.3,5.07-11.3,11.31v9.4h3.64v-6.33h65.36l-.74.58h0s-.29.23-.29.23h-.01l-7.33,5.75-3.43,2.69-8.75,6.85h-43.29l-1.88-.25c-4.89-.66-8.5-2.9-11.14-5.8-5.48-5.93-6.95-14.6-7.32-18.02l-.33-2.96-34.52,27.03H46.22c-4.45,0-8.05-3.62-8.05-8.05s3.61-8.05,8.05-8.05h26.69v-14.38h-15.94c-12.38,0-22.43,10.05-22.43,22.43s10.06,22.43,22.43,22.43Z"/>
<path class="cls-1" d="m528.48,143.83c-.63-7.47-1.99-16.25-4.25-22.47-.51-1.39-1.1-2.76-1.8-4.07-.69-1.29-1.76-2.35-2.69-3.46-1.6-1.78-3.24-3.63-4.73-6.61-1.72-3.43-1.46-7.73-1.16-12.7.39-6.4-1.81-12.45-6.18-17.1-4.37-4.65-10.57-7.59-17-7.59h-32.92l2.5-1.39c9.86-5.47,15.72-15.98,15.11-27.31-.84-15.71-14.23-27.83-29.97-27.83h-14.83l2.25,3.87c1.22,2.09,1.69,4.58,1.13,6.93-.6,2.53-2.19,4.63-4.45,5.88l-24.53,13.6s-.03.01-.04.03l-3.35-7.98v-17.81c0-1.77.27-3.53.79-5.22l.86-2.79c.12-.38-.17-.76-.56-.76h-36.43c-.4,0-.68.38-.56.76l.87,2.78c.53,1.69.79,3.44.79,5.21v65.48c0,1.12.91,2.02,2.02,2.02h3.4c-1.17,4.79-1.82,9.89-1.82,15.31v1.35c0,.77.62,1.39,1.39,1.39-.21,2.54-.07,5.03.07,7.46.16,2.7.31,5.25,0,7.79-2.36,2.62-2.84,5.72-1.4,8.88-.89,5.13-2.24,10.22-3.01,11.3-2.52,2.09-4.27,4.94-4.99,8.11l-9.82,11.6,3.16.52h15.73c3.35-.38,5.96-3.21,5.96-6.67v-3.86c1.45-3.48,3.66-6.22,5.78-8.87,2.84-3.54,5.77-7.19,6.7-12.34,2.84-2.42,5.26-5.57,7.49-9.76h44.47c3.63,0,7.19-.64,10.6-1.88-.06.31-.12.62-.15.95-.73,4.17-1.06,8-.93,10.55-2.05,2.5-3.68,5.61-5.39,8.86-.58,1.12-1.19,2.27-1.82,3.41-2.73,1.54-4.6,4.31-5.01,7.41l-10.02,11.65,3.2.52h15.75c3.35-.38,5.96-3.21,5.96-6.67v-2.37c.46-3.52,2.98-5.72,6.17-8.5.91-.79,1.85-1.61,2.77-2.5,1.68-.57,3.09-1.57,4.16-2.84.11-.12.22-.22.33-.34l-.04-.03c1.49-1.96,2.21-4.47,1.85-7.07.42-1.14.58-1.44.61-1.48,1.48-2.53,4.67-4.74,8.18-7.03,1.57,1.39,3.95,3.24,6.31,4,.23.44.54.92.93,1.41,1.31,1.87,3.59,3.12,6.52,3.49v-.03c1.6.24,3.37.21,5.32-.07.44,1.14,1.08,2.85,1.95,5.31.57,1.6.6,4.12.55,5.55-1.76,2.42-2.56,5.43-2.25,8.39l-8.82,10.24,3.2.52h15.75c3.35-.38,5.96-3.21,5.96-6.67v-3.36s.02-.06.02-.09c.93-4,1.04-5.24-.52-12.05-.52-2.27-.45-4.84-.38-6.9.02-.49.02-.95.03-1.37.92-2.4.74-5.3-.49-7.58-1.34-2.48-3.22-3.88-5.59-4.16-.1-.12-.19-.22-.29-.33-.86-.97-1.11-1.26-1.16-3.32-.07-3.9,0-12.27,0-12.36.07-5.97-1.73-11.74-4.99-16.71-2.2-3.35-4.96-6.18-8.12-8.43,4.24.45,8.12,2.36,11.06,5.49,3.32,3.53,5,8.13,4.7,12.95-.34,5.58-.65,10.78,1.72,15.54,1.82,3.64,3.88,5.95,5.55,7.81,1.04,1.16,1.98,2.38,2.71,3.76,1.28,2.42.19,5.14-.63,7.51-.78,2.27-1.06,4.67-1.36,7.04-.34,2.64-.62,5.28-.83,7.93v.1c-.22,2.75,1.95,5.1,4.71,5.1h3.53c2.76,0,4.93-2.35,4.7-5.1Zm-59.01-96.47c-.21,1.07-.48,2.13-.84,3.15-.61,1.79-1.43,3.5-2.45,5.09-1.18,1.86-2.45,3.3-3.61,4.4-1.58,1.5-3.45,2.64-5.48,3.44-7.5,2.95-14.92,3-15,3h-7.82c3.49-1.93,8.79-5.2,22.55-10.77,6.05-2.45,10.04-5.38,12.66-8.31Zm-60.33,40.32s0,0,0,0c.44-.97.93-1.91,1.47-2.83.76-1.3,2.18-2.07,3.68-2.07h9.88c-1.58,1.35-2.99,2.87-4.15,4.54-.09.12-.16.25-.24.37h-10.63Zm7.88,5.48c-.53,1.53-.91,3.11-1.1,4.73h-9.48c.03-.3.06-.6.09-.9.26-2.18,2.08-3.83,4.27-3.83h6.22Zm-.32-15.86s0,0,0-.01c1.74-1.6,3.29-2.73,4.66-3.59,1.83-1.16,3.95-1.77,6.11-1.77h14.64c.06,0,.28,0,.64-.01l-3.59,1.99c-4.86,2.78-11.34,3.34-12.1,3.4h-10.35Zm44.15-53.41c1.96,1.54,3.68,3.39,5.07,5.48.02.03.03.05.05.08,3.32,4.98,2.43,11.71-2.01,15.71-4.21,3.79-8.72,5.15-15.06,7.9.04-.09,14.77-14.24,8.59-31.38,1.19.64,2.31,1.38,3.37,2.21Zm-17.03-5.1c4.43,0,8.3,3.05,9.26,7.37,1.31,5.91-.23,11.2-2.27,15.19-.05-.47-.1-.94-.18-1.41-.86-5.32-2.3-7.01-10.52-21.14,1.5,0,2.71,0,3.71,0Zm-14.16,18.13l-.32-.56,2.83-1.57c3.04-1.68,5.31-4.31,6.54-7.49l4.32,7.44c2.41,4.14,3.03,8.95,1.76,13.57-1.27,4.61-4.28,8.43-8.46,10.75l-15.85,8.79c-11.25,6.24-18.64,17.68-19.53,30.06h-9.47c.89-15.41,9.98-29.66,23.92-37.39l9.11-5.04c3.19-1.77,5.48-4.67,6.46-8.19.97-3.52.51-7.19-1.31-10.35Zm-23.12,20.35c1.59-2.39,1.87-5.4.76-8.05l-.22-.52c.19-.11.38-.22.57-.32l16.9-9.37.36.63c1.08,1.88,1.35,4.06.78,6.14-.58,2.09-1.94,3.82-3.84,4.87l-9.1,5.04c-2.49,1.38-4.84,2.95-7.04,4.68-11.65,9.16-18.98,22.87-19.73,37.5h-9.48c.4-8.74,2.64-16.55,6.05-23.34,2.54-5.07,5.71-9.57,9.22-13.47h7.64c1.97,0,3.84-.67,5.34-1.86.69-.55,1.29-1.2,1.78-1.94Zm-26.89-18.35v4.5c0,1.12-.54,2.2-1.43,2.87l-5.37,4v-11.36h6.8Zm-6.8-5.48v-7.45l2.7,2.3c3.4,2.78,7.47,4.54,11.75,5.15h-14.45Zm1.41,22.62l5.43-4.04c.21,2.75,1.57,5.18,3.6,6.84h-10.44c0-1.1.52-2.14,1.41-2.8Zm7.99,8.28c-1.01,1.46-1.97,2.97-2.87,4.54h-6.54v-4.54h9.4Zm-5.68,10.02c-.8,1.77-1.53,3.57-2.17,5.46h-1.55v-5.46h3.72Zm25.12-24.37l.56,1.34c.04.12.09.23.13.35.25.87.1,1.77-.4,2.54-.58.88-1.51,1.37-2.56,1.37h-9.99c-2.37-.04-4.3-1.98-4.3-4.36v-1.23h16.56Zm-2.29-5.48h-14.27v-5.59h11.91l2.35,5.59Zm-26.78-29.95s0-.02,0-.04h23.74c-.16,1.09-.23,2.18-.23,3.27v10.41h-5.53c-3,0-5.97-.75-8.61-2.17-2.53-1.36-5.1-3.35-6.89-5.61-1.34-1.69-2.19-3.74-2.47-5.87Zm104.29,100.26c-3.4,2.2-6.65,4.31-9.03,6.88-.79.85-1.49,1.76-2.07,2.74-.24.4-.58,1.09-1.28,3.12l-.27.75.18.78c.29,1.26-.04,2.5-.79,3.43-2.05,2.11-6.17,1.18-7.72-.13l-.62,2.61c-.27,1.16.23,2.39,1.28,2.94-1.71,1.49-3.4,3.04-4.73,4.89-1.34,1.85-2.33,4-2.63,6.68v.31s-.01,2.53-.01,2.53c0,.68-.55,1.23-1.23,1.23h-6.74l3.94-4.58.02-.98c.04-1.74,1.09-3.31,2.69-4.01l.84-.37.45-.8c.82-1.45,1.57-2.88,2.3-4.27,1.21-2.3,2.38-4.52,3.63-6.37.57-.84,1.15-1.61,1.76-2.27l.88-.96-.18-1.28c-.27-1.96.09-6.66,1.12-11.85.25-.75.68-1.46,1.44-1.72.76-.26,1.74,0,2.33.63.6.63.69,1.48.27,2.53h0c.47.19.93.27,1.37.27,2.7,0,4.8-3.07,3.12-5.59-.24-.35-.5-.67-.79-.98-1.54-1.62-3.73-2.48-5.9-2.43l.9-2.68-1.71-1.17c-1.43-.98-2.51-2.42-3.05-4.08l-.22.07c-3.06,1-3.9,4.9-1.54,7.11h0s-.29,1.43-.29,1.43l-3.27,1.21c-2.83,1.06-5.82,1.59-8.84,1.59h-38.88c.2-.48.29-.96.29-1.43,0-2.47-2.55-4.46-5.11-3.43l-.23.1c.51,1.27.25,2.73-.74,3.79-.55.58-1.31.9-2.1,1.04l-1.21.21-.61,1.25c-.72,1.47-1.46,2.78-2.22,3.97.02-.18.04-.36.06-.55.32-3.01-1.89-5.69-4.9-5.94-.3,3.57-1.56,14.36-1.57,14.47-.49,4.19-2.91,7.19-5.7,10.67-2.36,2.95-5.04,6.28-6.79,10.76l-.19.49v4.9c0,.68-.55,1.23-1.23,1.23h-6.79l3.6-4.25.13-.74c.38-2.18,1.52-4.16,3.23-5.58,1.75-1.4,3.29-5.69,4.6-12.76.1,0,.21.02.32.02h.07c3.47-.02,5.23-4.17,2.84-6.68l-.54-.56c-.29.48-1.28,1.24-2.1,1.54-.5.18-1.01-.21-.97-.74.06-.66.44-1.26,1.17-1.95l.69-.64.15-.92c.55-3.4.36-6.67.18-9.83-.15-2.47-.28-4.84-.05-7.13h29.88s9.68.01,9.68.01c2.09,0,3.77-1.66,3.87-3.74h0c.3-6.06,3.97-11.74,9.55-14.85l17.05-9.45h26.38c2.19,0,4.34.27,6.4.79,1.02.51,2,1.11,2.92,1.79,4.48,3.33,9,9.36,9,15.32,0,11.45-7.98,16.62-15.69,21.62Zm21.17-21.62c0-1.12-.11-2.21-.31-3.29,1.65,3.38,2.55,7.08,2.51,10.88,0,.32-.07,8.52,0,12.5.04,2.1.38,3.48.92,4.57-.5,1.39-.3,2.95.55,4.16l.09.13.47.67c2.49-1.84,4.24-.78,5.55.58.04.07.08.12.12.19.42.78.64,2.13.1,3.23l-.27.58v.64c0,.5,0,1.09-.03,1.74-.07,2.24-.16,5.33.52,8.28,1.37,5.98,1.28,6.35.46,9.87l-.1.43v3.99c0,.68-.55,1.23-1.23,1.23h-6.74l3.25-3.77-.31-1.35c-.47-2.05.06-4.2,1.43-5.79l.58-.66.08-.88c.04-.52.41-5.23-.8-8.65-2.06-5.83-2.89-7.65-2.92-7.72l-.93-2.05-2.19.51c-4.47,1.05-6.75.38-7.87-.35-.27-.18-.48-.37-.66-.55,0-.01-.02-.02-.03-.04-.27-.55-.07-1.29.45-1.78.63-.58,1.57-.66,2.64-.24,1.31-3.29-2.37-6.5-5.35-4.57-.36.24-.7.5-1.03.81-.61.57-1.1,1.25-1.48,1.96-.61-.35-1.31-.84-2.05-1.41,7.2-4.93,14.56-11.49,14.56-23.82Zm23.02,50.24c.3-3.32.6-6.17.91-8.54.3,2.37.59,5.21.89,8.54h-1.8Z"/>
<path class="cls-1" d="m452.37,91.77c-3.4,4.75-10.08,11.52-20.95,11.52h-7.5c0,3.03,2.45,5.48,5.48,5.48h2.02c11.44,0,21.86-6.64,27.89-17.75l.53-.97c-2.57-1.39-5.77-.66-7.47,1.72Z"/>
<path class="cls-1" d="m482.97,86.52c-2.39-2.37-6.46-1.02-6.97,2.31,1.98.3,3.74,1.75,4.48,3.69.8,2.1.21,4.55-1.6,6.55-1.02,1.13-2.35,2.01-3.77,2.96-.31.21-.64.42-.96.64-2.57,1.75-2.66,5.51-.18,7.38,1.03-1.37,2.56-2.38,4.17-3.46,1.63-1.09,3.32-2.21,4.8-3.84,3.22-3.56,4.21-8.11,2.65-12.18-.59-1.55-1.5-2.92-2.63-4.04Z"/>
<path class="cls-1" d="m378.98,21.29c1.35,0,2.44-1.09,2.44-2.44s-1.09-2.44-2.44-2.44-2.44,1.09-2.44,2.44,1.09,2.44,2.44,2.44Z"/>
<path class="cls-1" d="m385.44,21.29c1.35,0,2.44-1.09,2.44-2.44s-1.09-2.44-2.44-2.44-2.44,1.09-2.44,2.44,1.09,2.44,2.44,2.44Z"/>
<path class="cls-1" d="m391.89,21.29c1.35,0,2.44-1.09,2.44-2.44s-1.09-2.44-2.44-2.44-2.44,1.09-2.44,2.44,1.09,2.44,2.44,2.44Z"/>
<path class="cls-1" d="m381.51,159.05h40.53l4.72-5.48h-43.3c-.2,2-.89,3.88-1.95,5.48Z"/>
<path class="cls-1" d="m458.13,159.05h23.37l4.72-5.48h-26.13c-.2,2-.89,3.88-1.95,5.48Z"/>
<path class="cls-1" d="m408.35,11.39c4.09-1.71,8.37-3.08,12.78-4.08,5.62-1.29,11.46-1.96,17.46-1.96,43.12,0,78.27,34.78,78.85,77.77,1.4,3.68,2,7.65,1.76,11.72-.25,4.2-.49,7.82.6,9.98.1.19.19.39.3.57,1.76-6.78,2.7-13.87,2.7-21.18,0-46.44-37.77-84.22-84.21-84.22-11.03,0-21.57,2.12-31.22,6.01.04.02.06.06.09.1,1.12,1.52,1.46,3.49.9,5.28Z"/>
<path class="cls-1" d="m366.91,117.07c-4.6-10.01-7.18-21.13-7.18-32.85,0-6.47.79-12.76,2.27-18.79v-16.18c-4.89,10.65-7.61,22.49-7.61,34.96,0,14.74,3.81,28.62,10.5,40.68-.21-2.73.47-5.42,2.02-7.83Z"/>
<path class="cls-1" d="m336.33,79.52c-.06,0-.14,0-.22,0h-69.14c-6.24,0-11.31,5.06-11.31,11.31v9.4h3.63v-6.33h48.78l-.73.58v.02l-.29.22h0l-7.33,5.75-2.92,2.29-.51.4-8.75,6.84h-24.92c-.51,0-1.02-.02-1.52-.06-.73-.03-1.45-.09-2.14-.2-.93-.13-1.82-.31-2.66-.55-9.05-2.53-12.97-10.94-14.67-17.26-.66-2.5-.98-4.66-1.13-6.01l-.71-6.41h-14.29c-6.91,0-13.24,3.69-16.59,9.67-1.07,1.88-1.73,3.87-2.03,5.89-.04.32-.07.65-.11.97,0,.12-.02.25-.03.38,0,.14,0,.28,0,.43h-.02c-.14-.17-.28-.33-.44-.48-3.82-4.2-8.44-7.43-12.37-9.32l-9.77,7.64-3.39,2.65-16.15,12.64h-74.83c-2.92,0-5.48-1.56-6.9-3.89-.21-.33-.39-.68-.54-1.04,6.86-2.05,11.86-8.41,11.86-15.94v-15.64h-3.63v6.3c0,6.36-5.14,11.54-11.52,11.56l-3.93.04c-5.53-.19-12.14-3.63-19.11-9.99l-11.28-9.71-11.76-10.14-11.67-10.04c-2.2-1.9-3.47-4.66-3.47-7.56v-.8h-3.64v25.83c3.44,0,6.76,1.24,9.39,3.48l22.07,18.95-28.66,23.75c-4.87,4.05-12.25.58-12.25-5.75v-7.47H1.06v7.36c0,10.3,8.81,18.58,19.32,17.66,3.71-.32,7.19-1.9,10.05-4.28l14.1-11.69c2.93-2.42,4.61-6.03,4.61-9.82v-6.68c.19.15.37.29.55.43l.11.1c8.54,6.91,16.93,10.52,25,10.74h2.73c.28,0,.57-.02.86-.04.06.33.12.66.19.98,2.19,10.09,11.15,17.68,21.9,17.68h42.98c5.59,0,11.03-1.88,15.44-5.32l7.91-6.19,18.05-14.12c6.61,2.39,10.79,6.72,14.85,12.28.08.09.14.18.21.28l4.04,5.72c.06.06.09.13.14.2l1,1.41c2.51,3.56,6.59,5.67,10.94,5.67h8c4.39,0,8.53-1.7,11.62-4.81,1.27-1.27,2.3-2.69,3.09-4.26,2.01,1.92,4.21,3.56,6.6,4.88h0c.06.03.13.08.2.11.02,0,.02,0,.03.02.07.04.15.07.22.11.13.07.27.15.41.22.24.12.47.24.71.35,1.22.61,2.49,1.13,3.79,1.59.38.12.77.24,1.15.35.36.11.73.22,1.12.32.08.02.17.05.26.06.36.09.73.18,1.09.26.55.12,1.08.23,1.64.31.17.03.35.06.51.08.04,0,.1,0,.14.02.12.02.24.05.38.07.34.04.67.08,1.01.11.15.02.29.03.44.06,1.44.14,2.85.21,4.25.21h3.85c5.59,0,11.03-1.88,15.44-5.33l8.84-6.91.17-.13c1.89-1.4,3.69-2.84,5.48-4.26.71-.57,1.41-1.12,2.09-1.66.02-.02.03-.03.06-.05.15-.11.3-.23.44-.35.14-.11.29-.23.44-.34.62-.48,1.25-.96,1.86-1.42.32-.24.62-.47.94-.7.32-.22.62-.44.93-.66.94-.66,1.89-1.3,2.85-1.9.11-.08.22-.14.33-.21.29-.18.58-.35.88-.51.21-.12.43-.24.64-.35.3-.15.58-.31.89-.45.28-.13.56-.27.85-.4v-.02c6.58-3.05,15.32-4.65,26.53-4.83h2.62v-14.38c-.27,0-.5,0-.74,0-.58,0-1.15,0-1.77,0Zm-101.21,28.37c0,.7-.33,1.18-.61,1.45-.28.28-.75.61-1.46.61h-16.48l-.73-1.04h-.02c-.53-.77-1.06-1.52-1.59-2.28-1.11-1.58-2.24-3.18-3.41-4.76h-.02s0-.02,0-.03l-.36-.5c-.98-1.38-.99-2.72-.77-3.69.12-.51.3-.92.43-1.19.39-.77,1.6-2.54,4.17-2.54h20.83v13.98Z"/>
</g>
</g>
</svg>
</a>
<!-- menu -->
<ul class="gap-x-4 items-center font-yekanBakhRegular hidden lg:flex">
<li>
<a href="#" class="text-sm text-white p-2 rounded-full transition-all">
خانه
</a>
</li>
<li>
<a href="#" data-modal-target="modal1" class="open-modal text-sm text-white p-2 rounded-full transition-all flex items-center">
کاوش
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rtl-enabled transition-transform duration-300 rotate-0">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#" data-modal-target="modal2" class="open-modal text-sm text-white p-2 rounded-full transition-all flex items-center">
پایگاه دانش
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rtl-enabled transition-transform duration-300 rotate-0">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#" data-modal-target="modal3" class="open-modal ttext-sm text-white p-2 rounded-full transition-all flex items-center">
گردشگری
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rtl-enabled transition-transform duration-300 rotate-0">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
</li>
<li>
<a href="#" data-modal-target="modal4" class="open-modal ttext-sm text-white p-2 rounded-full transition-all flex items-center">
پایگاه تخت جمشید
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="rtl-enabled transition-transform duration-300 rotate-0">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
</li>
</ul>
<!-- lan -->
<div class="hidden lg:block h-12">
<div id="langBtn"
aria-pressed="false"
class="group border border-white rounded-[20px] flex items-center gap-x-1.5 text-sm text-white transition-all px-4 py-2.5 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3633 3C17.3342 3 21.3633 7.02908 21.3633 12C21.3633 16.9709 17.3342 21 12.3633 21C7.39236 21 3.36328 16.9709 3.36328 12C3.36328 7.02908 7.39236 3 12.3633 3Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3626 3C14.2132 3 15.7126 7.02908 15.7126 12C15.7126 16.9709 14.2132 21 12.3626 21C10.512 21 9.0127 16.9709 9.0127 12C9.0127 7.02908 10.512 3 12.3626 3Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.37793 7.84375C5.89479 8.31175 7.54301 8.62991 9.23793 8.80797C11.2977 9.02397 13.4237 9.02397 15.4932 8.80797C17.1881 8.62991 18.8363 8.31175 20.3532 7.84375" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M20.3532 16.1536C18.8363 15.6856 17.1881 15.3674 15.4932 15.1893C13.4237 14.9733 11.2977 14.9733 9.23793 15.1893C7.54301 15.3674 5.89479 15.6856 4.37793 16.1536" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<div class="flex flex-col px-1">
<button class="font-iranyekan-light cursor-pointer">FA</button>
<button id="enTag"
class="en-tag font-iranyekan-light cursor-pointer
opacity-0 translate-y-1 scale-95 pointer-events-none
transition-all duration-300 h-0 overflow-hidden">
EN
</button>
</div>
<svg class="inline-block transition-transform duration-300 ease-in-out rotate-0" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</div>
</div>
</div>
<!-- btn menu mobile -->
<ul data-modal-target="modalMenuMobile" class="open-modal menu lg:hidden">
<li></li>
<li></li>
<li></li>
</ul>
</div>
</header>
<!-- Modal menu mobile -->
<div id="modalMenuMobile" class="modal fixed inset-0 z-50 hidden items-start justify-center">
<div class="modal-content w-full h-full bg-black/95 backdrop-blur-xs translate-y-[-125%] transition-transform duration-500 pt-[106px]">
<div class="relative text-white px-4">
<ul class="flex flex-col gap-y-5">
<li>
<a href="#" class="text-sm text-white">
خانه
</a>
</li>
<li class="relative">
<a href="#" class="flex items-center text-white text-sm menu-toggle">
کاوش
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="transition-transform duration-300 menu-icon">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
<ul class="overflow-hidden max-h-0 transition-all duration-300 mt-2 ml-4" id="submenu">
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
</ul>
</li>
<li class="relative">
<a href="#" class="flex items-center text-white text-sm menu-toggle">
پایگاه دانش
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="transition-transform duration-300 menu-icon">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
<ul class="overflow-hidden max-h-0 transition-all duration-300 mt-2 ml-4" id="submenu">
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
</ul>
</li>
<li class="relative">
<a href="#" class="flex items-center text-white text-sm menu-toggle">
گردشگری
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="transition-transform duration-300 menu-icon">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
<ul class="overflow-hidden max-h-0 transition-all duration-300 mt-2 ml-4" id="submenu">
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
</ul>
</li>
<li class="relative">
<a href="#" class="flex items-center text-white text-sm menu-toggle">
درباره تخت جمشید
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" class="transition-transform duration-300 menu-icon">
<path d="M7.53269 9.47204C7.24111 9.17784 6.76624 9.17573 6.47204 9.46731C6.17784 9.75889 6.17573 10.2338 6.46731 10.528L8.2461 12.3227C8.91604 12.9987 9.46359 13.5511 9.95146 13.9429C10.4588 14.3504 10.9737 14.6453 11.5918 14.7241C11.8629 14.7586 12.1371 14.7586 12.4082 14.7241C13.0263 14.6453 13.5412 14.3504 14.0485 13.9429C14.5364 13.5511 15.084 12.9987 15.7539 12.3227L17.5327 10.528C17.8243 10.2338 17.8222 9.75889 17.528 9.46731C17.2338 9.17573 16.7589 9.17784 16.4673 9.47204L14.72 11.235C14.0109 11.9505 13.5228 12.4413 13.1093 12.7734C12.7076 13.096 12.4496 13.2067 12.2185 13.2361C12.0734 13.2546 11.9266 13.2546 11.7815 13.2361C11.5504 13.2067 11.2924 13.096 10.8907 12.7734C10.4772 12.4413 9.98914 11.9505 9.28 11.235L7.53269 9.47204Z" fill="white"/>
</svg>
</a>
<ul class="overflow-hidden max-h-0 transition-all duration-300 mt-2 ml-4" id="submenu">
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
<li><a href="#" class="block py-1.5 text-white text-sm">درباره تخت جمشید</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<!-- Modal 1 -->
<div id="modal1" class="modal fixed inset-0 z-50 hidden items-start justify-center">
<div class="modal-content w-full h-full bg-black/95 backdrop-blur-xs translate-y-[-125%] transition-transform duration-500 pt-[106px]">
<div class="relative grid grid-cols-3 max-w-[1200px] mx-auto border-t border-zinc-100/20 pt-4 h-[70%]">
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<div>
<button class="close-modal absolute left-5 top-5 text-white text-3xl cursor-pointer"></button>
</div>
</div>
<div class="border-t border-zinc-100/20 pt-4 max-w-[1200px] mx-auto">
<div class="mr-auto w-fit">
<p class="text-xs text-white w-fit">
با ما در ارتباط باشید
</p>
<div class="flex items-center gap-4 mt-3">
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.373 0 0 5.373 0 12C0 18.627 5.373 24 12 24C18.627 24 24 18.627 24 12C24 5.373 18.627 0 12 0ZM17.562 8.161C17.382 10.058 16.6 14.663 16.203 16.788C16.035 17.688 15.703 17.989 15.383 18.018C14.686 18.082 14.157 17.557 13.482 17.115C12.426 16.423 11.829 15.992 10.804 15.316C9.619 14.535 10.387 14.106 11.062 13.405C11.239 13.221 14.309 10.428 14.369 10.175C14.376 10.143 14.384 10.025 14.313 9.963C14.242 9.901 14.139 9.922 14.065 9.939C13.959 9.963 12.272 11.078 9.003 13.284C8.524 13.613 8.09 13.773 7.701 13.765C7.273 13.756 6.449 13.523 5.836 13.323C5.085 13.079 4.487 12.949 4.539 12.535C4.566 12.319 4.863 12.098 5.431 11.872C8.929 10.348 11.262 9.343 12.429 8.857C15.762 7.471 16.454 7.23 16.906 7.222C17.472 7.214 17.608 7.681 17.562 8.161Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" d="M12 2.162C15.204 2.162 15.584 2.174 16.849 2.232C18.157 2.292 19.504 2.59 20.457 3.543C21.419 4.505 21.708 5.839 21.768 7.151C21.826 8.416 21.838 8.796 21.838 12C21.838 15.204 21.826 15.584 21.768 16.849C21.709 18.15 21.404 19.51 20.457 20.457C19.495 21.419 18.162 21.708 16.849 21.768C15.584 21.826 15.204 21.838 12 21.838C8.796 21.838 8.416 21.826 7.151 21.768C5.86 21.709 4.482 21.397 3.543 20.457C2.586 19.5 2.292 18.153 2.232 16.849C2.174 15.584 2.162 15.204 2.162 12C2.162 8.796 2.174 8.416 2.232 7.151C2.291 5.855 2.599 4.487 3.543 3.543C4.503 2.583 5.842 2.292 7.151 2.232C8.416 2.174 8.796 2.162 12 2.162ZM12 0C8.741 0 8.332 0.014 7.052 0.072C5.197 0.157 3.355 0.673 2.014 2.014C0.668 3.36 0.157 5.198 0.072 7.052C0.014 8.332 0 8.741 0 12C0 15.259 0.014 15.668 0.072 16.948C0.157 18.801 0.675 20.648 2.014 21.986C3.359 23.331 5.2 23.843 7.052 23.928C8.332 23.986 8.741 24 12 24C15.259 24 15.668 23.986 16.948 23.928C18.802 23.843 20.646 23.326 21.986 21.986C23.333 20.639 23.843 18.802 23.928 16.948C23.986 15.668 24 15.259 24 12C24 8.741 23.986 8.332 23.928 7.052C23.843 5.197 23.326 3.354 21.986 2.014C20.643 0.671 18.797 0.156 16.948 0.072C15.668 0.014 15.259 0 12 0Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M11.9999 5.83789C8.59689 5.83789 5.83789 8.59689 5.83789 11.9999C5.83789 15.4029 8.59689 18.1619 11.9999 18.1619C15.4029 18.1619 18.1619 15.4029 18.1619 11.9999C18.1619 8.59689 15.4029 5.83789 11.9999 5.83789ZM11.9999 15.9999C9.79089 15.9999 7.99989 14.2089 7.99989 11.9999C7.99989 9.79089 9.79089 7.99989 11.9999 7.99989C14.2089 7.99989 15.9999 9.79089 15.9999 11.9999C15.9999 14.2089 14.2089 15.9999 11.9999 15.9999Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M18.4048 7.0343C19.2001 7.0343 19.8448 6.38959 19.8448 5.5943C19.8448 4.79901 19.2001 4.1543 18.4048 4.1543C17.6096 4.1543 16.9648 4.79901 16.9648 5.5943C16.9648 6.38959 17.6096 7.0343 18.4048 7.0343Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M20.5042 3.488C18.2474 1.24 15.2471 0.001 12.0507 0C5.46418 0 0.103496 5.334 0.100481 11.892C0.0994767 13.988 0.650115 16.034 1.69613 17.838L0 24L6.33435 22.346C8.07971 23.294 10.0451 23.793 12.0447 23.794H12.0497C18.6353 23.794 23.997 18.459 24 11.901C24.002 8.724 22.7601 5.735 20.5042 3.488ZM12.0507 21.785H12.0467C10.2642 21.785 8.51681 21.308 6.9915 20.407L6.62876 20.193L2.86975 21.174L3.87356 17.526L3.63743 17.152C2.64266 15.578 2.11815 13.759 2.11915 11.892C2.12116 6.442 6.57752 2.008 12.0558 2.008C14.7085 2.008 17.2024 3.038 19.0774 4.906C20.9524 6.775 21.9843 9.258 21.9833 11.899C21.9803 17.351 17.525 21.785 12.0507 21.785ZM17.4988 14.382C17.2004 14.233 15.7324 13.514 15.4581 13.415C15.1848 13.316 14.9858 13.266 14.7858 13.563C14.5859 13.86 14.0152 14.53 13.8403 14.729C13.6665 14.927 13.4916 14.952 13.1932 14.803C12.8948 14.654 11.9322 14.341 10.7917 13.328C9.90446 12.54 9.30458 11.567 9.13075 11.269C8.95692 10.971 9.11266 10.811 9.26138 10.663C9.39602 10.53 9.55981 10.316 9.70952 10.142C9.86025 9.97 9.90948 9.846 10.01 9.647C10.1094 9.449 10.0602 9.275 9.98484 9.126C9.90948 8.978 9.31262 7.515 9.06443 6.92C8.82227 6.34 8.57609 6.419 8.39221 6.41C8.21838 6.401 8.01943 6.4 7.81947 6.4C7.62051 6.4 7.29696 6.474 7.02365 6.772C6.75034 7.07 5.97865 7.789 5.97865 9.251C5.97865 10.714 7.04877 12.127 7.19749 12.325C7.3462 12.523 9.30257 15.525 12.2979 16.812C13.0103 17.118 13.567 17.301 14.0001 17.438C14.7155 17.664 15.3666 17.632 15.8811 17.556C16.4548 17.471 17.6476 16.837 17.8968 16.143C18.1459 15.449 18.1459 14.853 18.0706 14.73C17.9962 14.605 17.7973 14.531 17.4988 14.382Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 2 -->
<div id="modal2" class="modal fixed inset-0 z-50 hidden items-start justify-center">
<div class="modal-content w-full h-full bg-black/95 backdrop-blur-xs translate-y-[-125%] transition-transform duration-500 pt-[106px]">
<div class="relative grid grid-cols-3 max-w-[1200px] mx-auto border-t border-zinc-100/20 pt-4 h-[70%]">
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<div>
<button class="close-modal absolute left-5 top-5 text-white text-3xl cursor-pointer"></button>
</div>
</div>
<div class="border-t border-zinc-100/20 pt-4 max-w-[1200px] mx-auto">
<div class="mr-auto w-fit">
<p class="text-xs text-white w-fit">
با ما در ارتباط باشید
</p>
<div class="flex items-center gap-4 mt-3">
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.373 0 0 5.373 0 12C0 18.627 5.373 24 12 24C18.627 24 24 18.627 24 12C24 5.373 18.627 0 12 0ZM17.562 8.161C17.382 10.058 16.6 14.663 16.203 16.788C16.035 17.688 15.703 17.989 15.383 18.018C14.686 18.082 14.157 17.557 13.482 17.115C12.426 16.423 11.829 15.992 10.804 15.316C9.619 14.535 10.387 14.106 11.062 13.405C11.239 13.221 14.309 10.428 14.369 10.175C14.376 10.143 14.384 10.025 14.313 9.963C14.242 9.901 14.139 9.922 14.065 9.939C13.959 9.963 12.272 11.078 9.003 13.284C8.524 13.613 8.09 13.773 7.701 13.765C7.273 13.756 6.449 13.523 5.836 13.323C5.085 13.079 4.487 12.949 4.539 12.535C4.566 12.319 4.863 12.098 5.431 11.872C8.929 10.348 11.262 9.343 12.429 8.857C15.762 7.471 16.454 7.23 16.906 7.222C17.472 7.214 17.608 7.681 17.562 8.161Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" d="M12 2.162C15.204 2.162 15.584 2.174 16.849 2.232C18.157 2.292 19.504 2.59 20.457 3.543C21.419 4.505 21.708 5.839 21.768 7.151C21.826 8.416 21.838 8.796 21.838 12C21.838 15.204 21.826 15.584 21.768 16.849C21.709 18.15 21.404 19.51 20.457 20.457C19.495 21.419 18.162 21.708 16.849 21.768C15.584 21.826 15.204 21.838 12 21.838C8.796 21.838 8.416 21.826 7.151 21.768C5.86 21.709 4.482 21.397 3.543 20.457C2.586 19.5 2.292 18.153 2.232 16.849C2.174 15.584 2.162 15.204 2.162 12C2.162 8.796 2.174 8.416 2.232 7.151C2.291 5.855 2.599 4.487 3.543 3.543C4.503 2.583 5.842 2.292 7.151 2.232C8.416 2.174 8.796 2.162 12 2.162ZM12 0C8.741 0 8.332 0.014 7.052 0.072C5.197 0.157 3.355 0.673 2.014 2.014C0.668 3.36 0.157 5.198 0.072 7.052C0.014 8.332 0 8.741 0 12C0 15.259 0.014 15.668 0.072 16.948C0.157 18.801 0.675 20.648 2.014 21.986C3.359 23.331 5.2 23.843 7.052 23.928C8.332 23.986 8.741 24 12 24C15.259 24 15.668 23.986 16.948 23.928C18.802 23.843 20.646 23.326 21.986 21.986C23.333 20.639 23.843 18.802 23.928 16.948C23.986 15.668 24 15.259 24 12C24 8.741 23.986 8.332 23.928 7.052C23.843 5.197 23.326 3.354 21.986 2.014C20.643 0.671 18.797 0.156 16.948 0.072C15.668 0.014 15.259 0 12 0Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M11.9999 5.83789C8.59689 5.83789 5.83789 8.59689 5.83789 11.9999C5.83789 15.4029 8.59689 18.1619 11.9999 18.1619C15.4029 18.1619 18.1619 15.4029 18.1619 11.9999C18.1619 8.59689 15.4029 5.83789 11.9999 5.83789ZM11.9999 15.9999C9.79089 15.9999 7.99989 14.2089 7.99989 11.9999C7.99989 9.79089 9.79089 7.99989 11.9999 7.99989C14.2089 7.99989 15.9999 9.79089 15.9999 11.9999C15.9999 14.2089 14.2089 15.9999 11.9999 15.9999Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M18.4048 7.0343C19.2001 7.0343 19.8448 6.38959 19.8448 5.5943C19.8448 4.79901 19.2001 4.1543 18.4048 4.1543C17.6096 4.1543 16.9648 4.79901 16.9648 5.5943C16.9648 6.38959 17.6096 7.0343 18.4048 7.0343Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M20.5042 3.488C18.2474 1.24 15.2471 0.001 12.0507 0C5.46418 0 0.103496 5.334 0.100481 11.892C0.0994767 13.988 0.650115 16.034 1.69613 17.838L0 24L6.33435 22.346C8.07971 23.294 10.0451 23.793 12.0447 23.794H12.0497C18.6353 23.794 23.997 18.459 24 11.901C24.002 8.724 22.7601 5.735 20.5042 3.488ZM12.0507 21.785H12.0467C10.2642 21.785 8.51681 21.308 6.9915 20.407L6.62876 20.193L2.86975 21.174L3.87356 17.526L3.63743 17.152C2.64266 15.578 2.11815 13.759 2.11915 11.892C2.12116 6.442 6.57752 2.008 12.0558 2.008C14.7085 2.008 17.2024 3.038 19.0774 4.906C20.9524 6.775 21.9843 9.258 21.9833 11.899C21.9803 17.351 17.525 21.785 12.0507 21.785ZM17.4988 14.382C17.2004 14.233 15.7324 13.514 15.4581 13.415C15.1848 13.316 14.9858 13.266 14.7858 13.563C14.5859 13.86 14.0152 14.53 13.8403 14.729C13.6665 14.927 13.4916 14.952 13.1932 14.803C12.8948 14.654 11.9322 14.341 10.7917 13.328C9.90446 12.54 9.30458 11.567 9.13075 11.269C8.95692 10.971 9.11266 10.811 9.26138 10.663C9.39602 10.53 9.55981 10.316 9.70952 10.142C9.86025 9.97 9.90948 9.846 10.01 9.647C10.1094 9.449 10.0602 9.275 9.98484 9.126C9.90948 8.978 9.31262 7.515 9.06443 6.92C8.82227 6.34 8.57609 6.419 8.39221 6.41C8.21838 6.401 8.01943 6.4 7.81947 6.4C7.62051 6.4 7.29696 6.474 7.02365 6.772C6.75034 7.07 5.97865 7.789 5.97865 9.251C5.97865 10.714 7.04877 12.127 7.19749 12.325C7.3462 12.523 9.30257 15.525 12.2979 16.812C13.0103 17.118 13.567 17.301 14.0001 17.438C14.7155 17.664 15.3666 17.632 15.8811 17.556C16.4548 17.471 17.6476 16.837 17.8968 16.143C18.1459 15.449 18.1459 14.853 18.0706 14.73C17.9962 14.605 17.7973 14.531 17.4988 14.382Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 3 -->
<div id="modal3" class="modal fixed inset-0 z-50 hidden items-start justify-center">
<div class="modal-content w-full h-full bg-black/95 backdrop-blur-xs translate-y-[-125%] transition-transform duration-500 pt-[106px]">
<div class="relative grid grid-cols-3 max-w-[1200px] mx-auto border-t border-zinc-100/20 pt-4 h-[70%]">
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<div>
<button class="close-modal absolute left-5 top-5 text-white text-3xl cursor-pointer"></button>
</div>
</div>
<div class="border-t border-zinc-100/20 pt-4 max-w-[1200px] mx-auto">
<div class="mr-auto w-fit">
<p class="text-xs text-white w-fit">
با ما در ارتباط باشید
</p>
<div class="flex items-center gap-4 mt-3">
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.373 0 0 5.373 0 12C0 18.627 5.373 24 12 24C18.627 24 24 18.627 24 12C24 5.373 18.627 0 12 0ZM17.562 8.161C17.382 10.058 16.6 14.663 16.203 16.788C16.035 17.688 15.703 17.989 15.383 18.018C14.686 18.082 14.157 17.557 13.482 17.115C12.426 16.423 11.829 15.992 10.804 15.316C9.619 14.535 10.387 14.106 11.062 13.405C11.239 13.221 14.309 10.428 14.369 10.175C14.376 10.143 14.384 10.025 14.313 9.963C14.242 9.901 14.139 9.922 14.065 9.939C13.959 9.963 12.272 11.078 9.003 13.284C8.524 13.613 8.09 13.773 7.701 13.765C7.273 13.756 6.449 13.523 5.836 13.323C5.085 13.079 4.487 12.949 4.539 12.535C4.566 12.319 4.863 12.098 5.431 11.872C8.929 10.348 11.262 9.343 12.429 8.857C15.762 7.471 16.454 7.23 16.906 7.222C17.472 7.214 17.608 7.681 17.562 8.161Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" d="M12 2.162C15.204 2.162 15.584 2.174 16.849 2.232C18.157 2.292 19.504 2.59 20.457 3.543C21.419 4.505 21.708 5.839 21.768 7.151C21.826 8.416 21.838 8.796 21.838 12C21.838 15.204 21.826 15.584 21.768 16.849C21.709 18.15 21.404 19.51 20.457 20.457C19.495 21.419 18.162 21.708 16.849 21.768C15.584 21.826 15.204 21.838 12 21.838C8.796 21.838 8.416 21.826 7.151 21.768C5.86 21.709 4.482 21.397 3.543 20.457C2.586 19.5 2.292 18.153 2.232 16.849C2.174 15.584 2.162 15.204 2.162 12C2.162 8.796 2.174 8.416 2.232 7.151C2.291 5.855 2.599 4.487 3.543 3.543C4.503 2.583 5.842 2.292 7.151 2.232C8.416 2.174 8.796 2.162 12 2.162ZM12 0C8.741 0 8.332 0.014 7.052 0.072C5.197 0.157 3.355 0.673 2.014 2.014C0.668 3.36 0.157 5.198 0.072 7.052C0.014 8.332 0 8.741 0 12C0 15.259 0.014 15.668 0.072 16.948C0.157 18.801 0.675 20.648 2.014 21.986C3.359 23.331 5.2 23.843 7.052 23.928C8.332 23.986 8.741 24 12 24C15.259 24 15.668 23.986 16.948 23.928C18.802 23.843 20.646 23.326 21.986 21.986C23.333 20.639 23.843 18.802 23.928 16.948C23.986 15.668 24 15.259 24 12C24 8.741 23.986 8.332 23.928 7.052C23.843 5.197 23.326 3.354 21.986 2.014C20.643 0.671 18.797 0.156 16.948 0.072C15.668 0.014 15.259 0 12 0Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M11.9999 5.83789C8.59689 5.83789 5.83789 8.59689 5.83789 11.9999C5.83789 15.4029 8.59689 18.1619 11.9999 18.1619C15.4029 18.1619 18.1619 15.4029 18.1619 11.9999C18.1619 8.59689 15.4029 5.83789 11.9999 5.83789ZM11.9999 15.9999C9.79089 15.9999 7.99989 14.2089 7.99989 11.9999C7.99989 9.79089 9.79089 7.99989 11.9999 7.99989C14.2089 7.99989 15.9999 9.79089 15.9999 11.9999C15.9999 14.2089 14.2089 15.9999 11.9999 15.9999Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M18.4048 7.0343C19.2001 7.0343 19.8448 6.38959 19.8448 5.5943C19.8448 4.79901 19.2001 4.1543 18.4048 4.1543C17.6096 4.1543 16.9648 4.79901 16.9648 5.5943C16.9648 6.38959 17.6096 7.0343 18.4048 7.0343Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M20.5042 3.488C18.2474 1.24 15.2471 0.001 12.0507 0C5.46418 0 0.103496 5.334 0.100481 11.892C0.0994767 13.988 0.650115 16.034 1.69613 17.838L0 24L6.33435 22.346C8.07971 23.294 10.0451 23.793 12.0447 23.794H12.0497C18.6353 23.794 23.997 18.459 24 11.901C24.002 8.724 22.7601 5.735 20.5042 3.488ZM12.0507 21.785H12.0467C10.2642 21.785 8.51681 21.308 6.9915 20.407L6.62876 20.193L2.86975 21.174L3.87356 17.526L3.63743 17.152C2.64266 15.578 2.11815 13.759 2.11915 11.892C2.12116 6.442 6.57752 2.008 12.0558 2.008C14.7085 2.008 17.2024 3.038 19.0774 4.906C20.9524 6.775 21.9843 9.258 21.9833 11.899C21.9803 17.351 17.525 21.785 12.0507 21.785ZM17.4988 14.382C17.2004 14.233 15.7324 13.514 15.4581 13.415C15.1848 13.316 14.9858 13.266 14.7858 13.563C14.5859 13.86 14.0152 14.53 13.8403 14.729C13.6665 14.927 13.4916 14.952 13.1932 14.803C12.8948 14.654 11.9322 14.341 10.7917 13.328C9.90446 12.54 9.30458 11.567 9.13075 11.269C8.95692 10.971 9.11266 10.811 9.26138 10.663C9.39602 10.53 9.55981 10.316 9.70952 10.142C9.86025 9.97 9.90948 9.846 10.01 9.647C10.1094 9.449 10.0602 9.275 9.98484 9.126C9.90948 8.978 9.31262 7.515 9.06443 6.92C8.82227 6.34 8.57609 6.419 8.39221 6.41C8.21838 6.401 8.01943 6.4 7.81947 6.4C7.62051 6.4 7.29696 6.474 7.02365 6.772C6.75034 7.07 5.97865 7.789 5.97865 9.251C5.97865 10.714 7.04877 12.127 7.19749 12.325C7.3462 12.523 9.30257 15.525 12.2979 16.812C13.0103 17.118 13.567 17.301 14.0001 17.438C14.7155 17.664 15.3666 17.632 15.8811 17.556C16.4548 17.471 17.6476 16.837 17.8968 16.143C18.1459 15.449 18.1459 14.853 18.0706 14.73C17.9962 14.605 17.7973 14.531 17.4988 14.382Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<!-- Modal 4 -->
<div id="modal4" class="modal fixed inset-0 z-50 hidden items-start justify-center">
<div class="modal-content w-full h-full bg-black/95 backdrop-blur-xs translate-y-[-125%] transition-transform duration-500 pt-[106px]">
<div class="relative grid grid-cols-3 max-w-[1200px] mx-auto border-t border-zinc-100/20 pt-4 h-[70%]">
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<ul class="flex flex-col gap-y-8 font-yekanBakhRegular">
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
<li>
<a href="#" class="font-iranyekan-light text-zinc-200 hover:text-zinc-50 hover:pr-4 p-2 transition-all duration-300">
درباره تخت جمشید
</a>
</li>
</ul>
<div>
<button class="close-modal absolute left-5 top-5 text-white text-3xl cursor-pointer"></button>
</div>
</div>
<div class="border-t border-zinc-100/20 pt-4 max-w-[1200px] mx-auto">
<div class="mr-auto w-fit">
<p class="text-xs text-white w-fit">
با ما در ارتباط باشید
</p>
<div class="flex items-center gap-4 mt-3">
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M12 0C5.373 0 0 5.373 0 12C0 18.627 5.373 24 12 24C18.627 24 24 18.627 24 12C24 5.373 18.627 0 12 0ZM17.562 8.161C17.382 10.058 16.6 14.663 16.203 16.788C16.035 17.688 15.703 17.989 15.383 18.018C14.686 18.082 14.157 17.557 13.482 17.115C12.426 16.423 11.829 15.992 10.804 15.316C9.619 14.535 10.387 14.106 11.062 13.405C11.239 13.221 14.309 10.428 14.369 10.175C14.376 10.143 14.384 10.025 14.313 9.963C14.242 9.901 14.139 9.922 14.065 9.939C13.959 9.963 12.272 11.078 9.003 13.284C8.524 13.613 8.09 13.773 7.701 13.765C7.273 13.756 6.449 13.523 5.836 13.323C5.085 13.079 4.487 12.949 4.539 12.535C4.566 12.319 4.863 12.098 5.431 11.872C8.929 10.348 11.262 9.343 12.429 8.857C15.762 7.471 16.454 7.23 16.906 7.222C17.472 7.214 17.608 7.681 17.562 8.161Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" d="M12 2.162C15.204 2.162 15.584 2.174 16.849 2.232C18.157 2.292 19.504 2.59 20.457 3.543C21.419 4.505 21.708 5.839 21.768 7.151C21.826 8.416 21.838 8.796 21.838 12C21.838 15.204 21.826 15.584 21.768 16.849C21.709 18.15 21.404 19.51 20.457 20.457C19.495 21.419 18.162 21.708 16.849 21.768C15.584 21.826 15.204 21.838 12 21.838C8.796 21.838 8.416 21.826 7.151 21.768C5.86 21.709 4.482 21.397 3.543 20.457C2.586 19.5 2.292 18.153 2.232 16.849C2.174 15.584 2.162 15.204 2.162 12C2.162 8.796 2.174 8.416 2.232 7.151C2.291 5.855 2.599 4.487 3.543 3.543C4.503 2.583 5.842 2.292 7.151 2.232C8.416 2.174 8.796 2.162 12 2.162ZM12 0C8.741 0 8.332 0.014 7.052 0.072C5.197 0.157 3.355 0.673 2.014 2.014C0.668 3.36 0.157 5.198 0.072 7.052C0.014 8.332 0 8.741 0 12C0 15.259 0.014 15.668 0.072 16.948C0.157 18.801 0.675 20.648 2.014 21.986C3.359 23.331 5.2 23.843 7.052 23.928C8.332 23.986 8.741 24 12 24C15.259 24 15.668 23.986 16.948 23.928C18.802 23.843 20.646 23.326 21.986 21.986C23.333 20.639 23.843 18.802 23.928 16.948C23.986 15.668 24 15.259 24 12C24 8.741 23.986 8.332 23.928 7.052C23.843 5.197 23.326 3.354 21.986 2.014C20.643 0.671 18.797 0.156 16.948 0.072C15.668 0.014 15.259 0 12 0Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M11.9999 5.83789C8.59689 5.83789 5.83789 8.59689 5.83789 11.9999C5.83789 15.4029 8.59689 18.1619 11.9999 18.1619C15.4029 18.1619 18.1619 15.4029 18.1619 11.9999C18.1619 8.59689 15.4029 5.83789 11.9999 5.83789ZM11.9999 15.9999C9.79089 15.9999 7.99989 14.2089 7.99989 11.9999C7.99989 9.79089 9.79089 7.99989 11.9999 7.99989C14.2089 7.99989 15.9999 9.79089 15.9999 11.9999C15.9999 14.2089 14.2089 15.9999 11.9999 15.9999Z" fill="white"/>
<path class="group-hover:fill-zinc-900" d="M18.4048 7.0343C19.2001 7.0343 19.8448 6.38959 19.8448 5.5943C19.8448 4.79901 19.2001 4.1543 18.4048 4.1543C17.6096 4.1543 16.9648 4.79901 16.9648 5.5943C16.9648 6.38959 17.6096 7.0343 18.4048 7.0343Z" fill="white"/>
</svg>
</a>
<a href="#" class="group bg-transparent rounded-full p-2.5 w-auto hover:bg-white transition-all border border-zinc-100">
<svg class="size-5" width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="group-hover:fill-zinc-900" fill-rule="evenodd" clip-rule="evenodd" d="M20.5042 3.488C18.2474 1.24 15.2471 0.001 12.0507 0C5.46418 0 0.103496 5.334 0.100481 11.892C0.0994767 13.988 0.650115 16.034 1.69613 17.838L0 24L6.33435 22.346C8.07971 23.294 10.0451 23.793 12.0447 23.794H12.0497C18.6353 23.794 23.997 18.459 24 11.901C24.002 8.724 22.7601 5.735 20.5042 3.488ZM12.0507 21.785H12.0467C10.2642 21.785 8.51681 21.308 6.9915 20.407L6.62876 20.193L2.86975 21.174L3.87356 17.526L3.63743 17.152C2.64266 15.578 2.11815 13.759 2.11915 11.892C2.12116 6.442 6.57752 2.008 12.0558 2.008C14.7085 2.008 17.2024 3.038 19.0774 4.906C20.9524 6.775 21.9843 9.258 21.9833 11.899C21.9803 17.351 17.525 21.785 12.0507 21.785ZM17.4988 14.382C17.2004 14.233 15.7324 13.514 15.4581 13.415C15.1848 13.316 14.9858 13.266 14.7858 13.563C14.5859 13.86 14.0152 14.53 13.8403 14.729C13.6665 14.927 13.4916 14.952 13.1932 14.803C12.8948 14.654 11.9322 14.341 10.7917 13.328C9.90446 12.54 9.30458 11.567 9.13075 11.269C8.95692 10.971 9.11266 10.811 9.26138 10.663C9.39602 10.53 9.55981 10.316 9.70952 10.142C9.86025 9.97 9.90948 9.846 10.01 9.647C10.1094 9.449 10.0602 9.275 9.98484 9.126C9.90948 8.978 9.31262 7.515 9.06443 6.92C8.82227 6.34 8.57609 6.419 8.39221 6.41C8.21838 6.401 8.01943 6.4 7.81947 6.4C7.62051 6.4 7.29696 6.474 7.02365 6.772C6.75034 7.07 5.97865 7.789 5.97865 9.251C5.97865 10.714 7.04877 12.127 7.19749 12.325C7.3462 12.523 9.30257 15.525 12.2979 16.812C13.0103 17.118 13.567 17.301 14.0001 17.438C14.7155 17.664 15.3666 17.632 15.8811 17.556C16.4548 17.471 17.6476 16.837 17.8968 16.143C18.1459 15.449 18.1459 14.853 18.0706 14.73C17.9962 14.605 17.7973 14.531 17.4988 14.382Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="./assets/js/main.js"></script>
</html>