.video-box{position:fixed;top:0;left:0;width:100%;height:100%;display:none;background:#000000b3;z-index:9999;align-items:center;justify-content:center}#closeBtnTwo{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0009;border:2px solid white;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}#closeBtnTwo:hover{background:red;border-color:red}.video-wrapper{position:relative;width:100%;height:100%;border-radius:0;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}#videoPlayer{width:100%;height:100%;object-fit:cover;display:block}.close-btn{position:absolute;top:20px;right:20px;background:#0009;border:none;color:#fff;font-size:24px;padding:8px 12px;cursor:pointer;border-radius:50%;z-index:10000}.close-btn:hover{background:#f00c}body{color:#333;background-color:#333;margin:0;padding:0}.container{position:relative;width:100%;height:100vh;background-image:url(../images/BG.png);background-size:100% 100%;background-position:center}.videoContainer{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.videoContainer video{width:100%;height:100%;object-fit:cover}.videoContainer #overlay{z-index:1;width:101%;height:101%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.videoContainer #brandLogo{position:absolute;top:20%;left:0;right:0;margin:0 auto;width:45%;z-index:1}.videoContainer .brandText{color:#fff;font-family:bold;font-size:6vw;position:absolute;top:25%;left:0;right:0;margin:0 auto;z-index:1;width:fit-content;display:none}.videoContainer #knowMore{position:absolute;top:75%;left:0;right:0;margin:0 auto;width:10%;z-index:2;opacity:0;cursor:pointer}.header{z-index:1;position:absolute;top:0%;left:0;right:0;margin:0 auto;width:100%;text-align:center;color:#fff;font-size:2em;font-family:Arial,sans-serif;display:flex;align-items:last baseline;justify-content:center;height:12vh;overflow:hidden}.header #infosysLogo{width:8%;position:absolute;left:5%}.header nav{display:flex;align-items:last baseline;justify-content:center;height:fit-content}.header nav .name-bar{position:absolute;top:5.4vh;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:50px;font-family:sans-serif;font-size:18px;cursor:pointer;width:50vw}.header nav .name-bar .name-item{flex:1;text-align:center;padding:5px 0;border-radius:50px;z-index:2;font-family:compressed;font-size:2.5vh;font-size:1.6vw}.header nav .highlight{position:absolute;top:10px;left:0;height:calc(100% - 20px);background:#0042ff;border-radius:50px;z-index:1;pointer-events:none}.footer{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:1;display:flex;flex-direction:column-reverse;height:150px;background:#0000000d}.footer .footerContainer{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center}.footer .footerContainer .sectionContainer{display:flex;gap:15px;padding:10px 0;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:center;width:max-content;min-width:100%;transition:all .3s ease;-ms-overflow-style:none;scrollbar-width:none}.footer .footerContainer .sectionContainer::-webkit-scrollbar{display:none}.footer .footerContainer .sectionContainer .itemContainer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;opacity:.6;font-family:bold;font-size:1.5vw;cursor:pointer;margin:0% 1%;transition:opacity .25s ease,transform .25s ease,box-shadow .25s ease;color:#fff}.footer .footerContainer .sectionContainer .itemContainer img{width:90%;max-width:150px;display:block;height:auto;transition:transform .25s ease,box-shadow .25s ease}.footer .footerContainer .sectionContainer .itemContainer #roland{width:40%;max-width:150px}.footer .footerContainer .sectionContainer .itemContainer #lta{width:100%;max-width:200px}.footer .footerContainer .sectionContainer .itemContainer:hover{opacity:1;transform:scale(1.08)}.footer .footerContainer .sectionContainer .itemContainer:hover img{transform:scale(1.05)}.footer .footerContainer .sectionContainer .itemContainer.active{opacity:1;transform:scale(1.1)}.footer .footerContainer .sectionContainer .line{width:2px;background-color:#534d4d;min-height:30px;height:8vh;margin:0 10px;pointer-events:none;flex-shrink:0}.footer .footerContainer .footerArrow{position:absolute;bottom:6px;width:28px;height:18px;background:url(../images/arrow.png) no-repeat center/contain;pointer-events:none;transform:translate(0);transition:transform .2s cubic-bezier(.22,.9,.3,1);z-index:10}.categories{position:absolute;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:2;top:0;left:0;display:none;overflow:hidden}.categories #iframeContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;display:none;z-index:9999;align-items:center;justify-content:center}.categories #iframeContainer #InfosysArtMuseum{position:relative}.categories #iframeContainer #InfosysArtMuseum .page-switcher{transform:translateY(50%)}.categories #iframeContainer iframe{width:90%;height:90%;border:none}.categories #iframeContainer #closeBtn{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#0009;border:2px solid white;color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:10000;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.categories #iframeContainer #closeBtn:hover{background:red;border-color:red}.categories .categoriesContainer{width:95%;height:80vh;display:flex;position:relative}.categories .categoriesContainer div{width:50%}.categories .categoriesContainer #home{z-index:1;width:6%;height:auto;position:absolute;right:5%;cursor:pointer}.categories .categoriesContainer .sec1{text-transform:uppercase;width:50%}.categories .categoriesContainer .sec1 .eventHeader{font-size:2.5vw;color:#000;font-family:bold;background-color:#fff;font-family:medium;text-align:center;width:fit-content;padding:1vh 2vh 0px;padding:1vh;line-height:1.6vw;border-radius:5px}.categories .categoriesContainer .sec1 .eventHeader span{display:inline-block;opacity:0;transform:translateY(20px)}.categories .categoriesContainer .sec1 .eventName{font-size:6vw;font-family:semiBold;width:fit-content;color:#fff;line-height:6vw;margin-top:2%;width:70%}.categories .categoriesContainer .sec1 .eventName span{display:inline-block;opacity:0;transform:translateY(20px)}.categories .categoriesContainer .sec1 .queens{font-size:3vw;font-family:medium;color:#fff;text-transform:none!important}.categories .categoriesContainer .sec1 .queens span{display:inline-block;opacity:0;transform:translateY(20px)}.categories .categoriesContainer .sec2{width:50%}.categories .categoriesContainer .sec2 .scrollContainer{height:80vh;width:80%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 transparent;-ms-overflow-style:none;scrollbar-width:none;display:flex;align-items:top}.categories .categoriesContainer .sec2 .scrollContainer::-webkit-scrollbar{display:none}.categories .categoriesContainer .sec2 .scrollContainer .articleBox{padding:5%;width:80%;border-radius:10px;opacity:0;border:1px solid #ffffff;color:#fff;scrollbar-color:#888 transparent;-ms-overflow-style:none;scrollbar-width:none;height:66vh;overflow:hidden;overflow-y:auto;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.categories .categoriesContainer .sec2 .scrollContainer .articleBox::-webkit-scrollbar{display:none}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer{width:95%;margin:5% auto 0}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer{width:100%;display:flex;align-items:center;justify-content:space-between}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer .viewBox{width:fit-content;width:60%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer .viewBox .views{font-family:medium;font-size:5vw;line-height:5vw;width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer .viewBox .viewsDesc{font-family:medium;font-size:1.6vw;position:relative;top:-8px;width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer.active{display:block!important}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer.active .viewBox{width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer.active .viewBox .viewsDesc{line-height:4vw;font-size:4vw}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .viewsContainer .line{width:2px;background-color:#fff;min-height:30px;height:5vw;margin:0 10px;pointer-events:none;flex-shrink:0}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .title{font-family:medium;font-size:2.5vw;width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .title.active{font-family:medium;font-size:1.5vw;text-transform:uppercase}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .description{font-family:semiCondensed;font-size:1vw;margin-top:1.2vh;width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .iconContainer{width:100%;display:flex;justify-content:space-between;margin-top:5%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .iconContainer .iconBox{width:25%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .iconContainer .iconBox .icon{width:100%;text-align:center}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .iconContainer .iconBox .icon img{width:50%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .iconContainer .iconBox .iconDis{font-family:medium;font-size:1vw;text-align:center;width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .knowMoreDetails{width:30%;margin-top:5%;cursor:pointer}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .knowMoreDetails img{width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox{width:100%;opacity:0;margin-top:20%;display:none}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .infoBox{width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .infoBox .infoText{width:100%;margin-top:5%;font-family:medium;font-size:1.8vh;line-height:2.5vh}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .dataContainer{width:100%;margin-top:4vh}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .dataHeader{font-family:medium;font-size:2vh;margin-top:5%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .dataHeader .number{font-family:bold;font-size:6vh;line-height:6vh}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .dataDetails{font-family:medium;font-size:1.2vh}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations{width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .exploreHeader{font-family:medium;font-size:2.5vw;width:100%;margin-top:5%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer{width:100%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame{width:100%;margin-top:5%;position:relative;cursor:pointer}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame img,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame img{width:100%;border-radius:10px}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame .contents,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame .contents{width:100%;position:absolute;left:0;top:0}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame .contents .techHeader,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame .contents .webHeader,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame .contents .techHeader,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame .contents .webHeader{font-family:medium;font-size:1.6vw;line-height:1.6vw;margin-top:5%;margin-left:5%;width:40%;text-transform:uppercase}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame .contents .techDesc,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .techFrame .contents .webDesc,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame .contents .techDesc,.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .innovationContainer .webFrame .contents .webDesc{font-family:semiCondensed;font-size:.6vw;margin-left:5%;width:42%}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .endSession{width:40%;margin-top:5%;cursor:pointer}.categories .categoriesContainer .sec2 .scrollContainer .articleBox .articleContainer .detailBox .exploreInnovations .endSession img{width:100%}.categories .partnershipLogos{position:absolute;z-index:1;bottom:0;left:0;width:100%;display:flex;justify-content:center;pointer-events:none}.categories .partnershipLogos .logoContainer{display:flex;gap:2vw;padding:1.5% 2%;border:1px solid #ffffff;border-bottom:none;border-top-left-radius:3vh;border-top-right-radius:3vh;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff0d;pointer-events:auto;max-width:90%;margin:0 auto;align-items:center;justify-content:center;flex-wrap:nowrap}.categories .partnershipLogos .imageContainer{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.categories .partnershipLogos .imageContainer .textLogo{color:#fff;font-family:bold;font-size:1.5vw;opacity:.5;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.categories .partnershipLogos .imageContainer .textLogo:hover{opacity:1;transform:scale(1.2)}.categories .partnershipLogos .imageContainer .textLogo.active{opacity:1;transform:scale(1.35)}.categories .partnershipLogos .imageContainer .textLogo.inactive{opacity:.5;transform:scale(1)}.categories .partnershipLogos .imageContainer img{width:100%;max-width:12vh;height:auto;opacity:.5;cursor:pointer;transition:opacity .3s ease,transform .3s ease}.categories .partnershipLogos .imageContainer img:hover{opacity:1;transform:scale(1.2)}.categories .partnershipLogos .imageContainer img.active{opacity:1;transform:scale(1.35)}.categories .partnershipLogos .imageContainer img.inactive{opacity:.5;transform:scale(1)}.categories .partnershipLogos .imageContainer #logo_roland{width:55%}.categories .partnershipLogos .imageContainer #logo_lta{width:110%;max-width:13vh}