*{margin:0;padding:0;font-family:Inter,sans-serif;box-sizing:border-box;--primary-color: #1F4E5F;--secondary-color: #6BAF92;--compliment-color: #d9d9d9;--accent-color: #E56C5C;--font-size-h1: 55px;--font-size-h2: 40px;--font-size-label: 30px;--font-size-body: 18px;--container-margin: 5%;--font-size-h1-mb: 35px;--font-size-h2-mb: 25px;--font-size-h3-mb: 20px;--font-size-body-mb: 15px}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}label{font-size:var(--font-size-label)}body{font-size:var(--font-size-body)}html{scroll-behavior:smooth}nav{display:flex;flex-wrap:wrap;align-items:center}nav ul li{display:inline-block;list-style:none;margin:10px 20px;cursor:pointer}nav ul li a{color:#fff;text-decoration:none;font-size:var(--font-size-body);position:relative}.container{margin:0px var(--container-margin)}.logo{width:140px}.btn-align{text-align:center}.btn{background-color:var(--accent-color);color:#fff;border-radius:10px;font-size:var(--font-size-body);border-style:none;padding:1em 2.5em;cursor:pointer;margin:1em}.btn:hover{transition:.5s;background:var(--primary-color);color:var(--compliment-color)}.text-all-pgs{text-align:center;margin:2em 0}.compress{width:60%;margin:auto;padding:1em}.txt-l{text-decoration:none;color:var(--accent-color);transition:1s}.txt-l:hover{color:var(--primary-color)}.ctnt{display:flex;justify-content:center;gap:40px;margin:0 4em;align-items:stretch;background-color:var(--compliment-color);border-radius:1em;padding:2em}@media screen and (max-width:800px){.compress{width:100%}.ctnt{display:grid;width:100%;margin:auto}.text-all-pgs h2{font-size:var(--font-size-h2-mb)}.text-all-pgs p{font-size:var(--font-size-body-mb)}.btn{padding:10px 50px;font-size:var(--font-size-body-mb)}}.know header{margin:2em 0}.know .imgs img{width:40vw;border-radius:1em}.bio{margin:auto}.bio h2{margin:1em 0}@media screen and (max-width:800px){.know .imgs img{width:80vw}.bio h2{font-size:var(--font-size-h2-mb)}.bio p{font-size:var(--font-size-body-mb)}}.hero-section{min-height:60vh;width:100%;background-position:center;background-size:cover;position:relative}.hero-section #title{width:100%;height:100%;text-align:center;color:#fff;font-size:var(--font-size-h1);margin-top:10vh}.hero-section #heroCTA{margin-left:5%;width:fit-content}.hero-section #titleCTA{color:#fff;text-align:left;margin-bottom:.1em;margin-top:30vh}.hero-section #heroCTA label{display:block;margin-bottom:.5em;color:#fff;margin-left:.5em;font-size:var(--font-size-label)}.hero-section .primaryButton{background-color:var(--accent-color);color:#fff;border-radius:10px;font-size:var(--font-size-body);border-style:none;padding:20px 100px;cursor:pointer;margin-bottom:10em}@media screen and (max-width:800px){.hero-section{height:70vh}.hero-section #titleCTA,.hero-section #title{font-size:var(--font-size-h1-mb);margin-top:15vh}.hero-section .primaryButton{padding:10px 50px;font-size:var(--font-size-body-mb)}}.navbar{display:flex;align-items:center;justify-content:space-between;padding-top:1em}.logo{width:200px;margin:1em 0}.hd{position:fixed;top:0;left:0;width:100%;z-index:999;padding:10px 5%;transition:transform .4s cubic-bezier(.25,.8,.25,1),background-color .4s ease,backdrop-filter .4s ease,box-shadow .4s ease;transform:translateY(0);will-change:transform}.hd.in-hero{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.hd.fixed{background-color:#00000059;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #0000000d}.hd.show{transform:translateY(0)}.hd.hide{transform:translateY(-100%)}.hd.fixed.blur{background-color:#00000059;backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);box-shadow:0 8px 22px #00000029;padding:10px 5%}.wrapper nav{justify-content:center}.wrapper nav ul li a{transition:.6s}.wrapper ul{padding:5px 30px;border-radius:10px;background-color:#47474780;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.wrapper ul a{padding:10px;border-radius:5px;transition:color .3s,background-color .3s,filter .3s}.wrapper ul a:hover,.wrapper ul a.active{background-color:#fff3;padding:10px 15px}.wrapper ul li:hover a{filter:none}.wrapper ul li:hover~li a{filter:blur(2px)}nav .fa-bars{display:none;font-size:1.5em;color:#fff;margin:0 .5em}@media screen and (max-width:800px){.wrapper nav{position:relative}.wrapper ul.menu{position:absolute;top:60px;right:0;width:220px;flex-direction:column;gap:10px;padding:15px;background-color:#00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s}.wrapper ul.menu.open{opacity:1;visibility:visible;transform:translateY(0)}.wrapper ul li:hover~li a{filter:none}nav .fa-bars{display:block}}.cta{background-color:var(--compliment-color);padding:3em 0;margin:5em 0;border-radius:1em}@media screen and (max-width:800px){.cta h1{font-size:var(--font-size-h1-mb);padding:0 1em}.cta p{font-size:var(--font-size-body-mb);padding:2em}}.footer{background-color:var(--primary-color);color:#fff}.icon{font-size:25px}.logo-bottom{margin:0 2em}.mid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.mid nav{justify-content:space-between}.mid nav ul li a:hover{color:var(--accent-color);transition:1s}.bottom{text-align:center;padding-bottom:15px}.bottom p{font-size:15px}.link{color:var(--accent-color)}.ct-info{margin:0 2em;cursor:pointer}a.ct-l{color:#fff;text-decoration:none;transition:1s}a.ct-l:hover{color:var(--accent-color)}.ct-info-align{display:flex;justify-content:flex-end;gap:.5em}.logo-f{width:250px;margin:2em}.socials{text-align:right;margin:0 2em}.socials a{color:#fff;font-size:15px;padding-left:1em}.socials .icons{transition:1s}.socials a:hover{color:var(--accent-color)}@media screen and (max-width:800px){.mid{flex-direction:column;align-items:center;gap:20px;padding:20px 10px}.logo-f{width:150px;margin-bottom:10px}.mid nav ul{flex-direction:column;gap:10px;padding:0;margin:0;list-style:none;text-align:center}.mid nav ul li a{font-size:16px}.ct-info{margin:0;text-align:center}.ct-info-align{justify-content:center;flex-direction:column;gap:5px}.bottom{font-size:14px;padding:1em 0}.socials{text-align:center}}.cards-g{display:flex;justify-content:center;flex-wrap:wrap;margin:1em 0}.cards{width:350px;border-radius:1em;overflow:hidden;background-color:var(--compliment-color);border-width:8px;box-shadow:0 2px 4px #0003;margin:2.5em;transition:.5s ease;cursor:pointer;padding:1.5em}.cards h3{text-align:center;margin-bottom:.5em;color:var(--secondary-color)}.cards p{text-align:center;padding-bottom:1em}.icon-align{text-align:center}.fa-layer-group,.fa-box-open,.fa-house-circle-check,.fa-recycle,.fa-star,.fa-users,.fa-children,.fa-people-group,.fa-house-circle-exclamation,.fa-fish{font-size:90px;padding-top:.3em;padding-bottom:.2em;color:var(--primary-color)}.cards:hover{transform:scale(1.1);box-shadow:0 2px 4px #0003}.gall{display:flex;flex-wrap:wrap;gap:2em;justify-content:center;margin:2em 0}.gallery img{width:30vw;height:50vh;border-radius:1em;transition:.5s,transform .5s,box-shadow .5s}.gallery img:hover{transform:translateY(-10px);box-shadow:10px 10px 0 var(--accent-color)}@media screen and (max-width:800px){.gallery img{width:80vw;height:30vh}}.staff header{margin:2em 0}.imgs img{width:100%;object-fit:cover;border-radius:1em}.imgs{flex:1}.text h2{margin:.5em 0;color:var(--primary-color)}.text{flex:1;padding:1.5em;display:flex;flex-direction:column;justify-content:center}.contact-dub-info{display:flex;justify-content:center;margin:4em 0}.contact-det,.contact-fm{display:inline-block;margin:0 3em}.contact-det h2{font-size:var(--font-size-h2)}.contact-det a{font-size:var(--font-size-body)}.contact-det h3{margin:1em 0}.phone-num,.email{font-size:25px;font-weight:600;text-decoration:none;color:#000;display:flex}.phone-num .fa-phone,.email .fa-envelope{color:var(--accent-color);font-size:30px;transition:1s}.phone-num .fa-phone:hover,.email .fa-envelope:hover{transform:translateY(-10px)}.contact-fm{width:50vw}form input,form textarea{width:100%;border:0;outline:none;background:#d3d3d3;padding:15px;margin:15px 0;color:#000;font-size:20px;border-radius:6px}.contact-fm button{height:60px;width:205px;outline:none;cursor:pointer;border-radius:5px;font-size:20px;border:none;background-color:var(--accent-color);color:#fff}.contact-fm form textarea{resize:none}@media screen and (max-width:800px){.contact-dub-info{display:inline}.contact-det h2{font-size:var(--font-size-h2-mb);margin:1em 0}.contact-det h3{font-size:var(--font-size-h3-mb)}.contact-det a{font-size:var(--font-size-body-mb)}.phone-num .fa-phone,.email .fa-envelope{font-size:var(--font-size-h2-mb)}.contact-fm{width:70vw;padding:2em 0}form input,form textarea{font-size:var(--font-size-body-mb)}.contact-fm button{font-size:var(--font-size-body-mb);height:40px}}.env-imp header{margin:2em 0}.env-imp .imgs img{width:40vw;border-radius:1em}.imp-box{display:flex;flex-wrap:wrap;justify-content:center;gap:2em;margin:2em 0}.box{background-color:var(--primary-color);color:var(--compliment-color);border-radius:1em;width:500px;height:300px;padding:2em;display:flex;flex-direction:column;justify-content:center}.box h3{font-size:30px}.box hr{height:5px;margin:1em 0;background-color:var(--accent-color);border:none}@media screen and (max-width:800px){.env-imp .imgs img{width:80vw}}.timeline{position:relative;max-width:900px;margin:3rem auto;padding:1em 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--primary-color);transform:translate(-50%)}.tl-item{position:relative;display:flex;justify-content:flex-end;margin-bottom:3rem;width:50%;padding-right:2rem}.tl-item.left{left:0}.tl-item.right{left:50%;justify-content:flex-start;padding-left:2rem;padding-right:0}.tl-content{background:var(--compliment-color);border-radius:6px;padding:1rem 1.25rem;max-width:320px}.tl-title{margin:0 0 .5rem;font-size:1.05rem;color:var(--primary-color)}.tl-desc{margin:0;color:var(--primary-color);line-height:1.5}.tl-dot{position:absolute;top:1rem;right:-7px;width:14px;height:14px;background:var(--accent-color);border-radius:50%}.tl-item.right .tl-dot{left:-7px;right:auto}
