*{box-sizing:border-box;padding:0;margin:0;text-decoration:none;font-family:'sans_regular';scroll-behavior: smooth;scroll-padding-top: 5rem;}
@font-face{font-family:'sans_regular';font-style:normal;font-weight:400;font-display:swap;src:local('../fonts/sans_regular.woff'),url('../fonts/sans_regular.woff') format('woff')}
@font-face{font-family:'sans_medium';font-style:normal;font-weight:400;font-display:swap;src:local('../fonts/sans_medium'),url('../fonts/sans_medium.woff') format('woff')}
@font-face{font-family:'sans_bold';font-style:normal;font-weight:400;font-display:swap;src:local('../fonts/sans_bold'),url('../fonts/sans_bold.woff') format('woff')}
.container{max-width:1360px;margin:0 auto;padding:0 15px;box-sizing:border-box;}
@media (max-width:1199.98px){
.container{max-width:100%;padding:0 10px}
}
@media (min-width:1200px){
.container{max-width:1300px}
}


body {transition: background-color 0.3s ease-in-out;scrollbar-width: thin;scrollbar-color:#00000061 #ffffff00;}
body.is-dark {background-color: var(--black);}
body.is-dark .dropletsec .lines{background: #36363644;}
.reveal, .workshop-section{transition: all 0.3s ease-in-out;}
body.is-dark .reveal, body.is-dark .workshop-section{opacity: 0;}

  /* Customize scrollbar  */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background: #888;border-radius: 5px; }
::-webkit-scrollbar-track {background: #f1f1f1; }
/* Customize scrollbar  */

/* text reveal */
.line{overflow: hidden;}
.line span{display: inline-block;}
/* text reveal */

li{list-style:none}
img{max-width:100%}
:root{--black:#090909;--white:#fff;--blcbg:linear-gradient(94.04deg, #151515 0%, #090909 100%);--greybg:linear-gradient(94.04deg, rgba(69, 68, 68, 0.1) 0%, rgba(149, 149, 149, 0.1) 100%);--faqtext:#727272;interpolate-size: allow-keywords;}
.greysec{background: var(--greybg);}
.hdng{text-align: center;font-size: 60px;font-weight: 300;color: var(--black);}
.whdng{text-align: center;font-size: 60px;font-weight: 300;color: var(--white);}
.blacksec{background-color: var(--black);}
.bg_grey{background: linear-gradient(94.04deg, rgba(69, 68, 68, 0.1) 0%, rgba(149, 149, 149, 0.1) 100%);}
.dropletsec{display:flex;justify-content:space-between;position:fixed;width:100%;height:100%;padding:0 20px;z-index: -1;}
.dropletsec .lines{position:relative;width:2px;height:100%;overflow:hidden;background:#e8e3e344;border-image-source:linear-gradient(180deg,#090909 0%,#ECECEC 100%);pointer-events:none}
.dropletsec .lines .droplet{position:absolute;bottom:-120px;left:50%;width:1px;height:90px;background:#70707051;border-radius:50%;transform:translateX(-50%);animation:moveUp 2.5s linear infinite;border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.lines:first-child .droplet{animation-delay:0s}
.lines:nth-child(2) .droplet{animation-delay:1.3s}
.lines:nth-child(3) .droplet{animation-delay:.6s}
.lines:nth-child(4) .droplet{animation-delay:1.9s}
.lines:nth-child(5) .droplet{animation-delay:.2s}
@keyframes moveUp{
0%{bottom:-10px;opacity:0}
20%{opacity:1}
80%{opacity:1}
100%{opacity:0;bottom:100%}
}
section{padding: 60px 0px;}
.center{text-align: center;}
.revealtxt{overflow: hidden;}

/* button reveal */
.smbtn{text-align: center;margin-top: 2rem;}
.buttonaware{position: relative;display: inline-block;padding:.75rem 3rem;overflow: hidden;text-decoration: none;z-index: 1;background: var(--black);color: var(--white);border-radius: 100rem;outline: 1px solid #ededed;transition:.5s cubic-bezier(0.4, 0, 1, 1);cursor: pointer;font-size: 1.1rem;}
.buttonaware span{position: absolute;width: 0;height: 0;border-radius: 40%;background: var(--white);transform: translate(-50%, -50%);transition: width .5s ease, height .5s ease;z-index: -1;}
.buttonaware:hover span{width: 250%;height: 250%;}
.buttonaware:hover{color: var(--black);}

/* button reveal */

/* HEADER */
header{padding:10px;width: 100%;transition: .3s ease-in-out;background: #fff;z-index:1001;}
.hamburger{display: none;}
header.fixed{position: fixed;left: 0;}
nav{display:flex;align-items:center;justify-content:space-between}
.logo img{height:auto}
nav .nav-links{display:flex;gap:50px;border:1px solid #09090914;padding:10px 50px;border-radius:100rem}
nav .nav-links li{position: relative;}
nav .nav-links li::before{position: absolute;content: '';background-color: var(--black);height: 2px;width: 0%;bottom: -10px;transition: .3s ease;right: 0;left: inherit;}
nav .nav-links li:hover::before{width: 100%;right: inherit;left: 0;}
nav .nav-links a{font-size:1em;color:var(--black)}
.wrapbox{display:flex;justify-content:space-between;align-items:center;gap:20px}
.allsld{border-radius:100rem;position:relative;display:flex;background:linear-gradient(94.04deg,rgba(21,21,21,.4) 0,rgba(9,9,9,.4) 100%);width:67px;height:37px;cursor:pointer;}
.shineanim{position: absolute;inset: 0;border-radius: inherit;pointer-events: none;overflow: hidden;z-index: 1;}
.shineanim::before{content: '';position: absolute;top: 0;left: -150%;width: 60%;height: 100%;background: linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.2) 45%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0.2) 55%,transparent 70%);animation: shineMove 3s linear infinite;}
@keyframes shineMove{0%{left: -150%;}100%{left: 150%;}}
.allsld .sld{width:18px;height:12px;border-radius:4px;position:absolute;outline:1px solid #fff;left:50%;top:50%;transition: .8s ease;}
.allsld .sld:nth-child(2){transform:translate(-13px,-9px);}
.allsld .sld:nth-child(3){transform:translate(-8px,-6px);background:linear-gradient(94.04deg,rgba(21,21,21,.6) 0,rgba(9,9,9,.6) 100%);
  animation-delay:.2s}
.allsld .sld:nth-child(4){transform:translate(-3px,-3px);background:linear-gradient(94.04deg,rgba(21,21,21,.9) 0,rgba(9,9,9,.9) 100%);animation-delay:.2s}
.allsld:hover .sld:nth-child(2), .allsld:hover .sld:nth-child(3), .allsld:hover .sld:nth-child(4){transform: translate(-50%, -50%);}
.allsld.active .sld:nth-child(2), .allsld.active .sld:nth-child(3), .allsld.active .sld:nth-child(4){transform: translate(-50%, -50%);}
.tooltip{position: absolute;bottom:0;left:50%;background: var(--black);padding: 13px 16px;border-radius: 100rem;line-height: 0;transform: translateX(-50%);opacity: 0;visibility: hidden;transition: .3s;}
.allsld:hover .tooltip{bottom: -34px;opacity: 1;visibility: visible;}
.allsld.active .tooltip{bottom: -34px;opacity: 1;visibility: visible;}
.tooltip::before{position: absolute;content: '';top:-12px;left: 50%;border-width: 6px;border-style: solid;border-color: transparent transparent var(--black) transparent;transform: translateX(-50%);white-space: nowrap;}
.tooltip a{font-size: .7em;color: var(--white);}
header.buttonaware{position: relative;display: inline-block;padding:.75rem 3rem;overflow: hidden;text-decoration: none;z-index: 1;background: var(--black);color: var(--white);border-radius: 100rem;outline: 1px solid #ededed;transition:.5s cubic-bezier(0.4, 0, 1, 1);cursor: pointer;font-size: 1.1rem;}
header .buttonaware span{position: absolute;width: 0;height: 0;border-radius: 40%;background: var(--white);transform: translate(-50%, -50%);transition: width .5s ease, height .5s ease;z-index: -1;}
header .buttonaware:hover span{width: 250%;height: 250%;}
header .buttonaware:hover{color: var(--black);}
/* HEADER */

/* FOOTER */
footer{background: var(--black);padding:60px 30px 0px}
footer a{cursor: pointer;}
.top-tier .fnav{display: grid;grid-template-columns: repeat(4, 1fr);}
.fspotify iframe{border: none;height: 100%;}
.fnav .flnks li {margin-bottom:5px;transition: .3s ease;}
.fnav .flnks li a{color:var(--white);position: relative;transition: .3s ease;}
.fnav .flnks li a::before{position: absolute;content: '';background: var(--white);width:0%;height:2px;bottom: -5px;left: 0;}
.fnav .flnks li a:hover::before{width: 100%;}
.fcaps li {margin-bottom:5px}
.fcaps li a{color:var(--white);position: relative;transition: .3s ease;}
.fcaps li a::before{position: absolute;content: '';background: var(--white);width:0%;height:2px;bottom: -5px;left: 0;}
.fcaps li a:hover::before{width: 100%;}
.fmnlnks li{margin-bottom:10px;}
.fmnlnks li a{color:var(--white);border-radius: 50rem;border: 1px solid #FFFFFF66;padding:8px 10px;display: block;text-align: center;width: 80%;font-size: 16px;font-weight:300;position: relative;overflow: hidden;z-index: 1;}
.fmnlnks li a::before{position: absolute;content: '';background:var(--faqtext);width: 100%;height: 0;left: 0;bottom: 0;transition: .3s ease;}
.fmnlnks li a:hover::before{top: inherit;height: 100%;z-index: -1;}
.middle-tier{padding: 30px 0px;margin-top: 30px;}
.middle-tier ul{display:grid;grid-template-columns: repeat(4, 1fr);align-items: center;border-top:1px solid #61616174;border-bottom:1px solid #61616174;}
.middle-tier .ctlnks{padding: 30px 0px;}
.ctlnks a img{transition: .3s ease;}
.ctlnks a:hover img{scale: 1.2;}
.middle-tier .ctlnks a{display: flex;align-items: center;color: var(--white);gap: 10px;justify-content: center;border-right: 1px solid #61616174;padding: 15px 0px;font-size: 20px;font-weight: 400;}
.middle-tier .social-links{display: flex;gap: 20px;justify-content: center;border:none}
.social-links a img{scale: 1;transition: .3s ease;}
.social-links a:hover img{scale: 1.1;}
.main_logo{text-align: center;padding: 50px 0;border-bottom: 1px solid #61616174;}
.ourecosys{border-bottom: 1px solid #61616174;padding: 50px 0px;display: grid;grid-template-columns: repeat(2, 1fr);text-align: center;}
.ourecosys .ecodv:first-child{border-right: 1px solid #61616174;}
.ecodv img{scale:1;transition: .3s ease;}
.ecodv:hover img{scale:1.1;}
.ourecosys .ecodv p{color: var(--white);padding-bottom: 10px;opacity: .5;font-size: 15px;}
.btmfooter{display: flex;justify-content: space-between;padding: 30px 0px;}
.btmfooter .tpdv{display: flex !important;gap: 10px;cursor: pointer;align-items: center;}
.btmfooter p{color: var(--white);opacity: .5;}
.btmfooter .tpdv img{width:fit-content;height: auto;}
/* FOOTER */

main{text-align: center;display: block;height: 90vh;position: relative;}
main .banner_hdng{position: absolute;top:50%;text-align: center;left:50%;transform: translate(-50%, -70%);overflow: hidden;}
@keyframes comeup{from{transform: translate(-50%, -70%) scale(0)}to{transform: translate(-50%, -70%) scale(1);}}
[item-split] {opacity: 0;}
main .mainhdng{font-size: 5.5rem;font-weight: 400;margin-bottom: 10px;font-family:sans_regular;}
main .mainhdng span.itfnt{font-style: italic;font-weight: bold;}
main .sbhdng{font-size: 25px;}
main .sbhdng span.bldfnt{font-weight:bold}
.casestudy_container{position: absolute;bottom:40px;width:100%}
.casestudy_space{width: 80%;outline: 1px solid #cdcdcd;margin: auto;margin-block-start: 10em;padding: 3px 40px;border-radius: 100rem;display: flex;flex-direction: column;position: relative;height: 100%;overflow: hidden;height: 60px;}
.casestudy{display: flex;align-items: center;justify-content: space-between; min-height: 60px;position: absolute;top: 0;left: 0;opacity: 0;right:0;width: 90%;margin: auto;}
.casedtls{width: 70%;}
.casestudy .caselogo{width:90px}
.casestudy .caselogo img{width:100%;height:auto;}

/* Logos */
.client-list {display: grid;grid-template-columns: repeat(3, 1fr);}
@media (min-width: 1024px) {.client-list {grid-template-columns: repeat(6, 1fr);}}
.client-list-rotator {position: relative;padding-top: 100%;}
.client-list-rotator__client {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;aspect-ratio: 1 / 1;opacity: 0;visibility: hidden;transform: translateY(-20px);transition: opacity 0.3s ease-in-out,transform 0.3s ease-in-out,visibility 0.3s ease-in-out;
width: 126px;height: 80px;object-fit: cover;margin: auto;}
.client-list-rotator__client.active {opacity: 1;visibility: visible;transform: translateY(0);}
@media (prefers-reduced-motion: reduce) {.client-list-rotator__client, .client-list-rotator__client.active {transform: none;}}
.client-logo {width: 100%;height: auto;}
@media (min-width: 1440px) {.client-logo {width: 100%;height: auto;}}
/* Logos */

.lns{position: relative;overflow: hidden;}
.lns .hdntxt{display: flex;justify-content: center;}
.caslink {
  color: var(--black);
  position: relative;
}

.caslink::before {
  content: '';
  position: absolute;
  background: var(--black);
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .3s ease;
}

.caslink:hover::before {
  transform: scaleX(1);
}
/* about */
.scale_section {height:100vh}
.abtsec{padding: 60px 0px;}
.fadeindvs{margin: auto;width:50%;margin-block-start: 5rem;text-align: center;}
.fadeindvs h3{font-size: 2rem;color: var(--white);font-weight: 300;margin-bottom: 3rem;}
.blcbtn{border:1px solid #FFFFFF66;background:linear-gradient(94.04deg, #151515 0%, #090909 100%);border-radius: 100rem;color: var(--white);font-weight: 300;padding: .35rem 3rem;cursor: pointer;position: relative;}
.solbtn{padding-left: 10px;}
.solbtn .buttonaware{padding: .55rem 2rem;font-size: .9rem;}
.mnvdscd iframe{width:100%;}
.mnvdscd{height:100vh}
.contr_left, .contr_leftnon{background: linear-gradient(94.04deg, #212121 0%, #121212 42.31%, #090909 100%);width: 150px;padding: 20px;text-align: center;border-radius: 15px;height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.contr_left h2, .contr_leftnon h2{color: var(--white);font-size: 3rem;font-style:italic;}
.contr_left p, .contr_leftnon p{color: var(--white);}
.contr_right, .contr_rightnon{background: linear-gradient(94.04deg, #212121 0%, #121212 42.31%, #090909 100%);width:150px;text-align: center;border-radius: 15px;height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.contr_right h2, .contr_rightnon h2{color: var(--white);font-size: 2rem;font-style:italic;}
.contr_right p, .contr_rightnon p{color: var(--white);}
.scale_section{display: flex;align-items: center;justify-content: center;height: 100vh;overflow: hidden;}
.cntrvdo{width: 800px;height:500px;max-height: 700px;border-radius: 20px;display: flex;align-items: center;}
.scaleVideo {width: 500px;height:300px;object-fit: cover;display: block;z-index: 1;margin: auto;border-radius: 20px;overflow:hidden}
.ins_counter{position: relative;width: fit-content;height: auto;margin: auto;}
.contr_left{position: absolute;top: 20px;left: -100px;}
.contr_leftnon{position: absolute;bottom:20px;left:-100px;}
.contr_right{position: absolute;top: 10px;right: -100px;}
.contr_rightnon{position: absolute;bottom: 20px;right: -100px;}
.split-word strong{font-weight: 700 !important;}
/* about */

/* Workshop */
.workshop-section{overflow: hidden;position: relative;}
.allworkshop{position: relative;height: 100vh;}
.allworkshop .workshop{display: flex;margin: auto;gap:20px;width: 80%;margin: auto;margin-block: 2rem;inset:0;position: absolute;background: var(--white);top: 0;left: 0;align-items: center;}
.workshop-stack{position: relative;height:100%}
.allbtn{background: var(--black);padding: .75em 4em;color:var(--white);border-radius: 100rem;position: relative;overflow: hidden;z-index: 1;margin-top: 2rem;}
.allbtn::before{position: absolute;content: '';background: red;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
.workshop .workshop-left{width: 70%;}
.workshop .workshop-right{width: 30%;margin-right: 0;position: relative;}
.workshop-left .workshop_banner{position: relative;overflow: hidden;line-height: 0;border-radius: 16px;}
.workshop-left .workshop_banner img{width: 100%;height: auto;scale: 1;transition: .4s ease;}
.workshop:hover .workshop_banner img{scale: 1.1;}
.workshop .tags small{padding: 1em .75em;}
.workshop-left .tags{position: absolute;display: flex;top: 20px;left: 20px;gap:10px}
.tags small{display: block;background:var(--black);color: var(--white);padding:.35em .75em;border-radius: 100rem;font-size:15px;}
.workshop-left .workshop_tl{display: flex;justify-content: space-around;gap: 30px;margin-top: 10px;}
.workshop_tl p{font-size: 1.5em;font-style: italic;color: var(--black);}
.workshop_tl h5{font-size: 1.7rem;color: var(--black);}
.workshop-right .wrok_logo{border: 1px solid #09090914;text-align: center;margin-bottom: 20px;border-radius:20px;overflow: hidden;line-height: 0;}
.workshop-right .wrok_logo img{width: 100%;height: auto;}
.workshop-right .workstat{background: #EDEDED;padding: 20px 30px;border-radius: 10px;height:278px;display: flex;justify-content: center;align-items: start;flex-direction: column;outline:1px solid #CDCDCD;}
.workshop-right .alst{margin-bottom: 30px;}
.workshop-right .alst:last-child{margin-bottom: 0px;}
.workshop-right .workstat h3{font-size: 2.5rem;color: var(--black);}
.alsthd{margin-bottom: 20px;}
.workshop-right .workstat .alsthd h3{font-size: 1.7rem;color: var(--black);}
.workshop-right .workstat p{color: var(--black);}
.workshop-right .wrklnk a {border: 1px solid #CDCDCD;padding: 0.35em 3em;position: absolute;bottom: 90px;right: 0;display: inline-block;border-radius: 100rem;color: var(--black);text-align: center;overflow: hidden;}
.workshop-right .wrklnk a::before {position: absolute;content: '';width: 10px;height: 10px;background: var(--black);border-radius: 100rem;left: 18%;top: 50%;transform: translateY(-50%);transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, transform 0.5s ease;}
.workshop-right .wrklnk a:hover::before {width: 100%;height: 100%;left: 0;transform: translateY(-50%);}
.workshop-right .wrklnk a span {position: relative;z-index: 1;transition:.5s}
.workshop-right .wrklnk a:hover span{color: var(--white);}
/* Workshop */



.marquee{font-size: 10vw;color: var(--black);height: 15vw;overflow: hidden;position: relative;white-space: nowrap;}
.marqtxt {display: inline-block;animation: marquee 20s linear infinite;}
@keyframes marquee {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}

/* Capability */
#capabilSec{overflow: hidden;height: 100vh;display: flex;align-items: center;}
.allcapabilities{display: flex;padding: 30px;align-items: start;gap: 20px;flex-wrap: nowrap;width: fit-content;}
.capabilit{background:var(--blcbg);width: 300px;height: 300px;padding:80px 30px 30px;border-radius: 15px;}
.capabilit h3{text-transform: uppercase;color: var(--white);margin-bottom: 20px;font-size: 2em;}
.capabilit p{color: var(--white);font-size: 18px;}
/* Capability */

/* ABOUT */
.abtmnsec .fadeindvs{margin: auto;width: 700px;margin-block-start: 5rem;text-align: center;}
.abtmnsec .fadeindvs h3{font-size: 2.5rem;font-weight: 300;margin-bottom: 3rem;color: var(--black);}
.countersdvs{margin-bottom: 15%;}
.countersdvs .cntrlft{outline: 1px solid #ededed;border-radius: 8px;width:15%;text-align: center;padding: 20px;}
.countersdvs .cntrlft h2{font-size: 30px;font-weight: 800;font-style: italic;color: var(--black);}
.countersdvs .cntrlft p{font-size: 15px;color: var(--black);font-weight: 400;}
.countersdvs .absgt{position: absolute;right: 0;top: 700px;}
.countersdvs .absgtm{position: absolute;top: 650px;}
.countersdvs .btmrgt{position: absolute;left: 30%;}
.countersdvs .rgtbtm{position: absolute;right: 30%;}
.growthsec{background: var(--black);padding: 80px 0;}
.insgrwnth{position:relative;display: flex;align-items: center;height:70vh;justify-content: center;}
.insgrwnth .inssbtx{background: #595959;width: 400px;outline: 1px solid #fff;border-radius:50rem;position: absolute;}
.insgrwnth .inssbtx:nth-child(2){top:0%;left: 0;}
.insgrwnth .inssbtx:nth-child(3){right:0%;top:0;}
.insgrwnth .inssbtx:nth-child(4){right:0%;bottom:0}
.insgrwnth .inssbtx:nth-child(5){left:0%;bottom:0}
.insgrwnth .inssbtx p{color:var(--white);font-size:18px;padding:8px 50px;position:relative;}
.insgrwnth .inssbtx p::before{position:absolute;left:25px;top:50%;background: var(--white);width:7px;height:7px;content:'';border-radius:100rem}
.insgrwnth .inshdn{color: var(--white);text-align: center;font-size: 3rem;}
.insgrwnth .inshdn strong:first-child{font-style: italic;}
.allhdng{text-align: center;font-size: 3rem;font-weight:300;}
.abtlogos{display: grid;grid-template-columns: repeat(7, 1fr);margin: 20px 0px;gap: 20px;}

/* Slider */
.slidecontent{background: var(--white);border-radius: 100rem;height:300px;width: 97%;display: flex;justify-content: center;flex-direction: column;align-items: center;text-align: center;margin: 30px 0px;}
.slidecontent h2{color: var(--black);}
.slidecontent h3{margin:30px 0px;color: var(--black);font-size:22px}
.slidecontent p{margin-top: 30px;font-size: 15px;color: var(--black);}
.awards button.slick-arrow{position: absolute;top: 40%;background: url(../img/arrow.png)no-repeat;background-size: cover;width: 32px;height: 32px;z-index: 1;cursor: pointer;font-size: 0;border:none;}
.awards .slick-next{right:-40px}
.awards .slick-prev{left:-40px;transform: rotate(180deg);}
.awards .slick-dots{display: flex;justify-content: center;align-items: center;width: 50%;margin:20px auto 0;}
.awards .slick-dots li {width:100%;background:var(--white);height: 3px;transition:background .3s ease}
.awards .slick-dots li button{width:100%;font-size:0px;display:none;}
.awards .slick-dots li.slick-active{background: var(--black);}
/* Slider */

/* Teams */
.ourteam{margin-top: 20px;display:flex;justify-content: center;gap: 20px;}
.ourteam .teamdtls{margin-top: 10px;}
.ourteam .nm{color: var(--white);font-size:20px;margin-bottom:5px;}
.ourteam .nm span{color: var(--white);font-weight: 600;}
.ourteam .desg{color: var(--white);margin-bottom: 10px;}
.teamimg{overflow: hidden;border-radius: 10px;line-height: 0;}
.teamimg img{border-radius: 10px;scale: 1;transition: .3s ease;}
.team:hover .teamimg img{border-radius: 10px;scale: 1.1;}
/* Teams */
/* ABOUT */

/* SOLUTIONS */
.mnhdsec .line{overflow: hidden;}
.mnhdsec .line:nth-child(1) span{transform: translateY(100%);animation: reveal 1.2s cubic-bezier(0.77, 0, 0.175, 1) .5s forwards;display: inline-block;}
.mnhdsec .line:nth-child(2) span{transform: translateY(100%);animation: reveal 1.2s cubic-bezier(0.77, 0, 0.175, 1) .7s forwards;display: inline-block;}
.mnhdsec .line:nth-child(3) span{transform: translateY(100%);animation: reveal 1.2s cubic-bezier(0.77, 0, 0.175, 1) .9s forwards;display: inline-block;}
@keyframes reveal{from{transform: translateY(100%);} to{transform: translateY(0);}}
.mnhdsec{text-align: center;display: flex;width:800px;margin: auto;padding: 100px 0px;}
.mnhdsec p {font-size: 3.4rem;font-weight: 500;}
.mnhdsec p span{font-weight: 800;}
.faqsec{margin-top: 30px;}
.faqclick{width: 80%;margin: auto;cursor: pointer;margin-bottom: 20px;}
.faqclick .faqbtn{display: flex;align-items: center;padding: 10px;background-color: #3a3a3a;border-radius: 100rem;}
.faqclick .faqbtn h3{color: var(--white);text-transform: uppercase;margin-bottom: 0;font-size: 1.8rem;transition: .3s ease;}
.faqclick:hover .faqbtn h3{letter-spacing: 1.5px;}
.faqbtn .faimg{width: 35px;height:35px;object-fit: cover;margin-right: 20px;}
.faqbtn .faimg img{width: 100%;height: 100%;transition: .3s ease;}
.faqclick.active .faimg img{rotate: 46deg;}
.faqcnt{width: 80%;margin: auto;height: 0px;overflow: hidden;transition: .3s ease;}
.faqcnt .inscnt{margin-top: 20px;}
.faqclick.active .faqcnt{height:auto;}
.faqcnt .cnt_ttl h3{color: var(--white);}
.faqcnt .cnt_ttl p{color: var(--faqtext);margin: 18px 0px;}
.fcnt-tag{display:flex;margin: 10px;width: 100%;flex-wrap: wrap;}
.fcnt-tag span{border: 1px solid #FFFFFF14;display: block;color: var(--white);text-align: center;border-radius: 100rem;font-size: 13px;font-weight: 300;padding: 8px 15px;width: fit-content;margin: 0 12px 10px 12px;}
.blckbtn a {border: 1px solid #CDCDCD;padding: 0.35em 3em;display: inline-block;border-radius: 100rem;color: var(--white);text-align: center;overflow: hidden;position: relative;}
.blckbtn a::before {position: absolute;content: '';width: 10px;height: 10px;background: var(--white);border-radius: 100rem;left: 15%;top: 50%;transform: translateY(-50%);transition: width 0.5s ease, height 0.5s ease, left 0.5s ease, transform 0.5s ease;}
.blckbtn a:hover::before {width: 100%;height: 100%;left: 0;transform: translateY(-50%);}
.blckbtn a span {position: relative;z-index: 1;transition:.5s}
.blckbtn a:hover span{color: var(--black);}
/* faqs */

/* filterbtn */
.alltbsacrd{margin-top: 30px;}
.alltbsacrd .fliterbtns{outline: 1px solid #09090914;width:fit-content;margin: auto;text-align: center;display:flex;align-items: center;justify-content: center;gap: 5px;border-radius: 100rem;padding: 4px;flex-wrap: wrap;transition: .3s ease;background:#EDEDED;}
.alltbsacrd .fliterbtns.fixed{position: sticky;z-index: 1000;margin: auto;width: fit-content;left: 0;right: 0;top: 6rem;}
.alltbsacrd .fliterbtns span{background: var(--white);padding: 5px 20px;display: block;border-radius: 100rem;width: fit-content;cursor: pointer;}
.fliterbtns span.active{background-color: var(--black);color: var(--white)}
/* filterbtn */

.job-fltr{margin-top: 40px;}
.job-fltr .allfaqs{display: flex;justify-content: space-between;}
.job-fltr .fqsleft{width: 49%;}
.job-fltr .allfaqs .accordion{margin-bottom: 20px;}
.job-fltr .accordion .accordion-header{position: relative;background: var(--white);padding: 15px;cursor: pointer;display: flex;gap: 10px;}
.job-fltr .accordion-header h2{font-size: 18px;color: var(--black);width: 90%;}
.job-fltr .accordion .accordion-header::before{position: absolute;content: '';background: url('../img/faqplus.png')no-repeat;background-size: cover;width: 30px;height: 30px;right: 10px;transform: translate(0px, -50%);transition: .3s ease;top: 50%;}
.job-fltr .accordion.active .accordion-header::before{position: absolute;content: '';background: url('../img/faqminus.png')no-repeat;background-size: cover;width: 30px;height: 30px;right: 10px;transform: translate(0px, -50%);transition: .3s ease;top: 50%;}
.job-fltr .accordion .accordion-content{height:0;overflow: hidden;width: 95%;margin:auto;transition: .3s ease-in-out;}
.job-fltr .accordion .accordion-ins{margin:20px 0}
.job-fltr .accordion.active .accordion-content{height:auto;}
/* faqs */

.step-block button.buttonaware{border: none;}
/* SOLUTIONS */

/* WORK */
.allworktabs .workshop{position: inherit;}
.allworktabs .wrklnk{position: absolute;right: 0;bottom: 0;}
.allworktabs .workshop-right .wrklnk a{position: relative;bottom: 0;}
.allworktabs .allworkshop{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;margin: auto;width: 90%;height: auto;}
.allworktabs .allworkshop .workimg img{width: 100%;height: auto;aspect-ratio: 560 / 240;object-fit: cover;border-radius: 10px;}
.allworktabs .workimg{position: relative;overflow: hidden;border-radius: 10px;line-height: 0;margin-bottom: 10px;}
.worktab{margin-bottom: 50px;}
.worktab .workimg img{scale: 1;transition: .3s ease;}
.worktab:hover .workimg img{scale: 1.1;}
.allworktabs .worktags{position: absolute;top: 20px;left: 20px;}
.allworktabs .worktags span{background: var(--black);color: var(--white);padding: 5px 10px;border-radius: 100rem;margin-inline: 1px;font-size: 12px;}
.workstats{display:grid;grid-template-columns: repeat(2, 1fr);gap:10px}
.workstats .stats{background: #EDEDED;padding: 20px;border-radius: 12px;}
.workstats .stats h3{font-size: 30px;color: var(--black);}
.workstats .stats h4{font-size: 14px;color: #090909;font-weight: 400;margin-top: 10px;}
.workquo{margin-top: 20px;}
.workquo h3{font-size: 25px;color: var(--black);}
.workstats .textstat{font-size: 25px !important;}
/* WORK */

/* WORKDETAILS */

.wrkdtslflx{display: flex;flex-wrap: wrap;gap: 5%;}
.wrklft{width: 20%;flex: 20%;}
.wrkrgt{width: 70%;flex: 70%;}
.bck{display: flex;align-items: center;margin-bottom: 20px;cursor: pointer;width: fit-content;gap: 5px;color: var(--black);}
.wrklogo{text-align: center;line-height: 0;}
.wrklogo img{width: auto;height: auto;border: 1px solid #cecece;border-radius: 10px;}
.wrkfds{background:#EDEDED;padding:30px 25px;border-radius: 15px;margin:10px 0px}
.wrkfds .fdls{margin-bottom: 10px;}
.wrkfds .fdls h4{margin-bottom: 10px;margin-top: 2px;}
.wrkfds .fdls p{font-weight: 300;}
.dflstxt{margin-bottom: 10px;}
.dflstxt h3{font-size: 1.3rem;}
.dfls{margin-bottom: 15px;}
.dfls h3{font-size: 2rem;}
.stckfx{position: sticky;top:10%}
.wrkdhdng{margin-bottom: 20px;}
.wrkdhdng p{margin: 10px 0px;color: #727272;}
.wdtls{margin: 20px 0;}
.wdtls p{margin:10px 0;font-size: 15px;color: #727272;position: relative;padding-left: 0px;}
.wdtls li{list-style-type: disc;margin-left: 30px;font-size:20px}
.wrkbnr img{width: 100%;height: auto;border-radius: 15px;}
.rslts{background: var(--black);padding: 30px 20px;margin: 60px 0px;border-radius: 15px;}
.rslts h3{color: var(--white);font-size: 25px;margin-bottom: 10px;}
.rslts p{color: var(--white);position: relative;padding-left: 0px;font-size: 15px;margin-bottom: 10px;}
.rslts li{list-style-type: disc;margin-left: 30px;font-size:20px;}
.rslts ul li::marker{color: var(--white);}
.imglst img{width: 100%;height: auto;margin-bottom: 10px;border-radius: 15px;}
.explsec{background-color: var(--black);}
.blchd{color: var(--white);font-size: 3em;text-align: center;}
.exploregrid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 40px;}
.exploregrid .explritem img{border-radius: 15px;transition: .3s ease;}
.exploregrid .explritem h3{font-size: 20px;color: var(--white);margin-top: 10px;}
.explritem:hover img{scale: 1.1;}
.explrimg{overflow: hidden;border-radius: 15px;transition: .3s ease;line-height: 0;margin-bottom: 15px;}
.dsctm{background: #EDEDED;}
.dscvr{text-align: center;width: 750px;margin: auto;}
.dscvr p{font-size: 3rem;}
.dscvr p span{font-weight: 800;}
.prjbtn{background: var(--black);color: var(--white);padding: 10px 20px;display: inline-flex;align-items: center;gap:10px;border-radius: 100rem;margin-top: 10px;}
.prjbtn img{border-radius:100rem;transform: rotate(130deg);width: 0;transition: 0.3s ease width, 0.3s ease transform;}
.prjbtn:hover img{width:20px;transform: rotate(180deg);}
/* WORKDETAILS */

/* Contact */
.gfdv{position: relative;margin-bottom: 72px;margin-top:5em;}
.gfdv model-viewer::part(progress-bar){display:none !important;}
.gfcnt{margin-top: 5em;}
.gfdv::before{position: absolute;content: '';background: url('../img/contactbgline.webp')no-repeat;background-size: contain;width: 280px;height: 280px;left: 50%;top:50%;transform: translate(-50%, -50%);}
.modelsec{height: auto;display:flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;margin-bottom: 5em;}
model-viewer{margin: auto;max-width:100%;width: 160px;height: 160px;scrollbar-width: none;}
.typetitle{font-size:4rem;font-weight: bold;}
.typesubtitle{font-size:3.5rem;font-weight: 400;}
.clcb{margin-top: 20px;display:grid;grid-template-columns: repeat(3, 1fr);gap:20px;}
.modelsec .buttonaware{position: relative;display: inline-block;padding:.75rem 3rem;overflow: hidden;text-decoration: none;z-index: 1;background: var(--white);color: var(--balck);border-radius: 100rem;outline:1px solid #cdcdcd;transition:.5s cubic-bezier(0.4, 0, 1, 1);cursor: pointer;font-size: 1.2rem;}
.modelsec .buttonaware span{position: absolute;width: 0;height: 0;border-radius: 40%;background: var(--black);transform: translate(-50%, -50%);transition: width .5s ease, height .5s ease;z-index: -1;}
.modelsec .buttonaware:hover span{width: 250%;height: 250%;}
.modelsec .buttonaware:hover{color: var(--white);}
/* .slideone{display: none;} */
.slideone .buttonaware{margin-top: 10px;}
/* .slidetwo{display: none;} */
.slidetwo .buttonaware{margin: 10px 7px;}
/* .slidethree{display: none;} */
.slidethree .buttonaware{margin:7px 5px;}
/* .slidefour{display: none;} */
.slidefour .buttonaware{margin:7px 5px;}
/* .slidefive{display:none} */
.slidefive .buttonaware{margin:7px 5px;}
/* .slidesix{display:none} */
.slidesix .buttonaware{margin:7px 5px;}
.slidesix .go-back-btn{border: none;}
.grecaptcha-badge{display: none;}
.slidefive form {display: flex;flex-wrap: wrap;gap: 1rem;width:80%;margin:10px auto;}
.slidefive form .formcontrol {flex: 1 1 calc(33.333% - 1rem);min-width: 200px;}
.slidefive form input{border-radius: 10px;border:1px solid #09090936;padding:1em .75em;display: block;width:100%;font-size: 1rem;transition: .3s ease;}
.slidefive form textarea {flex: 1 1 100%;margin-top: 1rem;padding: .5rem;min-height: 120px;resize: vertical;border:1px solid #09090936;border-radius:10px;font-size: 1rem;}
.slidefive form .frmsubmit {flex: 1 1 100%;margin-top: 1rem;}
.slidefive form .frmsubmit .mnbtn {padding: .7rem 2rem;font-size: 1rem;cursor: pointer;}
.slidefive .mnbtn{border-radius: 100rem;padding:.55em 1.5em;margin: .5em;border:1px solid #09090936;font-size: 1.5rem;cursor: pointer;position: relative;overflow: hidden;z-index: 1;display: inline-block;transition: .5s ease;color: var(--white);background: var(--black);width:50%}
.slidefive .mnbtn::before{content: '';position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;background:var(--white);border-radius: 50%;transform: translate(-50%, 50%) scale(0);transition: transform 0.5s ease;z-index: -1;}
.slidefive .mnbtn:hover::before{transform: translate(-50%, -50%) scale(35);}
.slidefive .mnbtn:hover{color:var(--black)}
.slidesix h3{font-size: 2rem;}
.slidesix p{font-size:1.5rem;margin:10px 0px}
.bckbns{background: none;border: none;display: flex;align-items: center;margin: 20px auto;font-size: 18px;cursor: pointer;transition: .3s ease;}
.bckbns img{transition: .3s ease;}
.bckbns:hover img{padding-right: 5px;}
.bckbns:hover{padding-right: 5px;}
.slidefive form input.is-invalid{border:none;outline:1px solid red;}
/* Contact */


/* Video Pages */
.youtube-playlist {display: flex;gap: 20px;height: 400px;}
.youtube-playlist .video-player {height: 100%;width: 100%;border-radius: 21px;margin: 0px;overflow: hidden;}
.youtube-playlist .video-player-list {background-color: rgb(242, 242, 236);height: 100%;width: 400px;border-width: 1px;border-style: solid;border-color: rgb(242, 242, 242);border-image: initial;border-radius: 20px;padding: 15px;}
.youtube-playlist .video-player-list .playlist-items{height:95%;overflow: auto;}
.youtube-playlist .video-player-list .playlist-items .playlist-item{align-items: center;border-radius: 10px;display: flex;font-size: 10px;gap: 10px;justify-content: center;padding: 5px;}
.youtube-playlist .video-player-list .playlist-items .playlist-item.active{background-color: var(--black);color: #fff;}
.youtube-playlist .video-player-list .playlist-items .playlist-item img{border-radius: 7px;display: block;width: 80px;margin-bottom: 0;}
.youtube-playlist .video-player-list .playlist-items .playlist-item p{-webkit-line-clamp: 3;-webkit-box-orient: vertical;display: -webkit-box;font-size: 10px;margin: auto;overflow: hidden;width: 100%;}
/* Video Pages */

canvas{scrollbar-width: none !important;width: 710px;height: 300px;}


/* Responsive */

@media (max-width: 768px) {

/* heading */
.whdng{font-size: 38px;}
.shineanim{z-index: 0;}
/* heading */

/* header */
header{position: fixed;width: 100%;z-index: 99;background:var(--white);margin-top: 0;}
/*---hamburger-----*/
.hamburger{cursor: pointer;display: block !important;position: relative;z-index: 2;}
.hamburger.active{transform: rotate(0deg);}
.hamburger .bar{background-color: var(--black);width: 30px;height: 3px;display: block;margin: 5px 0;transition: cubic-bezier(0.19, 1, 0.22, 1)1s;}
.hamburger.active .bar:nth-child(1){transform: translateY(8px) rotate(41deg);transition-delay: 0.3s;}
.hamburger.active .bar:nth-child(2){scale: 0;}
.hamburger.active .bar:nth-child(3){transform: translateY(-8px) rotate(136deg);transition-delay: 0.3s;}
header.menuOpen .hamburger .bar{background-color: var(--white);}
/*---hamburger-----*/
.logo{margin: 0 auto;width:150px}
.logo img{width: 100%;}
header .buttonaware{position: fixed;width: 100%;bottom: 0;left: 0;border-radius: 0;outline: none;text-align: center;}
nav .nav-links{position: fixed;inset: 0;flex-direction: column;justify-content: center;align-items: center;gap: 20px;z-index:1;border-radius: 0;overflow: hidden;background:var(--black);padding:0px;clip-path: circle(0% at 0% 0%);transition: clip-path .6s ease-in-out;}
nav .nav-links.active{clip-path: circle(150% at 50% 50%);}

nav .nav-links a{font-size: 2em;color: var(--white);transform: translateY(20px);}
/* header */

main{height:100%}

/* Footer */
.top-tier .fnav{grid-template-columns:repeat(2, 1fr);gap: 20px;grid-template-rows: auto;text-align: center;}
.top-tier .fnav .flnks {grid-column: 1;}
.fmnlnks li a{margin: auto;}
.fmnlnks li a::before{content: none;}
.top-tier .fnav .fcaps {grid-column: 2;}
.top-tier .fnav .fmnlnks {grid-column: 1 / -1;}
.top-tier .fnav .fspotify {grid-column: 1 / -1;}
.middle-tier ul{grid-template-columns: 1fr;border-bottom: 0px;}
.middle-tier .ctlnks{padding: 10px 0px;}
.ourecosys{grid-template-columns: 1fr;gap: 20px;}
.btmfooter{flex-direction: column;gap: 20px;}
.btmfooter .tpdv{display: flex !important;justify-content: center;align-items: center;}
.middle-tier .ctlnks a, .ourecosys .ecodv:first-child{border-right: 0px;}

.middle-tier .ctlnks a{padding: 10px 0px;}
.main_logo{border-top: 1px solid #61616174;padding: 30px 0px;}
.middle-tier .social-links{margin-top: 30px;}
/* Footer */

/* homepage */
.allworkshop{height: 100%;}
main .banner_hdng{position: initial;transform: translate(0, 0) !important;padding-top: 10rem;}
.casestudy_container{position: initial;}
.hdng {font-size: 48px;}
.caslink{background:var(--black);color:var(--white);padding: 7px 20px;border-radius: 100rem;}

/* Casestudy */
.casestudy_space{width: 100%;height:200px;flex-direction: column;border-radius: 0;margin-block-start: 2em;}
.casestudy{flex-direction: column;height: 100%;gap: 10px;justify-content: center;}

/* About */
.fadeindvs{width: 100%;}
.fadeindvs h3{font-size: 1.5rem;}
.scale_section{height: 100%;margin-top: 20px;}
.cntrvdo{width: 100%;height: auto;overflow: visible;}
.scaleVideo{width: 100%;}
.counter09{display: flex;flex-wrap: wrap;margin: 20px 0px;justify-content: space-between;}
.contr_left, .contr_right, .contr_leftnon, .contr_rightnon{position: inherit;width: 48%;margin-bottom: 10px;}
.insgrwnth{flex-direction: column;}
.insgrwnth .inshdn{margin-bottom: 10px;}
.insgrwnth .inssbtx{position: inherit;width: 100%;border-radius: 5px;margin:10px 0px}
/* About */

/* Workshop */
.allworkshop .workshop{flex-direction: column;position:inherit;width: 100%;}
.workshop .workshop-left{width: 100%;}
.workshop .workshop-right{width: 100%;}
.workshop-stack{position: inherit;height: 100%;}
.tags small{font-size: 10px;}
.workshop_tl h5{font-size: 1.2rem;}
.workshop-right .wrklnk{margin-top: 20px;}
.workshop-right .wrklnk a{position:relative;bottom: 0;}
/* Workshop */
#capabilSec{display: block;height: auto;}
.allcapabilities {flex-direction: column;flex-wrap: wrap;}

/* About */
.abtmnsec .fadeindvs{width: 100%;}
.abtmnsec .fadeindvs h3{font-size: 1.5rem;}
.countersdvs .counter09{gap: 10px;}
.countersdvs .cntrlft{width: 48%;position: inherit;}
.insgrwnth .inshdn{font-size: 1.5rem;}
.allhdng{font-size: 30px;}
.ourteam{flex-wrap: wrap;}
.ourteam .team{width: 47%;}
.slidecontent{border-radius: 20px;margin: 30px auto;}
/* About */

/* Work */
 .alltbsacrd .fliterbtns {max-width: 100%;overflow-x: auto;flex-wrap: nowrap;justify-content: flex-start;scrollbar-width: none;       -ms-overflow-style: none;width: 100%;}
 .alltbsacrd .fliterbtns.fixed{top:5rem}
 .alltbsacrd .fliterbtns::-webkit-scrollbar {display: none;}
.allworktabs .allworkshop{grid-template-columns: 1fr;width: 100%;gap: 40px;}
  .alltbsacrd .fliterbtns span {flex-shrink: 0;}
  .worktab{margin-bottom: 10px;}
  .workquo{margin-top: 10px;}
  .workquo h3{font-size: 20px;}
/* Work */

/* Solutions */
.mnhdsec{width: 100%;height:100%;padding:160px 0}
.mnhdsec p{font-size:28px}
.faqclick{width: 100%;}
.faqclick .faqbtn h3{font-size: 1.2rem;}
.faqclick:hover .faqbtn h3{letter-spacing:0px;}
.faqcnt{width: 90%;}
.job-fltr .allfaqs{flex-direction: column;}
.job-fltr .fqsleft{width: 100%;}
.job-fltr .accordion-header h2{width: 84%;}
/* Solutions */

/* WORKDETAILS */
.wrkdtslflx{flex-direction: column-reverse;padding: 50px 0px;}
.wrkrgt, .wrklft{width: 100%;margin-bottom: 10px;}
.exploregrid{grid-template-columns: 1fr;}
.dscvr{width: 100%;}
.dscvr p{font-size: 2rem;}
.wrklft{position:relative;}
.bck{position: absolute;bottom: -61px;left:0;right:0;margin: auto;}
/* WORKDETAILS */
.buttonaware{font-size: 19px;}
/* contact */
.modelsec{height: 100%;margin: 0;padding-top: 150px;}
model-viewer{width: 100%;height: 150px;display:block}
.typetitle{font-size: 3rem;}
.typesubtitle{font-size: 2rem;}
.modelsec .buttonaware{font-size:19px}
.slidefive form{gap:10px;margin-top:30px;width:90%}
.slidefive form textarea{margin-top: 0;}
.slidesix h3{margin:20px 0px}
/* contact */

/* Video */
.youtube-playlist{font-size: 11px;height: 200px;}
.youtube-playlist .video-player{border-radius: 10px;}
.youtube-playlist .video-player-list{border-radius: 5px;padding: 5px;width:120px;}
.youtube-playlist .video-player-list .playlist-items .playlist-item p{display: none;}

/* work */
.clcb{grid-template-columns: 1fr;}
.modelsec .buttonaware{padding: .75rem 2rem;}

}


/* Responsive */