@import url(https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap);@font-face{font-family:Transducer-Title;src:url(assets/font/TransducerTest-ExtendedBold-BF645c3dd848b2a.otf)}@font-face{font-family:Transducer-Subtitle;src:url(assets/font/TransducerTest-ExtendedRegular-BF645c3dd84ea93.otf)}:root{--primary-purple:#6e3aff;--dark-purple:#2a1f40;--border-color:#3d3151;--jamun:#520096;--pomegranate:#910005;--mango:#ff9900;--coconut:#006d2d;--dates:#ecb500;--grapes:#150072;--strawberry:#cc4a4a;--papaya:#ff8e43;--dragonfruit:#a50073;--banana:#e7d000;--guava:#f53c79;--watermelon:#fd0022;--about-card-height:30vw;--about-card-margin:4vw;--about-card-top-offset:1em;--about-numcards:4;--about-outline-width:0px}*{padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#2a2a2a;padding:0;color:#2a2a2a;line-height:1.6}main{max-width:100%;padding:6rem 1rem 2rem;background-color:transparent}.aboutcontainer{width:100%;min-height:100vh;display:flex;flex-wrap:wrap}.aboutleft{width:50%;padding:2rem;display:flex;flex-direction:column;color:#2a2a2a}.abouttitle{font-family:Transducer-Title,sans-serif;font-size:4rem;margin-bottom:1rem;text-align:left}.aboutdescription{font-family:popins,sans-serif;font-size:1.3rem;line-height:1.6;color:#2a2a2a;margin-bottom:2rem;max-width:90%}.fruitgrid-container{width:70%;margin-right:auto}.fruitgrid__container{width:90%;margin-right:auto}.fruitgrid{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start;margin-bottom:10px}.fruit__tag{display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:20px;transition:transform .2s;min-width:max-content;margin-bottom:.2rem;color:#000}.fruit__tag:hover{transform:translateY(-2px)}.fruiticon{width:20px;height:auto}.fruit__name{font-size:.9rem;font-weight:500;white-space:nowrap;text-decoration:none}.fruit__name a{text-decoration:none}.tags__pomegranate{background-color:#ffc7c74d;border:1px solid var(--pomegranate);color:var(--pomegranate)}.tags__coconut{background-color:rgba(210,180,140,.2);border:1px solid var(--coconut);color:var(--coconut)}.tags__mango{background-color:rgba(255,165,0,.2);border:1px solid var(--mango);color:var(--mango)}.tags__jamun{background-color:rgba(138,43,226,.2);border:1px solid var(--jamun);color:var(--jamun)}.tags__strawberry{background-color:rgba(255,69,0,.2);border:1px solid var(--strawberry);color:var(--strawberry)}.tags__banana{background-color:rgba(255,255,0,.2);border:1px solid var(--banana);color:var(--banana)}.tags__papaya{background-color:rgba(255,140,0,.2);border:1px solid var(--papaya);color:var(--papaya)}.tags__dates{background-color:rgba(255,249,191,.2);border:1px solid var(--dates);color:var(--dates)}.tags__grapes{background-color:rgba(128,0,128,.2);border:1px solid var(--grapes);color:var(--grapes)}.tags__dragonfruit{background-color:rgba(255,105,180,.2);border:1px solid var(--dragonfruit);color:var(--dragonfruit)}.tags__watermelon{background-color:rgba(238,144,144,.2);border:1px solid var(--watermelon);color:var(--watermelon)}.tags__guava{background-color:rgba(251,152,201,.2);border:1px solid var(--guava);color:var(--guava)}.aboutright{width:50%;padding:2rem;display:flex;align-items:center;justify-content:center}.columns-container{width:100%;height:80vh;display:flex;gap:1rem;overflow:hidden;background-color:rgba(255,255,255,.05);border-radius:16px;padding:1rem}.column{flex:1;display:flex;flex-direction:column;gap:1rem;position:relative}.image-container{width:100%;aspect-ratio:1;background-color:#333;border-radius:8px;overflow:hidden;flex-shrink:0}.image-container img{width:100%;height:100%;object-fit:cover}.column1,.column3{animation:scrollDown 3s linear infinite}.column2{animation:scrollUp 3s linear infinite}@keyframes scrollDown{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}@media (max-width:768px){.aboutcontainer{flex-direction:column}.aboutleft,.aboutright{width:100%}.fruitgrid-container{width:100%}.abouttitle{font-size:3rem;color:#2a2a2a}.columns-container{height:60vh}.column1,.column3{animation:scrollDown 10s linear infinite}.column2{animation:scrollUp 10s linear infinite}}@media (max-width:480px){.abouttitle{font-size:2.5rem;color:#2a2a2a}.columns-container{flex-direction:column;height:auto;max-height:70vh}.column1,.column3{animation:scrollDown 10s linear infinite}.column2{animation:scrollUp 10s linear infinite}}.container__1,.container__2,.container__3{display:flex;justify-content:space-between;align-items:center;width:100%;padding:20px 50px;margin:20px auto;border-radius:15px;background-color:#f5f5f5;border:1px solid #000}.container__1+.container__2,.container__2+.container__3{margin-top:30px}.left__1,.left__2,.left__3{width:40%}.right__1,.right__2,.right__3{width:60%;padding-left:20px}.title__1{font-family:Transducer-Title,sans-serif;font-size:3rem;font-weight:700;color:#770042;margin-bottom:10px}.title__2{font-family:Transducer-Title,sans-serif;font-size:3rem;font-weight:700;color:#ff3c3c;margin-bottom:10px}.title__3{font-family:Transducer-Title,sans-serif;font-size:3rem;font-weight:700;color:#009614;margin-bottom:10px}.animated-line__1,.animated-line__2,.animated-line__3{width:80px;height:1px;background:#333;margin-bottom:20px;animation:expandLine 1s ease-in-out}@keyframes expandLine{0%{width:0}100%{width:80px}}.description__1,.description__2,.description__3{font-size:1.2rem;color:#555;line-height:1.5}.image__1,.image__2,.image__3{width:100%;max-width:500px;display:block;border-radius:10px}@media (max-width:1024px){.container__1,.container__2,.container__3{flex-direction:column;text-align:center;padding:10px;margin-left:15px;margin-right:15px}.left__1,.left__2,.left__3,.right__1,.right__2,.right__3{width:100%;padding:10px}.image__1,.image__2,.image__3{margin:0 auto;max-width:400px}.title__1,.title__2,.title__3{font-size:2.5rem}.description__1,.description__2,.description__3{font-size:1.1rem}}@media (max-width:768px){.container__1,.container__2,.container__3{flex-direction:column;text-align:center;padding:10px}.left__1,.left__2,.left__3,.right__1,.right__2,.right__3{width:100%;padding:10px}.image__1,.image__2,.image__3{margin:0 auto;max-width:300px}.title__1,.title__2,.title__3{font-size:2rem}.description__1,.description__2,.description__3{font-size:1rem}}