body{background:linear-gradient(to top,#d3e5f9,#fff)}.about-main{color:#333;line-height:1.6;font-size:16px;transition:all .3s ease;font-family:Lora,serif;background-color:transparent}a{text-decoration:none;color:inherit;transition:color .3s ease}h1,h2,h3,h4,h5,h6{font-family:Roboto Slab,serif;color:#2c3e50;transition:all .3s ease}h1{text-align:center!important}h2,h3,h4,h5,h6{text-align:start!important}p{font-size:1rem;color:#555;line-height:1.8;margin-bottom:20px;opacity:0;animation:slideUp 1.4s ease-in-out forwards;animation-delay:.2s}pre{background-color:#f4f4f4;padding:10px;border-radius:5px;font-family:Courier New,monospace;white-space:pre-wrap;word-wrap:break-word;margin:20px 0}.about-hero{width:100%;height:550px;position:relative;background-color:transparent!important}.about-hero-container{background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;position:relative;text-align:center;color:#000;height:100%;background-repeat:no-repeat;font-weight:700;animation:fadeIn 2s ease-out;background-color:transparent!important}.hero-overlay{background:transparent!important;padding:30px;border-radius:10px;width:100%;margin:20px;animation:fadeIn 1.5s ease-out}.hero h1{font-size:3rem;margin-bottom:20px;opacity:0;animation:slideUp 1s ease-in-out forwards}.hero p{font-size:1.1rem;margin-bottom:20px;line-height:1.8;text-align:justify;opacity:0;animation:slideUp 1.2s ease-in-out forwards;animation-delay:.2s}.cta-button{background-color:#2c3e50;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease;margin-top:15px}.cta-button:hover{background-color:#34495e;transform:translateY(-3px)}.cta-button:focus{outline:2px solid #3498db}.about-content-story{padding:50px 40px;width:100%;animation:fadeIn 1.5s ease-out;max-width:95%;margin:0 auto 35px;background-color:#ffffff80}.about-content-story .container{text-align:center}.about-content-story h2{font-size:1rem;margin-bottom:20px;opacity:0;animation:slideUp 1.2s ease-in-out forwards}.about-content-story p{font-size:1rem;color:#555;line-height:1.8;margin-bottom:20px;opacity:0;animation:slideUp 1.2s ease-in-out forwards;animation-delay:.2s}a:hover{color:#e74c3c;text-decoration:underline}button:hover{background-color:#3498db;cursor:pointer}.about-content-goal{width:100%;max-width:95%;margin:40px auto 20px;animation:fadeIn 1.5s ease-out;padding:20px;background-color:#ffffff80}.about-goal-container{display:grid;grid-template-columns:1fr 1fr;margin-bottom:25px;gap:20px;padding-bottom:60px;transition:all .3s ease}.about-content-goal-row1{display:flex;justify-content:space-between;flex-direction:column;gap:15px}.about-content-goal-row1 .goal-col2 ul{margin-left:25px}.about-content-goal-row2{display:flex;justify-content:start;flex-direction:column;gap:15px}.about-heading{background-color:#cfcbcbb3;cursor:pointer;transition:all .3s linear;border-radius:50px 8px 15px;text-indent:20px;padding-bottom:2px}.about-heading-content{display:none;transition:all .3s linear;padding-left:15px}.about-heading:hover+.about-heading-content{display:block!important;margin-top:10px}.hero-overlay{background-color:#ffffffb3}ul{list-style-type:disc;padding-left:20px}h2,h1{font-family:Roboto Slab,serif;color:#2c3e50}a:focus{outline:2px solid #E74C3C}.about-hero-container,.about-content-story,.about-content-goal{box-shadow:0 1px 4px #0000001a;border-radius:8px}@media screen and (max-width: 768px){.about-hero{height:50vh}.hero h1{font-size:clamp(1.5rem,5vw,2rem)}.hero p{font-size:clamp(.9rem,2.5vw,1rem)}h2{font-size:clamp(1.2rem,4vw,1.5rem)}p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}.cta-button{font-size:clamp(.9rem,2.5vw,1rem);padding:10px 15px}.about-goal-container{grid-template-columns:1fr;gap:20px}.about-content-goal{margin-top:20px}}@media screen and (max-width: 568px){.about-hero{height:50vh}.hero h1{font-size:clamp(1.2rem,3vw,1.8rem)}.hero p{font-size:clamp(.8rem,2vw,.9rem)}h2{font-size:clamp(1rem,3.5vw,1.3rem)}p{font-size:clamp(.8rem,2vw,.9rem);line-height:1.6}.cta-button{font-size:clamp(.8rem,2.5vw,.9rem);padding:8px 12px}.about-goal-container{grid-template-columns:1fr;gap:15px}.about-content-goal{margin-top:15px}}@media screen and (max-width: 425px){.about-hero{height:50vh}.hero h1{font-size:clamp(1rem,3vw,1.5rem)}.hero p{font-size:clamp(.7rem,2.5vw,.8rem)}h2{font-size:clamp(.8rem,3vw,1rem)}p{font-size:clamp(.7rem,2.5vw,.8rem);line-height:1.6}.cta-button{font-size:clamp(.7rem,2.5vw,.8rem);padding:6px 10px}.about-goal-container{grid-template-columns:1fr;gap:10px}.about-content-goal{margin-top:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
