@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Space Mono,monospace;--l-bg: rgba(40, 149, 95, 1);--gray-300: grey;--blue: rgba(8, 5, 30, 1);--grey: #D0D5DD}html,body{scroll-behavior:smooth}.pages{background:rgba(18,49,44,1);min-height:100%;cursor:default;color:#fff}h2{font-weight:700}.pat{width:100%;top:0;right:0;bottom:0;left:0;position:absolute;background-image:url(/Pattern.svg);background-repeat:no-repeat}.h-content{display:flex;padding-inline:1rem;padding-right:2rem;margin-top:2rem;justify-content:space-evenly;gap:2rem}.h-text{width:40%;margin-top:5rem;position:relative;z-index:99}.h-text h2{font-size:2.3rem;width:23rem;margin-bottom:.5rem;font-weight:700;line-height:50px}.h-text span{background:linear-gradient(280deg,#237B50 0%,#39B477 42.78%,#01EB00 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.h-text p{color:var(--grey);margin-bottom:3rem;font-size:.8rem;font-weight:400;line-height:20px}.h-text button{display:flex;padding:13px 30px;justify-content:center;align-items:center;gap:1rem;color:#fff;border-radius:100px;border:1px solid #FFF;background:#28955F;font-size:1rem;font-weight:700;box-shadow:0 1px 2px #1018280d}.h-text button figure{background:url(/arrow-right.svg);height:1rem;width:1rem}.h-text button:hover{background:transparent}.pat2{background:url("/Pattern (2).svg");background-size:100% 100%;position:absolute;top:0;right:0;bottom:0;left:0;left:-15rem;height:auto;width:80%}a{cursor:default}.about,.tutorials{display:grid;place-items:center;background:white;width:100%}.about h2,.tutorials h2{color:var(--l-bg);margin-top:4rem;margin-bottom:1rem;font-weight:700;font-size:2rem;line-height:2rem}.about p,.tutorials-txt p{color:var(--blue);text-align:center;width:80%;margin-bottom:4rem}.case-studies,.sub{display:grid;place-items:center;margin-bottom:1rem}.case-studies .txt{width:100%;display:grid;place-items:center}.case-studies .txt h2{font-size:2rem;text-align:center;margin-top:4rem;margin-bottom:1rem}.case-studies .txt p{font-size:1rem;width:80%;text-align:center;margin-bottom:4rem}.cards-section{display:flex;justify-content:center;width:100%;margin-bottom:4rem}.cards{display:grid;place-items:center;margin-top:1rem;column-gap:5rem;grid-template-columns:repeat(2,25rem)}.tutorials-txt{display:grid;place-items:center}.sub{margin-bottom:0rem}.sub h3{display:flex;justify-content:center;text-align:center;width:50%;font-size:2rem;margin-top:4rem;font-weight:700;margin-bottom:2rem}.sub button{display:flex;padding:13px 30px;justify-content:center;align-items:center;gap:8px;border-radius:100px;border:1px solid #FFF;background:#28955F;color:#fff;font-weight:700;font-size:1rem;margin-bottom:4rem;box-shadow:0 1px 2px #1018280d}footer{display:grid;place-items:center;background:rgba(7,15,14,1)}footer .top{width:90%;margin-bottom:2rem}footer .top h3{color:var(--l-bg);font-weight:700;margin-top:1.5rem;margin-bottom:.6rem}footer .top p{font-size:.7rem;color:var(--grey);margin-bottom:1rem}footer .top ul{display:flex;gap:1rem;list-style:none}.top ul li{display:flex;gap:.5rem;align-items:center;cursor:default}.top ul li:hover:before{content:"";height:.7rem;width:.7rem;border-radius:50%;background:var(--l-bg);display:flex;position:relative}footer .bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid white;width:90%;margin-bottom:2rem}footer .bottom p{font-size:.8rem;margin-top:1.5rem;color:var(--grey)}footer li{font-size:.8rem}.socials{display:flex;gap:1rem;margin-top:1.5rem}.socials span{display:block;height:1rem;width:1rem}@media screen and (min-width: 1500px){.pat2{background-size:50% 100%;background-repeat:no-repeat}.pat,.pat2{max-height:35rem;max-width:1900px}}@media screen and (max-width: 1020px){.cards-section{width:90%}.cards{column-gap:0rem;gap:1rem;row-gap:1rem;place-content:center;grid-template-columns:repeat(auto-fill,100%)}}@media screen and (max-width: 880px){.h-content{flex-direction:column;align-items:center;margin-bottom:6rem}.h-text{width:55%}.h-text p{width:29rem}.h-img{display:none}.pat2{margin-top:-4.6rem}.cards-section{width:90%}.sub h3{white-space:wrap}}@media screen and (max-width: 760px){.h-text{width:80%}.h-text p,.h-text h2{width:100%}.pat2{left:-4rem;margin-top:2rem}.about p .case-studies .txt p{font-size:1rem;width:90%}.sub h3{font-size:1.1rem}.sub button{font-size:.8rem}}@media screen and (max-width: 400px){nav ul{width:30%}}.carousel-card{display:grid;padding:1rem;position:relative;top:0;background:white;width:20rem;border-radius:24px;border:1px solid #08051E;margin-top:3rem;transition:top 1s ease-in-out}.carousel-card:hover{top:-2.5rem}.carousel-card .txt{height:7rem;margin-bottom:2.5rem}.carousel-card .title{display:flex;justify-content:space-between;width:100%;margin-top:1.3rem}.carousel-card h3{font-size:1.3rem;font-weight:700;color:#1e1e1e}.carousel-card p{font-size:.7rem;width:100%;color:var(--blue);text-align:left;margin-top:.5rem}.no{color:var(--l-bg)!important}.carousel-card button{display:flex;padding:8px 14px;justify-content:center;align-items:center;gap:8px;width:60%;margin-top:1rem;color:var(--l-bg);font-weight:700;border-radius:100px;border:1px solid #28955F;background:transparent;box-shadow:0 1px 2px #1018280d}.carousel-card .img,.carousel-card .img img{width:100%}@media screen and (max-width: 500px){.carousel-card{width:20rem}.carousel-card button{width:60%}}.carousel{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-flow:column;width:50rem;overflow:hidden;margin-top:-3rem;margin-bottom:3rem}.controls{display:flex;width:85%;justify-content:space-between;align-items:center;margin-bottom:4rem}.dots{display:flex;gap:1rem}.dots>span{width:.6rem;height:.6rem;border-radius:50%;background:var(--grey)}.dot-a{background:var(--l-bg)!important}.left,.right{display:flex;justify-content:center;align-items:center;height:2.5rem;aspect-ratio:1;border-radius:50%;border:1px solid var(--l-bg)}@media screen and (max-width: 900px){.carousel{width:90%}}.card{background:rgba(8,5,30,1);background:linear-gradient(72deg,rgba(16,56,37,.7),rgba(8,5,30,.5));border-radius:1.2rem;border:1px solid #FFF;display:grid;place-items:left}.card .img{height:auto;width:100%;margin-bottom:1.5rem;border-radius:1.2rem 1.2rem 0 0}.card img{border-radius:1.2rem 1.2rem 0 0;width:100%}.card h3{padding-inline:1.5rem;position:relative;z-index:22;font-size:1.2rem;line-height:1.8rem;margin-bottom:.7rem;font-weight:700}.card p{padding-inline:1.5rem;font-size:.6rem;margin-bottom:.7rem;color:#d0d5dd}.card a{text-align:left;padding-inline:1.5rem;width:100%;font-size:.8rem;font-weight:700;color:var(--l-bg);margin-bottom:2rem}.card:nth-child(2),.card:nth-child(4),.card:nth-child(6){margin-top:6rem}@media screen and (max-width: 1020px){.card:nth-child(2),.card:nth-child(4),.card:nth-child(6),.card:nth-child(5){margin-top:0rem;width:100%}}body{background:rgba(18,49,44,1);color:#fff}header{padding-inline:1.5rem;position:relative;z-index:99}nav{height:4rem;display:flex;justify-content:space-between;align-items:center;padding:1.5rem;color:#f0f8ff;cursor:default}nav ul{display:flex;gap:.8rem;justify-content:space-evenly;width:50%;list-style:none;white-space:nowrap}nav div{color:var(--l-bg);font-weight:700;font-size:1.5rem;white-space:nowrap}nav li{font-size:1rem;display:flex;align-items:center;gap:.8rem;transition:color 1s ease}nav figure{background:url(/chevron-down.svg);height:1rem;width:1rem}nav li:hover:before{content:"";height:.7rem;width:.7rem;border-radius:50%;background:var(--l-bg);display:flex;position:relative}.active{color:var(--l-bg);font-weight:700}.active:before{content:"";height:.7rem;width:.7rem;border-radius:50%;background:var(--l-bg);display:flex;position:relative}@media screen and (max-width: 760px){header{position:relative;z-index:10000}nav div{font-size:1.2rem;width:100%;text-align:center}nav ul{position:fixed;background:rgba(0 0 0 / .5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:1rem;justify-content:space-around;padding:1rem;padding-inline:1.3rem;width:95%;border-radius:5rem;margin:auto;text-align:center;right:0;left:0;top:4rem;overflow-x:scroll}nav ul::-webkit-scrollbar{color:transparent;height:.1rem}nav ul::-webkit-scrollbar-track{color:transparent}nav ul::-webkit-scrollbar-thumb{color:transparent;height:.1rem}nav li{white-space:nowrap;font-size:.8rem}}.t-details img{width:60%}.t-details{font-size:.8rem;display:grid;place-items:center;max-width:100%;margin-bottom:.8rem;margin-top:2.3rem;line-height:1.8rem}.t-details h2{font-size:1.3rem;margin-block:.7rem;width:90%;text-align:center}.t-img{width:80%;display:grid;margin-bottom:2rem;place-items:center}.t-img img{width:100%;object-fit:cover;height:100%}.t-details .txt{width:90%}.mb-1{display:grid;margin-block:.4rem;word-break:break-all}.mb-2{margin-block:.4rem;word-break:break-all}.t-details p{margin-bottom:.25rem}.t-details .ul,.t-details .ol{margin-left:2rem;word-break:break-all}.ol{margin-left:3rem!important}.t-details ul{list-style:disc}.ul-1{margin-left:.8rem}.ul-1 li{word-break:break-all}.head1{display:flex;margin-bottom:.5rem}.head-txt{color:var(--l-bg);display:block;font-weight:800;margin-bottom:.5rem!important;margin-top:1rem;margin-bottom:0;font-size:1rem}.underline{text-decoration:underline}.link{all:unset!important;color:#00f!important;cursor:pointer!important;text-decoration:underline!important;word-break:break-all!important}.tutorial-detail{display:grid;place-items:center;margin-top:2.2rem;margin-bottom:1rem}.tutorial-detail .content{width:80%;margin-bottom:2rem}.tutorial-detail .c-txt{font-size:.8rem;text-align:left}.c-head h2:first-child{color:var(--grey)}.c-head{display:flex;font-size:1rem;justify-content:space-between}.c-img{width:100%;margin-block:1rem}.c-txt>p{margin-block:.8rem}.c-img img{width:100%;object-fit:cover}.tutorial-detail ol{margin-left:1.5rem}.tutorial-detail button{display:flex;padding:13px 30px;justify-content:center;align-items:center;gap:8px;border-radius:100px;border:1px solid #FFF;background:#28955F;color:#fff;font-weight:700;font-size:1rem;margin-block:4rem;box-shadow:0 1px 2px #1018280d}.tutorial-detail button:hover{background:transparent}