body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader-overlay{align-items:center;background:#000;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{animation:spin .6s linear infinite;border:6px solid #50c878;border-radius:50%;border-top-color:#000;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}body{background-color:#000;color:#fff;font-family:Open Sans,sans-serif;height:auto!important;padding:0 100px}img{max-width:100%}.hero{position:relative}.hero h1,.hero p{transform-origin:center;will-change:transform,opacity}.icon-container{flex-wrap:wrap;gap:30px;padding:0;position:absolute;right:-419px;width:360px}.icon-box,.icon-container{align-items:center;display:flex;justify-content:center}.icon-box{animation:sway 3s ease-in-out infinite alternate;height:80px;width:80px}.icon-box img{height:auto;width:60px}.icon-box img:hover{filter:grayscale(100%);-webkit-filter:grayscale(100%);transition:filter .3s ease,transform .3s ease}@keyframes sway{0%{transform:translateX(0)}to{transform:translateX(12px)}}.move-1{animation-delay:0s;animation-duration:3s}.move-2{animation-delay:1s;animation-duration:4s}.move-3{animation-delay:2s;animation-duration:3.5s}.move-4{animation-delay:3s;animation-duration:4.2s}.move-5{animation-delay:4s;animation-duration:3s}.move-6{animation-delay:5s;animation-duration:4s}.move-7{animation-delay:6s;animation-duration:3.5s}.move-8{animation-delay:7s;animation-duration:4.2s}.move-9{animation-delay:.13s;animation-duration:1s}.move-10{animation-delay:.16s;animation-duration:2}.move-11{animation-delay:.19s;animation-duration:3s}.move-12{animation-delay:.22s;animation-duration:4s}.move-13{animation-delay:.25s;animation-duration:5s}.video-background{filter:grayscale(1);-webkit-filter:grayscale(1);left:0;min-height:100vh;object-fit:cover;opacity:.3;position:fixed;top:0;width:100%;z-index:-1}.navigation{align-items:center;display:flex;justify-content:space-between}a.logo{color:#fff;font-size:20px;letter-spacing:-1.8px;text-decoration:none;text-transform:uppercase}a.logo:after,a.logo:before{color:#50c878;display:inline-block;opacity:0;transition:transform .3s,opacity .2s}a.logo:before{content:"[";margin-right:10px;transform:translateX(20px)}a.logo:after{content:"]";margin-left:10px;transform:translateX(-20px)}a.logo:focus:after,a.logo:focus:before,a.logo:hover:after,a.logo:hover:before{opacity:1;transform:translateX(0)}.logo{align-items:center;display:flex;font-size:1.7rem}ul.nav{justify-content:end}ul.nav,ul.nav li{display:flex;list-style-type:none}ul.nav li{padding:0 6px}ul.nav li a{color:#fff;position:relative;text-decoration:none}.nav a.nav-link:after{background:currentColor;content:"";height:1px;left:0;position:absolute;right:0;top:50%;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.nav a.nav-link.active:after,.nav a.nav-link:hover:after{transform:scaleX(1)}.hero{max-width:70%;padding:100px 0}.hero h1{color:#fff;font-size:66px;font-weight:500;line-height:72px;margin-top:0}.hero p{color:#fff;font-size:20px;letter-spacing:-1px}.hero span{color:#50c878}.char{display:inline-block;opacity:0;transform:translateY(30px)}.zoom-text{font-size:2rem;opacity:0;transform:scale(.5)}.homeprojects{border-top:1px solid #3c3c3c;padding:100px 0}.homeprojects p{font-size:20px;letter-spacing:-1px}.homeprojects h2{font-size:40px;font-weight:500;line-height:52px;margin-top:0}.homeprojects h2 span{color:#50c878}.marquee-wrapper{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7.5%,#000 92.5%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 7.5%,#000 92.5%,#0000);overflow:hidden;padding:20px 0;white-space:nowrap;width:100%}.logo-track img{padding:0 50px}.approach{border-top:1px solid #3c3c3c;padding-top:100px}.approach p{color:#969696;font-size:16px;letter-spacing:-1px;margin-top:0}.approach h2{font-size:40px;font-weight:500;line-height:52px;margin-top:0}.approach h2 span{color:#50c878}.approachstyle{grid-gap:40px;display:grid;gap:40px;grid-auto-rows:200px;grid-template-columns:repeat(2,minmax(50px,1fr));grid-template-rows:repeat(2,200px)}.approach_outer,.approachstyle{flex:none;height:-webkit-min-content;height:min-content;justify-content:center;padding:0;position:relative;width:100%}.approach_outer{align-content:center;align-items:center;align-self:center;display:contents;flex-direction:column;flex-wrap:nowrap;gap:10px;justify-self:center}.approach_card{align-content:flex-start;align-items:flex-start;flex:none;flex-direction:row;flex-wrap:nowrap;gap:20px;height:-webkit-min-content;height:min-content;overflow:hidden;padding:0;position:relative;width:100%}.approach_card,.number{display:flex;justify-content:flex-start}.number{color:#969696;flex-direction:column;flex-shrink:0;font-size:54px;outline:none;transform:none}.info{align-content:flex-start;align-items:flex-start;display:flex;flex:1 0;flex-direction:column;flex-wrap:nowrap;gap:16px;height:-webkit-min-content;height:min-content;justify-content:flex-start;overflow:hidden;padding:0;position:relative;width:1px}.approach_card h3{color:#969696;font-size:28px;margin-bottom:0}.animated-wrapper{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 7.5%,#000 92.5%,#0000);mask-image:linear-gradient(90deg,#0000 0,#000 7.5%,#000 92.5%,#0000);overflow:hidden;padding:40px 0}.row-container{overflow:hidden;white-space:nowrap}.row{display:inline-flex;min-width:200%}.item{font-size:96px}.item,.itemwork{-webkit-text-stroke:.02em #ffffff40;color:#0000;flex-shrink:0;font-weight:600;letter-spacing:-.25rem;padding:0 60px;paint-order:stroke fill}.itemwork{font-size:20em}.Projects{overflow:hidden;padding:100px 0}.bg-image{border-radius:50px}.project_left,.project_right,.project_thumb_large{height:560px;position:relative;width:100%}.bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:transform .8s ease;width:100%}.bg-image:hover,.logo-track,.project_thumb_large:hover .bg-image{filter:grayscale(100%);-webkit-filter:grayscale(100%)}.project_thumb_large:hover .bg-image{transform:scale(1.01)}.project_thumb_large h3{font-size:24px;font-weight:500;margin:20px 0 0}.project_thumb_large h4{color:#969696;font-size:20px;font-weight:500;letter-spacing:-1px;margin:0}.hover-arrow{background-color:#fff;border-radius:50%;bottom:20px;color:#000;cursor:pointer;font-size:2rem;height:60px;left:20px;line-height:55px;opacity:0;position:absolute;text-align:center;transform:translateY(10px);transition:opacity .5s ease,transform .5s ease;vertical-align:middle;width:60px}.project_left:hover .hover-arrow,.project_right:hover .hover-arrow,.project_thumb_large:hover .hover-arrow{opacity:1;transform:translateY(0)}.ProjectListTwoColumn{padding:150px 0 100px}.two-column{display:flex;gap:30px}.project_left a{text-decoration:none}.project_left a h3{color:#fff}.project_left h3{font-size:24px;font-weight:500;margin:20px 0 0}.project_left h4{color:#969696;font-size:20px;font-weight:500;letter-spacing:-1px;margin:0}.project_right a{text-decoration:none}.project_right a h3{color:#fff}.project_right h3{font-size:24px;font-weight:500;margin:20px 0 0}.project_right h4{color:#969696;font-size:20px;font-weight:500;letter-spacing:-1px;margin:0}.experience-section{padding:0 0 100px}.software-logo{padding:0}.software-logo .logo-track{filter:none}.software-logo .logo-track img{width:42px}.experience p{font-size:20px;letter-spacing:-1px}.experience h2{font-size:40px;font-weight:500;line-height:52px;margin-top:0}.experience h2 span{color:#50c878}ul.experience_list{display:flex;margin:0;padding:0}ul.experience_list li{background:#ffffff1a;border-radius:10px;display:grid;list-style-type:none;margin:8px;padding:20px;transition:box-shadow .3s ease,transform .3s ease;width:25%}ul.experience_list li:hover{box-shadow:0 4px 12px #50c878;transform:translateY(-2px)}ul.experience_list li span.digit{font-size:80px}ul.experience_list li span.desc{font-size:16px;letter-spacing:-1px}.footersection{border-top:1px solid #969696;padding:100px 20px}.footertop{align-items:center;display:flex;justify-content:space-between}.footernav h4{font-size:40px;font-weight:300}ul.footernavlist{list-style-type:none;padding-left:0}ul.footernavlist li{display:flex;list-style-type:none;padding:0 15px}ul.footernavlist li a{color:#fff;font-size:50px;text-decoration:none}.infosection{text-align:right}.infosection h2{font-size:15px;margin:50px 0 0;text-transform:uppercase}.infosection h3{font-size:16px;font-style:normal;font-weight:400;margin:0 0 6px}.infosection h4,.infosection h5{font-weight:300;margin:0}.social-links{list-style:none;margin:0;padding:0}.social-links li{line-height:10px;margin-bottom:1rem}.social-links a{color:#fff;display:inline-block;font-size:22px;position:relative;text-decoration:none;transition:color .3s ease}.social-links .arrow{color:#50c878;margin-left:8px;opacity:0;transform:translateX(-10px);transition:all .3s ease}.social-links a:hover .arrow{opacity:1;transform:translateX(0)}.footernavlist .nav-link{height:1.2em;overflow:hidden}.footernavlist .nav-link,.slide-text{display:inline-block;position:relative}.slide-text{transition:transform .4s ease}.slide-text:after{color:#50c878;content:attr(data-text);left:0;position:absolute;top:100%;width:100%}.footernavlist .nav-link:hover .slide-text{transform:translateY(-100%)}.load-more-btn{background:linear-gradient(135deg,#52dc1c,#3cd828,#00cc4a,#00c12b,#00ca4f,#47dc26);border:none;border-radius:6px;color:#fff;display:block;font-weight:500;margin:60px auto auto;max-width:190px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.load-more-btn:hover{background-color:#333;transform:translateY(-2px)}.navigate-btn{background:linear-gradient(135deg,#52dc1c,#3cd828,#00cc4a,#00c12b,#00ca4f,#47dc26);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin:60px auto auto;max-width:190px;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.navigate-btn:hover{background-color:#333;transform:translateY(-2px)}.personal_info_section{padding:0 200px}.myinfo{display:flex;gap:20px;padding-bottom:100px;padding-top:100px}.pic{height:380px}.pic,.pic img{border-radius:10px}.pic img{width:400px}.infomine h2{font-size:50px;font-weight:500;margin-bottom:0;margin-top:0}.infomine p{color:#969696}.infomine span{color:#50c878;font-family:Allura,cursive;font-size:48px;font-style:normal;font-weight:400}.info_mine p{color:#969696}.info_mine span{color:#fff;display:block}.expertisein{padding:0 0 100px}.expertisein p{font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.expertisein span{color:#969696;display:block;font-size:16px;font-weight:400;margin-bottom:50px;text-align:center}ul.expertise-list{margin:0;padding:0}ul.expertise-list li{border-bottom:1px solid #3c3c3c;counter-increment:case-counter;display:inline-block;font-size:20px;font-size:13px;list-style-type:none;margin:0 3%;padding:15px 0;position:relative;text-align:right;transition:all .3s ease;width:27%}ul.expertise-list li:hover{box-shadow:0 4px 12px #0000000f;cursor:pointer;transform:translateY(-2px)}ul.expertise-list li:before{color:#969696;content:counter(case-counter,decimal-leading-zero);counter-increment:section;font-size:26px;font-size:12px;font-weight:700;left:0;padding-left:6px;position:absolute}.certification{padding-bottom:100px}.certification p{font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.certification span.subheading{color:#969696;display:block;font-size:16px;font-weight:400;margin-bottom:50px;text-align:center}ul.certificate_list{display:flex;margin:0;padding:0}ul.certificate_list li{background:#ffffff1a;border-radius:10px;box-shadow:0 4px 12px #50c878;display:grid;font-size:24px;letter-spacing:-1px;list-style-type:none;margin:8px;padding:30px;transition:box-shadow .3s ease,transform .3s ease;width:25%}ul.certificate_list li:hover{box-shadow:0 4px 12px #3ce932;transform:translateY(-4px)}.contact_info{padding:100px 0;text-align:center}.contact_info h2{color:#fff;font-size:66px;font-weight:500;line-height:72px;margin-bottom:0;margin-top:0}.contact_info p{color:#fff;font-size:20px;letter-spacing:-1px}.work{padding:100px 0 0}.work h2{color:#fff;font-size:66px;font-weight:500;line-height:72px;margin-bottom:0;margin-top:0}.work p{color:#fff;color:#969696;font-size:28px;letter-spacing:-1px;padding-left:200px;padding-right:300px}.portfolio{padding-bottom:100px}ul.portfolio_details{margin:100px 0 0;padding:0}ul.portfolio_details li{align-items:center;display:flex;height:100vh;list-style-type:none;padding:0;position:relative}ul.portfolio_details li h3{font-size:24px;font-size:64px;font-weight:500;left:0;margin:20px 0 0;position:relative}ul.portfolio_details li:hover h3{color:#50c878}ul.portfolio_details li span{color:#969696;font-size:20px;font-weight:500;letter-spacing:-1px;margin:0;position:absolute;right:0;text-align:right;width:300px}ul.portfolio_details li a{color:#fff;text-decoration:none}.thumb_project{height:300px;margin:auto;overflow:hidden;width:100%;width:400px}.thumb_project img{height:100%;object-fit:cover;transition:transform .8s ease;width:100%}.thumb_project img:hover{filter:grayscale(100%);-webkit-filter:grayscale(100%);transform:scale(1.05);transform:rotate(6deg);transition:transform .3s ease,filter .3s ease}#smooth-wrapper{height:auto!important;min-height:auto!important;overflow:hidden;position:relative!important}#smooth-content{min-height:auto;position:relative;transform:inherit!important;transition:transform .6s ease;will-change:transform}.box{font-size:30px;position:absolute;text-align:center;transition:all .4s ease;will-change:transform;z-index:100}.box-ref{left:0;right:0}.thumb_project{transform:inherit!important}.case-header{padding:50px 0 0;text-align:center}.case-header h1{border-radius:20px;color:#fff;display:block;font-size:40px;font-weight:500;margin-top:0;overflow:hidden;padding:0 100px}.case-bg img{filter:grayscale(1);-webkit-filter:grayscale(1);max-width:inherit}.intro-section{display:flex;padding-bottom:100px}.intro{padding:0 14rem}.intro h2{margin-top:0}.intro h2,.intro h3{font-size:40px;font-weight:500;margin-bottom:20px}.intro h3{margin-top:30px}.intro p{color:#969696;font-size:16px;letter-spacing:-1px;margin-top:0}ul.caselist_problem{margin:0;padding:0}ul.caselist_problem li{color:#000;letter-spacing:-1px;list-style-position:inside;margin:0 0 5px;padding:0}ul.caselist_problem li span{color:#50c878;display:block;font-weight:700}ul.caselist_solution{margin:0;padding:0}ul.caselist_solution li{border-bottom:1px solid;color:#000;counter-increment:case-counter;letter-spacing:-1px;list-style-position:inside;list-style-type:none;margin:0;padding:30px 30px 30px 40px;position:relative;vertical-align:top}ul.caselist_solution li:before{color:#000;content:counter(case-counter,decimal-leading-zero);counter-increment:section;font-size:26px;font-weight:700;left:0;padding-left:6px;position:absolute}ul.caselist_solution li:hover{background-color:#000;color:#fff}ul.caselist_solution li:hover span,ul.caselist_solution:hover li:before{color:#fff}ul.caselist_solution li span{color:#000;display:block;font-weight:700}.infolist{padding:0}ul.information{margin:0}ul.information li{list-style-type:none;margin:0 15px;padding:0}ul.information li p{margin:0}ul.information li span{font-weight:700}ul.information li span a{color:#50c878;text-decoration:none}.case-project{border-radius:60px;padding:50px 0 0}.case-project span{display:block;margin:auto;max-width:800px}.solution_placeholder{padding-bottom:0}.solution_placeholder_project{border-radius:60px;padding:50px 0 0}.design_process{padding-bottom:50px}.design_process H3{margin-top:0}.result{padding-bottom:100px}.result H3{margin-top:0}ul.result_info{display:flex;margin:0;padding:0}ul.result_info li{border:1px solid;color:#000;display:inline-block;font-size:16px;letter-spacing:-1px;list-style-position:inside;list-style-type:none;margin:0;padding:30px;vertical-align:top;width:28%}ul.result_info li span{color:#000;display:block;font-weight:700}ul.result_info li:hover{background-color:#000;color:#fff}ul.result_info li:hover span{color:#fff}.demo-text .text{font-size:clamp(8rem,15vw,16rem);font-weight:900;line-height:1}.work_showcase{display:flex;justify-content:space-between;padding:100px 0 50px}.work_showcase h2{color:#fff;font-size:66px;font-weight:500;line-height:72px;margin-bottom:0;margin-top:0}.work_showcase p{color:#fff;color:#969696;font-size:16px;letter-spacing:-1px}.project_info{background:#fff;border-radius:30px;padding:80px}.project_info h3{color:#000;font-size:28px;font-weight:500;line-height:72px;margin-bottom:0;margin-top:0}.project_info p{color:#000;font-size:16px;letter-spacing:-1px;margin-top:0}.gap{padding-bottom:80px}.project_screen span{display:block;padding:0 200px 100px}a.live_btn{align-items:center;background-color:#fff;border-radius:62px;cursor:pointer;display:inline-flex;height:62px;justify-content:center;line-height:14px;margin:0;max-width:248px;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;width:100%}.work_experience{padding-bottom:100px}.work_experience p.heading{font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.work_experience span.subheading{color:#969696;display:block;font-size:16px;font-weight:400;margin-bottom:50px;text-align:center}ul.work_company_list{margin:0;padding:0;text-align:left}ul.work_company_list li{align-items:center;border-bottom:1px solid #3c3c3c;display:flex;justify-content:space-between;list-style-type:none;margin:0;padding:0}ul.work_company_list li h3{font-size:20px}ul.work_company_list li a{color:#50c878;display:block;font-size:14px;text-decoration:none}ul.work_company_list li p{color:#50c878}ul.work_company_list li span{color:#969696;font-size:16px;margin:0}.my_skills{padding-bottom:100px}.my_skills p.heading{font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.my_skills span.subheading{color:#969696;display:block;font-size:16px;font-weight:400;margin-bottom:50px;text-align:center}.progress{background-color:#e9ecef;border-radius:.25rem}.progress-bar{background-color:#50c878;height:.5rem!important;transition:width 1.5s ease-in-out;width:0}ul.skill_list{margin:0;padding:0}ul.skill_list li{display:inline-block;list-style-type:none;margin:1%;padding:0;width:48%}.skill_number{float:right}.arrow-down{animation:bounce 1.5s infinite;background-color:#50c878;border-radius:50%;float:right;font-size:45px;text-align:center;width:60px}.banner_section{margin:auto;max-width:850px}.banner_section h2{color:#fff;font-size:66px;font-weight:500;line-height:72px;margin-bottom:0;margin-top:0}.banner_section p{color:#969696;font-size:28px;letter-spacing:-1px}.panel{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000c;max-height:100vh;min-height:100vh;padding:0!important;position:relative;width:100%}.panel img{max-width:100%}.app_panel img{height:auto!important;padding:0 15px;width:23%!important}.custom_width{max-width:800px!important}.panel{align-items:center;color:#fff;display:flex;font-size:3rem;height:100vh;justify-content:center}.scroll-down{font-size:1.5rem;margin-top:20px}@keyframes bounce{0%,to{transform:translateY(0) rotate(45deg)}50%{transform:translateY(10px) rotate(45deg)}}#wrapper{bottom:0;height:100%;left:0;overflow:hidden;position:relative!important;right:0;top:0;width:100%}#content{min-height:auto;overflow:visible;position:relative;transform:inherit!important;transition:transform .6s ease;width:100%;will-change:transform}.text{font-family:termina,sans-serif;font-size:8vw;font-style:normal;font-weight:900;position:fixed;text-align:center;top:50vh;transform:translateY(-100%);width:100%;z-index:-2}.outline-text,.text{-webkit-text-stroke-width:1.5px;-webkit-text-stroke-color:#fff}.outline-text{color:#0000;z-index:2}.filter-text{color:#804691;mix-blend-mode:screen;z-index:2}.images img{height:100%;object-fit:cover;width:100%}.app_images img{height:82vh!important;padding:10px!important}.app_images{padding-bottom:20vh;padding-top:10vh}.images img:first-child{grid-area:1/1/6/8}.images img:nth-child(2){grid-area:3/12/8/20}.images img:nth-child(3){grid-area:9/5/13/15}.images img:nth-child(4){grid-area:14/1/18/8}.images img:nth-child(5){grid-area:16/12/20/19}.images img:nth-child(6){grid-area:20/2/25/9}.images img:nth-child(7){grid-area:22/11/24/20}.images img:nth-child(8){grid-area:26/5/30/15}.app_content{margin:auto;max-width:850px}.app_description h2{-webkit-text-stroke:.02em #ffffff40;color:#fff;flex-shrink:0;font-size:1.5em;font-weight:600;letter-spacing:-.25rem;padding-top:100px;paint-order:stroke fill}.app_description p{font-size:24px;margin-bottom:50px;margin-top:70px}.panel_height{height:auto!important;min-height:auto!important}.app_infolist{padding-bottom:0;padding-top:0}ul.app_information{display:flex;justify-content:space-between;margin:0;padding:0}ul.app_information li{line-height:30px;list-style-type:none;margin:0;padding:0 20px}ul.app_information li:first-child{padding-left:0}ul.app_information li p{font-size:20px;margin:0}ul.app_information li span{font-size:24px;font-weight:700}.detail_full{width:auto}ul.itemstyle{border:1px solid #969696;border-radius:20px;color:#969696;list-style-position:inside;margin-bottom:100px;padding:45px}ul.itemstyle h3{color:#fff}ul.itemstyle_full{padding:0}ul.itemstyle_full li{color:#969696;list-style-type:none;padding:6px 0}ul.itemstyle_full li:before{color:#50c878;content:"\2713";font-size:15px;padding:9px 9px 0 0}.detail_information_overview{align-items:center;display:flex;padding-bottom:100px}.detail_information_overview h3{font-size:40px;margin:0;padding:0}.detail_information_overview p{color:#969696}.detail_information_problem{display:flex;padding-bottom:100px}.detail_information_problem h3{font-size:40px;margin:0;padding:0}.detail_information_problem p{color:#969696}.detail_solution{display:flex;padding-bottom:100px}.detail_solution h3{font-size:40px;margin:0;padding:0}.detail_solution p{color:#969696}.myrole{padding-bottom:0}.myrole h3{font-size:40px;margin:0;padding:0}.myrole p{color:#969696}ul.myrole_style{display:flex;padding:0}ul.myrole_style li{border:1px solid #969696;color:#969696;font-size:14px;list-style-type:none;padding:15px}ul.myrole_style li:nth-child(1n){border-bottom:8px solid #4285f4}ul.myrole_style li:nth-child(2n){border-bottom:8px solid #db4437}ul.myrole_style li:nth-child(3n){border-bottom:8px solid #f4b400}ul.myrole_style li:nth-child(4n){border-bottom:8px solid #0f9d58}.app_images{align-items:center;display:flex;flex-wrap:nowrap;gap:2px;margin-bottom:100px;margin-top:50px;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth;width:100%}.app_images img{height:100vh;object-fit:contain;scroll-snap-align:start;width:auto}.app_images{scroll-snap-type:y mandatory}.total_project{border-radius:30px;color:#50c878;font-size:26px;position:absolute;right:-22px;text-align:center;width:auto}.section_1{display:flex;height:100vh;width:100%;width:auto}.title_container{margin:auto}.headtitle{display:inline-block;font-size:3vw;text-align:center;transform-origin:center center}.section_2,.section_3{height:100vh;width:100%;width:auto}.list-container{align-items:center;display:flex;height:100vh;justify-content:center}ul.screen{height:21rem;list-style:none;margin:0 auto;padding:0;position:relative;width:17rem}ul.screen li{align-items:center;background-color:#fffce1;border-radius:1rem;color:#000;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}ul.screen li:nth-child(odd){background:#eae3d9}.spacer{height:60vh;opacity:.2;width:100%}.section{height:100vh;width:100%}.section.horizontal{height:auto;overflow:hidden;position:relative}.slides-container{display:flex;flex-wrap:nowrap;left:0;position:absolute;right:0;top:0;z-index:1}.horizontal .slide{align-items:center;color:#fff;display:flex;flex:1 0 100%;height:100vh;justify-content:center}.horizontal .overlay{min-height:100vh;position:relative;width:100vw;z-index:2}.overlay .content{color:#fff;font-size:30px;margin:0 auto;max-width:1400px;padding:100px 20px 80px;width:100%}.overlay .content p{margin-bottom:20px}main#main{height:100vh!important}.panel_block{color:#fff}.panel_block,div.landing{height:100vh;position:relative}div.landing{background:#000}@supports (height:100svh){div.landing{height:100svh}}div.landing svg{fill:#fff;height:284px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}header{background-color:#ff0;display:flex;flex-flow:column nowrap;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:20}header ul.menu{all:unset;align-items:center;background-color:red;display:flex;flex-flow:row nowrap;height:48px;justify-content:space-around}header ul.menu li{all:unset;font-weight:500;letter-spacing:.03em;text-transform:uppercase}.banner_images,.creative_images{margin:auto auto 100px;max-width:850px}.dashboard_images{margin:auto;max-width:1024px}.dashboard_images .images{margin-bottom:100px}.mockup_images{margin:auto auto 100px;max-width:1024px;text-align:center}.project_links_section{overflow:hidden;padding-bottom:100px;text-align:center}.project_links_section .section-title{font-size:40px;font-weight:500;line-height:52px;margin-top:0}.project_links_section .section-title span{color:#50c878}.web_section{margin:auto;max-width:850px}ul.project-list{margin:0;padding:0}ul.project-list li{align-items:center;border:1px solid #ccc;display:inline-flex;font-size:26px;gap:16px;justify-content:center;list-style-type:none;margin:0;padding:25px;text-align:center}ul.project-list li p{color:#969696;font-size:20px}ul.project-list li a{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2a7b9b,#57c785 50%,#eddd53);-webkit-background-clip:text;text-decoration:none;transition:transform .3s ease}ul.project-list li a:hover{color:#50c878;transform:scale(1.1)!important}.vibrate-1{animation:vibrate-1 1.5s linear infinite both}@keyframes vibrate-1{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@media (min-width:320px) and (max-width:1199px){.personal_info_section{padding:0}}@media (min-width:320px) and (max-width:991px){body{padding:0 20px}.hero{max-width:inherit}.hero h1{font-size:40px;line-height:46px;padding-top:100px;transform:inherit!important}.approach h2,.experience h2,.homeprojects h2{font-size:30px;line-height:38px}.approachstyle{display:block;grid-template-columns:repeat(1,minmax(50px,1fr));grid-template-rows:repeat(1,200px);margin-top:80px}.two-column{display:block}.project_right{margin-top:150px}ul.experience_list{display:block}ul.experience_list li{display:block;width:auto}.footertop,ul.experience_list li span.desc,ul.experience_list li span.digit{display:block}.infosection{text-align:left}.infosection h3{font-size:20px}ul.footernavlist li{padding:0}.myinfo{display:inherit}ul.expertise-list li{display:block;width:auto}ul.certificate_list{display:inherit}ul.certificate_list li{display:block;width:auto}.pic{height:auto;padding:50px 0;text-align:center}ul.portfolio_details li{margin-bottom:50px;width:100%}.work p{padding:0}ul.portfolio_details li{display:block;height:auto;padding:0!important;translate:none!important}.box{transform:none!important}.box,ul.portfolio_details li h3{position:relative!important}.total_project{position:relative}.personal_info_section{padding:0}ul.app_information,ul.myrole_style{display:block}ul.app_information{padding-bottom:100px}ul.app_information li{padding:0}.detail_solution{display:block}.banner_section h2,.work h2{font-size:40px;line-height:normal}ul.project-list li{display:block}.work_showcase h2{font-size:40px}ul.itemstyle{list-style-position:outside}}@media (min-width:320px) and (max-width:767px){.navigate-btn{display:block;margin-right:0!important;margin:10px 0 0;max-width:100%;width:100%}a.logo{font-size:16px}ul.project-list{text-align:left}ul.project-list li{font-size:14px}ul.work_company_list li{display:block}.work_showcase{display:block;text-align:center}ul.information{margin:0;padding:0}.project_screen span,ul.information li{padding:0}a.live_btn{height:52px;margin-top:30px;max-width:100%;width:100%}ul.result_info{display:block}ul.result_info li{display:block;width:auto}.project_info{padding:20px}.hero h1{padding-top:0}.banner_section p,.work p{font-size:20px}.panel_height{height:auto!important;min-height:auto!important}.description h2{padding-top:0}.app_description h2{margin-top:300px}.panel{padding-top:100px}ul.portfolio_details li h3{font-size:32px}.thumb_project{width:auto}.app_images{margin-bottom:100px;margin-top:200px}ul.skill_list li{display:block;width:auto}}@media (min-width:320px) and (max-width:450px){a.logo{font-size:12px;white-space:normal}ul.nav li a{font-size:13px}ul.expertise-list li{font-size:12px}}
/*# sourceMappingURL=main.bf5fa542.css.map*/