:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:370;--relapsafe-dark-green:#3d9970}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;padding:0;width:100%;background-color:#ecfffb}button{border-radius:2em;padding:.8em 2em;margin-top:10px;font-size:1.2em;font-weight:500;border:solid #3d9970;background-color:#3d9970;color:#fff;cursor:pointer}button:hover{border-radius:2em;background-color:transparent;color:#3d9970;transform:translateY(-3px)}.Navbar{background-color:#ecfffb;top:0;width:100%;height:50px;display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid#3d9970;padding:10px 0;z-index:100;position:fixed;align-items:center;font-family:Georgia,Times New Roman,Times,serif}.heroImg{border-radius:2em}a{text-decoration:none;cursor:pointer;color:#fff}.logo{display:flex;flex-direction:row;justify-items:center;align-items:center;width:20%;margin-left:10px;color:#000}.logo h1{margin:0;padding:0}ul{list-style:none}.navitems{list-style:none;width:50%;right:0;display:flex;flex-direction:row;margin-right:15px;justify-content:space-around;flex-wrap:wrap;align-items:center}.navitems li{width:10%;padding:0 10px;color:gray;font-size:1.2em}.menu{width:30px;height:30px;margin-right:20px;color:gray;display:none}.sidebar{height:100vh;width:250px;display:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;right:0;top:0;position:fixed;z-index:999;margin:0;padding:0;background:#ecfffb52;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:10px 10px 10px #0000003f}.sidebar li{color:#3d9970;font-weight:500;font-size:20px;padding-top:10px;padding-bottom:8px}.sidebar a{width:100%;padding-left:15px}.sidebar a:hover{background-color:#3d99707a;color:#fff}#Hero{margin:5em 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#Hero h2{text-align:center;font-size:2em;font-weight:400}#Hero .texts{width:100%;text-align:center;padding:1em}#Hero .texts p{font-size:1.2em;font-weight:300}#Hero .texts button{border-radius:2em;padding:.8em 3em;font-size:1.2em;font-weight:500;border:solid #3d9970;background-color:#3d9970;color:#fff;margin-top:1em;cursor:pointer;display:flex;justify-self:center}#Hero .texts button:hover{background-color:transparent;color:#3d9970;transform:translateY(-3px)}#Hero .heroImage{width:100%}.cont{border-radius:20px;box-shadow:0 6px 10px #0000001a;justify-self:center;padding:20px;height:fit-content;margin-bottom:2em}.serviceContents,.aboutContents{display:flex;flex-direction:row;justify-content:space-around}#Services h2{text-align:center;font-size:2em;font-weight:400;color:#3d9970;margin-bottom:1em}.serviceContents .icon,.aboutContents .icon{color:#3d9970;height:30px;width:30px}.serviceContents .cont{width:20%;background-color:#fffc;text-align:center;height:310px}.aboutContents .cont{width:20%;background-color:#fffc;text-align:center;height:200px}#Gallery h2{text-align:center;font-size:2em;font-weight:400;margin-bottom:1em}#Gallery p{text-align:center;font-size:1.4em;font-weight:400}#Gallery .images{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around}.images .image{width:40%;height:400px}#About .abouthead{color:#3d9970}#About h2{text-align:center;font-size:2.4em;font-weight:400;margin-bottom:10px}.line{margin:auto;width:100px;height:4px;background-color:#3d9970;border-radius:4px;align-self:center}.aboutHero{display:flex;flex-direction:row;justify-content:space-around;padding:20px}.aboutHero .text{width:100%;height:max-content}.aboutHero .text p{font-size:1.3em;font-weight:300}.aboutHero .image{width:100%;height:400px;background-color:#ecfffb;background-image:url(/background-image.png);background-repeat:no-repeat;background-size:cover;border-radius:10px;margin-bottom:20px}.container{width:90%;box-shadow:0 6px 10px #0000001a;background-color:#ffffff84;display:flex;justify-self:center;border-radius:16px;margin:3em 5% 4em}.container .contactInfo{width:30%;background-color:#3d9970;border-radius:16px 0 0 16px;color:#fff;text-align:center;padding-top:30px;padding-bottom:30px}.container .contactInfo a{display:flex;align-items:center;justify-content:center}.container .contactform{font-weight:400}.contactform input{border:0;background-color:transparent;border-bottom:1.5px solid grey;padding-top:15px;cursor:text}.name .first,.name .second,.usercontact .first,.usercontact .second{display:flex;flex-direction:column}.first,.second{width:45%}.name .second label,.usercontact .second label,.enq h3{color:#3d9970}.name,.usercontact{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4em}.enq .options{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4em}.message{display:flex;flex-direction:column;margin-bottom:4em}.contentStatus{margin:0;padding:6px 0 0;font-size:16px;font-family:Courier New,Courier,monospace;text-align:center}.container button{margin-bottom:40px;text-align:center}.topBox{display:flex;align-items:center;color:#ecfffb;background-color:#3d9970;opacity:.86;width:40px;height:40px;margin:20px;border-radius:6px;right:10px;position:fixed;bottom:35px}footer{background-color:#3d9970;color:#ecfffb;bottom:0;margin:0;padding:8px;align-items:center;display:flex;justify-content:center}.storyContainer{width:85%;height:fit-content;display:flex;padding:15px;flex-direction:column;justify-content:center}#Story h2{text-align:center;font-size:2em;font-weight:400;color:#3d9970;margin-bottom:0}#Story p{font-size:1em;font-weight:300;text-align:center;margin-top:0}.Story{height:62vh;width:90%;margin:auto}.story{width:100%;height:50vh;resize:none;overflow-y:auto;font-family:Courier New,Courier,monospace;font-size:1.2em}.storyStatus{margin:0;padding:6px 0 0;font-size:16px;font-family:Courier New,Courier,monospace}.storyButton{margin-top:8px;justify-self:center}#Sponsor .firstOne{text-align:center;font-size:1.6em;font-weight:400;color:#3d9970;margin-top:10px;margin-bottom:5px;padding-bottom:0}#Sponsor h3{text-align:center;font-style:italic;font-size:1.3em;font-weight:500;color:#3d9970;margin-top:10px}#Sponsor{text-align:center}#Sponsor h1{text-align:center;font-size:2em;font-weight:400;margin-bottom:5px}.sponsorContents p{font-size:1.2em;font-weight:320}.sponsorContents{width:80%;margin:auto;padding:20px}.socialAccounts{width:80%;display:flex;flex-direction:row;justify-content:space-evenly;justify-self:center}@media (max-width: 900px){.Navbar{font-size:.7rem;padding:8px 0}.logo{width:30%}.logoimage{height:30px;width:30px}.navitems{display:none}.menu{display:block;padding-right:10px}#Hero{flex-direction:column}#Hero .texts{width:90%}#Hero .heroImg{width:100%;height:100%}.serviceContents,.aboutContents{display:flex;flex-direction:column;justify-content:space-around;align-items:center}.serviceContents .cont,.aboutContents .cont{width:70%;height:fit-content}.images .image{height:250px;width:80%}#About h2{font-size:2em}.aboutHero{flex-direction:column-reverse}.aboutHero .image{height:250px}.aboutHero .text p{font-size:1.1em}.Story{height:40vh}.story{height:30vh}.container{display:flex;flex-direction:column;justify-self:center}.container .contactInfo{width:100%;border-radius:16px 16px 0 0;text-align:center;margin-bottom:2em;padding-top:30px;padding-bottom:30px}.container .contactform{width:100%;padding-left:15px}.container .contactInfo a{justify-content:center;padding-bottom:10px;padding-top:5px}.name,.usercontact{flex-direction:column;margin-bottom:0}.first,.second{width:80%;margin-bottom:2em}.enq .options{flex-direction:column}.enq .options .rad{padding-bottom:15px;font-size:larger;display:flex;align-content:center}.message{width:80%}.container button{margin-bottom:20px;text-align:center;font-size:1.2em;padding:10px 25px}.socialContent{flex-direction:column;margin:auto}}@media (min-width: 900px){.logo{font-size:1.2em}.logoimage{width:60px;height:60px}.container .contactInfo{padding:30px}.container .contactform{width:60%;padding:40px}.services-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.services-section.services-visible{opacity:1;transform:translateY(0)}.serviceContents{opacity:0;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out;transition-delay:.15s}.serviceContents.services-content-visible{opacity:1;transform:translateY(0)}.service-item{opacity:0;transform:translatey(100px);transition:opacity .8s ease-out,transform .8s ease-out}.service-item.service-item-visible{opacity:1;transform:translateY(0)}}