body {margin: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 100%;overflow-x: hidden;/* height: 100vh; *//* touch-action: none; */}

.page-wrp{background:var(--color-02);position: relative;}

/*.logo-centrix{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index:99;}*/

/* Page Loader */
.js .loading::before,
.js .loading::after {content: '';position: fixed;z-index: 1000;}
.js .loading::before {top: 0;left: 0;width: 100%;height: 100%;background: #f0f0f0;}
.js .loading::after {top: 50%;left: 50%;width: 20vw;aspect-ratio: 0.75;transform: translate3d(-50%,-50%,0);background-color: #f0f0f0;animation: loaderAnim 1s linear infinite alternate forwards;}
@keyframes loaderAnim {
	to {background-color: #ccc;}
}

main {display: grid;grid-template-areas:
'main';width: 100%;height: 100vh;overflow: hidden;place-items: center;position: fixed;top: 0;}
.slider {grid-area: main;position: relative;overflow: hidden;display: grid;place-items: center;width: 100%;height: 100vh;}
.slider__item {grid-area: 1 / 1 / -1 / -1;position: relative;width: 28%;height: 100vh;aspect-ratio: 2.5 / 3;overflow: hidden;display: grid;place-items: center;pointer-events: none;transform: scale(0);background-size: cover;background-position: center center;transform-origin: bottom center;opacity: 0;z-index: 3;bottom: 0;box-shadow: 0px 0px 0px 20px rgb(255 255 255);}
.slider__item--current {opacity: 1;pointer-events: auto;z-index: 50;transform: scale(0.3);bottom: 25%;height:70vh;background-size:200vw 200vh;border-radius:150px 150px 0px 0px;}
.slider__item--previous {width: 100%;z-index: 1;opacity: 1;transform: scale(1);}
.slider__item-inner {position: relative;width: 100%;height: 100vh;display: grid;place-items: center;background-size: cover;background-attachment: fixed;background-position: 50% 50%;opacity: 0;background: rgba(0,0,0,0.4);transition:all 700ms ease-in-out;}
.slider__item--current .slider__item-inner {transition:all 700ms ease-in-out;}
.slider-nav {grid-area: main;padding: 1rem;width: 100%;line-height: 1;grid-template-areas: 'prev next';z-index: 2;justify-content: space-between;display: none;}
.slider-nav__item {line-height: 1.5;position: relative;text-transform: uppercase;display: block;font-family: "afronaut", sans-serif;font-weight: 400;font-size: clamp(1rem,7vw,3rem);transition: opacity 0.3s;}
.slider-nav__item span {display: inline-block;pointer-events: none;}
.slider-nav__item:hover {opacity: 0.5;}
.slider-nav__item--prev {grid-area: prev;}
.slider-nav__item--next {grid-area: next;}

@media screen and (min-width: 53em)	
{
	.frame { height: 100vh; grid-gap: 2rem;grid-template-columns: auto auto 1fr;grid-template-rows: auto auto;grid-template-areas: 'title demos sponsor' 'credits ... ... ';}
	.frame__demos {justify-self: end;}
}

.slider__item{}
.slider__item .slider__item-inner{}
.slider__item{}
.slider__item .slider__item-inner{}



.click-hold{color:#ffffff;font-family: 'aleniaregular';font-size:15px;position: absolute;bottom:10%;left: 20%;z-index: 9;width: auto;}
.home-sec-hero{width: 100vw;overflow:hidden;display: flex;}
.home-sec-01{width: 100vw;height: 100vh;display: flex;position: relative;justify-content: center;align-items: center;background: var(--color-02);z-index:99;}
.home-sec-01 .container{position:relative;}
.spacer{display:block;height:20vh;}
.home-sec-01 h1{color:#ffffff;font-size:90px;line-height: 1;margin-bottom: 0px;position:relative;z-index: 9;}
.home-sec-01 h1 svg{width:100%;height: 80px;}
.home-sec-01 .img-box{width: 15vh;height: 20vh;position: absolute;top: 49%;left: 50%;transform: translate(-50%,-50%);border-radius: 40px 40px 0px 0px;box-shadow: 0px 0px 0px 7px rgb(13 22 35 / 99%);/* border-bottom: tan; */z-index: 9;}
.home-sec-01 .img-box img{}
.home-sec-01 .ib-overlay{position:absolute;bottom:0;width:100%;height:100%;background:rgb(13 22 35 / 99%);transform: scale(1.1);border-radius: 40px 40px 0px 0px;}
.home-sec-01 .img-box.ib-01{/* top: calc(50% - 6vh); *//* left: 50%; */background:url("banner-grava.webp") no-repeat center center;background-size: 135vh;background-attachment: fixed;z-index: 9}
.home-sec-01 .img-box.ib-02{top: 22%;left: 58%;background:url("banner-puma.webp") no-repeat center center;background-size: 150%;transform: rotate(-15deg);}

.home-sec-01 .img-box.ib-01 .ib-overlay{left:0;}
.home-sec-01 .img-box.ib-02 .ib-overlay{right:0;}


.btn-stripe{display: block;color: #ffffff;font-family: 'aleniaregular' !important;font-size: 12px;line-height: 1;letter-spacing: 1px;position: absolute;}
.btn-stripe span{display: inline-block;padding: 5px 8px 4px 8px;background:var(--color-05);}

a.btn-stripe.bs-01{top: 0;left: 11%;transform: rotate(-10deg);}
a.btn-stripe.bs-02{top: 0;left: 55%;transform: rotate(10deg);}
a.btn-stripe.bs-03{top: 6%;left: 81%;transform: rotate(-10deg);}
 
.design-sec-hero{padding: 20vh 0vh 15vh 0vh;position: relative;}
.design-sec-hero h1{text-transform: uppercase;line-height: .9;margin-bottom:40px;}
.design-sec-hero h1 strong{color: #fff;position:relative;display: inline-block;}
.design-sec-hero h1 strong .icon-brief{position: absolute;top: 57%;left: 55%;width: 80%;height: 80%;background: #ec268f;border-radius: calc(25px + 2vw);transform-origin: center center;transform: translate(-50%,-50%);transition:all 300ms ease-in-out;}
.design-sec-hero h1 strong .icon-brief:after{content:"";position: absolute;top: 50%;left: 50%;width: 2.2vw;height: 2.2vw;background: url("icon-pen.png") no-repeat center center;background-size: 2.2vw;transform: translate(-50%,-50%) scale(1);transition:all 300ms ease-in-out;}
.design-sec-hero p{color:#686868;}
.design-sec-hero video{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;min-width: 100vw;}


.design-sec-hero h1 strong .icon-brief:hover{transform: translate(-50%,-50%) scale(1.1);transition:all 300ms ease-in-out;}
.design-sec-hero h1 strong .icon-brief:hover:after{transform: translate(-50%,-50%) scale(.8);transition:all 300ms ease-in-out;}

.fixed_video{overflow: hidden;width: 30%;margin: auto;text-align: center;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;border-radius: 40px;}
.design-sec-video{text-align: center;padding-bottom: 60px;position: relative;z-index: 9999;}
.design-sec-video video{/*max-width:100% !important;*/border-radius:15px;object-fit: cover;}

section.home-sec-slider{background:var(--color-02);padding:100px 0px} 
section.home-sec-slider .para-width{max-width:500px;} 
section.home-sec-slider .slider-for{width: 90%;}
section.home-sec-slider .slider-for .photos{display: block;overflow:hidden;}
section.home-sec-slider .slider-for .photos img{transform:scale(1.3);transition:all 500ms ease-in-out;}
section.home-sec-slider .slider-for .slick-current .photos img{transform:scale(1);transition:all 500ms ease-in-out;}
section.home-sec-slider button.slick-arrow{display: none;}
section.home-sec-slider button.slick-prev.slick-arrow{}
section.home-sec-slider button.slick-next.slick-arrow{z-index: 99;}

section.home-sec-slider .slider-nav{position: absolute;top: 10%;left: calc(100% + 30px);width: 90%;}
section.home-sec-slider .slider-nav .photos{display: block;overflow:hidden;}
section.home-sec-slider .slider-nav .photos img{transform:scale(1);transition:all 500ms ease-in-out;}
section.home-sec-slider .slider-nav button.slick-prev.slick-arrow{display:none !important;}
section.home-sec-slider .slider-nav button.slick-next.slick-arrow {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;color: transparent;border: transparent;outline: none;}

section.home-sec-slider ul.slick-dots{margin: 50px 0px 0px 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content: flex-end;}
section.home-sec-slider ul.slick-dots li{position: relative;width: 20px;height: 10px;}
section.home-sec-slider ul.slick-dots li button:before{content:"";position:absolute;top:0;right:0;width: 0%;height:100%;background: var(--color-06);z-index:5;transition:all 400ms ease-in-out;}
section.home-sec-slider ul.slick-dots li button{font-size: 0px;width: 20px;height: 10px;margin: 0px;border: none;outline:none;box-shadow:none;position: absolute;left: 0;z-index:1;transition:all 400ms ease-in-out;}
section.home-sec-slider ul.slick-dots li.slick-active{}
section.home-sec-slider ul.slick-dots li.slick-active{}
section.home-sec-slider ul.slick-dots li.slick-active button:before{width:100%;left:0;right:inherit;}


section.home-sec-02{color: var(--color-01);text-align: center;padding: 100px 0px;}
section.home-sec-02 a{display:  inline-block;}
section.home-sec-02 h2{position: relative;display:  inline-block;}
section.home-sec-02 h2 span.sc_71{color:var(--color-05);font-weight: 700;font-size: 128px;line-height: 1;letter-spacing: 2px;}

section.home-sec-02 .btn_km {line-height: 0;display: inline-block;position: absolute;z-index: 19;opacity:1;transition: all 300ms ease-in-out;}
section.home-sec-02 .btn_km span.txt{color: var(--color-01);font-size: 12px;letter-spacing: 1px;line-height: 1;display: inline-block;padding: 8px 10px 6px 10px;background: var(--color-06);min-width: 120px;}
section.home-sec-02 .btn_km.bk-01{top: 0%;left: -9%;transform: rotate(-15deg);}
section.home-sec-02 .btn_km.bk-02{top: 28%;left: calc(100% - 65px);transform: rotate(-15deg);}
section.home-sec-02 .btn_km.bk-03{top: 73%;left: calc(50% - 68px);transform: rotate(15deg);}

 section.home-sec-02 a:hover .btn_km{transform: rotate(5deg);transition:all 300ms ease-in-out;}

section.home-sec-03{padding: 100px 0px;position:relative;}
section.home-sec-03 .home_project_link{display: inline-block;position: relative;overflow: hidden;margin-bottom:80px;transition:all 500ms ease-in-out;}
section.home-sec-03 .home_project_link h3{color: var(--color-01);font-size: 18px;font-family: "Inter", sans-serif !important;text-transform: inherit;position: relative;z-index: 5;}
section.home-sec-03 .home_project_link .thumbs{display: inline-block;margin-bottom: 20px;position: relative;overflow: hidden;}
section.home-sec-03 .home_project_link .thumbs:after{content:"";width: 100%;height: 100%;background: var(--color-07);opacity: 0;mix-blend-mode: multiply;position: absolute;top: 0;left: 0;z-index: 4;transition:all 500ms ease-in-out;}
section.home-sec-03 .home_project_link .thumbs img{max-width: 100%;height: auto;}
section.home-sec-03 .home_project_link.horizontal{width: 100%;height: 48vh;overflow: hidden;position: relative;}
section.home-sec-03 .home_project_link.vertical{/* width: 100%; *//* height: 69vh; */}

section.home-sec-03 .home_project_link:hover{transition:all 500ms ease-in-out;}
section.home-sec-03 .home_project_link:hover .thumbs:after{opacity:.4;transition:all 500ms ease-in-out;}


section.home-sec-video {position:relative;overflow:hidden;padding: 100px 0px 100px 0px;} 
section.home-sec-video .player{position:relative;overflow:hidden;}

section.home-sec-04{color: var(--color-01);padding: 100px 0px 0px 0px;} 
section.home-sec-04 h2{margin-bottom:0px !important;}
section.home-sec-04 .desk-img{position:relative;overflow:hidden;margin-top:100px;}

section.home-sec-logos{background:var(--color-05);padding:30px 0px;overflow: hidden;position: relative;}
.supermarquee{position:relative;z-index:9;display: inline-flex;} 
.supermarquee ul{margin:0px 0px 0px 0px;padding:0px;list-style-type:none}
.supermarquee ul li{ display:inline-block;padding:20px 45px;position: relative;} 
.supermarquee ul li img{width:200px;}


section.home-sec-testimonials{padding: 100px 0px 140px 0px;background:var(--color-01);position: relative;}
.slider-testimonials{margin-top:50px;}
.client-quotes{color: var(--color-04);background: var(--color-01);padding: 10%;border:1px solid var(--color-04);position: relative;transform: scale(.9);transition:all 500ms ease-in-out;}
.client-quotes:after{content:"";position:absolute;top:0;right:0;width:0%;height:100%;background:var(--color-02);z-index:1;transition:all 300ms ease-in-out;}
.client-quotes .c_quote{min-height: 200px;position:relative;z-index:9;}
.client-quotes .c_quote p{}
.client-quotes .c_details{position:relative;z-index:9;}
.client-quotes .c_details .c_name{font-size: 30px;font-weight: 700;margin-bottom: 0px;}
.client-quotes .c_details .c_designation{font-size: 21px;}

.slick-current .client-quotes{color:var(--color-01);transform: scale(1);transition:all 500ms ease-in-out;}
.slick-current .client-quotes:after{width:100%;left:0;right:inherit;transition:all 300ms ease-in-out;}
.slick-current .client-quotes{}


section.home-sec-testimonials ul.slick-dots{margin: 0px;padding: 0px;list-style-type: none;display: flex;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content: center;}
section.home-sec-testimonials ul.slick-dots li{position: relative;height: 10px;}
section.home-sec-testimonials ul.slick-dots li button:before{content:"";position:absolute;top:0;right:0;width: 0%;height:100%;background: var(--color-07);z-index:5;transition:all 400ms ease-in-out;}
section.home-sec-testimonials ul.slick-dots li button{font-size: 0px;width: 20px;height: 10px;margin: 0px;border: none;outline:none;box-shadow:none;position:relative;z-index:1;transition:all 400ms ease-in-out;}
section.home-sec-testimonials ul.slick-dots li.slick-active{}
section.home-sec-testimonials ul.slick-dots li.slick-active{}
section.home-sec-testimonials ul.slick-dots li.slick-active button:before{width:100%;left:0;right:inherit;}
section.home-sec-testimonials button.slick-prev.slick-arrow{display: none !important;transition:all 500ms ease-in-out;}
section.home-sec-testimonials button.slick-next.slick-arrow{color: #ffffff;font-family: 'aleniaregular' !important;font-size: 12px;line-height: 1;letter-spacing: 1px;text-align: center;display: inline-block;padding: 8px 12px 6px 12px;background: var(--color-06);border: none;position: absolute;top: -12px;left: 59%;transform: rotate(12deg);}

section.home-sec-testimonials button.slick-next.slick-arrow:hover,
section.home-sec-testimonials button.slick-next.slick-arrow:focus{border:none;outline:none;box-shadow:none;}

section.home-sec-testimonials button.slick-arrow:hover{background:var(--color-07);transition:all 500ms ease-in-out;}



a.btn-design-the-future {display: block;color: var(--color-01);font-family: 'aleniaregular' !important;font-size: 30px;letter-spacing: 2px;line-height: 1;text-transform: uppercase;text-align: center;text-decoration: none;padding: 40px;background: var(--color-06);position: relative;transition:all 300ms ease-in-out;}
a.btn-design-the-future:after{content:"";position:absolute;bottom: 0;left:0;width:100%;height:0%;background: var(--color-07);z-index:1;transition:all 300ms ease-in-out;}
a.btn-design-the-future span{position:relative;z-index:9;transition:all 300ms ease-in-out;}
a.btn-design-the-future:hover{transition:all 300ms ease-in-out;}
a.btn-design-the-future:hover:after{top: 0;bottom: inherit;height: 100%;transition:all 300ms ease-in-out;}
a.btn-design-the-future:hover span{transition:all 300ms ease-in-out;}

ul.panchtatva_list{margin: 30px 0px 0px 0px;padding: 0px;list-style-type: none;position: relative;height: 60vh;display: inline-block;width: 100%;max-width: 1100px;justify-content: center;}
ul.panchtatva_list li{width: 30%;position: absolute;transition:all 500ms ease-in-out;}
ul.panchtatva_list li .tatva_card{display: inline-block;background: #10254D;width: 100%;border: 3px solid #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);overflow: hidden;}
ul.panchtatva_list li .tatva_card .tc-word{mix-blend-mode: hard-light;transition: all 500ms ease-in-out;}
ul.panchtatva_list li .tatva_card .tc-icon{width: 36%;position: absolute;bottom: 0%;z-index: 99;filter: invert(1) brightness(10);opacity: .05;transform-origin: bottom center;transition: all 500ms ease-in-out;}

ul.panchtatva_list li .tatva_card h3{color: var(--color-06);font-size: 24px;position:absolute;top: 0;left:0;width:100%;padding: 30px 28px;transition:all 500ms ease-in-out;}


ul.panchtatva_list li:nth-child(1){text-align: left;top: 23%;left: 2%;z-index: 5;transform: rotate(-20deg);}
ul.panchtatva_list li:nth-child(2){text-align: left;top: 8%;left: 17%;z-index: 7;transform: rotate(-15deg);}
ul.panchtatva_list li:nth-child(3){text-align: center;top: 0;left: 35%;z-index: 9;}
ul.panchtatva_list li:nth-child(4){text-align: right;top: 8%;right: 17%;z-index: 8;transform: rotate(15deg);}
ul.panchtatva_list li:nth-child(5){text-align: right;top: 23%;right: 2%;z-index: 5;transform: rotate(20deg);}

ul.panchtatva_list li:nth-child(1) .tatva_card .tc-icon{left: 0%;}
ul.panchtatva_list li:nth-child(2) .tatva_card .tc-icon{left: 0%;}
ul.panchtatva_list li:nth-child(3) .tatva_card .tc-icon{left: 32%;}
ul.panchtatva_list li:nth-child(4) .tatva_card .tc-icon{left: 63%;}
ul.panchtatva_list li:nth-child(5) .tatva_card .tc-icon{left: 63%;}

ul.panchtatva_list li:hover .tatva_card{background:#FF5F06;transition:all 500ms ease-in-out;}
ul.panchtatva_list li:hover .tatva_card h3{color:var(--color-01);right:0;margin:auto;transition:all 500ms ease-in-out;}
ul.panchtatva_list li:hover .tatva_card .tc-word{transform: scale(1.15);transition: all 500ms ease-in-out;}
ul.panchtatva_list li:hover .tatva_card .tc-icon{left: 32%;transform: scale(1.15);opacity: 1;transition: all 500ms ease-in-out;}

ul.panchtatva_list:hover li:nth-child(1){z-index: 5;}
ul.panchtatva_list:hover li:nth-child(2){z-index: 6;}
ul.panchtatva_list:hover li:nth-child(3){z-index: 7;}
ul.panchtatva_list:hover li:nth-child(4){z-index: 8;}
ul.panchtatva_list:hover li:nth-child(5){z-index: 9;} 

ul.panchtatva_list:hover li{top: 23%;transform:rotate(0deg);transition:all 500ms ease-in-out;}
ul.panchtatva_list:hover li:hover{text-align:center;transform:scale(1.1);z-index:11;transition:all 500ms ease-in-out;}

ul.panchtatva_list:hover .tatva_card .tc-icon{opacity:0;}
ul.panchtatva_list:hover li:hover .tatva_card .tc-icon{opacity:1;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 900px) {
	
	.spacer{height:280px;}
	
	.home-sec-01{text-align:center;}
	.home-sec-01 h1{font-size:36px;}
	
	.slider__item{width:100%;}
	
	
	.img-box.ib-01{background-size:cover !important;}
	
	section.home-sec-02,
	section.home-sec-03{padding:50px 5px 50px 5px;}
	
	section.home-sec-video,
	section.home-sec-slider{padding: 30px 0px!important;}

	section.home-sec-04{padding: 0px !important;}
		
	section.home-sec-video video {max-width: 100%;}
	section.home-sec-slider .p-0{padding:0px 15px !important;}
	section.home-sec-slider .slider-for{width:100%;margin-top:30px;}
	section.home-sec-slider .slider-nav{display:none;}
	
	section.home-sec-02{padding:50px 15px 50px 15px;}
	section.home-sec-02 h2{}
	section.home-sec-02 h2 span.sc_71{font-size:64px;}
	
	section.home-sec-03{}	
	section.home-sec-03 .p-0,
	section.home-sec-03 .pl-0,
	section.home-sec-03 .pr-0{padding:0px 15px !important;}	
	section.home-sec-03 .home_project_link{margin-top:20px !important;margin-bottom: 20px !important;padding: 15px;border: 1px solid #101b2b;}
	section.home-sec-03 .home_project_link h3{text-align:left !important;}
			
	section.home-sec-04{}
	section.home-sec-04 .desk-img{margin-top:30px;}
	
	section.home-sec-testimonials{padding:50px 0px 50px 0px;}
	section.home-sec-testimonials h2.stroke-text-blue.font-110{font-size:48px;}
	
	.slider-testimonials{}
	.slider-testimonials .slick-list{padding:0px !important;}
	.client-quotes .c_details .c_name{font-size:21px;margin-top:20px;}
	.client-quotes .c_details .c_designation{font-size:16px;}
	
	.col-md-12 > .col-md-12 {    padding: 0px;}
	
	ul.panchtatva_list{height: auto;column-count: 2;}
	ul.panchtatva_list li{width: 100%;position: static;transform: rotate(0deg) !important;margin-bottom: 15px;}
	ul.panchtatva_list li .tatva_card{position: relative;}

	ul.panchtatva_list li:nth-child(5) .tatva_card{left: -59%;}
	ul.panchtatva_list li .tatva_card h3{font-size:14px;padding: 18px;text-align: left;}
	p.font-24{font-size:16px;}

	.supermarquee{}
	.supermarquee ul{}
	.supermarquee ul li{padding: 0px 20px;}
	.supermarquee ul li img{width: 120px;}

	
	
}