h1{text-align:center}.modal{display:flex;justify-content:center;align-items:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000c}.modal-content{max-width:1600px;position:relative;padding:20px;background-color:#fff;border-radius:10px;width:80%;height:auto;display:flex;justify-content:center}.close{position:absolute;top:10px;right:20px;font-size:40px;font-weight:700;cursor:pointer}.full-screen-image{width:100%;height:auto}.project_overview{max-width:1600px;margin:auto auto 100px;width:100%;height:500px;padding-top:70px;display:flex;align-items:center;padding-bottom:20px}.potit{text-align:left;font-size:45px}.poleft{margin-left:50px;flex-direction:column}.poleft .pologo{box-shadow:#959da533 0 8px 24px;display:flex;align-items:center;justify-content:center;width:320px;height:320px;border-radius:10px;background-color:#fff}.poleft .pologo img{width:260px}.poleft .lbot{margin-top:20px;height:40px;width:320px;display:flex;justify-content:space-evenly}.poleft .lbot a{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;width:130px;height:40px;border:none;outline:none;background-color:#d90429;border-radius:5px;font-size:17px;font-family:Outfit,sans-serif}.mob_right{display:none}.poright{padding-right:50px;margin-left:100px;margin-top:10px;height:400px;display:flex;flex-direction:column;justify-content:space-between}.poright h1{font-family:Outfit,sans-serif;font-weight:600}.poright p{font-family:Outfit,sans-serif;margin-top:20px;font-size:18px;line-height:1.6;font-weight:300;word-spacing:3px}.poright span{font-weight:600}.poright .nav{display:flex;justify-content:space-between;align-items:center}.poright .soc{display:none!important;margin-top:10px;width:130px;height:50px;align-items:center;display:flex;justify-content:space-between}.poright .soc img:nth-child(1){width:40px}.poright .soc img:nth-child(2){width:35px}.poright .soc img:nth-child(3){width:35px}.poright .btn{width:130px;margin-left:auto;margin-top:auto;display:flex}.poright .btn button{width:60px;background-color:#2a2a2a!important;margin-right:5px;font-size:20px;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center}.poright .btn button .lft{width:35px;filter:invert(100%)}.poright .btn button .rit{rotate:180deg;filter:invert(100%);width:35px}.sample{max-width:1600px;padding:70px 0 30px;width:85%;height:auto;margin:auto;display:flex;justify-content:space-between;align-items:center}.sample .sampnav{width:40px;margin:40px;z-index:10}.sample .sampnav:hover{scale:1.1;transform:translate(5px);transition:.1s all ease-in-out}.samp{border-radius:10px;width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative;background-color:unset!important}.media{display:flex!important;width:100%;max-width:1150px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.samp.animating.right img{display:flex;width:100%;animation:slide-in-right .5s forwards}.samp.animating.left img{width:100%;rotate:360deg!important;animation:slide-in-left .5s forwards}.pologo:hover img{scale:1.05;transition:.3s all ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(5%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.indicators{height:50px;padding-bottom:50px;display:flex;justify-content:center;align-items:center}.indicator{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.indicator.active{width:20px;border-radius:5px;height:10px;background-color:#717171}@media screen and (width<= 350px){.project_overview{width:85%!important;margin:auto;width:100%;flex-direction:column;height:auto;padding-top:50px;display:flex;align-items:center;padding-bottom:80px}.potit{text-align:left;font-size:45px}.poleft{width:100%;margin:50px 0;flex-direction:column}.poleft .pologo{box-shadow:#959da533 0 8px 24px;display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:10px;background-color:#fff}.poleft .pologo img{width:120px}.poleft .lbot{margin-top:20px;height:40px;width:150px;display:flex;justify-content:space-between}.poleft .lbot a{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;width:70px;height:35px;border:none;outline:none;background-color:#d90429;border-radius:5px;font-size:13px}.poright{padding-right:0;margin-left:0;margin-top:0;height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between}.poright h1{font-size:25px;font-family:Outfit,sans-serif;font-weight:600}.poright p{font-family:Outfit,sans-serif;margin-top:15px;font-size:16px;line-height:1.3;text-align:justify;font-weight:300;word-spacing:3px;padding-bottom:20px}.poright span{font-weight:600}.poright .nav{display:flex;justify-content:space-between;align-items:center}.poright .soc{margin-top:10px;width:130px;height:50px;align-items:center;display:flex;justify-content:space-between}.poright .soc img:nth-child(1){width:40px}.poright .soc img:nth-child(2){width:35px}.poright .soc img:nth-child(3){width:35px}.poright .btn{width:90px;margin-left:auto;margin-top:auto;display:flex}.poright .btn button{box-shadow:#00000026 1.95px 1.95px 2.6px;height:40px;width:45px;margin-right:5px;font-size:0px;border:none;display:flex;align-items:center;justify-content:center}.poright .btn button .lft{width:25px}.poright .btn button .rit{rotate:180deg;width:25px}.sample{padding:20px 0 30px;width:100%;height:auto;margin:auto;display:flex;justify-content:space-between;align-items:center}.sample .sampnav{width:15px;margin:15px;z-index:10}.sample .sampnav:hover{scale:1.1;transform:translate(5px);transition:.1s all ease-in-out}.samp{border-radius:10px;width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}.media{display:flex!important;width:100%;max-width:250px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.samp.animating.right img{width:100%;animation:slide-in-right .5s forwards}.samp.animating.left img{width:100%;rotate:360deg!important;animation:slide-in-left .5s forwards}.pologo:hover img{scale:1.05;transition:.3s all ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(5%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.indicators{height:10px;padding-bottom:50px;display:flex;justify-content:center;align-items:center}.indicator{height:7px;width:7px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.indicator.active{width:14px;border-radius:5px;height:7px;background-color:#717171}}@media screen and (width> 350px) and (width<=450px){.project_overview{width:85%!important;margin:auto;width:100%;flex-direction:column;height:auto;padding-top:50px;display:flex;align-items:center;padding-bottom:80px}.potit{text-align:left;font-size:45px}.poleft{width:100%;margin:50px 0;flex-direction:column}.poleft .pologo{box-shadow:#959da533 0 8px 24px;display:flex;align-items:center;justify-content:center;width:180px;height:180px;border-radius:10px;background-color:#fff}.poleft .pologo img{width:145px}.poleft .lbot{margin-top:20px;height:40px;width:180px;display:flex;justify-content:space-between}.poleft .lbot a{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;width:85px;height:40px;border:none;outline:none;background-color:#d90429;border-radius:5px;font-size:14px}.poright{padding-right:0;margin-left:0;margin-top:0;height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between}.poright h1{font-size:30px;font-family:Outfit,sans-serif;font-weight:600}.poright p{font-family:Outfit,sans-serif;margin-top:15px;font-size:15px;line-height:1.5;text-align:justify;font-weight:300;word-spacing:3px}.poright span{font-weight:600}.poright .nav{display:flex;justify-content:space-between;align-items:center}.poright .soc{margin-top:10px;width:130px;height:50px;align-items:center;display:flex;justify-content:space-between}.poright .soc img:nth-child(1){width:40px}.poright .soc img:nth-child(2){width:35px}.poright .soc img:nth-child(3){width:35px}.poright .btn{width:100px;margin-left:auto;margin-top:auto;display:flex}.poright .btn button{box-shadow:#00000026 1.95px 1.95px 2.6px;height:40px;width:50px;margin-right:5px;font-size:20px;border:none;display:flex;align-items:center;justify-content:center}.poright .btn button .lft{width:35px}.poright .btn button .rit{rotate:180deg;width:35px}.sample{padding:20px 0 30px;width:100%;height:auto;margin:auto;display:flex;justify-content:space-between;align-items:center}.sample .sampnav{width:20px;margin:20px;z-index:10}.sample .sampnav:hover{scale:1.1;transform:translate(5px);transition:.1s all ease-in-out}.samp{border-radius:10px;width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}.media{width:100%;height:auto;max-width:300px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.samp.animating.right{display:flex;width:100%;animation:slide-in-right .5s forwards}.samp.animating.left{display:flex;width:100%;rotate:360deg!important;animation:slide-in-left .5s forwards}.pologo:hover img{scale:1.05;transition:.3s all ease-in-out}.indicators{height:50px;padding-bottom:50px;display:flex;justify-content:center;align-items:center}.indicator{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.indicator.active{width:20px;border-radius:5px;height:10px;background-color:#717171}}@media screen and (width> 450px) and (width<=700px){.project_overview{width:90%!important;margin:auto;width:100%;flex-direction:column;height:auto;padding-top:70px;display:flex;align-items:center;padding-bottom:90px}.potit{text-align:left;font-size:45px}.poleft{width:100%;margin:50px 0;flex-direction:column}.poleft .pologo{box-shadow:#959da533 0 8px 24px;display:flex;align-items:center;justify-content:center;width:280px;height:280px;border-radius:10px;background-color:#fff}.poleft .pologo img{width:230px}.poleft .lbot{margin-top:20px;height:40px;width:280px;display:flex;justify-content:space-between}.poleft .lbot a{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;width:130px;height:40px;border:none;outline:none;background-color:#d90429;border-radius:5px;font-size:16px}.poright{padding-right:0;margin-left:0;margin-top:0;height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between}.poright h1{font-size:40px!important;font-family:Outfit,sans-serif;font-weight:600}.poright p{font-family:Outfit,sans-serif;margin-top:15px;font-size:16px;line-height:1.6;font-weight:300;word-spacing:3px}.poright span{font-weight:600}.poright .nav{display:flex;justify-content:space-between;align-items:center}.poright .soc{margin-top:10px;width:130px;height:50px;align-items:center;display:flex;justify-content:space-between}.poright .soc img:nth-child(1){width:40px}.poright .soc img:nth-child(2){width:35px}.poright .soc img:nth-child(3){width:35px}.poright .btn{width:130px;margin-left:auto;margin-top:auto;display:flex}.poright .btn button{box-shadow:#00000026 1.95px 1.95px 2.6px;height:40px;width:50px;margin-right:10px;font-size:20px;border:none;display:flex;align-items:center;justify-content:center}.poright .btn button .lft{width:30px}.poright .btn button .rit{rotate:180deg;width:30px}.sample{padding:30px 0;width:100%;height:auto;margin:auto;display:flex;justify-content:space-between;align-items:center}.sample .sampnav{width:25px;margin:25px;z-index:10}.sample .sampnav:hover{scale:1.1;transform:translate(5px);transition:.1s all ease-in-out}.samp{border-radius:10px;width:100%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}.media{display:flex!important;width:100%;max-width:550px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.samp.animating.right img{width:100%;animation:slide-in-right .5s forwards}.samp.animating.left img{width:100%;rotate:360deg!important;animation:slide-in-left .5s forwards}.pologo:hover img{scale:1.05;transition:.3s all ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(5%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.indicators{height:50px;padding-bottom:50px;display:flex;justify-content:center;align-items:center}.indicator{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.indicator.active{width:20px;border-radius:5px;height:10px;background-color:#717171}}@media screen and (width> 700px)and (width <= 800px){.mob{display:none}.project_overview{width:90%!important;margin:auto auto 70px;width:100%;flex-direction:column;height:auto;padding-top:70px;display:flex;align-items:center;padding-bottom:60px}.potit{text-align:left;font-size:45px}.poleft{width:100%;margin:50px 0;flex-direction:row;display:flex}.poleft .mob_right{width:100%;height:280px;display:flex;flex-direction:column;justify-content:space-between;padding-left:40px;font-family:Outfit,sans-serif}.poleft .mob_right h1{font-weight:600;font-size:40px;font-family:Outfit,sans-serif}.poleft .mob_right .lbot{display:flex!important;width:240px;justify-content:space-between}.poleft .mob_right p{font-weight:300}.poleft .mob_right p span{font-weight:600}.poleft .pologo{box-shadow:#959da533 0 8px 24px;display:flex;align-items:center;justify-content:center;width:280px;height:280px;border-radius:10px;background-color:#fff}.poleft .pologo img{width:230px}.poleft .lbot{display:none!important;margin-top:20px;height:40px;width:280px;display:flex;justify-content:space-evenly}.poleft .lbot a{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;width:110px;height:40px;border:none;outline:none;background-color:#d90429;border-radius:5px;font-size:17px}.poright{padding-right:0;margin-left:0;margin-top:10px;height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between}.poright h1{display:none;font-family:Outfit,sans-serif;font-weight:600}.poright p{font-family:Outfit,sans-serif;margin-top:20px;font-size:18px;line-height:1.6;font-weight:300;word-spacing:3px}.poright span{font-weight:600}.poright .nav{display:flex;justify-content:space-between;align-items:center}.poright .soc{margin-top:10px;width:130px;height:50px;align-items:center;display:flex;justify-content:space-between}.poright .soc img:nth-child(1){width:40px}.poright .soc img:nth-child(2){width:35px}.poright .soc img:nth-child(3){width:35px}.poright .btn{width:130px;margin-left:auto;margin-top:auto;display:flex}.poright .btn button{box-shadow:#00000026 1.95px 1.95px 2.6px;height:40px;width:60px;margin-right:5px;font-size:20px;border:none;display:flex;align-items:center;justify-content:center}.poright .btn button .lft{width:35px}.poright .btn button .rit{rotate:180deg;width:35px}.sample{padding:50px 0 30px;width:100%;height:auto;margin:auto;display:flex;justify-content:space-between;align-items:center}.sample .sampnav{width:30px;margin:30px;z-index:10}.sample .sampnav:hover{scale:1.1;transform:translate(5px);transition:.1s all ease-in-out}.samp{background-color:#dde3e5;border-radius:10px;width:auto;height:auto;display:flex;align-items:center;justify-content:center;position:relative}.media{display:flex!important;width:100%;max-width:700px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.samp.animating.right img{width:100%;animation:slide-in-right .5s forwards}.samp.animating.left img{width:100%;rotate:360deg!important;animation:slide-in-left .5s forwards}.pologo:hover img{scale:1.05;transition:.3s all ease-in-out}.indicators{height:50px;padding-bottom:50px;display:flex;justify-content:center;align-items:center}.indicator{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.indicator.active{width:20px;border-radius:5px;height:10px;background-color:#717171}@keyframes slide-in-right{0%{opacity:0;transform:translate(5%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}}@media screen and (width> 800px)and (width <= 1200px){.mob{display:none}.project_overview{width:90%!important;margin:auto auto 70px;width:100%;flex-direction:column;height:auto;padding-top:70px;display:flex;align-items:center;padding-bottom:50px}.potit{text-align:left;font-size:45px}.poleft{width:100%;margin:50px 0;flex-direction:row;display:flex}.poleft .mob_right{width:100%;height:280px;display:flex;flex-direction:column;justify-content:space-between;padding-left:40px;font-family:Outfit,sans-serif}.poleft .mob_right h1{font-weight:600;font-size:40px;font-family:Outfit,sans-serif}.poleft .mob_right .lbot{display:flex!important;width:240px;justify-content:space-between}.poleft .mob_right p{font-weight:300}.poleft .mob_right p span{font-weight:600}.poleft .pologo{box-shadow:#959da533 0 8px 24px;display:flex;align-items:center;justify-content:center;width:280px;height:280px;border-radius:10px;background-color:#fff}.poleft .pologo img{width:230px}.poleft .lbot{display:none!important;margin-top:20px;height:40px;width:280px;display:flex;justify-content:space-evenly}.poleft .lbot a{text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;width:110px;height:40px;border:none;outline:none;background-color:#d90429;border-radius:5px;font-size:17px}.poright{padding-right:0;margin-left:0;margin-top:0;height:auto;width:100%;display:flex;flex-direction:column;justify-content:space-between}.poright h1{display:none;font-family:Outfit,sans-serif;font-weight:600}.poright p{font-family:Outfit,sans-serif;margin-top:20px;font-size:18px;line-height:1.6;font-weight:300;word-spacing:3px;padding-bottom:20px}.poright span{font-weight:600}.poright .nav{display:flex;justify-content:space-between;align-items:center}.poright .soc{margin-top:10px;width:130px;height:50px;align-items:center;display:flex;justify-content:space-between}.poright .soc img:nth-child(1){width:40px}.poright .soc img:nth-child(2){width:35px}.poright .soc img:nth-child(3){width:35px}.poright .btn{width:130px;margin-left:auto;margin-top:auto;display:flex}.poright .btn button{box-shadow:#00000026 1.95px 1.95px 2.6px;height:40px;width:60px;margin-right:5px;font-size:20px;border:none;display:flex;align-items:center;justify-content:center}.poright .btn button .lft{width:35px}.poright .btn button .rit{rotate:180deg;width:35px}.sample{padding:50px 0 30px;width:95%;height:auto;margin:auto;display:flex;justify-content:space-between;align-items:center}.sample .sampnav{width:30px;margin:30px;z-index:10}.sample .sampnav:hover{scale:1.1;transform:translate(5px);transition:.1s all ease-in-out}.samp{background-color:#dde3e5;border-radius:10px;width:90%;height:auto;display:flex;align-items:center;justify-content:center;position:relative}.media{width:100%;max-width:800px;box-shadow:#00000029 0 10px 36px,#0000000f 0 0 0 1px;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.samp.animating.right img{width:100%;animation:slide-in-right .5s forwards}.samp.animating.left img{width:100%;rotate:360deg!important;animation:slide-in-left .5s forwards}.pologo:hover img{scale:1.05;transition:.3s all ease-in-out}@keyframes slide-in-right{0%{opacity:0;transform:translate(5%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-5%)}to{opacity:1;transform:translate(0)}}.indicators{height:50px;padding-bottom:50px;display:flex;justify-content:center;align-items:center}.indicator{height:10px;width:10px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 5px;cursor:pointer}.indicator.active{width:20px;border-radius:5px;height:10px;background-color:#717171}}@media screen and (width>1200px){.modal-content{max-width:900px;position:relative;padding:20px;background-color:#fff;border-radius:10px;width:80%;height:auto;display:flex;justify-content:center}.close{position:absolute;top:10px;right:20px;font-size:40px;font-weight:700;cursor:pointer}.full-screen-image{width:100%;height:auto}}.projects{max-width:1600px;width:95%;height:600px;margin:auto;display:flex;justify-content:space-between;align-items:center}.left{background-color:transparent;border:none;outline:none}.left img{width:30px;rotate:180deg}.right{background-color:transparent;border:none;outline:none}.right img{width:30px}.project{display:grid;grid-template-columns:auto auto auto auto auto auto;overflow:auto;overflow-y:hidden}.project::-webkit-scrollbar{display:none}.proj{width:180px;height:340px;background-image:linear-gradient(to bottom,#edf2f4,#fff);margin:20px;border-radius:10px}.proj .logo{width:160px;height:160px;background-color:#fff;margin:10px auto auto;display:flex;justify-content:center;align-items:center;border-radius:5px}.proj .logo img{width:140px}.proj .link{text-decoration:none}.proj .des{color:#000;padding:10px;font-family:Outfit,sans-serif}.proj .des p{overflow:hidden;max-height:4.4em;line-height:1.3em;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:10px 10px 10px 0;font-size:13px;color:#6e6e6e}.proj .des a{font-size:13px;padding:10px 0}.proj:hover{scale:1.05}.topic{margin-top:40px}@media screen and (width<= 350px){.projects{width:100%;height:auto;margin-top:100px;padding-bottom:100px}.left img,.right img{display:none}.project{grid-template-columns:auto auto;grid-template-rows:auto auto auto auto}.proj{width:130px;height:250px;margin:5px}.proj .logo{width:115px;height:115px;margin-top:8px}.proj .logo img{width:100px}.proj .des h3{font-size:13px}.proj .des p{padding:6px 0;font-size:11px}.proj .des a{font-size:11px}}@media screen and (width> 350px) and (width<=450px){.projects{width:100%;height:auto;margin-top:120px;padding-bottom:100px}.left,.right{display:none}.project{margin:auto;grid-template-columns:auto auto;grid-template-rows:auto auto auto auto}.proj{width:145px;height:290px;margin:10px}.proj .logo{width:130px;height:130px;margin-top:8px}.proj .logo img{width:110px}.proj .des h3{font-size:15px}.proj .des p,.proj .des a{font-size:12px}}@media screen and (width> 450px) and (width<=700px){.projects{width:95%;height:auto;margin-top:120px;padding-bottom:100px}.left img,.right img{display:none}.project{grid-template-columns:auto auto;grid-template-rows:auto auto auto}}@media screen and (width> 700px)and (width <= 800px){.projects{width:95%;height:auto;margin-top:120px;padding-bottom:100px}.left img,.right img{display:none}.project{display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto;overflow:auto;overflow-y:hidden}.proj{width:180px;height:320px;background-image:linear-gradient(to bottom,#edf2f4,#fff);margin:20px;border-radius:10px}.proj .logo{width:160px;height:160px}.proj .logo img{width:140px}}@media screen and (width> 800px)and (width <= 1200px){.projects{width:90%}.left img{width:30px;rotate:180deg}.right img{width:30px}.project{display:grid;grid-template-columns:auto auto auto auto auto auto;overflow:auto;overflow-y:hidden}.proj{width:180px;height:320px}.proj .logo{width:160px;height:160px}.proj .logo img{width:140px}}#header{width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;background-color:#2b2d42af;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);transition:top .3s;z-index:5;position:fixed;top:0}#header .hl{z-index:10;width:240px;height:70px;display:flex;align-items:center;justify-content:space-between;padding-left:45px;color:#fff;font-family:Josefin Sans,sans-serif;text-transform:uppercase;margin-top:3px;cursor:pointer}#header .hr{z-index:10;width:380px;height:70px;padding-right:45px;display:flex;justify-content:space-between;align-items:center}#header .hr ul{width:320px;height:70px;list-style:none;display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:3px}.prefix{font-size:25px;margin:0 5px}#progress-bar-container{position:absolute;width:100%;height:20px;z-index:9}#progress-bar{height:3px;margin-top:70px;background-color:#007bff;width:0;transition:width .3s ease}li button{cursor:pointer;text-transform:uppercase;background-color:transparent;border:none;outline:none;font-family:Josefin Sans,sans-serif;color:#fff}@media screen and (width<= 350px){#header{height:60px}#header .hl{z-index:10;width:165px;height:60px;padding-left:15px}#header .hl h2{font-size:16px}#header .hl h5{font-size:10px}#header .hr{width:20px;height:60px;padding-right:25px!important}#header .hr img{display:block!important}.prefix{font-size:16px;margin:0 2px}#progress-bar-container{height:60px;z-index:9}#progress-bar{height:3px;margin-top:60px}li{display:none}}@media screen and (width> 350px)and (width<=450px){#header{width:100%;height:60px}#header .hl{z-index:10;width:182px!important;height:60px;padding-left:20px!important}#header .hl h2{font-size:18px!important}#header .hl h5{font-size:11px!important}#header .hr{width:50px;height:60px;padding:0}#header .hr img{margin-right:20px}.prefix{font-size:17px!important;margin:0 3px!important}#progress-bar-container{height:60px;z-index:9}#progress-bar{height:3px;margin-top:60px}li{display:none}}@media screen and (width> 450px) and (width<=600px){#header{height:60px}#header .hl{z-index:10;width:190px;height:60px;padding-left:20px!important}#header .hl h2{font-size:19px!important}#header .hl h5{font-size:11px!important}#header .hr{width:20px;height:60px;padding-right:30px!important}.prefix{font-size:19px;margin:0 2px}#progress-bar-container{height:60px;z-index:9}#progress-bar{height:3px;margin-top:60px}li{display:none}}@media screen and (width> 600px)and (width <= 800px){#header{width:100%;height:70px}#header .hl{width:240px;padding-left:30px!important}#header .hr{width:290px;padding-right:30px}#header .hr img{display:none!important}.prefix{font-size:25px;margin:0 5px}#progress-bar-container{position:absolute;width:100%;height:70px;z-index:9}#progress-bar{height:3px;margin-top:70px;background-color:#007bff;width:0;transition:width .3s ease}li button{font-size:13px}}@media screen and (width> 800px)and (width <= 1200px){.hr{width:290px!important}.hr img{display:none!important}#progress-bar-container{height:70px;z-index:9}#progress-bar{height:3px;margin-top:70px}}@media screen and (width >= 1200px){.hr{width:290px!important}.hr img{display:none!important}#progress-bar-container{height:70px;z-index:9}#progress-bar{height:3px;margin-top:70px}}footer{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;background-color:#151515;color:#fff}footer .footl{margin-left:40px;width:40%;height:70px;display:flex;align-items:center;font-family:Josefin Sans,sans-serif}footer .footl h2{font-size:19px;font-weight:400}footer .footr{margin-right:40px;width:50%;height:70px;display:flex;align-items:center}.soci{display:flex;width:100%;justify-content:right}.soci img{width:30px;height:30px;margin-right:10px}.soci a{text-decoration:none;color:#fff}.soci p{font-family:Outfit,sans-serif;font-size:16px;font-weight:300;margin-right:35px;margin-top:auto;margin-bottom:auto}.soci .socin{display:flex;align-items:center;cursor:pointer}.linkin{width:30px!important;height:30px!important}.socin:hover{scale:1.1;transition:.1s all ease-in-out}.socin:hover p{color:#1b70e0!important}@media screen and (width<= 450px){footer{width:100%;height:auto;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#151515;padding-bottom:30px;color:#fff}footer .footl{width:100%;height:90px;display:flex;margin-left:0;align-items:center;justify-content:center;font-family:Josefin Sans,sans-serif}footer .footl h2{font-size:18px;font-weight:300}footer .footr{margin-right:0;width:100%;height:70px;display:flex;align-items:center;justify-content:center}.soci{display:grid;grid-template-columns:auto auto;width:100%;align-items:center;justify-content:center}.soci img{width:25px;height:25px;margin-right:5px}.soci a{text-decoration:none;color:#fff}.soci p{font-family:Outfit,sans-serif;font-size:15px;font-weight:200;margin-right:20px;margin-top:auto;margin-bottom:auto}.soci .socin{margin:10px;display:flex;align-items:center;cursor:pointer}.linkin{width:25px!important;height:25px!important}}@media screen and (width> 450px) and (width<=600px){footer{width:100%;height:150px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#151515;color:#fff}footer .footl{width:100%;height:70px;display:flex;margin-left:0;align-items:center;justify-content:center;font-family:Josefin Sans,sans-serif}footer .footl h2{font-size:18px;font-weight:400}footer .footr{margin-right:0;width:100%;height:70px;display:flex;align-items:center;justify-content:center}.soci{display:flex;width:100%;align-items:center;justify-content:center}.soci img{width:25px;height:25px;margin-right:5px}.soci a{text-decoration:none;color:#fff}.soci p{font-family:Outfit,sans-serif;font-size:15px;font-weight:300;margin-right:22px;margin-top:auto;margin-bottom:auto}.soci .socin{display:flex;align-items:center;cursor:pointer}.linkin{width:25px!important;height:25px!important}}@media screen and (width> 600px)and (width <= 800px){footer{width:100%;height:150px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#151515;color:#fff}footer .footl{width:100%;height:70px;display:flex;margin-left:0;align-items:center;justify-content:center;font-family:Josefin Sans,sans-serif}footer .footl h2{font-size:18px;font-weight:400}footer .footr{margin-right:0;width:100%;height:70px;display:flex;align-items:center;justify-content:center}.soci{display:flex;width:100%;justify-content:center}.soci img{width:25px;height:25px;margin-right:7px}.soci a{text-decoration:none;color:#fff}.soci p{font-family:Outfit,sans-serif;font-size:15px;font-weight:300;margin-right:35px;margin-top:auto;margin-bottom:auto}.soci .socin{display:flex;align-items:center;cursor:pointer}.linkin{width:25px!important;height:25px!important}}@media screen and (width> 800px)and (width <= 1000px){footer{width:100%;height:100px;display:flex;justify-content:space-between;align-items:center;background-color:#151515;color:#fff}footer .footl{margin-left:40px;width:280px;height:70px;display:flex;align-items:center;font-family:Josefin Sans,sans-serif}footer .footl h2{font-size:17px;font-weight:400}footer .footr{margin-right:40px;width:550px;height:70px;display:flex;align-items:center}.soci{display:flex;width:100%;justify-content:right}.soci img{width:25px;height:25px;margin-right:5px}.soci a{text-decoration:none;color:#fff}.soci p{font-family:Outfit,sans-serif;font-size:15px;font-weight:300;margin-right:35px;margin-top:auto;margin-bottom:auto}.soci .socin{display:flex;align-items:center;cursor:pointer}.linkin{width:25px!important;height:25px!important}}.profile{max-width:1600px;width:100%;margin:auto;height:650px;display:flex;align-items:center;padding-top:80px}.pl{margin:auto;display:flex;flex-direction:column;width:50%;height:600px}.pl .pltop{height:420px;display:flex;flex-direction:column;justify-content:space-evenly}.pl .pltop h1{padding-left:30px;font-size:45px;font-family:Righteous,sans-serif;font-weight:500;color:#2b2d42;text-wrap:nowrap;text-align:left}.pl .pltop h2{padding-left:30px;font-size:35px;font-family:Josefin Sans,sans-serif}.pl .pltop h2 span{color:#007acc}.pl .pltop h3{padding-left:30px;font-size:30px;text-wrap:nowrap;font-family:Josefin Sans,sans-serif}.pl .pltop p{padding-left:30px;font-size:20px;line-height:1.4;font-family:Outfit,sans-serif;font-weight:300;text-align:justify}.pl .plbot{display:flex;padding-left:30px}.pl .plbot button{width:auto;height:50px;background-color:#ef233c;color:#fff;border-radius:5px;outline:none;border:none;padding:0 15px;margin-right:25px;cursor:pointer;font-family:Outfit,sans-serif;font-size:18px}.pl .plbot button a{text-decoration:none;color:#fff}.pr{margin-right:40px;width:45%;position:relative;height:400px}.pr .prof{position:absolute;margin-top:-120px;width:500px;box-shadow:#64646f33 0 7px 29px;clip-path:inset(0px 0px 150px 0px);margin-left:50px}.pr:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:180px;background:linear-gradient(to bottom,#fff0,#fff)}.social{margin-left:auto;width:50px;height:220px;border-radius:50px;background-color:#2b2d42;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.prof_soc{width:30px;height:30px}.prof_socg{width:34px;height:30px}.prof_soc:hover,.prof_socg:hover{scale:1.2}@media screen and (width<= 350px){.profile{width:100%;height:auto;background-image:linear-gradient(180deg,#edf2f4,#fff);display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding-top:80px;padding-bottom:80px}.pl{display:flex;flex-direction:column;width:100%;height:auto}.pl .pltop{height:auto}.pl .pltop h1{padding-left:15px;padding-right:15px;padding-bottom:20px;font-size:27px;text-wrap:wrap}.pl .pltop h2{padding-left:20px;padding-bottom:10px;font-size:20px}.pl .pltop h3{padding-left:20px;font-size:18px;padding-bottom:10px;text-wrap:nowrap}.pl .pltop p{padding-left:20px;font-size:16px;line-height:1.5;width:90%;text-align:start}.pl .plbot{display:flex;padding-left:20px;padding-top:20px}.pl .plbot button{height:40px;padding:0 10px;margin-right:15px;font-size:15px}.pr{display:none}.pr:after{display:none!important}}@media screen and (width> 350px)and (width<=450px){.profile{width:100%;height:470px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding-top:70px;padding-bottom:110px}.pl{display:flex;flex-direction:column;width:100%;height:470px}.pl .pltop{height:450px;display:flex;flex-direction:column;justify-content:space-evenly}.pl .pltop h1{padding-left:20px;padding-right:20px;font-size:30px;width:80%;margin:unset;text-wrap:wrap;text-align:left}.pl .pltop h2{padding-left:20px;font-size:22px}.pl .pltop h3{padding-left:20px;font-size:20px;text-wrap:nowrap}.pl .pltop p{padding-left:20px;font-size:16px;line-height:1.5;width:90%;text-align:start}.pl .plbot{display:flex;padding-left:20px}.pl .plbot button{height:40px;padding:0 10px;margin-right:15px;font-size:15px}.pr{display:none}}@media screen and (width> 450px) and (width<=600px){.profile{width:100%;height:470px;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;padding-top:70px;padding-bottom:120px}.pl{display:flex;flex-direction:column;width:100%;height:470px}.pl .pltop{height:450px;display:flex;flex-direction:column;justify-content:space-evenly}.pl .pltop h1{padding-left:20px;padding-right:40px;font-size:35px!important;text-wrap:wrap;text-align:left}.pl .pltop h2{padding-left:20px;font-size:27px}.pl .pltop h3{padding-left:20px;font-size:27px;text-wrap:nowrap}.pl .pltop p{padding-left:20px;font-size:16px;line-height:1.5;width:90%;text-align:start}.pl .plbot{display:flex;padding-left:20px}.pl .plbot button{height:40px;padding:0 10px;margin-right:15px;font-size:15px}.pr{display:none}}@media screen and (width> 600px)and (width <= 800px){.profile{width:100%;height:400px;padding-top:100px;padding-bottom:160px}.pl .pltop h1{padding-left:30px;padding-bottom:20px;font-size:30px;text-wrap:wrap;text-align:left}.pl .pltop h2{padding-left:30px;padding-bottom:10px;font-size:25px}.pl .pltop h3{padding-left:30px;padding-bottom:20px;font-size:20px;text-wrap:nowrap}.pl .pltop p{padding-left:30px;padding-bottom:10px;font-size:16px;line-height:1.5;width:90%;text-align:justify}.pl .plbot{padding-left:30px}.pl .plbot button{height:40px;padding:0 10px;margin-right:15px;font-size:15px}.pr{padding-right:25px;margin-right:0;width:50%;height:520px}.prof{margin-top:65px!important;width:450px!important;clip-path:inset(0px 0px 110px 0px);margin-left:-10px!important}.social{display:none}}@media screen and (width> 800px)and (width <= 1200px){.profile{width:100%;height:650px;display:flex;align-items:center;padding-top:80px}.pl{margin:auto;display:flex;flex-direction:column;width:50%;height:600px}.pl .pltop{height:auto;display:flex;flex-direction:column;justify-content:space-evenly}.pl .pltop h1{padding-left:40px;padding-bottom:30px;font-size:45px;font-family:Righteous,sans-serif;font-weight:500;color:#2b2d42;text-wrap:wrap;text-align:left}.pl .pltop h2{padding-left:40px;padding-bottom:20px;font-size:30px;font-family:Josefin Sans,sans-serif}.pl .pltop h2 span{color:#007acc}.pl .pltop h3{padding-left:40px;font-size:25px;padding-bottom:20px;text-wrap:nowrap;font-family:Josefin Sans,sans-serif}.pl .pltop p{padding-left:40px;font-size:18px;line-height:1.4;font-family:Outfit,sans-serif;font-weight:300;text-align:justify}.pl .plbot{padding-top:20px;display:flex;padding-left:40px}.pl .plbot button{width:auto;height:50px;background-color:#ef233c;color:#fff;border-radius:5px;outline:none;border:none;padding:0 15px;margin-right:25px;cursor:pointer;font-family:Outfit,sans-serif;font-size:18px}.pl .plbot button a{text-decoration:none;color:#fff}.pr{margin-right:0;padding-right:30px;width:50%;position:relative;height:400px}.prof{position:absolute;margin-top:-120px;width:500px;clip-path:inset(0px 0px 150px 0px);margin-left:50px}.social{display:none}}.skills{max-width:1600px;width:100%;height:650px;margin:auto;display:flex;align-items:center;justify-content:center}.sl{width:80%;height:auto;display:flex;align-items:center;padding-bottom:20px;border-radius:10px;background-image:linear-gradient(to right,#edf2f4,#fff)}.sl .slin{width:60%;height:auto;min-height:320px;padding-left:40px;padding-top:30px}.sl .slin h2{text-wrap:nowrap;height:30px;font-size:30px;font-family:Josefin Sans,sans-serif;padding:10px 0}.sl .slin p{font-family:Outfit,sans-serif;padding-top:5px;height:auto;line-height:1.6;font-size:18px;padding-bottom:20px;font-weight:300}.sl .slbtm{width:70%;display:flex;justify-content:space-between;height:40px;align-items:center;font-family:Outfit,sans-serif}.sl .slbtm p{font-weight:500}.sr{width:320px;height:320px;padding:5px;margin-left:-250px;rotate:45deg;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto auto}.sr li{cursor:pointer;list-style:none;margin:auto;width:100px;height:100px;display:flex;align-items:center;border-radius:5px;justify-content:center}.sr img{width:70px;height:70px}li:hover{scale:1.1}.Angular{background-color:#dd0030}.Css{background-color:#33a9dc}.Figma{background-color:#d9d9d9}.Figma img{width:80px;height:80px}.HTML{background-color:#f1662a}.Javascript{background-color:#f7df1e}.Javascript img{width:60px;height:60px}.Illustrator{background-color:#300}.Illustrator img{width:80px;height:80px}.React{background-color:#007acc}.Photoshop{background-color:#001e36}.Photoshop img{width:80px;height:80px}.Python{background-color:#2b2d42}.clicked{transform:scale(1.2) perspective(1000px) rotateY(10deg);transition:transform .3s ease;z-index:1;box-shadow:#ffffff8f 0 22px 70px 4px}.topic{padding-top:30px;margin-bottom:-75px}.fade-in{opacity:0}.sl:hover .fade-in,.sl.clicked .fade-in{opacity:1}@media screen and (width<= 350px){.skills{margin-top:85px;height:800px;flex-direction:column-reverse}.sl{padding-top:0;width:90%;height:580px;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.sl .slin{width:90%;height:300px;padding-left:25px;padding-top:50px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between}.sl .slin h2{font-size:20px;padding-bottom:20px;text-wrap:wrap}.sl .slin p{height:auto;line-height:1.5;font-size:15px;padding-bottom:20px}.sl .slbtm{width:90%}.sl .slbtm p{font-size:13px;font-weight:500}.sr{border:1px solid white;width:180px;background-color:#fff;height:180px;margin-left:0;border-radius:5px;margin-bottom:-95px}.sr li{width:57px;height:57px}.sr img{width:45px;height:45px}.Figma img,.Javascript img{width:40px;height:40px}.Illustrator img,.Photoshop img{width:45px;height:45px}}@media screen and (width> 350px) and (width<=450px){.skills{margin-top:100px;height:800px;flex-direction:column-reverse}.sl{padding-top:0;width:90%;height:580px;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.sl .slin{width:90%;height:300px;padding-left:25px;padding-top:50px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between}.sl .slin h2{font-size:20px;padding-bottom:20px;text-wrap:wrap}.sl .slin p{height:auto;line-height:1.5;font-size:16px;padding-bottom:20px}.sl .slbtm{width:90%}.sl .slbtm p{font-weight:500}.sr{border:5px solid white;width:190px;background-color:#fff;height:190px;margin-left:0;border-radius:10px;margin-bottom:-105px}.sr li{width:60px;height:60px}.sr img{width:45px;height:45px}.Figma img{width:45px;height:45px}.Javascript img{width:40px;height:40px}.Illustrator img,.Photoshop img{width:50px;height:50px}}@media screen and (width> 450px) and (width<=600px){h1{font-size:23px!important}.skills{margin-top:120px;width:100%;height:800px;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}.sl{padding-top:130px;width:90%;height:420px;border-radius:10px;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.sl .slin{width:90%;height:300px;padding-left:25px;padding-top:50px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between}.sl .slin h2{font-size:25px;font-family:Josefin Sans,sans-serif;padding:10px 0 20px;text-wrap:wrap}.sl .slin p{font-family:Outfit,sans-serif;padding-top:5px;height:auto;line-height:1.5;font-size:16px;padding-bottom:20px;font-weight:300;text-align:left}.sl .slbtm{width:70%;justify-content:space-between;height:40px}.sl .slbtm p{font-weight:500}.sr{border:10px solid white;width:240px;height:240px;background-color:#fff;margin-left:0;margin-bottom:-130px;rotate:45deg;border-radius:10px}.sr li{width:75px;height:75px}.sr img{width:50px;height:50px}.Figma img{width:60px;height:60px}.Javascript img{width:50px;height:50px}.Illustrator img,.Photoshop img{width:60px;height:60px}}@media screen and (width> 600px)and (width <= 800px){.skills{margin-top:120px;width:100%;height:800px;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse}.sl{padding-top:130px;width:90%;height:420px;border-radius:10px;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.sl .slin{width:100%;height:300px;padding-left:25px;padding-top:50px;padding-right:25px;display:flex;flex-direction:column;justify-content:space-between}.sl .slin h2{font-size:30px;font-family:Josefin Sans,sans-serif;padding:10px 0;text-wrap:nowrap}.sl .slin p{font-family:Outfit,sans-serif;padding-top:5px;height:auto;line-height:1.5;font-size:17px;padding-bottom:20px;font-weight:300;text-align:left}.sl .slbtm{width:70%;justify-content:space-between;height:40px}.sl .slbtm p{font-weight:500}.sr{border:15px solid white;width:290px;height:290px;background-color:#fff;margin-left:0;margin-bottom:-145px;rotate:45deg;border-radius:10px}.sr li{width:90px;height:90px}.sr img{width:70px;height:70px}.Figma img{width:70px;height:70px}.Javascript img{width:60px;height:60px}.Illustrator img,.Photoshop img{width:70px;height:70px}}@media screen and (width> 800px)and (width <= 1000px){.skills{margin-top:50px;width:100%;height:600px;display:flex;align-items:center;justify-content:center}.sl{height:450px;border-radius:10px}.sl .slin{width:50%;height:400px;padding-left:40px;padding-top:30px;display:flex;flex-direction:column;justify-content:space-between}.sl .slin h2{height:30px;font-size:25px;font-family:Josefin Sans,sans-serif;padding:10px 0;text-wrap:nowrap}.sl .slin p{font-family:Outfit,sans-serif;padding-top:5px;height:auto;line-height:1.5;font-size:16px;padding-bottom:20px;font-weight:300;text-align:justify}.sl .slbtm{width:80%;justify-content:space-between;height:40px}.sl .slbtm p{font-weight:500}.sr{width:250px;height:250px;margin-left:-220px;rotate:45deg}.sr li{width:80px;height:80px}.sr img{width:55px;height:55px}.Figma img{width:60px;height:60px}.Javascript img{width:50px;height:50px}.Illustrator img,.Photoshop img{width:60px;height:60px}}.about{max-width:1600px;width:90%;height:400px;display:flex;margin:40px auto auto;justify-content:center;align-items:center;padding-bottom:100px}.about .abtl{width:300px;height:400px;margin-right:40px}.about .abtl img{width:300px;border-radius:10px;box-shadow:#959da533 0 8px 24px}.about .abtr{width:1000px;height:300px;background-image:linear-gradient(to right,#edf2f4,#fff);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:20px 30px}.about .abtr p{line-height:1.8;font-size:19px;font-family:Outfit,sans-serif;font-weight:300;text-align:left}@media screen and (width<= 350px){h1{font-size:22px}.about{height:670px;margin-top:110px;padding-bottom:100px;flex-direction:column}.about .abtl{display:flex;align-items:center;justify-content:center;width:180px;background-color:#fff;z-index:1;height:400px;border-radius:15px;margin-right:0;padding-bottom:15px}.about .abtl img{width:150px}.about .abtr{margin-top:-140px;padding-top:170px;width:80%;height:auto;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.about .abtr p{line-height:1.8;font-size:15px}}@media screen and (width> 350px) and (width<=450px){.about{width:95%;height:670px;margin-top:90px;padding-bottom:100px;flex-direction:column}.about .abtl{display:flex;align-items:center;justify-content:center;width:220px;background-color:#fff;z-index:1;height:400px;border-radius:15px;margin-right:0;padding-bottom:20px}.about .abtl img{width:180px;border-radius:10px}.about .abtr{margin-top:-115px;padding-top:140px;width:80%;height:auto;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.about .abtr p{line-height:1.8;font-size:15px}}@media screen and (width> 450px) and (width<=600px){.about{height:670px;margin-top:80px;padding-bottom:100px;flex-direction:column}.about .abtl{display:flex;align-items:center;justify-content:center;width:280px;background-color:#fff;z-index:1;height:400px;border-radius:15px;margin-right:0;padding-bottom:25px}.about .abtl img{width:230px;border-radius:10px}.about .abtr{margin-top:-140px;padding-top:170px;width:80%;height:auto;background-image:linear-gradient(to bottom,#edf2f4,#fff)}.about .abtr p{line-height:1.8;font-size:15px}}@media screen and (width> 600px)and (width <= 800px){.about{margin-top:100px;padding-bottom:100px}.about .abtl{display:flex;align-items:center;width:180px;height:400px;margin-right:40px}.about .abtl img{width:180px}.about .abtr{width:500px;height:auto;background-image:linear-gradient(to right,#edf2f4,#fff)}.about .abtr p{line-height:1.8;font-size:15px}}@media screen and (width> 800px)and (width <= 1200px){.about{margin-top:60px;padding-bottom:100px}.about .abtl{display:flex;align-items:center;width:250px;height:400px;margin-right:40px}.about .abtl img{width:250px}.about .abtr{width:500px;height:350px;background-image:linear-gradient(to right,#edf2f4,#fff)}.about .abtr p{line-height:1.8;font-size:16px}}.serv{max-width:1600px;height:400px;width:90%;margin:auto;display:grid;grid-template-columns:auto auto auto auto auto auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:190px;background-color:#fff;height:195px;border-radius:10px;transition:all .3s ease;opacity:1!important;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:5px 20px;line-height:1.4;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:130px;height:130px;object-fit:contain;opacity:.7}.ser.centered{transform:scale(1.2);z-index:1;height:auto;width:190px;padding-bottom:10px;opacity:1;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:13px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.2;opacity:1}@media screen and (width<= 350px){.serv{height:680px;width:95%;margin:auto;display:grid;grid-template-columns:auto auto;grid-template-rows:auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:110px;height:auto;border-radius:10px;transition:all .3s ease;opacity:.7;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:10px 20px;line-height:1;font-size:11px;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:80px;height:80px;object-fit:contain}.ser.centered{transform:scale(1.2);z-index:1;height:auto;width:110px;padding-bottom:10px;opacity:1;background-color:#fff;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:9px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.2}}@media screen and (width> 350px) and (width<=450px){.serv{height:750px;width:95%;margin:auto;display:grid;grid-template-columns:auto auto;grid-template-rows:auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:150px;height:auto;border-radius:10px;transition:all .3s ease;opacity:.7;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:10px 20px;line-height:1.2;font-size:13px;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:100px;height:100px;object-fit:contain}.ser.centered{transform:scale(1.1)!important;z-index:1;height:auto;width:145px;padding-bottom:10px;opacity:1;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:11px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.1}}@media screen and (width> 450px) and (width<=600px){.serv{height:850px;width:90%;margin:auto;display:grid;grid-template-columns:auto auto;grid-template-rows:auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:180px;height:auto;border-radius:10px;transition:all .3s ease;opacity:.7;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:10px 20px;line-height:1.4;font-size:13px;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:130px;height:130px;object-fit:contain}.ser.centered{transform:scale(1.2);z-index:1;height:auto;width:170px;padding-bottom:10px;opacity:1;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:12px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.2}}@media screen and (width> 600px)and (width <= 800px){.serv{height:620px;width:95%;margin:auto;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:180px;height:190px;border-radius:10px;transition:all .3s ease;opacity:.7;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:5px 20px;line-height:1.4;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:130px;height:130px;object-fit:contain}.ser.centered{transform:scale(1.2);z-index:1;height:auto;width:180px;padding-bottom:10px;opacity:1;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:13px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.2}}@media screen and (width> 800px)and (width <= 900px){.serv{height:620px;width:90%;margin:auto;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:190px;height:195px;border-radius:10px;transition:all .3s ease;opacity:.7;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:5px 20px;line-height:1.4;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:130px;height:130px;object-fit:contain}.ser.centered{transform:scale(1.2);z-index:1;height:auto;width:190px;padding-bottom:10px;opacity:1;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:13px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.2}}@media screen and (width> 900px)and (width <= 1380px){.serv{height:620px;width:95%;grid-template-columns:auto auto auto auto;grid-template-rows:auto;border-radius:10px;padding-bottom:80px}.ht{padding-top:40px;padding-bottom:30px}.ser{margin:auto;width:190px;height:195px;border-radius:10px;transition:all .3s ease;opacity:.7;display:flex;flex-direction:column;box-shadow:0 4px 30px #0000001a;align-items:center}.ser h4{padding:5px 20px;line-height:1.4;text-align:center;font-family:Josefin Sans,sans-serif}.ser img{width:130px;height:130px;object-fit:contain}.ser.centered{transform:scale(1.2);z-index:1;height:auto;width:190px;padding-bottom:10px;opacity:1;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.ser.centered p{padding:5px 15px;font-size:13px;text-align:center;font-family:Outfit,sans-serif;font-weight:300}.ser.centered img{clip-path:polygon(0 0,100% 0,100% 80%,0% 100%);scale:1.2}}.htit{padding-top:60px;padding-bottom:50px}.more{max-width:1600px;width:90%;height:430px;margin:auto;display:flex;flex-wrap:wrap}.more .cont{height:160px;padding:20px;margin:auto;width:45%;height:150px;border-radius:10px;background-image:linear-gradient(to right,#eef1f2,#fff)}.more .cont h2{font-family:Outfit,sans-serif}.more .cont p{font-size:16px;font-weight:300;padding-top:15px;line-height:1.6;font-family:Outfit,sans-serif}.more .cont ul{padding:15px 20px 20px;font-size:16px;font-weight:300;line-height:1.6;font-family:Outfit,sans-serif}.more .cont li{margin-bottom:10px}.more .cont span{font-family:Outfit,sans-serif;font-size:18px;font-weight:500;line-height:2}.li:hover{scale:unset}@media screen and (width<= 350px){h1{font-size:20px}.more{width:90%;height:1150px;margin:auto;flex-direction:column;display:flex;justify-content:center;flex-wrap:nowrap;padding-bottom:100px}.more .cont{width:85%;height:auto;padding:20px;margin:10px auto;border-radius:10px}.more .cont h2{font-size:17px}.more .cont p{font-size:15px;font-weight:300;padding-top:15px;line-height:1.5}.more .cont ul{padding-top:15px;line-height:1.5}.more .cont li{font-size:15px;display:block;margin-bottom:5px}.more .cont span{font-family:Outfit,sans-serif;font-size:15px;font-weight:500;line-height:2}}@media screen and (width> 350px) and (width<=450px){h1{font-size:25px}.more{width:90%;height:1050px;margin:auto;flex-direction:column;display:flex;justify-content:center;flex-wrap:nowrap}.more .cont{width:85%;height:auto;padding:20px;margin:10px auto;border-radius:10px}.more .cont h2{font-size:22px}.more .cont p{font-size:15px;font-weight:300;padding-top:15px;line-height:1.5}.more .cont ul{padding-top:15px;line-height:1.5}.more .cont li{font-size:15px;display:block;margin-bottom:5px}}@media screen and (width> 450px) and (width<=600px){h1{font-size:27px}.more{width:90%;height:850px;margin:auto;flex-direction:column;display:flex;justify-content:center;flex-wrap:nowrap}.more .cont{width:90%;height:160px;padding:20px;margin:10px auto;border-radius:10px}.more .cont h2{font-size:22px}.more .cont p{font-size:15px;font-weight:300;padding-top:15px;line-height:1.5}.more .cont ul{padding-top:15px;line-height:1.5}.more .cont li{display:block;margin-bottom:5px}}@media screen and (width> 600px)and (width <= 800px){.more{width:90%;height:750px;margin:auto;flex-direction:column;display:flex;justify-content:center;flex-wrap:nowrap}.more .cont{width:95%;height:auto;padding:20px;margin:10px auto;border-radius:10px}.more .cont h2{font-size:22px}.more .cont p{font-size:16px;font-weight:300;padding-top:15px;line-height:1.7}.more .cont ul{padding-top:15px;line-height:1.7}.more .cont li{margin-bottom:5px}}@media screen and (width> 800px)and (width <= 1200px){h1{font-size:30px}.more{width:90%;height:550px;margin:auto;display:flex;flex-wrap:wrap}.more .cont{height:220px;padding:20px;margin:auto;width:42%;border-radius:10px}.more .cont h2{font-size:22px}.more .cont p{font-size:16px;font-weight:300;padding-top:15px;line-height:1.7}.more .cont ul{padding-top:15px;line-height:1.7}.more .cont li{margin-bottom:5px}}.collab{width:90%;margin:auto;max-width:1600px;padding-bottom:100px;height:400px;display:flex;flex-direction:column;justify-content:center}.collab p{font-size:22px;line-height:1.5;text-align:center;padding-bottom:10px;font-weight:300;font-family:Outfit,sans-serif}.collab h1{padding:130px 0 30px}.collab .btn{margin-top:20px;display:flex;justify-content:center;align-items:center}.collab button{font-family:Outfit,sans-serif;font-weight:500;width:140px;height:40px;border-radius:5px;outline:none;border:none;font-size:18px;background-color:#d90429;color:#fff}@media screen and (width<= 350px){.collab{width:90%;margin:auto;padding-bottom:100px;height:300px}.collab p{font-size:14px}.collab button{font-size:14px;width:100px}}@media screen and (width> 350px) and (width<=450px){.collab{width:90%;margin:auto;padding-bottom:100px;height:400px}.collab p{font-size:14px}.collab button{font-size:14px;width:110px}}@media screen and (width> 450px) and (width<=600px){.collab{width:90%;margin:auto;padding-bottom:100px;height:400px}.collab p{font-size:16px}.collab button{font-size:16px;width:120px}}@media screen and (width> 600px)and (width <= 800px){.collab{width:90%;margin:auto;padding-bottom:100px;height:400px}.collab p{font-size:18px}}@media screen and (width> 800px)and (width <= 1200px){.collab{width:90%;margin:auto;padding-bottom:100px;height:400px}.collab p{font-size:18px}}.feedbk{max-width:1600px;width:90%;height:400px;margin:auto;display:flex;align-items:center;justify-content:space-between}.feedbk .feedl{width:35%;height:400px;background-image:linear-gradient(to bottom,#dde3e5,#fff);border-radius:10px}.feedbk form{font-family:Outfit,sans-serif;font-weight:300;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.feedbk form input{font-family:Outfit,sans-serif;height:40px;width:88%;border:none;border-radius:5px;padding-left:20px;word-spacing:4px;font-size:16px}.feedbk form textarea{font-family:Outfit,sans-serif;min-width:87%;word-spacing:4px;font-size:16px;min-height:200px;max-width:87%;max-height:200px;border-radius:5px;border:none;padding-left:15px;padding-top:15px}.feedbk form button{font-family:Outfit,sans-serif;font-weight:500;width:120px;height:40px;background-color:#d90429;border:none;outline:none;color:#fff;border-radius:5px;font-size:18px}.feedbk .feedr{height:400px;width:60%;display:flex;flex-direction:column-reverse;overflow:auto;padding-right:10px}.feedbk .feedr .feed{width:90%;box-shadow:#0000001a 0 4px 12px;padding:15px 20px;background-color:#fff!important;border-radius:5px;margin:5px auto 10px}.feedbk .feedr .feed h3{font-family:Outfit,sans-serif;font-weight:600;padding-bottom:5px}.feedbk .feedr .feed p{font-family:Outfit,sans-serif;padding-left:20px;font-size:16px;line-height:1.4;font-weight:300;color:#4e5050}.feedr::-webkit-scrollbar{width:5px}.feedr::-webkit-scrollbar-button{display:none}.feedr::-webkit-scrollbar-thumb{background-color:#dde3e5;border-radius:5px}.end{padding:150px 0 75px}@media screen and (width<= 350px){.feedbk{width:95%;height:auto;margin:auto;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.feedbk .feedl{width:95%;height:400px;background-image:linear-gradient(to bottom,#dde3e5,#fff);border-radius:10px}.feedbk form{font-family:Outfit,sans-serif;font-weight:300;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.feedbk form input{font-family:Outfit,sans-serif;height:45px;width:88%;border:none;border-radius:5px;padding-left:20px;word-spacing:4px;font-size:16px}.feedbk form textarea{font-family:Outfit,sans-serif;min-width:89%;word-spacing:4px;font-size:16px;min-height:200px;max-width:89%;max-height:200px;border-radius:5px;border:none;padding-left:15px;padding-top:15px}.feedbk form button{font-family:Outfit,sans-serif;font-weight:500;width:120px;height:40px;background-color:#d90429;border:none;outline:none;color:#fff;border-radius:5px;font-size:18px}.feedbk .feedr{margin-top:70px;min-height:150px;max-height:400px;height:auto;width:95%;display:flex;flex-direction:column-reverse;overflow:auto;padding-right:0}.feedbk .feedr .feed{width:80%;box-shadow:#0000001a 0 4px 12px;padding:15px 20px;border-radius:5px;margin:5px auto 10px}.feedbk .feedr .feed h3{font-family:Outfit,sans-serif;font-weight:600;padding-bottom:5px}.feedbk .feedr .feed p{font-family:Outfit,sans-serif;padding-left:20px;font-size:16px;line-height:1.4;font-weight:300;color:#4e5050}.feedr::-webkit-scrollbar{width:5px}.feedr::-webkit-scrollbar-button{display:none}.feedr::-webkit-scrollbar-thumb{background-color:#dde3e5;border-radius:5px}.end{padding:150px 0 75px}}@media screen and (width> 350px) and (width<=700px){.feedbk{width:95%;height:auto;margin:auto;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.feedbk .feedl{width:95%;height:400px;background-image:linear-gradient(to bottom,#dde3e5,#fff);border-radius:10px}.feedbk form{font-family:Outfit,sans-serif;font-weight:300;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.feedbk form input{font-family:Outfit,sans-serif;height:45px;width:88%;border:none;border-radius:5px;padding-left:20px;word-spacing:4px;font-size:16px}.feedbk form textarea{font-family:Outfit,sans-serif;min-width:89%;word-spacing:4px;font-size:16px;min-height:200px;max-width:89%;max-height:200px;border-radius:5px;border:none;padding-left:15px;padding-top:15px}.feedbk form button{font-family:Outfit,sans-serif;font-weight:500;width:120px;height:40px;background-color:#d90429;border:none;outline:none;color:#fff;border-radius:5px;font-size:18px}.feedbk .feedr{margin-top:70px;min-height:150px;max-height:450px;height:auto;width:95%;display:flex;flex-direction:column-reverse;overflow:auto;padding-right:0}.feedbk .feedr .feed{width:80%;box-shadow:#0000001a 0 4px 12px;padding:15px 20px;border-radius:5px;margin:5px auto 10px}.feedbk .feedr .feed h3{font-family:Outfit,sans-serif;font-weight:600;padding-bottom:5px}.feedbk .feedr .feed p{font-family:Outfit,sans-serif;padding-left:20px;font-size:16px;line-height:1.4;font-weight:300;color:#4e5050}.feedr::-webkit-scrollbar{width:5px}.feedr::-webkit-scrollbar-button{display:none}.feedr::-webkit-scrollbar-thumb{background-color:#dde3e5;border-radius:5px}.end{padding:80px 0 75px}}@media screen and (width> 700px)and (width <= 800px){.feedbk{width:90%;height:auto;margin:auto;display:flex;align-items:center;flex-direction:column;justify-content:space-between}.feedbk .feedl{width:85%;height:400px;background-image:linear-gradient(to bottom,#dde3e5,#fff);border-radius:10px}.feedbk form{font-family:Outfit,sans-serif;font-weight:300;height:450px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.feedbk form input{font-family:Outfit,sans-serif;height:45px;width:88%;border:none;border-radius:5px;padding-left:20px;word-spacing:4px;font-size:16px}.feedbk form textarea{font-family:Outfit,sans-serif;min-width:89%;word-spacing:4px;font-size:16px;min-height:200px;max-width:89%;max-height:200px;border-radius:5px;border:none;padding-left:15px;padding-top:15px}.feedbk form button{font-family:Outfit,sans-serif;font-weight:500;width:120px;height:40px;background-color:#d90429;border:none;outline:none;color:#fff;border-radius:5px;font-size:18px}.feedbk .feedr{margin-top:70px;min-height:150px;max-height:400px;height:auto;width:85%;display:flex;flex-direction:column-reverse;overflow:auto;padding-right:10px}.feedbk .feedr .feed{width:90%;box-shadow:#0000001a 0 4px 12px;padding:15px 20px;border-radius:5px;margin:5px auto 10px}.feedbk .feedr .feed h3{font-family:Outfit,sans-serif;font-weight:600;padding-bottom:5px}.feedbk .feedr .feed p{font-family:Outfit,sans-serif;padding-left:20px;font-size:16px;line-height:1.4;font-weight:300;color:#4e5050}.feedr::-webkit-scrollbar{width:5px}.feedr::-webkit-scrollbar-button{display:none}.feedr::-webkit-scrollbar-thumb{background-color:#dde3e5;border-radius:5px}.end{padding:90px 0 75px}}@media screen and (width> 800px)and (width <= 1200px){.feedbk{width:90%;height:400px;margin:auto;display:flex;align-items:center;justify-content:space-between}.feedbk .feedl{max-width:35%;min-width:350px;height:400px;background-image:linear-gradient(to bottom,#dde3e5,#fff);border-radius:10px}.feedbk form{font-family:Outfit,sans-serif;font-weight:300;height:400px;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.feedbk form input{font-family:Outfit,sans-serif;height:40px;width:88%;border:none;border-radius:5px;padding-left:20px;word-spacing:4px;font-size:16px}.feedbk form textarea{font-family:Outfit,sans-serif;min-width:87%;word-spacing:4px;font-size:16px;min-height:200px;max-width:87%;max-height:200px;border-radius:5px;border:none;padding-left:15px;padding-top:15px}.feedbk form button{font-family:Outfit,sans-serif;font-weight:500;width:120px;height:40px;background-color:#d90429;border:none;outline:none;color:#fff;border-radius:5px;font-size:16px}.feedbk .feedr{height:400px;max-width:60%;min-width:480px;display:flex;flex-direction:column-reverse;overflow:auto;padding-right:10px}.feedbk .feedr .feed{width:80%;box-shadow:#0000001a 0 4px 12px;padding:15px 20px;border-radius:5px;margin:5px auto 10px}.feedbk .feedr .feed h3{font-family:Outfit,sans-serif;font-weight:600;padding-bottom:5px}.feedbk .feedr .feed p{font-family:Outfit,sans-serif;padding-left:20px;font-size:16px;line-height:1.4;font-weight:300;color:#4e5050}.feedr::-webkit-scrollbar{width:5px}.feedr::-webkit-scrollbar-button{display:none}.feedr::-webkit-scrollbar-thumb{background-color:#dde3e5;border-radius:5px}.end{padding:150px 0 75px}}section{margin-top:30px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;z-index:4;top:0;left:0;width:100%;height:100vh;display:flex;background-color:#38393e57;justify-content:center;align-items:center}.cnt{width:100%;display:flex;align-items:center}.lft{width:50%}.ryt{width:45%;height:315px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ryt img{width:350px;height:350px}.content{width:700px;height:440px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column}.content h2{font-family:Josefin Sans,sans-serif}.content button{height:30px;width:30px;border-radius:50%;margin-left:auto!important;font-family:Josefin Sans,sans-serif;margin:20px 30px 20px 20px;cursor:pointer;z-index:10;font-size:18px;font-weight:700;border:none;background-color:#80808063}.content h2{margin-top:-60px;padding:30px;text-align:center}.content .inp{display:flex;flex-direction:column;align-items:center}.content .inp textarea{margin-bottom:20px;min-height:70px;min-width:70%;max-height:70px;max-width:70%;border-radius:5px;outline:none;border:1px solid grey;padding:20px}.content .inp button{height:40px;width:80%;border-radius:5px;outline:none;margin:auto;background-color:#2b2d42;color:#fff;font-size:18px}.content input{margin-bottom:15px;height:40px;width:75%;border-radius:5px;outline:none;border:1px solid grey;padding-left:20px}.contact-enter{opacity:0;transform:translateY(-20px)}.contact-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.contact-exit{opacity:1;transform:translateY(0)}.contact-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}@media screen and (width<=350px){.cnt{width:100%;display:flex;align-items:center}.lft{width:100%}.ryt{display:none!important}.content{width:250px;height:300px}.content h2{font-size:16px;font-family:Josefin Sans,sans-serif}.content button{height:20px;width:20px;margin-right:20px;font-size:16px!important;font-weight:400}.content .inp{display:flex;flex-direction:column;align-items:center}.content .inp textarea{min-height:40px;min-width:75%;max-height:40px;max-width:75%;padding:10px;font-size:14px}.content .inp button{height:35px;width:85%}.content input{margin-bottom:15px;font-size:13px;height:30px;width:80%;padding-left:10px}}@media screen and (width> 350px)and (width<=450px){.lft{width:100%}.ryt{display:none!important}.content{width:80%;height:350px}.content h2{font-size:16px;font-family:Josefin Sans,sans-serif}.content button{height:20px;width:20px;margin-right:20px;font-size:16px!important;font-weight:400}.content .inp{display:flex;flex-direction:column;align-items:center}.content .inp textarea{min-height:60px;min-width:75%;max-height:60px;max-width:75%;padding:10px;font-size:14px}.content .inp button{height:40px;width:85%}.content input{font-size:13px;height:40px;width:80%;padding-left:10px}}@media screen and (width> 450px) and (width<=600px){.lft{width:100%}.ryt{display:none!important}.content{width:80%;height:350px}.content h2{font-size:16px;font-family:Josefin Sans,sans-serif}.content button{height:20px;width:20px;margin-right:20px;font-size:16px!important;font-weight:400}.content .inp{display:flex;flex-direction:column;align-items:center}.content .inp textarea{min-height:60px;min-width:75%;max-height:60px;max-width:75%;padding:10px;font-size:14px}.content .inp button{height:40px;width:85%}.content input{font-size:13px;height:40px;width:80%;padding-left:10px}}@media screen and (width> 600px)and (width <= 800px){.cnt{margin-top:-25px}.lft{width:50%}.ryt{width:45%;height:315px;border-radius:10px;display:flex;align-items:center;justify-content:center}.ryt img{width:250px;height:250px}.content{width:80%;height:360px}.content h2{font-size:18px}.content button{width:30px;border-radius:55px;height:30px;padding:5px;margin-right:20px;font-size:16px!important;font-weight:400}.content .inp{display:flex;flex-direction:column;align-items:center}.content .inp textarea{min-height:60px;min-width:75%;max-height:60px;max-width:75%;padding:10px;font-size:14px}.content .inp button{height:40px;width:85%}.content input{font-size:13px;height:40px;width:80%;padding-left:10px}}*{margin:0;padding:0}.demo{color:#2b2d42;color:#8d99ae;color:#edf2f4;color:#ef233c;color:#d90429;color:#fff;color:#007acc;color:#2c2c2e}#proj{display:none}body{overflow-x:hidden;scroll-behavior:smooth;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3Crect stroke='%23ffffff' stroke-width='0.5' width='1' height='1' id='s'/%3E%3Cpattern id='a' width='3' height='3' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cuse fill='%23fcfcfc' href='%23s' y='2'/%3E%3Cuse fill='%23fcfcfc' href='%23s' x='1' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s' x='2' y='2'/%3E%3Cuse fill='%23fafafa' href='%23s'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='2'/%3E%3Cuse fill='%23f7f7f7' href='%23s' x='1' y='1'/%3E%3C/pattern%3E%3Cpattern id='b' width='7' height='11' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s'/%3E%3Cuse href='%23s' y='5' /%3E%3Cuse href='%23s' x='1' y='10'/%3E%3Cuse href='%23s' x='2' y='1'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='8'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='5' y='2'/%3E%3Cuse href='%23s' x='5' y='6'/%3E%3Cuse href='%23s' x='6' y='9'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='h' width='5' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23f5f5f5'%3E%3Cuse href='%23s' y='5'/%3E%3Cuse href='%23s' y='8'/%3E%3Cuse href='%23s' x='1' y='1'/%3E%3Cuse href='%23s' x='1' y='9'/%3E%3Cuse href='%23s' x='1' y='12'/%3E%3Cuse href='%23s' x='2'/%3E%3Cuse href='%23s' x='2' y='4'/%3E%3Cuse href='%23s' x='3' y='2'/%3E%3Cuse href='%23s' x='3' y='6'/%3E%3Cuse href='%23s' x='3' y='11'/%3E%3Cuse href='%23s' x='4' y='3'/%3E%3Cuse href='%23s' x='4' y='7'/%3E%3Cuse href='%23s' x='4' y='10'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='c' width='17' height='13' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23f2f2f2'%3E%3Cuse href='%23s' y='11'/%3E%3Cuse href='%23s' x='2' y='9'/%3E%3Cuse href='%23s' x='5' y='12'/%3E%3Cuse href='%23s' x='9' y='4'/%3E%3Cuse href='%23s' x='12' y='1'/%3E%3Cuse href='%23s' x='16' y='6'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='d' width='19' height='17' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23ffffff'%3E%3Cuse href='%23s' y='9'/%3E%3Cuse href='%23s' x='16' y='5'/%3E%3Cuse href='%23s' x='14' y='2'/%3E%3Cuse href='%23s' x='11' y='11'/%3E%3Cuse href='%23s' x='6' y='14'/%3E%3C/g%3E%3Cg fill='%23efefef'%3E%3Cuse href='%23s' x='3' y='13'/%3E%3Cuse href='%23s' x='9' y='7'/%3E%3Cuse href='%23s' x='13' y='10'/%3E%3Cuse href='%23s' x='15' y='4'/%3E%3Cuse href='%23s' x='18' y='1'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='e' width='47' height='53' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='2' y='5'/%3E%3Cuse href='%23s' x='16' y='38'/%3E%3Cuse href='%23s' x='46' y='42'/%3E%3Cuse href='%23s' x='29' y='20'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='f' width='59' height='71' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='33' y='13'/%3E%3Cuse href='%23s' x='27' y='54'/%3E%3Cuse href='%23s' x='55' y='55'/%3E%3C/g%3E%3C/pattern%3E%3Cpattern id='g' width='139' height='97' patternUnits='userSpaceOnUse' patternTransform='scale(19.15) translate(-947.78 -710.84)'%3E%3Cg fill='%23F60'%3E%3Cuse href='%23s' x='11' y='8'/%3E%3Cuse href='%23s' x='51' y='13'/%3E%3Cuse href='%23s' x='17' y='73'/%3E%3Cuse href='%23s' x='99' y='57'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23h)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23c)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23d)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23e)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23f)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23g)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover;position:relative}body:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background-color:#fff;opacity:.5;pointer-events:none}body::-webkit-scrollbar{display:none}h1{font-family:Josefin Sans,sans-serif}button{cursor:pointer}