@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Pacifico&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}*{margin:0;padding:0;box-sizing:border-box}img{width:100%;max-width:100%;height:auto}@font-face{font-family:PP Nuee Montreal;src:url(/fonts/ppneuemontreal-book.otf) format("OpenType");font-weight:900}@font-face{font-family:PP Nuee Montreal;src:url(/fonts/ppneuemontreal-bold.otf) format("OpenType");font-weight:700}@font-face{font-family:PP Nuee Montreal;src:url(/fonts/ppneuemontreal-medium.otf) format("OpenType");font-weight:500}@font-face{font-family:PP Nuee Montreal;src:url(/fonts/ppneuemontreal-thin.otf) format("OpenType");font-weight:300}:root{--default-font: "PP Nuee Montreal";--bold-font: "PP Nuee Montreal Bold";--normal-font: "PP Nuee Montreal Normal";--highlight-font: "Bricolage Grotesque", sans-serif;--inter-font: "Inter", sans-serif;--cursive-font: "Pacifico", cursive;--color-red-normal: #b33330;--color-red-light: #d18583;--color-red-lighter: #f0d6d6;--color-blue-normal: #221f52;--color-blue-light: #7a7997;--color-blue-lighter: #d3d2dc;--color-theme-black: #383938;--color-gray: #717171;--color-gray-light: #d9d9d9;--color-gray-lighter: #fbf9f7;--color-white: #ffffff;--color-text-black: #171415}body{font-family:var(--default-font);font-weight:400;font-size:16px;color:var(--color-gray)}.btn{display:flex;align-items:center;width:fit-content;padding:20px 30px;background-color:var(--bg-color);border-radius:32px;font-size:var(--font-size);cursor:pointer;gap:clamp(4px,1.5vw,8px);color:var(--text-color);border:1px solid var(--border-color);transition:background-color .3s,color .3s,border-color .3s ease;text-transform:capitalize}.btn.normal{--bg-color: #FF5B00;--border-color: #FF5B00;--text-color: #fff;--hover-text-color: #FF5B00;--hover-bg-color: #fff}.btn.outline{--bg-color: transparent;--border-color: #FF5B00;--text-color: #FF5B00;--hover-text-color: #fff;--hover-bg-color: #FF5B00}.btn:hover{background-color:var(--hover-bg-color);color:var(--hover-text-color);border-color:var(--hover-border-color)}.btn .icon{width:clamp(15px,2.5vw,20px);height:clamp(15px,2.5vw,20px)}.btn__holder{margin-top:44px;display:flex;gap:32px;justify-content:center}.heading{font-size:clamp(32px,3vw,40px);color:var(--color-text-black)}main{overflow:hidden}img{object-fit:cover;width:100%;height:100%;display:block}.container{container-type:inline-size;max-width:1370px;margin-inline:auto;padding-inline:25px;width:100%;position:relative;z-index:2}header{position:fixed;top:44px;left:50%;transform:translate(-50%);z-index:30;cursor:pointer}header .header__container{display:flex;gap:clamp(100px,10.5vw,280px);align-items:center;background-color:#fff;padding:clamp(12px,2.5vw,22px) clamp(16px,2.5vw,32px);border-radius:clamp(8px,2.5vw,16px);box-shadow:0 8px #00000014;position:relative}header .header__container .logo{width:clamp(120px,6.5vw,122px);position:relative}header .header__container .logo a{position:absolute;inset:0}header .header__container .hamburger-icon{position:relative;cursor:pointer;height:10px;width:clamp(20px,2.5vw,32px);transition:.3s ease-in-out}@media(max-width:992px){header .header__container .hamburger-icon{display:block}}header .header__container .hamburger-icon span{display:block;position:absolute;height:2px;width:100%;background-color:#333;border-radius:2px;opacity:1;left:0;transition:.25s ease-in-out}header .header__container .hamburger-icon span:nth-child(1){top:0}header .header__container .hamburger-icon span:nth-child(2){top:8px}header .header__container .progress-container{height:2px;position:absolute;width:90%;left:50%;bottom:-1px;transform:translate(-50%)}header .header__container .progress-container .progress__bar{position:absolute;left:0;top:0;width:0%;height:100%;background-color:#ff2c6b;display:inline-block;transition:width .25s cubic-bezier(.075,.82,.165,1)}header nav{background:#fff;border-radius:clamp(8px,2.5vw,16px);margin-top:clamp(10px,2.5vw,20px);max-height:0;overflow:hidden;transition:max-height .5s linear}header nav ul li{padding:clamp(12px,2.5vw,22px) clamp(16px,2.5vw,32px)}header:hover .header__container .hamburger-icon span:nth-child(1){top:50%}header:hover .header__container .hamburger-icon span:nth-child(2){top:50%}header:hover nav{max-height:900px}.hero__banner{height:100svh;width:100%;position:relative;z-index:2}.hero__banner-heading{font-size:clamp(26px,5.5vw,88px);color:#fff;font-weight:500;position:absolute;top:55%;left:15%;line-height:1.2;z-index:3}@media(max-width:525px){.hero__banner-heading{left:0;padding-inline:15px}}.hero__banner-heading span{color:var(--text-color)}.hero__banner-heading span.color-yellow{--text-color: #F6BF2E}.hero__banner-heading span.color-green{--text-color: #019855}.hero__banner-heading span.color-blue{--text-color: #05A1DA}.hero__banner .highlight{display:grid;grid-template-columns:repeat(2,1fr);color:#fff;font-weight:500;position:absolute;bottom:15%;left:15%;line-height:1.2;gap:clamp(16px,1.5vw,32px);z-index:3}@media(max-width:525px){.hero__banner .highlight{left:0;padding-inline:15px;grid-template-columns:repeat(1,1fr);bottom:10%}}.hero__banner .highlight li{font-size:clamp(14px,1.5vw,32px);display:flex;align-items:center;gap:clamp(10px,1.5vw,20px)}.hero__banner .highlight li .icon{font-size:clamp(10px,1vw,12px)}.hero__banner .video__container{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;will-change:transform;z-index:-1}.hero__banner .video__container:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#00000085 0% 100%)}.hero__banner .video__container img{width:100%;height:100%;object-fit:cover}.video__wrapper,.video__wrapper .video__container{height:100%}.about{height:150vh;position:relative}.about .video__target{width:177px;height:177px;margin:0 auto;border-radius:16px;overflow:hidden}.about .video__target img{width:100%;height:100%;object-fit:cover}.about .image__holder-container{position:absolute;width:100%;height:100%;top:0;left:0;display:flex}.about .image__holder-container .img__holder{width:177px;height:177px;background-color:red;border-radius:10px}.about .image__holder-container .img__holder.center{position:absolute;bottom:5%;left:50%;transform:translate(-50%)}.about .image__holder-container .img__list{display:flex;flex-direction:column;gap:236px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%)}.about .image__holder-container .img__list.left.one{left:30px}.about .image__holder-container .img__list.left.two{left:20%}.about .image__holder-container .img__list.right.one{right:30px}.about .image__holder-container .img__list.right.two{right:20%}.about .about__content{width:min(90%,607px);text-align:center;position:absolute;left:50%;transform:translate(-50%);top:20%}.about .about__content .heading__container{display:flex;flex-direction:column;gap:16px}.about .about__content .heading__container .heading{background:linear-gradient(270deg,#e25c52,#f8d54f,#2084ae,#9cd15b,#47c9bc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:fit-content;margin-inline:auto;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.1);font-size:44px;font-weight:500;line-height:1;text-transform:capitalize}.about .about__content .heading__container p{font-size:24px;line-height:1.33;color:#000}.organization .animation__section{overflow:hidden}.organization .animation__section .landing,.organization .animation__section .connecting{height:50vw;display:flex;width:100%;position:relative}.organization .animation__section .parallax__item{content:"";position:absolute;height:100%;width:100%}.organization .animation__section .landing .cta{top:25%;left:23%;z-index:1}.organization .animation__section .landing .cta h3{font-size:clamp(16px,2vw,50px);color:#a3a3a3;font-weight:500;margin:0;padding-bottom:10px}.organization .animation__section .landing .cta h2{font-size:clamp(25px,3vw,60px);color:#a3a3a3;font-weight:400;line-height:clamp(25px,3vw,60px);letter-spacing:1px;margin:0}.organization .animation__section .landing .cta .btn{margin-top:100px}.organization .animation__section .landing .floating-cloud-left{left:-3%;top:48%;z-index:4;background:url(/images/home/organization/left-down-cloud.png);background-size:29%;background-repeat:no-repeat;background-position:0% 0%}.organization .animation__section .landing .floating-cloud-right{top:58%;right:-60%;z-index:4;background:url(/images/home/organization/right-down-cloud.png);background-size:42%;background-repeat:no-repeat;background-position:0% 0%}.organization .animation__section .landing .sun{top:55%;z-index:-1;background:url(/images/home/organization/sun.png);background-size:calc(6% + 10px);background-repeat:no-repeat;background-position:59% 0%}.organization .animation__section .landing .side-cloud{top:7%;z-index:1;background:url(/images/home/organization/cloud-background.png);background-size:110%;background-repeat:no-repeat;background-position:61% 0%}.organization .animation__section .landing .massive-cloud{top:10%;z-index:1;background:url(/images/home/organization/massive-cloud.png);background-size:112%;background-repeat:no-repeat;background-position:20% 0%}.organization .animation__section .landing .pyramid{top:30%;z-index:1;background:url(/images/home/organization/pyramid.png);background-size:60%;background-repeat:no-repeat;background-position:71% 0%}.organization .animation__section .landing .upper-mountain{top:55%;z-index:2;background:url(/images/home/organization/top-mountain.png);background-size:145%;background-position:45% 0%;overflow:hidden!important;background-repeat:no-repeat}.organization .animation__section .landing .lower-mountain{top:52%;z-index:3;background:url(/images/home/organization/mountain-last-layer.png);background-size:160%;background-position:44% 0%;overflow:hidden!important;background-repeat:no-repeat}.organization .animation__section .connecting .mountain-bg{top:0%;z-index:3;background:url(/images/home/organization/mountain-last-layer.png);background-size:cover;background-position:44% 0%;overflow:hidden!important}.organization .animation__section .connecting .mountain-range{top:-10%;left:-15%;z-index:4;background:url(/images/home/organization/second-mountain-range.png);background-size:100%;background-repeat:no-repeat;background-position:0% 0%;overflow:hidden!important}.organization .animation__section .connecting .mountain-range-front{top:26%;left:5%;z-index:4;background:url(/images/home/organization/mountain-range-front.png);background-size:100%;background-repeat:no-repeat;background-position:0% 0%;overflow:hidden!important}.organization .animation__section .connecting .mountain-range-cover{top:-20%;left:0%;z-index:3;background:url(/images/home/organization/mountain-cover.png);background-size:137%;background-repeat:no-repeat;background-position:20% 0%}.organization .animation__section .connecting .right-hill{top:30%;left:25%;z-index:5;background:url(/images/home/organization/right-hill.png);background-size:90%;background-repeat:no-repeat;background-position:0% 0%;overflow:hidden!important}.organization .animation__section .connecting .left-hill{top:12%;left:-13%;z-index:5;background:url(/images/home/organization/left-hill.png);background-size:60%;background-repeat:no-repeat;background-position:0% 0%;overflow:hidden!important}.organization .animation__section .connecting .water{top:calc(61% - 2px);z-index:4;background:url(/images/home/organization/water.png);background-size:150%;background-repeat:no-repeat;background-position:58% 0%;overflow:hidden!important}.organization .animation__section .connecting .bridge{content:"";width:35%;left:32%;top:58%;height:100%;z-index:21;position:absolute;display:flex}.organization .animation__section .connecting .bridge .bridge-left{content:"";position:absolute;height:100%;width:50%;display:flex;left:0;justify-content:flex-end;align-items:flex-end;background:url(/images/home/organization/bridge-left.png);background-size:100%;background-repeat:no-repeat;transform-origin:left 70px;transform:rotate(-30deg)}.organization .animation__section .connecting .bridge .bridge-right{content:"";position:absolute;height:100%;width:50%;right:0;display:flex;justify-content:flex-end;align-items:center;background:url(/images/home/organization/bridge-right.png);background-size:100%;background-repeat:no-repeat;transform-origin:right 70px;transform:rotate(30deg)}.organization .animation__section .connecting .sand{top:40%;z-index:1;background:url(/images/home/organization/sand.png);background-size:75%;background-repeat:no-repeat;background-position:112% 0%;overflow:hidden!important}.organization .animation__section .connecting .rock-left{top:65%;z-index:20;background:url(/images/home/organization/rock-left.png);background-repeat:no-repeat;background-size:40%;background-position:-5% 0%;overflow:hidden!important}.organization .animation__section .connecting .rock-right{top:calc(64% + 1px);z-index:20;background:url(/images/home/organization/rock-right.png);background-repeat:no-repeat;background-size:38%;background-position:100% 0%;overflow:hidden!important}.organization .animation__section .connecting .headline.sm{display:none}.organization .animation__section .connecting .headline{top:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4;opacity:0}.organization .animation__section .connecting .headline h1{color:#fff;font-size:clamp(40px,3.5vw,64px);line-height:1;font-weight:400;margin:0}.organization .animation__section .connecting .headline h1.last{font-weight:700}.organization .animation__section .connecting h2.sm{display:none}.organization .animation__section .connecting h2{position:absolute;height:auto;width:min(100%,767px);text-align:center;top:255px;display:flex;align-items:center;justify-content:center;color:#ffffffb2;z-index:22;font-size:clamp(10px,2.5vw,16px);font-weight:300;opacity:0;left:50%;transform:translate(-50%);bottom:0}.organization .content__section{margin-top:-20%;position:relative;z-index:20}.organization .content__section .bg{position:absolute;width:100%;height:100%;top:0;left:0;object-position:top}.organization .content__section .organization__container{padding-block:30%;color:#fff}.organization .content__section .organization__container .organization__selector{margin-block:88px;position:relative;z-index:0}.organization .content__section .organization__container .organization__selector:before,.organization .content__section .organization__container .organization__selector:after{content:"";position:absolute;left:50%;transform:translate(-50%);z-index:-1;height:100%;border-radius:32px}.organization .content__section .organization__container .organization__selector:before{width:99%;background-color:#fbdf97;top:-20%}.organization .content__section .organization__container .organization__selector:after{width:97%;background-color:#ffffff1a;top:-40%}.organization .content__section .organization__container .organization__selector .btns{display:flex;gap:28px;border-radius:16px;background:#f6bf2e;padding:24px 54px}.organization .content__section .organization__container .organization__selector .btns button{display:flex;align-items:center;padding:14px 38px;gap:8px;border-radius:12px;background-color:transparent;border:1px solid transparent;cursor:pointer;text-transform:capitalize;font-size:24px;font-weight:500;transition:color .25s linear,background-color .25s linear,box-shadow .25s linear;line-height:1}.organization .content__section .organization__container .organization__selector .btns button .icon{width:24px;height:24px}.organization .content__section .organization__container .organization__selector .btns button.active,.organization .content__section .organization__container .organization__selector .btns button:hover{color:#fff;background:#ffffff1a;box-shadow:0 4px 4px #0000001a;border:1px solid rgba(255,255,255,.1)}.organization .content__section .organization__container .organization__items{width:min(90%,1070px);margin-inline:auto;position:relative}.organization .content__section .organization__container .organization__items .item-bg{position:absolute;width:80%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;z-index:-1}.organization .content__section .organization__container .organization__items .item{display:grid;grid-template-columns:1fr 1.6fr;gap:88px;display:none}.organization .content__section .organization__container .organization__items .item .left{display:flex;flex-direction:column;gap:52px;justify-content:center}.organization .content__section .organization__container .organization__items .item .left .logo__container{display:flex;flex-direction:column;gap:16px}.organization .content__section .organization__container .organization__items .item .left .logo__container .tag{padding:16px 52px;background-color:var(--bg-color, #0A86C1);border-radius:40px;box-shadow:0 4px 1px #00000040;font-size:20px;text-transform:capitalize;font-weight:700;width:fit-content}.organization .content__section .organization__container .organization__items .item .left .target h3{font-size:16px;font-weight:400}.organization .content__section .organization__container .organization__items .item .left .target h4{font-weight:500;font-size:24px;margin-top:12px}.organization .content__section .organization__container .organization__items .item .right{display:flex;flex-direction:column;gap:40px}.organization .content__section .organization__container .organization__items .item .right .box{display:flex;flex-direction:column;gap:20px}.organization .content__section .organization__container .organization__items .item .right .box li,.organization .content__section .organization__container .organization__items .item .right .box p{font-size:16px;line-height:1.5}.organization .content__section .organization__container .organization__items .item .right .box .title{font-size:28px;font-weight:500}.organization .content__section .organization__container .organization__items .item .right .box .list{display:grid;grid-template-columns:repeat(2,1fr);color:#fff;font-weight:500;line-height:1.2;gap:clamp(8px,1.5vw,16px)}@media(max-width:525px){.organization .content__section .organization__container .organization__items .item .right .box .list{left:0;padding-inline:15px;grid-template-columns:repeat(1,1fr);bottom:10%}}.organization .content__section .organization__container .organization__items .item .right .box .list li{font-size:clamp(12px,1.5vw,16px);display:flex;align-items:center;gap:clamp(5px,1.5vw,10px)}.organization .content__section .organization__container .organization__items .item .right .box .list li .icon{font-size:clamp(5px,1vw,5px)}.organization .content__section .organization__container .organization__items .item .right .btn.normal{box-shadow:0 5px #00000026;border-width:2px}.organization .content__section .organization__container .organization__items .item#icreate{--bg-color: #0A86C1}.organization .content__section .organization__container .organization__items .item#ingcredible{--bg-color: #DB3226}.organization .content__section .organization__container .organization__items .item#ingksill{--bg-color: #019855}.organization .content__section .organization__container .organization__items .item#skill-museum{--bg-color: #9C4385}.organization .content__section .organization__container .organization__items .item#robo{--bg-color: #DC4F3F}.organization .content__section .organization__container .organization__items .item#skill-academy{--bg-color: #00A2DA}.organization .content__section .organization__container .organization__items .item.active{display:grid}.organization .content__section .organization__container .organization__tracker{margin-top:132px}
