@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Oswald:wght@200..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Amiri&display=swap";@import"https://fonts.googleapis.com/css2?family=Jameel+Noori+Nastaliq&display=swap";@import"https://fonts.googleapis.com/css2?family=Tahoma&display=swap";@import"https://fonts.googleapis.com/css2?family=Fattura&display=swap";@import"https://fonts.googleapis.com/css2?family=Mothanna&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Cairo&display=swap";@import"https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap";@import"https://fonts.googleapis.com/css2?family=Droid+Arabic+Naskh&display=swap";.App{text-align:center;overflow:hidden}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-container{max-width:1200px;margin:20px auto;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.lay-out{background-color:#f7fafc;padding:10px;box-shadow:0 2px 5px #0000001a}*{padding:0;margin:0;box-sizing:border-box}section{text-align:center;height:100%;width:100%}.title{display:flex;align-items:center}.NAME{font-family:Oswald,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:xx-large;color:#333;text-shadow:1px 1px 2px rgba(0,0,0,.3);transition:transform .3s ease,color .3s ease}.NAME:hover{transform:scale(1.1);color:#007bff}.logo{margin-right:10px;height:200px;width:auto}html,body{margin:0;padding:0;width:100%}header{background-color:#188677;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;width:100%;position:relative}#Comics{margin-top:6px}.ico{position:relative;height:100px;width:100px;transition:transform .3s ease,box-shadow .3s ease;margin:0 10px}.ico:hover{transform:scale(1.2);box-shadow:0 4px 8px #0003}header .title h1{margin:0;font-size:24px;font-weight:700;color:#fff}.nav{margin-right:30px}.ico:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.ico:hover+.content{opacity:1;box-shadow:0 4px 8px #f003}header nav ul{display:flex;list-style:none;margin:0;padding:0}header nav ul li{margin-left:20px}header nav ul li a{color:#fff;text-decoration:none;font-size:18px;transition:color .3s ease}header nav ul li a:hover{color:#fff}.imge{position:relative;display:inline-block}.imge .ico{-o-object-fit:contain;object-fit:contain}.logo{max-height:100px;transition:transform .3s}.logo:hover{transform:scale(1.05)}.content{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0;transition:.6s}.content:hover{opacity:1}.side-nav{height:100%;width:0;position:fixed;top:0;right:0;background-color:#188677;overflow-x:hidden;transition:.5s;padding-top:60px;z-index:1000}.side-nav a{padding:8px 8px 8px 32px;text-decoration:none;font-size:25px;color:#000;display:block;transition:.3s}.side-nav a:hover{color:#00f}.side-nav .close-btn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}.menu-icon{display:none}li{position:relative}.dropdown{display:none;position:absolute;background-color:#444;min-width:160px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:10000;opacity:0;transform:translateY(-10px) scale(.95);transition:opacity .3s ease,transform .3s ease}.side-nav{z-index:1000}.side-nav.open{width:250px}li:hover .dropdown{display:block;opacity:1;transform:translateY(0) scale(1)}.dropdown .arrow{position:absolute;top:-10px;left:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #444}.dropdown li{display:block}.dropdown li a{padding:10px 15px;color:#fff;text-decoration:none;display:block;transition:background-color .3s ease}.dropdown li a:hover{background-color:#555;border-radius:8px}.dropdown li a{transition:background-color .3s ease}.dropdown{transition:all .3s ease}.popular-stories{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px}h1{flex:1;text-align:left;color:#000}.slideshow-container{display:flex;justify-content:center;max-width:80%;overflow:hidden;margin:0 auto}.mySlides{display:flex;flex-direction:column;align-items:center}.mySlides img{width:100%;height:auto;max-height:400px}section{text-align:center}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;color:#fff;background-color:#000;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-moz-user-select:none;user-select:none;-webkit-user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev{left:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#000c}.prev,.next{-moz-user-select:none;user-select:none;-webkit-user-select:none}.comics{padding:20px;background-color:#f4f4f4;margin-top:130px}.comics_title{font-size:32px;margin-bottom:30px;font-weight:700;color:#333;text-align:center}.comics_grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.comics_grid a{display:block;text-decoration:none}.comics_grid img{width:150px;height:225px;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .3s ease,box-shadow .3s ease}.comics_grid img:hover{transform:scale(1.15);box-shadow:0 8px 16px #0000004d}@media (max-width: 768px){.comics_grid img{width:120px;height:180px}}@media (max-width: 783px){.nav{display:none}.menu-icon{display:block;cursor:pointer}}.search-container{position:relative;display:flex;align-items:center;margin-right:20px}.search-icon{cursor:pointer;width:24px;height:24px;transition:transform .3s ease}.search-input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;position:absolute;top:0;left:30px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.search-input.show{opacity:1;visibility:visible;transform:translateY(0);animation:slideDown .3s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-icon:hover{transform:scale(1.1)}@media (max-width: 644px){.normal-search{display:none}.nav-search{display:block}}@media (max-width: 952px){.ico{position:relative;height:60px;width:60px;transition:transform .3s ease,box-shadow .3s ease;margin:0 10px}}.results-container{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);width:85%;max-width:720px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;z-index:10000!important;padding:20px;animation:floatIn .4s cubic-bezier(.23,1,.32,1)}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,-15px)}to{opacity:1;transform:translate(-50%)}}.section-header{display:flex;align-items:center;gap:8px;margin:25px 0 15px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.08)}.section-title{color:#2d3436!important;font-size:1.1rem;font-weight:600;letter-spacing:-.3px}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}.result-card{background:#f8f9fa;border-radius:12px;padding:15px;transition:all .25s ease;border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.result-card:hover{background:#fff;box-shadow:0 6px 20px #00000014;transform:translateY(-3px)}.card-title{color:#2d3436!important;font-size:.95rem;font-weight:500;line-height:1.4;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags-container{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{background:#3498db1f;color:#3498db!important;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag:nth-child(n+4){display:none!important}.no-results{text-align:center;padding:30px 20px;color:#636e72!important;font-size:.9rem}.no-results-icon{font-size:1.8rem;opacity:.7;margin-bottom:12px;display:block}.result-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3498db,#8e44ad);opacity:0;transition:opacity .3s ease}.result-card:hover:after{opacity:1}@media (max-width: 768px){.results-container{width:95%;padding:15px;border-radius:12px}.section-title{font-size:1rem!important}.items-grid{grid-template-columns:1fr}.tag{max-width:80px}}.search-box{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:relative;align-self:center}@keyframes expandSearch{0%{width:50px;opacity:0}to{width:300px;opacity:1}}.input-search{height:50px;width:50px;border-style:none;padding:10px 40px 10px 10px;font-size:18px;letter-spacing:2px;outline:none;background-color:transparent;color:#fff;opacity:0;border-bottom:1px solid #fff;animation:expandSearch 5s ease forwards;direction:rtl;text-align:right}.input-search::-moz-placeholder{color:#ffffff80;font-size:18px;letter-spacing:2px;font-weight:100}.input-search::placeholder{color:#ffffff80;font-size:18px;letter-spacing:2px;font-weight:100}.btn-search{width:50px;height:50px;border-style:none;font-size:20px;font-weight:700;outline:none;cursor:pointer;border-radius:50%;position:absolute;right:0;color:#fff;background-color:transparent;pointer-events:auto}@media (max-width: 644px){.input-search{width:250px}.search-box{left:10px;margin-bottom:5px}}:root{--main-bg-color: #3f9b97;--accent-yellow: #FFD700;--accent-orange: #FFA500;--accent-blue: #00BFFF;--accent-purple: #8A2BE2;--text-dark: #333;--text-light: #FFF}.form-background{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M -830.1650067335069%2c70 C -734.17%2c126.4 -542.17%2c319.6 -350.16500673350686%2c352 C -158.17%2c384.4 -62.17%2c217.2 129.83499326649314%2c232 C 321.83%2c246.8 417.83%2c427.6 609.8349932664931%2c426 C 801.83%2c424.4 923.8%2c220.8 1089.8349932664933%2c224 C 1255.87%2c227.2 1369.97%2c398.4 1440%2c442' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -49.103189910108654%2c411 C 46.9%2c347.4 238.9%2c116.6 430.89681008989135%2c93 C 622.9%2c69.4 718.9%2c271.4 910.8968100898913%2c293 C 1102.9%2c314.6 1198.9%2c169.2 1390.8968100898915%2c201 C 1582.9%2c232.8 1861.08%2c443.4 1870.8968100898915%2c452 C 1880.72%2c460.6 1526.18%2c285.6 1440%2c244' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -780.6323034741697%2c205 C -684.63%2c253.2 -492.63%2c450.2 -300.6323034741697%2c446 C -108.63%2c441.8 -12.63%2c193.6 179.3676965258303%2c184 C 371.37%2c174.4 467.37%2c415.6 659.3676965258303%2c398 C 851.37%2c380.4 983.24%2c102.8 1139.3676965258303%2c96 C 1295.49%2c89.2 1379.87%2c310.4 1440%2c364' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -370.9775074683787%2c250 C -274.98%2c269 -82.98%2c349 109.02249253162132%2c345 C 301.02%2c341 397.02%2c200.8 589.0224925316213%2c230 C 781.02%2c259.2 877.02%2c498.4 1069.0224925316213%2c491 C 1261.02%2c483.6 1474.83%2c204.2 1549.0224925316213%2c193 C 1623.22%2c181.8 1461.8%2c386.6 1440%2c435' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center;padding:20px;border-radius:10px}.home-container{font-family:Comic Neue,cursive;text-align:center;margin:100px 30px 30px;padding-bottom:20px!important;direction:rtl;overflow:hidden}.Title{direction:rtl;margin-bottom:30px}h1{font-family:Jameel Noori Nastaliq,cursive;font-size:3rem!important;font-weight:700!important;color:#000;text-align:center!important;animation:fadeIn 2s forwards}p{font-family:Cairo,sans-serif!important;font-size:1.5rem}.home-container p:nth-child(2){font-family:Fattura,sans-serif}.home-container p:nth-child(3){font-family:Mothanna,serif}.back{width:100%;height:200px;background-color:#188677;position:absolute;z-index:-2000;top:10px}.wave{position:absolute;width:100%;height:100vh;bottom:0;background-image:url(/assets/pattern-Bb7zQnI9.svg);background-repeat:no-repeat;background-size:cover;background-position:center;transform:scaleY(1.2);z-index:-1000;top:182px;overflow:hidden;animation:waveMotion 5s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes waveMotion{0%{transform:translateY(0) scaleY(1.2)}50%{transform:translateY(10px) scaleY(1.3)}to{transform:translateY(0) scaleY(1.2)}}.separator{height:550px}.separatorDepart{height:50px}.department-container{border-radius:10px;color:#0c0707}تمام جدًا، فهمت! تريد تطبيق التجاوبية (Responsiveness) على الجملة الكرتونية الجديدة لتتفاعل مع الشاشات الصغيرة. سأقوم بإضافة تعديلات داخل Media Queries التي قدمتها لتقليص حجم الخطوط والعناصر لتبدو جيدة على الشاشات الأصغر. هذه هي التعديلات التي سأضيفها إلى كود CSS الذي قدمته سابقًا، مع دمجها داخل الـ Media Queries الخاصة بك: CSS :root{--main-bg-color: #3f9b97;--accent-yellow: #FFD700;--accent-orange: #FFA500;--accent-blue: #00BFFF;--accent-purple: #8A2BE2;--text-dark: #333;--text-light: #FFF}.comic-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;margin-top:50px;position:relative;z-index:10}.comic-text-container p{margin:10px 0;padding:10px 20px;border-radius:15px;line-height:1.2;font-weight:900;text-shadow:3px 3px 0 var(--text-dark),-1px -1px 0 var(--text-dark),1px -1px 0 var(--text-dark),-1px 1px 0 var(--text-dark),1px 1px 0 var(--text-dark);box-shadow:5px 5px 15px #0000004d;transform:skew(-5deg);transition:transform .3s ease-in-out;cursor:default}.comic-text-container p:hover{transform:skew(-5deg) scale(1.05)}.comic-heading{font-family:Cairo,sans-serif;font-size:3.5em;color:var(--accent-yellow);background-color:var(--accent-orange);padding:15px 30px;border:4px solid var(--text-dark);transform:rotate(-3deg);margin-bottom:25px}.comic-sub-heading{font-family:Changa,sans-serif;font-size:2em;color:var(--text-light);background-color:var(--accent-blue);padding:12px 25px;border:3px solid var(--text-dark);transform:rotate(2deg);margin-top:0}.comic-potato{font-family:Cairo,sans-serif;font-size:1.5em;color:var(--text-dark);background-color:var(--text-light);padding:8px 15px;border:2px dashed var(--accent-orange);margin-top:30px;position:relative;display:inline-block;border-radius:50%;box-shadow:2px 2px 8px #0003;transform:rotate(-5deg);font-weight:700}.comic-potato:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(45deg);width:20px;height:20px;background-color:var(--text-light);border-top:2px solid var(--accent-orange);border-left:2px solid var(--accent-orange);z-index:-1;border-top-left-radius:5px}@media (max-width: 768px){.home-container{margin:60px 20px 20px;padding-bottom:15px}.Title{margin-bottom:20px}h1{font-size:2rem!important}p{font-size:1.2rem}.back{height:150px}.wave{top:120px}.separator{height:400px}.separatorDepart{height:30px}.comic-heading{font-size:2.5em;padding:10px 20px;margin-bottom:20px}.comic-sub-heading{font-size:1.5em;padding:8px 18px}.comic-potato{font-size:1.2em;padding:6px 12px;margin-top:20px}.comic-text-container p{text-shadow:2px 2px 0 var(--text-dark),-1px -1px 0 var(--text-dark),1px -1px 0 var(--text-dark),-1px 1px 0 var(--text-dark),1px 1px 0 var(--text-dark);box-shadow:3px 3px 10px #0000004d}}@media (max-width: 480px){.home-container{margin:40px 15px 15px;padding-bottom:10px}h1{font-size:1.8rem!important}p{font-size:1rem}.back{height:120px}.wave{top:100px}.separator{height:300px}.separatorDepart{height:20px}.department-container{padding:5px}.comic-heading{font-size:1.8em;padding:8px 15px;transform:rotate(-2deg);border-width:3px}.comic-sub-heading{font-size:1.1em;padding:6px 12px;transform:rotate(1deg);border-width:2px}.comic-potato{font-size:.9em;padding:5px 10px;margin-top:15px;transform:rotate(-3deg);border-width:1px}.comic-text-container p{margin:5px 0;text-shadow:1px 1px 0 var(--text-dark);box-shadow:2px 2px 5px #0003}.comic-potato:before{width:15px;height:15px;top:-8px}}.Row{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:20px;background-image:url(/assets/erik-mclean-27kCu7bXGEI-unsplash-BIXPPAzM.jpg);background-size:cover;background-position:center;width:100vw;min-height:100vh;box-sizing:border-box;animation:backgroundShift 10s infinite linear;padding:20px}.item{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:10px;padding:0;width:100px;height:auto;transition:transform .3s ease,box-shadow .3s ease;color:#fff;position:relative;justify-content:center}.item img{width:100%;max-width:200px;height:auto;display:block;-o-object-fit:contain;object-fit:contain}.item:hover{transform:scale(1.05);box-shadow:0 4px 8px #0000004d}.department-img{width:30px;height:auto;-o-object-fit:contain;object-fit:contain}.item h2{color:#fff;margin:10px 0;font-size:1rem}.item p{font-size:.8rem;color:#fff;background-color:#00000080;padding:8px;border-radius:10px;width:90%}.item p a{color:#1a73e8;font-weight:700;text-decoration:none;transition:color .3s ease}.item p a:hover{color:#005bb5;text-decoration:underline}@keyframes backgroundShift{0%{background-position:center center}50%{background-position:left top}to{background-position:center center}}@media (max-width: 768px){.Row{flex-direction:column;align-items:center}.item{width:80%;max-width:250px}.department-img{max-width:60px}}.follow-us-container{padding:40px;background-color:#fff;border-radius:12px;max-width:1000px;margin:30px auto;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 20px #0000001a;transition:all .3s ease}.follow-us-container:hover{box-shadow:0 15px 25px #0003}.follow-us-content{display:flex;flex-direction:row;align-items:center;gap:20px;width:65%}.social-image{width:400px;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.social-image:hover{transform:scale(1.05)}.sociall-text-two p{flex:1;font-size:1.3rem;color:#333;text-align:right;direction:rtl;line-height:1.8}.social-text p{margin:0}@media (max-width: 768px){.follow-us-container{flex-direction:column;text-align:center}.follow-us-content{flex-direction:column;gap:15px;width:100%}.social-image{width:80%}}.departments-container{padding:20px;background-color:#f5f5f5;font-family:Arial,sans-serif;direction:rtl;display:flex;flex-direction:column;gap:20px}.department-title{font-size:24px;font-weight:700;text-align:right;color:#333;margin-bottom:10px;border-bottom:2px solid #c0392b;display:inline-block;padding-bottom:5px}.comics-frame{margin-bottom:30px}.comics-frame h2{font-size:20px;font-weight:700;color:#555;margin-bottom:15px;text-align:right}.comics-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.comic-item{width:200px;text-align:center;margin-bottom:15px}.comic-item h3{font-size:18px;font-weight:700;color:#333}.comic-item p{font-size:14px;color:#777}.comic-image{max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease-in-out}.comic-item:hover .comic-image{transform:scale(1.1)}@media (max-width: 768px){.department-title{font-size:20px;text-align:center}.comics-frame h2{font-size:18px}.comic-item{width:45%}.pagination{flex-direction:column;align-items:center}.pagination button{margin-top:10px}}@media (max-width: 480px){.comic-item{width:100%}}.pagination{display:flex;justify-content:center;gap:15px;margin-top:20px;padding:10px}.pagination button{padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.pagination button:hover{background-color:#2980b9;transform:scale(1.05)}.pagination button:disabled{background-color:#bdc3c7;cursor:not-allowed}@media (max-width: 768px){.pagination button{padding:8px 16px;font-size:14px}}.books-frame{padding:20px;border-radius:10px}.section-title{text-align:center;font-size:24px;margin-bottom:20px}.books-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;justify-content:center}.book-item{padding:10px;border-radius:8px;text-align:center;box-shadow:0 2px 5px #ffffff1a;transition:transform .3s ease-in-out}.book-item:hover{transform:scale(1.05)}.book-image{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;border-radius:5px}.book-info{margin-top:10px}.book-title{font-size:16px;font-weight:700}.book-author{font-size:14px}.no-data{text-align:center}.form-background{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1002%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M -830.1650067335069%2c70 C -734.17%2c126.4 -542.17%2c319.6 -350.16500673350686%2c352 C -158.17%2c384.4 -62.17%2c217.2 129.83499326649314%2c232 C 321.83%2c246.8 417.83%2c427.6 609.8349932664931%2c426 C 801.83%2c424.4 923.8%2c220.8 1089.8349932664933%2c224 C 1255.87%2c227.2 1369.97%2c398.4 1440%2c442' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -49.103189910108654%2c411 C 46.9%2c347.4 238.9%2c116.6 430.89681008989135%2c93 C 622.9%2c69.4 718.9%2c271.4 910.8968100898913%2c293 C 1102.9%2c314.6 1198.9%2c169.2 1390.8968100898915%2c201 C 1582.9%2c232.8 1861.08%2c443.4 1870.8968100898915%2c452 C 1880.72%2c460.6 1526.18%2c285.6 1440%2c244' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -780.6323034741697%2c205 C -684.63%2c253.2 -492.63%2c450.2 -300.6323034741697%2c446 C -108.63%2c441.8 -12.63%2c193.6 179.3676965258303%2c184 C 371.37%2c174.4 467.37%2c415.6 659.3676965258303%2c398 C 851.37%2c380.4 983.24%2c102.8 1139.3676965258303%2c96 C 1295.49%2c89.2 1379.87%2c310.4 1440%2c364' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M -370.9775074683787%2c250 C -274.98%2c269 -82.98%2c349 109.02249253162132%2c345 C 301.02%2c341 397.02%2c200.8 589.0224925316213%2c230 C 781.02%2c259.2 877.02%2c498.4 1069.0224925316213%2c491 C 1261.02%2c483.6 1474.83%2c204.2 1549.0224925316213%2c193 C 1623.22%2c181.8 1461.8%2c386.6 1440%2c435' stroke='rgba(24%2c 134%2c 119%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1002'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");background-size:cover;background-position:center;padding:20px;border-radius:10px}.login-container{display:flex;justify-content:center;align-items:center;height:80vh}.login-box{width:350px;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003}.welcome-container{display:flex;justify-content:center;align-items:center;height:100vh}.welcome-box{background-color:#fff;padding:5px;border-radius:10px;border:2px solid #4CAF50;text-align:center;box-shadow:0 4px 10px #0000001a;width:350px}.welcome-box .titlewelcomelogin{font-size:24px;color:#333;align-content:center}.welcome-box p{font-size:16px;color:#666}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translateY(20px)}}.MuiDialog-root{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.MuiPaper-root{border-radius:12px!important;padding:20px!important;background-color:#f9f9f9!important;box-shadow:0 4px 10px #0003!important;text-align:right!important}.MuiDialogTitle-root{font-size:18px!important;font-weight:700!important;color:#d32f2f!important}.MuiDialogContent-root{font-size:14px!important;color:#000!important;line-height:1.6!important}.MuiDialogActions-root button{background-color:#d32f2f!important;color:#fff!important;font-weight:700!important;padding:8px 16px!important;border-radius:8px!important;transition:background .3s!important}.MuiDialogActions-root button:hover{background-color:#b71c1c!important}.outer-container{display:flex;min-height:100%;flex:1 1 0%;flex-direction:column;align-items:center;justify-content:center;padding:1rem}@media (min-width: 640px){.outer-container{aspect-ratio:4 / 3}}@media (min-width: 768px){.outer-container{aspect-ratio:2 / 1}}.step-circle-container{margin-left:auto;margin-right:auto;width:100%;max-width:28rem;border-radius:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.step-indicator-row{display:flex;width:100%;align-items:center;padding:2rem}.step-content-default{position:relative;overflow:hidden}.step-default{padding-left:2rem;padding-right:2rem}.footer-container{padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.footer-nav{margin-top:2.5rem;display:flex}.footer-nav.spread{justify-content:space-between}.footer-nav.end{justify-content:flex-end}.back-button{transition:all .35s;border-radius:.25rem;padding:.25rem .5rem;color:#a3a3a3;cursor:pointer}.back-button:hover{color:#52525b}.back-button.inactive{pointer-events:none;opacity:.5;color:#a3a3a3}.next-button{transition:all .35s;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#188677;color:#060606;font-weight:500;letter-spacing:-.025em;padding:.375rem .875rem;cursor:pointer}.next-button:hover,.next-button:active{background-color:#00d8ff}.step-indicator{position:relative;cursor:pointer;outline:none}.step-indicator-inner{display:flex;height:2rem;width:2rem;align-items:center;justify-content:center;border-radius:9999px;font-weight:600}.active-dot{height:.75rem;width:.75rem;border-radius:9999px;background-color:#060606}.step-number{font-size:.875rem}.step-connector{position:relative;margin-left:.5rem;margin-right:.5rem;height:.125rem;flex:1;overflow:hidden;border-radius:.25rem;background-color:#52525b}.step-connector-inner{position:absolute;left:0;top:0;height:100%}.check-icon{height:1rem;width:1rem;color:#000}.info-box{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:5px;width:100%;border:2px solid #ccc;padding:10px;border-radius:8px;background-color:#f4f4f4;direction:rtl}.info-box h2,.info-box .info-p{margin:0;padding:0}.info-box .info-p{max-width:50%;text-align:right}.writer-container{direction:rtl}.form-box,h2,.info-p,textarea{text-align:right}.info-p{color:#000!important}.stepper-container{direction:rtl}@media (max-width: 768px){.info-box{flex-direction:column;text-align:center}.info-box .info-p{max-width:none;text-align:center}}.writer-input,.writer-textarea{width:100%;padding:12px 16px;border:2px solid #ccc;border-radius:8px;font-size:16px;font-family:Arial,sans-serif;transition:all .3s ease;background-color:#f9f9f9}.writer-input:focus,.writer-textarea:focus{border-color:#4caf50;background-color:#e8f5e9;outline:none}.writer-input::-moz-placeholder,.writer-textarea::-moz-placeholder{color:#888;font-style:italic}.writer-input::placeholder,.writer-textarea::placeholder{color:#888;font-style:italic}.writer-textarea{min-height:150px}.writer-input:hover,.writer-textarea:hover{border-color:#2196f3}.writer-input:disabled,.writer-textarea:disabled{background-color:#e0e0e0;border-color:#b0b0b0;cursor:not-allowed}.info-pp{color:#2fb2a0!important}.info-pnote{align-content:center;color:red!important;font-size:medium}.submit-btn{background-color:#4caf50;color:#fff;font-size:18px;padding:14px 25px;border:none;border-radius:8px;width:100%;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.submit-btn:hover{background-color:#45a049;transform:scale(1.05)}.submit-btn:active{background-color:#388e3c}@media (max-width: 600px){.submit-btn{font-size:16px;padding:12px 20px}}.particles-container{position:absolute;width:100%;height:100%}.metaballs-container{position:relative;width:100%;height:100%}html,body{overflow-x:hidden}html{scroll-behavior:smooth}.comics{padding:20px;margin-top:130px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1000%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(255%2c 255%2c 255%2c 1)'%3e%3c/rect%3e%3cpath d='M1064.22 406.56 L1005.85 386.03000000000003L1061.0980810161748 370.2319189838252z' stroke='%23d3b714' stroke-width='2.42' stroke-dasharray='2%2c 2'%3e%3c/path%3e%3ccircle r='92.92279987487743' cx='1087.93' cy='491.26' stroke='%23d3b714' stroke-width='1' stroke-dasharray='3%2c 3'%3e%3c/circle%3e%3cpath d='M1363.27 459.28 L1275.57 554.4L1401.259982395786 588.6799823957858z' fill='%23e73635'%3e%3c/path%3e%3crect width='242' height='242' clip-path='url(%26quot%3b%23SvgjsClipPath1001%26quot%3b)' x='1299.58' y='123.13' fill='url(%26quot%3b%23SvgjsPattern1002%26quot%3b)' transform='rotate(233.11%2c 1420.58%2c 244.13)'%3e%3c/rect%3e%3crect width='144.72' height='144.72' clip-path='url(%26quot%3b%23SvgjsClipPath1003%26quot%3b)' x='636.92' y='479.14' fill='url(%26quot%3b%23SvgjsPattern1004%26quot%3b)' transform='rotate(47.26%2c 709.28%2c 551.5)'%3e%3c/rect%3e%3crect width='180' height='180' clip-path='url(%26quot%3b%23SvgjsClipPath1005%26quot%3b)' x='127.94' y='57.96' fill='url(%26quot%3b%23SvgjsPattern1006%26quot%3b)' transform='rotate(207.16%2c 217.94%2c 147.96)'%3e%3c/rect%3e%3crect width='216' height='216' clip-path='url(%26quot%3b%23SvgjsClipPath1007%26quot%3b)' x='746.58' y='306.64' fill='url(%26quot%3b%23SvgjsPattern1008%26quot%3b)' transform='rotate(60.22%2c 854.58%2c 414.64)'%3e%3c/rect%3e%3cpath d='M68.98 478.32a5.6 5.6 0 1 0-4.66 10.18 5.6 5.6 0 1 0 4.66-10.18zM62.32 492.87a5.6 5.6 0 1 0-4.67 10.18 5.6 5.6 0 1 0 4.67-10.18zM55.66 507.41a5.6 5.6 0 1 0-4.67 10.19 5.6 5.6 0 1 0 4.67-10.19zM49 521.96a5.6 5.6 0 1 0-4.67 10.19 5.6 5.6 0 1 0 4.67-10.19z' stroke='%23e73635' stroke-width='1'%3e%3c/path%3e%3ccircle r='46.666666666666664' cx='248.75' cy='312.33' fill='%23d3b714'%3e%3c/circle%3e%3cpath d='M64.15 475.97a5.6 5.6 0 1 0 5.13-9.95 5.6 5.6 0 1 0-5.13 9.95zM71.48 461.75a5.6 5.6 0 1 0 5.13-9.95 5.6 5.6 0 1 0-5.13 9.95zM78.81 447.53a5.6 5.6 0 1 0 5.13-9.96 5.6 5.6 0 1 0-5.13 9.96zM86.14 433.31a5.6 5.6 0 1 0 5.13-9.96 5.6 5.6 0 1 0-5.13 9.96zM63.72 511.75a5.6 5.6 0 1 0 5.13-9.96 5.6 5.6 0 1 0-5.13 9.96zM71.05 497.53a5.6 5.6 0 1 0 5.13-9.96 5.6 5.6 0 1 0-5.13 9.96zM78.37 483.3a5.6 5.6 0 1 0 5.13-9.95 5.6 5.6 0 1 0-5.13 9.95zM85.7 469.08a5.6 5.6 0 1 0 5.13-9.96 5.6 5.6 0 1 0-5.13 9.96z' stroke='%23e73635' stroke-width='2.73' stroke-dasharray='4%2c 4'%3e%3c/path%3e%3cpath d='M1089.35 268.28 L1024.43 296.78L1089.7177693024723 315.35776930247243z' stroke='rgba(30%2c 44%2c 205%2c 1)' stroke-width='1'%3e%3c/path%3e%3cpath d='M894.59 173.57L891.6 161.12 903.1 155.47 900.11 143.02 911.6 137.37 908.61 124.92 920.11 119.27M901.83 176.97L898.84 164.52 910.34 158.87 907.35 146.42 918.84 140.77 915.85 128.32 927.35 122.67' stroke='%23e73635' stroke-width='1' stroke-dasharray='2%2c 2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1000'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cpattern x='0' y='0' width='11' height='11' patternUnits='userSpaceOnUse' id='SvgjsPattern1002'%3e%3cpath d='M0 11L5.5 0L11 11' stroke='%23e73635' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1001'%3e%3ccircle r='60.5' cx='1420.58' cy='244.13'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='12.06' height='12.06' patternUnits='userSpaceOnUse' id='SvgjsPattern1004'%3e%3cpath d='M6.03 1L6.03 11.06M1 6.03L11.06 6.03' stroke='rgba(3%2c 123%2c 11%2c 1)' fill='none' stroke-width='1.47'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1003'%3e%3ccircle r='36.18' cx='709.28' cy='551.5'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='6' height='6' patternUnits='userSpaceOnUse' id='SvgjsPattern1006'%3e%3cpath d='M0 6L3 0L6 6' stroke='%23e73635' fill='none'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1005'%3e%3ccircle r='45' cx='217.94' cy='147.96'%3e%3c/circle%3e%3c/clipPath%3e%3cpattern x='0' y='0' width='6' height='6' patternUnits='userSpaceOnUse' id='SvgjsPattern1008'%3e%3cpath d='M3 1L3 5M1 3L5 3' stroke='rgba(3%2c 123%2c 11%2c 1)' fill='none' stroke-width='1.38'%3e%3c/path%3e%3c/pattern%3e%3cclipPath id='SvgjsClipPath1007'%3e%3ccircle r='54' cx='854.58' cy='414.64'%3e%3c/circle%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#fffc;width:100%;height:100%;align-items:center}.TitleDepartmentComics{font-size:2rem;color:#000;margin-bottom:15px;text-align:left}.DepartComicsMain{display:block;width:100%;padding:10px;box-sizing:border-box;text-align:left}.DepartComicsCartoonia,.DepartComicsTranslatedComics{width:100%;min-height:200px;background-color:transparent;padding:15px;box-sizing:border-box;margin-bottom:20px;border-left:5px solid #3498db}.DepartComicsCartoonia h3,.DepartComicsTranslatedComics h3{font-size:1.6rem;color:#333}@media (max-width: 768px){.TitleDepartmentComics{font-size:1.5rem}.DepartComicsMain{padding:5px}.DepartComicsCartoonia,.DepartComicsTranslatedComics{padding:10px;margin-bottom:10px}.DepartComicsCartoonia h3,.DepartComicsTranslatedComics h3{font-size:1.4rem}.comics{margin-top:80px}}@media (max-width: 480px){.TitleDepartmentComics{font-size:1.2rem}.DepartComicsMain{padding:5px}.DepartComicsCartoonia,.DepartComicsTranslatedComics{padding:8px;margin-bottom:8px}.DepartComicsCartoonia h3,.DepartComicsTranslatedComics h3{font-size:1.2rem}.comics{margin-top:50px}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/assets/ajax-loader-BcnMEykj.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(data:application/vnd.ms-fontobject;base64,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);src:url(data:application/vnd.ms-fontobject;base64,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) format("embedded-opentype"),url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"),url(data:font/ttf;base64,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) format("truetype"),url(/assets/slick-BlzDm7g2.svg#slick) format("svg")}.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.card{width:200px;height:300px;perspective:1000px;position:relative;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px #0003;transition:transform .3s ease}.cardfront,.cardback{width:100%;height:100%;position:absolute;backface-visibility:hidden;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:transform .6s ease-in-out;transform-style:preserve-3d;border-radius:15px}.cardfront{background-color:#333;color:#fff;transform:rotateY(0)}.cardfront .TitleCradBook{display:none}.cardfront img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:15px}.cardback{background-color:#222;color:#fff;transform:rotateY(180deg);padding:15px;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:15px}.TitleCradBook{font-size:30px!important;font-weight:700;margin-bottom:10px;color:#fc0;text-transform:capitalize;letter-spacing:1px;transition:color .3s ease}.TitleCradBook:hover{color:#f90}.cardback a{display:inline-block;margin-top:15px;padding:8px 15px;font-size:14px;color:#fff;background:linear-gradient(45deg,#ff5722,#e91e63);border-radius:5px;text-decoration:none;transition:.3s ease-in-out}.cardback a:hover{background:linear-gradient(45deg,#e91e63,#ff5722);transform:scale(1.1)}.DescriotionCradBook{font-size:14px;color:#ddd;line-height:1.6;padding:0 10px}.card:hover .cardfront{transform:rotateY(180deg)}.card:hover .cardback{transform:rotateY(360deg)}@media (max-width: 600px){.card{width:180px;height:250px}.TitleCradBook{font-size:18px}.DescriotionCradBook{font-size:12px}}.Welcomebooks h1{font-size:100px;color:#fff;font-family:Arial,sans-serif;font-weight:700;text-align:center;letter-spacing:2px;margin-top:20px;margin-bottom:20px;text-transform:uppercase;text-shadow:2px 2px 8px rgba(0,0,0,3)}.Welcomebooks svg{position:absolute;top:70px;left:0;width:100%;z-index:-1}.Welcomebooks{text-align:center;border-radius:10px}.bookico{width:250px;height:auto;transition:transform .3s ease-in-out;display:block;margin:-50px auto 40px}.bookList{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.bookItem{display:flex;border-radius:10px;overflow:hidden;box-shadow:0 4px 8px #0003;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.bookItem:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.DepartmentBooksAllSHOW{background:linear-gradient(to top,#ffffffe6,#188677cc,#186c86ce,#0000ff65,#ffffffe6);width:100vw!important}@media (max-width: 768px){.Welcomebooks h1{font-size:28px;letter-spacing:1px;margin-top:0}}@media (max-width: 480px){.Welcomebooks h1{font-size:20px;letter-spacing:.5px;margin-top:0;margin-bottom:20px}}.StartSectionForum{color:#000;background-color:#188677;padding:20px;text-align:center;--mask: radial-gradient( 29.08px at 50% calc(100% - 37.8px) , #000 99%, #0000 101% ) calc(50% - 54px) 0/108px 100%, radial-gradient(29.08px at 50% calc(100% + 10.8px) , #0000 99%, #000 101%) 50% calc(100% - 27px) / 108px 100% repeat-x;-webkit-mask:var(--mask);mask:var(--mask)}.TitleSectionForum{color:#fff!important;font-size:2.5em;margin-top:-30px;margin-bottom:30px}.ParacrifSectionForum{display:inline-block;color:#000;margin-top:5px;margin-bottom:40px;background-color:#fff;font-size:1.8em;line-height:1.5;font-family:Roboto,sans-serif;border:2px solid black;border-radius:10px;padding:5px 10px}.ItemListForum{display:flex;flex-wrap:wrap;justify-content:center;margin:20px}.ItemForum{background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:10px;overflow:hidden;width:300px;margin:10px}.BodyItemForum{padding:20px;text-align:center}.TitleItemForum{font-size:1.5em;margin:10px 0}.DescriptionItemForum{font-size:1em;color:#555}.IMGFORUMPEPAZ{width:100%;height:auto;border-radius:10px;margin-top:10px}.ActionWithUsers{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#f9f9f9;border-top:1px solid #ddd}.LikeForumAction{background-color:#6200ea;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.LikeForumAction:hover{background-color:#4500b5}.NumberLikesFromUsers{font-size:1em;color:#333}@media (max-width: 768px){.TitleSectionForum{font-size:2em}.ParacrifSectionForum{font-size:1em;margin-bottom:20px}.ItemForum{width:100%;margin:10px 0}.TitleItemForum{font-size:1.2em}.DescriptionItemForum{font-size:.9em}.ActionWithUsers{flex-direction:column;align-items:center}.LikeForumAction{width:100%;margin-bottom:10px}.NumberLikesFromUsers{margin-top:10px}}.AddPostSection{width:100%;min-height:100vh;padding:40px 20px;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:right;direction:rtl}.AddPostSection h2{font-size:32px;color:#333;margin-bottom:30px;font-weight:700;position:relative}.AddPostSection h2:after{content:"";position:absolute;bottom:-10px;right:0;width:60px;height:4px;background-color:#007bff;border-radius:2px;animation:underline 1.5s infinite}@keyframes underline{0%,to{width:60px}50%{width:120px}}.post-form{width:100%;max-width:800px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px #0000001a;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px;color:#555;font-weight:500}.form-input{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background-color:#f9f9f9;transition:all .3s ease}.form-input:focus{border-color:#007bff;background-color:#fff;box-shadow:0 0 8px #007bff4d;outline:none}.form-input::-moz-placeholder{color:#999}.form-input::placeholder{color:#999}textarea.form-input{resize:vertical;min-height:120px}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 12px center;background-size:16px}.submit-btn{grid-column:span 2;padding:15px;background-color:#007bff;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;animation:pulse 2s infinite}.submit-btn:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 5px 15px #007bff66}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 768px){.post-form{grid-template-columns:1fr}.submit-btn{grid-column:span 1}.AddPostSection h2{font-size:28px}}@media (max-width: 480px){.AddPostSection h2{font-size:24px}.form-input{padding:10px}.submit-btn{font-size:16px}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:1000;color:#000;overflow:hidden}.preloader img{width:70px;height:auto;opacity:0;transform:translateY(-50px) scale(.9);animation:fadeInImg 1.8s ease forwards,bounceImg 2.5s infinite 2s;animation-delay:.3s}@keyframes fadeInImg{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bounceImg{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.text-container{display:flex;flex-direction:row;gap:15px;font-size:2.2em;color:#000;font-family:Arial,sans-serif;letter-spacing:2px;opacity:0;animation:fadeInText 2s ease forwards;animation-delay:.5s}@keyframes fadeInText{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.text-container span{display:inline-block;animation:slideUp 1.5s ease forwards;color:#000;transition:color .3s ease,transform .3s ease}.text-container span:hover{color:#007bff;transform:scale(1.1)}@keyframes slideUp{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.text-container span:nth-child(1){animation-delay:0s}.text-container span:nth-child(2){animation-delay:.4s}.text-container span:nth-child(3){animation-delay:.8s}.text-container span:nth-child(4){animation-delay:1.2s}.Buttomm{text-align:center;padding:20px}.Coperight{font-size:14px;color:#888;margin-bottom:10px}.Social_Media{display:flex;justify-content:center;gap:20px;margin-top:10px}.items{display:flex;align-items:center;gap:10px;font-size:16px;color:#333}.social-icon{width:24px;height:24px;transition:transform .3s ease,filter .3s ease}.social-icon:hover{transform:scale(1.2);filter:brightness(1.3)}.items a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:8px}.items a:hover{color:#1a73e8}.privacy-policy-link{text-align:center;margin-top:20px;font-size:14px;color:#555}.privacy-policy-link a{text-decoration:none;color:#1976d2}.privacy-policy-link a:hover{text-decoration:underline;color:#1565c0}*{margin:0;padding:0;box-sizing:border-box}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f0f0}.login-form{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:100%;max-width:400px;text-align:center;direction:ltr!important;text-align:left!important}.login-form h2{margin-bottom:30px;color:#333;font-size:24px}.input-field{width:100%;padding:12px;margin-bottom:20px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:all .3s ease}.input-field:focus{border-color:#007bff;outline:none}.login-button{width:100%;padding:14px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#0056b3}@media (max-width: 480px){.login-form{padding:20px}.login-button,.input-field{font-size:14px}}@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}