:root{font-family:Nunito,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root::-webkit-scrollbar{display:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0 auto;display:flex;place-items:center;width:100%;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.header{display:flex;align-items:center;justify-content:space-between;padding:0;width:100%;height:auto;background-color:#fff;border-bottom:2px solid gray;box-sizing:border-box;z-index:1000;position:relative;left:0;top:0;max-height:auto;margin-bottom:auto;flex-direction:row;overflow:visible}.header-container{display:flex;align-items:center;justify-content:space-between;width:100%}.logo-and-heading{display:flex;align-items:center;justify-content:center;text-align:center;gap:20px}.logo-container{margin:5px;padding:5px;align-items:center;justify-content:center;background-color:transparent;border-radius:5px}.ATBOP-logo{margin:5px;height:160px;width:auto;background-color:#214b53;border-radius:5px;justify-content:center;align-items:center}.header-text h1{margin:0;font-weight:700;font-size:clamp(.8rem,2vw,3.4rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-text h3{margin:0;font-weight:600;font-size:clamp(.8rem,1vw,2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-mobile{display:none}.quick-exit-btn{position:relative;background-color:pink;color:#555;border:1px solid #555;border-radius:5px;padding:20px 2px;cursor:pointer;font-weight:700;font-size:clamp(1rem,1vw,1.3rem);gap:2px;display:flex;align-items:center;z-index:2000;margin-right:5px;margin-left:2px}.quick-exit-btn:hover{background-color:#555;color:#fff}.quick-exit-nav{position:fixed;top:20px;right:20px;z-index:2000}.arrow-icon{font-weight:700}.navbar-container{display:flex;align-items:center;position:relative}.nav-links{display:flex;align-items:center;gap:5px;justify-content:space-between;margin-right:3px}.nav-links a{display:flex;align-items:center;padding:20px 25px;gap:5px;color:#fff;background-color:#214b53;border-radius:5px;text-decoration:none;font-size:clamp(.7rem,1vw,1.3rem);font-weight:700;transition:color .3s ease;white-space:nowrap;min-width:max-content}.navbar{background-color:transparent;position:relative}.navbar a:hover{background-color:#7aa4a4;color:#000}.navbar .active{color:#000;background-color:#7aa4a4;font-size:clamp(1.1rem,1.4vw,1.6rem)}.hamburger-icon,.hamburger-menu{display:none}body{overflow-x:hidden}@media (max-width: 2160px){.nav-links{gap:5px;margin-right:3px;margin-left:3px}.nav-links a{padding:20px,10px}.header{height:auto;padding:0}.header-container{height:auto}.ATBOP-logo{padding:0;height:125px}.quick-exit-nav{top:15px;right:15px}}@media (max-width: 1980px){.nav-links{gap:4px}.nav-links a{padding:20px,10px}.ATBOP-logo{height:100px}.quick-exit-nav{top:12px;right:10px}}@media (max-width: 1785px){.nav-links{flex-direction:row;margin-right:5px}.nav-links a{padding:20px 10px}.ATBOP-logo{height:90px}.quick-exit-nav{top:10px;right:8px;padding:0;margin:0}}@media (max-width: 1380px){.header-container{flex-direction:column;height:auto;min-height:auto}.content{flex-direction:column;align-items:center;text-align:center}.ATBOP-logo{height:110px}.logo-and-heading{margin:0}.header-text h1{font-size:2.3rem}.header-text h3{font-size:1.5rem}.nav-links a{font-size:1.3rem}.navbar .active{font-size:1.5rem}.quick-exit-btn{font-size:1rem}.quick-exit-nav{top:15px;right:10px}}@media (max-width: 940px){.logo-and-heading{gap:1px}.ATBOP-logo{height:100px}.header-text h1{font-size:2rem}.header-text h3{font-size:1.3rem}.nav-links a{font-size:1.1rem}.navbar .active{font-size:1.3rem}.quick-exit-btn{padding:10 0px;font-size:.9rem}.quick-exit-nav{top:12px;right:8px}}@media (max-width: 680px){.header{height:auto;padding:0;display:flex;align-items:center}.navbar{position:relative}.nav-links{display:none}.hamburger-icon{display:flex;cursor:pointer;font-size:2rem;background-color:#fff;color:#555;border:2px solid #555;border-radius:5px;width:40px;height:40px;align-items:center;justify-content:center}.hamburger-icon:hover{background-color:#555;color:#fff}.hamburger-menu{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:150%;left:-330%;right:0;background-color:transparent;padding:40px 0 10px;gap:10px;z-index:1000}.hamburger-menu a{background-color:#214b53;color:#fff;padding:15px 20px;border-radius:5px;font-weight:600;font-size:1rem}.header-text h1{font-size:1.8rem;display:none}.header-text h3{display:none;font-size:1.1rem}.ATBOP-logo{height:120px}.header-mobile{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:0;margin:0;gap:10px;height:auto}.header-mobile-text{gap:0px;padding:0;margin:0}.header-mobile h1{font-size:3rem;padding:0;line-height:.5}.header-mobile h3,.navbar-container,.quick-exit-nav{display:none}.quick-exit-container-mobile{white-space:nowrap;display:flex}}@media (max-width: 580px){.header-mobile{padding:0;height:auto;gap:4px;width:100%}.header-mobile h1{font-size:2rem;white-space:wrap}.hamburger-menu{padding-top:40px;left:-200%}.hamburger-menu a{font-size:.9rem;background-color:#214b53;color:#fff;padding:10px 4px;display:flex;border-radius:5px}.ATBOP-logo{height:95px;gap:0px;padding:0;margin:0}.quick-exit-container-mobile{white-space:wrap}.quick-exit-btn{font-size:1rem;padding:10px 5px;margin:0}}.footer{position:relative;bottom:0;left:0;width:100%;height:20px;background-color:#214b53;color:#fff;padding:.5rem;text-align:center;display:flex;align-items:center;justify-content:center;font-family:Nunito,sans-serif;margin-top:auto}.about-info{background-color:#fff;color:#2c3e50;padding:5px;margin:15px;border-radius:8px}.about-info h3{margin-bottom:20px}.about-logo{margin:0;width:150px}@media screen and (max-width: 780px){.about-info{margin:5px 5px 30px;padding-top:5px}.about-info p{font-size:1.2rem;margin:1px}.about-logo{width:120px}}#root{position:relative;display:flex;flex-direction:column;width:100%;min-height:100vh;align-items:center;justify-content:flex-start;background-image:url(/StockCake-Serene_waterfall_garden.avif);background-size:cover;background-position:center}#root:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#c5c7c5ca;z-index:1}#root>*{position:relative;z-index:2}.main-content{margin:150px auto;background-color:#214b53;color:#fff;width:50%;min-height:50vh;height:auto;align-items:center;justify-content:center;display:flex;flex-direction:column;padding:50px 20px;box-sizing:border-box;border-radius:10px;box-shadow:5px 5px 10px #0000001a;text-align:center;flex-grow:0}.main-content h1{font-weight:700;font-size:3.2rem}.main-content h2{color:#2c3e50;font-size:1.5rem;font-weight:700}.main-content h3{font-weight:500;font-size:1.3rem}.main-content p{font-size:1rem;font-weight:400;color:#214b53}@media (max-width: 1280px){.main-content{width:70%;padding:30px 15px}.main-content h1{font-size:2.5rem}.main-content h3{font-weight:500;font-size:1.2rem}.main-content p{font-size:1.1rem;font-weight:500}}@media (max-width: 780px){.main-content{width:90%;padding:0 5px}.main-content h1{font-size:2rem;line-height:1.4}.main-content h3{font-size:1.1rem}}@media (max-width: 480px){.main-content{width:90%;padding:0 4px}.main-content h1{font-size:1.8rem;line-height:1.2}.main-content h3{font-size:1.1rem}}.services-container{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:0;margin-bottom:40px}.services-container h1{margin-bottom:10px}.services-container h3{margin-bottom:25px}.services-grid{display:grid;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;width:80%;max-width:1200px;margin-top:0}.service-card{display:flex;flex-direction:column;background:#fff;padding:5px;width:100%;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease-in-out}.service-card:hover{transform:translateY(-5px)}.service-card h2{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:20px}.service-card p{color:#444;font-size:1.3rem}@media (max-width: 780px){.services-grid{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.service-card{display:flex;padding:5px;margin:0;max-width:90%;align-items:center}.service-card h2{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:10px}.service-card p{color:#444;font-size:1.2rem}}.team-container{width:99%;margin:0 auto;text-align:center}.team-members{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin:20px 20px 30px}.team-member-card{display:flex;flex-direction:column;align-items:center;border:1px solid #ddd;padding:5px;border:1px solid #555;border-radius:8px;background:#f9f9f9;text-align:center}.member-image{width:199px;height:199px;object-fit:scale-down;border-radius:10px;border:1px solid #555;margin-bottom:5px}.bio-image{width:100%;max-width:300px;height:auto;display:block;margin:0 auto 10px;border-radius:8px}.toggle-info-button{display:flex;padding:8px;justify-content:center;align-items:center;border:1px solid #555;font-size:1.5rem;cursor:pointer;transition:transform .5s ease-in-out}.toggle-info-button:hover{transform:scale(1.1);background-color:#555;color:#fff}.toggle-info-button:active{transform:scale(.9);background-color:#214b53}.member-info{margin-top:1rem;font-size:1rem;color:#444;background:#fff;padding:.5rem;border-radius:8px;border:1px solid #ddd;text-align:left}@media (max-width: 780px){.team-members{grid-template-columns:1fr;margin:5px 5px 30px}.bio-image{width:100%;max-width:250px;height:auto;display:block;margin:0 auto 10px;border-radius:8px}}.resources-container{width:80%;text-align:center;margin-bottom:30px}.resources-grid{width:auto;display:flex;flex-direction:column;align-items:center;gap:30px;margin:0}.resource-card{display:flex;align-items:center;width:90%;padding:30px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-decoration:none;color:inherit;transition:transform .3s ease-in-out}.resource-card:hover{transform:translateY(-5px)}.resource-content{display:flex;flex-direction:column;align-items:flex-start}.resource-image{width:auto;max-width:150px;height:auto;margin-right:50px;object-fit:cover;border-radius:4px;margin-bottom:15px}.resource-card p{color:#444;font-size:1.4rem}@media (max-width: 780px){.resource-card{flex-direction:column;align-items:center}.resource-content{align-items:center;margin-bottom:1px}.resource-image{margin-right:0;margin-bottom:0}}.resource-card h2{color:#2c3e50;font-size:1.5rem;margin-bottom:10px}.resource-card p{font-size:1.2rem}.contact-us{width:100%;text-align:center;padding:0;margin:0}.contact-boxes{display:flex;flex-direction:row;justify-content:center;width:100%;margin:0 0 30px;padding:0;gap:10px}.contact-boxes h2{font-size:1.5rem;margin:0;width:100%}.contact-boxes p{font-size:1.3rem}.contact-info-client,.contact-info-team{display:flex;flex:1;flex-direction:column;background-color:#fff;color:#2c3e50;padding:10px;margin:5px;border-radius:8px}@media (max-width: 780px){.contact-boxes{display:flex;flex-direction:column}.contact-boxes h2{font-size:1.5rem}.contact-boxes p{font-size:1.2rem}}