.fan-ex{background:#000}.fan-ex .row-fluid.justify-center{display:flex;justify-content:center}.fan-ex-bg{background:url(https://www.nagarro.com/hubfs/NagarroWebsiteRedesign-Aug2020/Assets/Images/fan-ex-bg-1.svg) no-repeat bottom;background-size:auto 100%;height:98%;margin:0 auto;max-width:460px;width:100%}.fan-ex-header .title{margin:0 0 24px}.fan-ex-main{height:calc(91vh - 188px);position:relative}.fan-ex-header{height:166px}.fan-ex-items{height:100%;left:5%;position:absolute;top:0;width:90%}.fan-ex-items .item{max-width:220px;position:absolute}.fan-ex-items .item.text-right{text-align:right}.fan-ex-items .item.text-left{text-align:left}.fan-ex-items .item1{left:90px;top:10%}.fan-ex-items .item2{right:90px;top:10%}.fan-ex-items .item3{top:45%}.fan-ex-items .item4{right:0;top:45%}.fan-ex-items .item5{left:60px;top:78%}.fan-ex-items .item6{right:60px;top:78%}.fan-ex-items .item a{color:#fff;display:block}.fan-ex-items .item a:active,.fan-ex-items .item a:focus,.fan-ex-items .item a:hover{text-decoration:none}.fan-ex-items .item a .arrow{background:url(https://www.nagarro.com/hubfs/NagarroWebsiteRedesign-Aug2020/Assets/Images/Icons/Arrow%20green.svg) no-repeat 100%;display:block;height:23px;width:100%}.fan-ex-items .item.text-left a .arrow{background-position:0}.fan-ex-items .item a:hover{text-decoration:none}.fan-ex-modal{height:0;opacity:0;padding-top:calc(6vh + 78px);position:fixed;transition:opacity .2s;width:0}.fan-ex-modal.fan-ex-modal-show{background:#000;height:100vh;opacity:1;top:0;width:100%;z-index:999}.fan-ex-modal .short-desc{min-height:33px;position:relative}.fan-ex-modal .short-desc.desc-animate{animation-duration:.7s;animation-name:descAnimation}@keyframes descAnimation{0%{top:50px}to{top:0}}.fan-ex-header--top{z-index:99999}.fan-ex-modal .modal-body{padding:0}.fan-ex-modal .modal-head{height:16vh}.fanex-modal--close{-webkit-appearance:none;background:none;border:none;bottom:7vh;height:30px;left:calc(50% - 15px);padding:0;position:absolute;width:30px;z-index:9999}.fanex-modal--close img{width:100%}.fanExModalBody-wrapperBg{background:url(https://www.nagarro.com/hubfs/NagarroWebsiteRedesign-Aug2020/Assets/Images/fan-ex-bg-1.svg) no-repeat top;background-size:auto 100%;bottom:0;height:calc(70vh - 78px);left:0;margin-inline:auto;max-width:460px;position:absolute;right:0;text-align:center;width:100%;z-index:999}.fanExModalBody-wrapperBg-title{margin-top:calc(24vh - 46px);position:relative}.fanExModalBody-wrapperBg-title.title-show{animation-duration:.7s;animation-name:titleAnimation}.fanex-pagination{border-bottom:1px solid #8893a5;bottom:17vh;display:flex;flex-direction:row;left:0;margin-inline:auto;max-width:300px;position:absolute;right:0;z-index:999}.fanex-pagination .pager{background:#47d7ac;flex-grow:1;height:5px;margin:0;opacity:0}.fanex-pagination .pager.active{opacity:0}@keyframes titleAnimation{0%{scale:1.6;top:-41vh}to{scale:1;top:0}}.fanExModalBody-wrapperBg.animate-bg{animation-duration:2s;animation-name:animateBG}@keyframes animateBG{0%{opacity:0}to{opacity:1}}.fanExModalBody-wrapper{height:calc(91vh - 182px);width:100%}.fanExSlider{height:calc(78vh - 78px);position:relative;width:100%}.fanExSlider .tile{filter:blur(8px);height:340px;opacity:0;padding:0;position:relative;position:absolute;scale:.4;transform-origin:top right;width:291px}.fanExSlider .tile .tile-heading{font-size:14px;font-weight:700;padding:10px 0 15px}.fanExSlider .tile .desc{font-size:12px;padding:0 12px}.fanExSlider .tile .desc ul{margin-bottom:20px;padding-left:15px}.fanExSlider .tile .tile-img{background-position:50%;background-repeat:no-repeat;background-size:100% auto;display:block;height:38vh;overflow:hidden;width:100%}.fanExSlider .tile.item-tile1 .tile-img{background-size:auto 100%}.fan-ex-modal .modal-body{padding:32px 0 0}.tile.item-tile.item-tile2,.tile.item-tile.item-tile4,.tile.item-tile.item-tile6{transform-origin:top left}.tile.item-tile.item-tile1,.tile.item-tile.item-tile3,.tile.item-tile.item-tile5{left:18%;top:1%}.tile.item-tile.item-tile1 .right-connecting-line,.tile.item-tile.item-tile3 .right-connecting-line,.tile.item-tile.item-tile5 .right-connecting-line{display:none}.tile.item-tile.item-tile2,.tile.item-tile.item-tile4,.tile.item-tile.item-tile6{left:60%;top:-3%}.left-connecting-line{border-right:2px solid #fff;height:19vh;left:calc(31% - 46px);-moz-transform:skew(-67deg);-webkit-transform:skew(-67deg);transform:skew(-67deg);transform-origin:top right;width:51vh}.left-connecting-line,.right-connecting-line{border-bottom:1px solid #fff;filter:blur(8px);opacity:0;position:absolute;scale:.4;z-index:999}.right-connecting-line{border-left:1px solid #fff;height:16vh;right:calc(32% - 46px);-moz-transform:skew(69deg);-webkit-transform:skew(69deg);transform:skew(69deg);transform-origin:top left;width:50vh}.fan-ex-mobile-items{display:none}#fanEx h2:focus{outline:none}@media (max-height:600px){.tile.item-tile.item-tile1,.tile.item-tile.item-tile3,.tile.item-tile.item-tile5{top:-10%}.tile.item-tile.item-tile2,.tile.item-tile.item-tile4,.tile.item-tile.item-tile6{top:-16%}}@media (min-width:1300px){.left-connecting-line{left:calc(31% - 43px);width:40vh}.right-connecting-line{right:calc(27% - 50px);-webkit-transform:skew(62deg);transform:skew(62deg);width:42vh}.fan-ex-bg{max-width:50%}.fanExModalBody-wrapperBg{height:calc(78vh - 78px);max-width:50%;top:0}.fan-ex-items .item3{left:-10%}.fan-ex-items .item4{right:-10%}}@media (min-width:2000px){.fan-ex-bg{max-width:80%}}@media (width:1366px) and (height:1024px){.fan-ex-mobile-items{display:flex;flex-wrap:wrap}.fan-ex-bg,.fan-ex-desktop-items{display:none}.fan-ex-mobile-items .tile-img{background-position:50%;background-repeat:no-repeat;background-size:100%;height:200px;margin-top:20px;width:100%}.fan-ex-mobile-items .tile-heading{font-size:20px;order:-1}.fan-ex-mobile-items .item-tile-inner{display:flex;flex-flow:column}.fan-ex-mobile-items .item-tile-inner a.page-btn{width:fit-content}.fan-ex-mobile-items .tile{margin-top:64px;padding:0 30px;width:50%}.fan-ex-mobile-items .tile:nth-child(-n+2){margin-top:0}.fan-ex-mobile-items .tile .desc{margin:30px 0 0}.fan-ex-mobile-items .tile .tile-btn{margin-top:30px}.fan-ex-mobile-items .tile .desc ul{padding-left:20px}.fan-ex-mobile-items .tile-img{background-position:0;background-size:contain}.fan-ex-main{height:auto}.fan-ex-mobile-items .tile .desc li{padding:5px 0}}@media (min-width:1800px){.fan-ex-bg{background-size:auto 99%;height:100%}.tile.item-tile.item-tile1,.tile.item-tile.item-tile3,.tile.item-tile.item-tile5{top:4%}.tile.item-tile.item-tile2,.tile.item-tile.item-tile4,.tile.item-tile.item-tile6{left:65%;top:2%}.fanExSlider .tile{width:20%}.left-connecting-line{left:32%}.right-connecting-line{height:17vh;right:30%;-webkit-transform:skew(69deg);transform:skew(69deg)}.fanExSlider .tile .desc{font-size:16px}.fanExSlider .tile .tile-heading{font-size:18px}.fanExModalBody-wrapperBg .fanExModalBody-wrapperBg-title{font-size:40px;margin-top:calc(25vh - 46px)}}@media (max-width:1200px){.scroll-text .bgimg{opacity:1;visibility:visible}.fan-ex-header,.fan-ex-main{height:auto}.fan-ex-mobile-items{display:flex;flex-wrap:wrap}.fan-ex-desktop-items{display:none}.fan-ex-mobile-items .tile-img{background-position:50%;background-repeat:no-repeat;background-size:100%;height:200px;margin-top:20px;width:100%}.fan-ex-mobile-items .tile-heading{font-size:20px;order:-1}.fan-ex-mobile-items .item-tile-inner{display:flex;flex-flow:column}.fan-ex-mobile-items .item-tile-inner a.page-btn{width:fit-content}.fan-ex-mobile-items .tile{margin-top:64px;padding:0 30px;width:50%}.fan-ex-mobile-items .tile:nth-child(-n+2){margin-top:0}.fan-ex-mobile-items .tile .desc{margin:30px 0 0}.fan-ex-mobile-items .tile .tile-btn{margin-top:30px}.fan-ex-mobile-items .tile .desc ul{padding-left:20px}.fan-ex-bg{max-height:300px}.fan-ex-mobile-items .tile-img{background-size:contain}.fan-ex-mobile-items .tile .desc li{padding:5px 0}}@media (orientation:landscape){.scroll-text-container{padding:calc(50vh - 212.5px) 0}}@media (max-width:1023px){.fan-ex-mobile-items .tile-heading{font-size:16px}.fan-ex-mobile-items .tile-img{height:140px}}@media (max-width:767px){.fan-ex-mobile-items .tile-img{height:250px}.fan-ex{padding-top:10vh}.fan-ex-mobile-items{display:block}.fan-ex-mobile-items .tile{margin-top:64px;padding:0;width:100%}.fan-ex-mobile-items .tile:nth-child(2){margin-top:64px}}