@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Manrope,sans-serif}body{font-family:Arial,sans-serif;overflow-x:hidden;background-color:#000}.logoSect{background-color:#fff;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding-top:8vh}#three-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;overflow:hidden}.logo{z-index:2;position:relative;bottom:5vw;width:80vw;height:auto}.circle-container{position:absolute;top:10vw;left:0%;width:200vw;max-width:none;transform:translate(-25%)}.circle-container svg{width:100%;height:auto}.bottom-curve{position:absolute;bottom:-165vw;left:0;width:200vw;transform:translate(-25%) rotate(180deg)}.info{position:relative;background-color:#0000;color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;z-index:3;bottom:20vw}.info h1{color:#0f6;margin-bottom:1rem;z-index:3}.info p{max-width:600px;line-height:1.6;z-index:3}.flexContainer{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:0 40px;background-color:#000}.wrapper{max-width:1500px;width:100%;position:relative;margin-top:-120vh}.wrapper i{height:30px;width:30px;background:#fff;text-align:center;line-height:30px;border-radius:20%;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 6px #00000029;z-index:10}.wrapper i.disabled{opacity:.4;pointer-events:none;cursor:default}.wrapper i:first-child{left:-15px}.wrapper i:last-child{right:-11px}.wrapper .carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% / 5) -12px);gap:2vw;overflow-x:hidden}.carousel{display:flex;align-items:center;justify-content:flex-start;gap:5%;overflow-x:auto;scroll-behavior:smooth;padding:1rem 0}.carousel .tutorCard{flex:0 0 auto;width:100%;background:#141414cc;border-radius:1rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;padding:1rem;transition:transform .2s;color:#fff;height:60vh}.carousel .tutorCard:hover{transform:scale(1.05)}.carousel .tutorCard .img{width:15vw;height:30vh;border-radius:50%;overflow:hidden;border:2px solid #00ff66;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.carousel .tutorCard img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.carousel .tutorCard .bio{color:#ccc;font-size:.9rem;line-height:1.3;overflow:hidden;max-height:0;transition:max-height .4s ease;border-top:1px solid #00ff66;margin-top:.5rem;padding-top:.5rem}.carousel .tutorCard h2{color:#fff;font-size:1.2rem;margin:.5rem 0 .2rem}.carousel .tutorCard span{color:#0f6;font-size:.9rem}.tutorCard .img{border:2px solid #00ff66;width:120px;height:120px;border-radius:100%;background-color:transparent}.tutorCard .img img{width:100%;height:100%;object-fit:cover;border-radius:50%}.card h2{font-weight:500;font-size:1.5rem;margin:30px 0 5px}.card span{color:red;font-size:1.3rem}@media screen and (max-width:1200px){.wrapper .carousel{grid-auto-columns:calc(25% - 9px)}}@media screen and (max-width:900px){.wrapper .carousel{grid-auto-columns:calc((100% / 3) - 6px)}}@media screen and (max-width:750px){.wrapper .carousel{grid-auto-columns:calc(50% - 4px)}}@media screen and (max-width:400px){.wrapper .carousel{grid-auto-columns:calc(100% - 2px)}}.infoGrid{width:100%;padding:5vw;display:grid;grid-template-columns:repeat(3,1fr);gap:2vw;background:#000;margin-top:-30vw;z-index:2}.infoGrid .gridBox{background:#0000;border:1vw solid;border-radius:1rem;padding:1.5rem;color:#fff;font-size:1rem;line-height:1.4;text-align:center;z-index:2}.infoGrid .gridBox:nth-child(1){height:20vw;border-color:#0f6}.infoGrid .gridBox:nth-child(2){height:30vw;border-color:#fd914a}.infoGrid .gridBox:nth-child(3){height:20vw;border-color:#ecf753}.infoGrid .gridBox:nth-child(4){height:30vw;border-color:#37c1f8;margin-top:-10vw}.infoGrid .gridBox:nth-child(5){height:20vw;border-color:#f99}.infoGrid .gridBox:nth-child(6){height:30vw;border-color:#cf90fc;margin-top:-10vw}.foreword{width:100%;height:100vh;background:#fff;position:relative;z-index:-1}.foreword .forewordContent{position:relative;margin:0 auto;color:#000;top:50vh;text-align:center}
