.Home{background-color:#fff;flex-direction:column;min-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}@media (width>=768px){.Home{flex-direction:row;height:100vh;overflow:hidden}}.btn{cursor:pointer;background-color:#fff;border:1px solid #bfbfbf;border-radius:.5rem;justify-content:flex-start;align-items:stretch;padding:.5rem 1rem;font-size:1rem;font-weight:600;display:flex}.svg-inline--fa{height:auto}.btn-text{text-align:left;flex-grow:1;align-self:center}.icon-wrapper{justify-content:center;align-items:center;width:2rem;margin:0 1rem 0 0;display:flex}#LinkedIn,#Behance,#Whatsapp,#Email,#GitHub{font-size:1.8rem}#Whatsapp{color:#55d46a}#Email{color:#313131}#LinkedIn{color:#0077b5}#Behance{color:#2657ff}.btn-contact{padding-right:0;transition:all .3s}.btn-contact:hover{color:#fff;background-color:#313131;border-color:#313131}.btn-contact:hover :is(.icon,#Whatsapp,#LinkedIn,#GitHub,#Behance,#Email){color:#fff}.copy-action{background-image:linear-gradient(#bfbfbf,#bfbfbf);background-position:0;background-repeat:no-repeat;background-size:1px calc(100% - 1rem);justify-content:center;align-items:center;height:auto;margin:-.5rem 0 -.5rem .5rem;padding:0 1rem;transition:all .3s;display:flex;position:relative}.copy-action .tooltip-box{color:#313131;white-space:nowrap;pointer-events:none;z-index:10;opacity:0;visibility:hidden;background-color:#fff;border-radius:.4rem;padding:.7rem;font-size:1rem;font-weight:600;transition:opacity .3s,visibility .3s,transform .4s cubic-bezier(.175,.885,.32,1.275),color .3s;position:absolute;left:calc(85% + .8rem);transform:translate(-10px)}.copy-action:before{content:"";z-index:11;pointer-events:none;opacity:0;visibility:hidden;clip-path:polygon(-200% -205%,205% 200%,-200% 200%);background-color:#fff;width:.9rem;height:.9rem;transition:opacity .1s,visibility .3s,transform .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:calc(85% + .3rem + 1px);transform:translate(-10px)rotate(45deg)}@media (hover:hover) and (pointer:fine){.copy-action:hover .tooltip-box{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards tooltipHoverEnter;box-shadow:0 6px 15px #08011d4b}.copy-action:hover:before{animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards tooltipPointerHoverEnter;box-shadow:0 6px 15px #08011d4b}.copy-action.is-copied .tooltip-box{animation:4s forwards tooltipBoxPulseFade;box-shadow:0 6px 15px #08011d4b}.copy-action.is-copied:before{animation:4s forwards tooltipPointerPulseFade;box-shadow:0 6px 15px #08011d4b}}.copy-action .copyIcon{transform-origin:50%;animation:.3s ease-out forwards iconReset}.copy-action.is-copied .copyIcon{transform-origin:50%;color:#00d400;animation:.3s cubic-bezier(.175,.885,.32,1.275) forwards iconPop}@keyframes iconPop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes iconReset{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes tooltipBoxPulseFade{0%{opacity:1;transform:translate(0)}5%{opacity:1;transform:translate(-4px)}10%{opacity:1;transform:translate(4px)}15%{opacity:1;transform:translate(0)}80%{opacity:1;visibility:visible;transform:translate(0)}to{opacity:0;visibility:hidden;transform:translate(0)}}@keyframes tooltipPointerPulseFade{0%{opacity:1;transform:translate(0)rotate(45deg)}5%{opacity:1;transform:translate(-4px)rotate(45deg)}10%{opacity:1;transform:translate(4px)rotate(45deg)}15%{opacity:1;transform:translate(0)rotate(45deg)}80%{opacity:1;visibility:visible;transform:translate(0)rotate(45deg)}to{opacity:0;visibility:hidden;transform:translate(0)rotate(45deg)}}@keyframes tooltipHoverEnter{0%{opacity:0;visibility:hidden;transform:translate(-10px)}to{opacity:1;visibility:visible;transform:translate(0)}}@keyframes tooltipPointerHoverEnter{0%{opacity:0;visibility:hidden;transform:translate(-10px)rotate(45deg)}to{opacity:1;visibility:visible;transform:translate(0)rotate(45deg)}}.about-section{background-color:#fcfcfc;border-right:1px solid #c4c4c4;flex-direction:column;width:20%;height:100vh;padding:2rem 2rem 0;display:flex}.about-title{font-family:DM Sans;font-size:2.5rem;font-weight:700}.about-text{text-align:left;flex-direction:column;flex:1;justify-content:center;gap:1rem;margin:2rem 0;font-family:DM Sans;font-weight:400;display:flex}.about-text h1{letter-spacing:-3%;margin-bottom:1rem}.about-text p{color:#525252;font-family:Plus Jakarta Sans;font-weight:500;line-height:1.5}.about-contact{flex-direction:column;gap:.5rem;display:flex}.about-contact h2{font-weight:700}.contact-list{flex-direction:column;gap:.5rem;margin-bottom:1rem;font-weight:600;display:flex}.copyright{color:gray;justify-content:center;margin-bottom:1rem;font-family:Poppins;font-size:.8rem;display:flex}.study-cases-section{border-right:1px solid #c4c4c4;flex-direction:column;flex:2;justify-content:flex-start;gap:2rem;padding:2rem;display:flex}.wipBox{background-color:#f5f5f5;border:1px solid #bfbfbf;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:fit-content;height:fit-content;margin:5rem 10rem 10rem;padding:3rem;display:flex}.wipHeader{border-bottom:1px solid #bfbfbf;flex-direction:column;align-items:center;width:100%;margin-bottom:1rem;display:flex}.wipBoxIcon{justify-content:center;align-items:center;display:flex}.wipBoxTitle{flex-direction:column;align-items:center;margin-top:-1.3rem;display:flex}.wipBox h1{text-align:center;font-size:6rem;font-weight:700}.wipBox p{text-align:center;font-family:Plus Jakarta Sans;font-size:1.5rem}.wipBox .btn-contact{zoom:1.5}#warning-icon{color:#e7a900;font-size:3.5rem}.logos-section{flex-direction:column;flex:0;justify-content:flex-start;min-width:15%;padding:2rem 0 0;display:flex}.logos-section h1{text-wrap:nowrap;width:100%;padding:0 2rem;font-weight:600}.logos-list{flex-direction:column;flex:1;justify-content:space-evenly;display:flex}.logo-box{width:100%;padding:0 2.5rem;display:flex}.logos-section img{width:100%;height:auto}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background1);min-width:100vw;color:var(--black);overflow-x:hidden}ul{list-style:none}a{color:var(--black);text-decoration:none}h1,h2,h3{font-family:DM Sans;font-weight:500}p,span,li,button{font-family:Plus Jakarta Sans}