:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#00dc82;--accent-secondary:#0ea5e9;--border-light:#e2e8f0;--border-medium:#cbd5e1;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--accent-primary:#00dc82;--accent-secondary:#0ea5e9;--border-light:#334155;--border-medium:#475569;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -4px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3)}*{margin:0;padding:0}html{scroll-behavior:smooth}body,html{transition:background-color .3s ease,color .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);line-height:1.6;overflow-x:hidden}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7;margin-bottom:1rem}.container{max-width:1200px}.container,.container-wide{margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1400px}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modern-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:rgba(248,250,252,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light);transition:all .3s ease}[data-theme=dark] .modern-header{background-color:rgba(15,23,42,.8)}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo{display:flex;align-items:center}.logo{font-size:1.5rem;font-weight:800;color:var(--accent-primary);text-decoration:none;gap:.5rem}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.nav-link:hover{color:var(--accent-primary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--accent-primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.theme-toggle{position:relative;width:56px;height:26px;background-color:var(--border-medium);border-radius:13px;cursor:pointer;transition:all .3s ease;border:none;text-align:right;padding:5px 6px}.theme-toggle:before{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background-color:#fff;border-radius:50%;transition:transform .3s ease;box-shadow:var(--shadow-sm)}.theme-toggle[data-theme=dark]{background-color:var(--accent-primary);text-align:left}.theme-toggle[data-theme=dark]:before{transform:translateX(30px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary{background-color:var(--accent-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:transparent;color:var(--accent-primary);border:2px solid var(--accent-primary)}.btn-secondary:hover{background-color:var(--accent-primary);color:#fff;transform:translateY(-2px)}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:12px;padding:2rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.card-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:12px;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.card-icon,.hero-section{display:flex;align-items:center}.hero-section{min-height:100vh;padding:8rem 0 4rem;background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.hero-content{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center}.hero-text h1{margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--accent-primary);font-weight:600;margin-bottom:1rem}.hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.code-editor{background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xl)}.code-header{background-color:var(--bg-tertiary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:.5rem}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot.red{background-color:#ff5f56}.code-dot.yellow{background-color:#ffbd2e}.code-dot.green{background-color:#27ca3f}.code-content{padding:2rem;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.6}.code-line{margin-bottom:.5rem}.code-keyword{color:#c678dd}.code-string{color:#98c379}.code-comment{color:var(--text-muted)}.code-function{color:#61dafb}.code-variable{color:#e06c75}.section{padding:6rem 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.nav-links{display:none}.container{padding:0 1rem}.hero-buttons{justify-content:center}}@media (max-width:480px){.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:280px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.loading{opacity:.6;pointer-events:none}.btn:focus,.nav-link:focus,.theme-toggle:focus{outline:2px solid var(--accent-primary);outline-offset:2px}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}body,html{width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[data-original-title],abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-top:0;margin-bottom:1em}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}button,input,optgroup,select,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--dark:#000;--light:#fff;--color-primary-h:95;--color-primary-s:60%;--color-primary-l:50%;--hsl-primary:var(--color-primary-h),var(--color-primary-s),var(--color-primary-l);--color-primary-bg:hsl(var(--hsl-primary));--color-primary-fg:var(--light);--color-primary-l-10:hsla(var(--hsl-primary),0.1);--color-primary-l-30:hsla(var(--hsl-primary),0.3);--color-primary-l-50:hsla(var(--hsl-primary),0.5);--text-color:var(--dark);--bg-color:var(--light);--font-base:"Khula",sans-serif;--font-heading:"Khula",sans-serif;--size-xxlg:3.25rem;--size-xlg:2.25rem;--size-lg:1.5rem;--size-xmd:1.375rem;--size-md:1.125rem;--size-nr:0.875rem;--size-sm:0.75rem;--size-xs:0.625rem;--control-radius:2.1875rem;--theme-changer-size:1.75rem}.clearfix:after,.clearfix:before,.container:after,.container:before{content:"";display:table;clear:both}@media(max-width:640px){.hidden-mobile{display:none!important}}@media(min-width:641px){.hidden-desktop{display:none!important}}*{box-sizing:border-box;transition:all .2s ease-out}body,html{height:100%;margin:0;padding:0}html{font-size:16px}@media(min-width:1242px){html{font-size:9px}}@media(min-width:1366px){html{font-size:12px}}@media(min-width:1517px){html{font-size:13px}}@media(min-width:1707px){html{font-size:15px}}@media(min-width:1821px){html{font-size:16px}}@media(min-width:2049px){html{font-size:18px}}@media(min-width:2732px){html{font-size:23px}}@media(min-width:4098px){html{font-size:35px}}@media(min-width:5464px){html{font-size:45px}}@media(max-width:1242px){html{font-size:10.5px}}@media(max-width:1093px){html{font-size:9px}}@media(max-width:911px){html{font-size:7px}}body{background-color:var(--bg-color);color:var(--text-color);font-weight:400;line-height:1.4;font-size:var(--size-xmd);font-family:var(--font-base)}.swiper-button-next,.swiper-button-prev{color:var(--color-primary-bg)!important}.swiper-pagination-bullet-active{background-color:var(--color-primary-bg)!important}#__next{display:block}.wrapper{width:100%}.container{width:84%;margin:auto}.row{display:flex;flex-wrap:wrap}.row .col{flex:0 0 auto}.row .col-1{flex-basis:calc(100% / 12 * 1);width:calc(100% / 12 * 1)}.row .col-1,.row .col-2{flex-grow:0;flex-shrink:0}.row .col-2{flex-basis:calc(100% / 12 * 2);width:calc(100% / 12 * 2)}.row .col-3{flex-basis:calc(100% / 12 * 3);width:calc(100% / 12 * 3)}.row .col-3,.row .col-4{flex-grow:0;flex-shrink:0}.row .col-4{flex-basis:calc(100% / 12 * 4);width:calc(100% / 12 * 4)}.row .col-5{flex-basis:calc(100% / 12 * 5);width:calc(100% / 12 * 5)}.row .col-5,.row .col-6{flex-grow:0;flex-shrink:0}.row .col-6{flex-basis:calc(100% / 12 * 6);width:calc(100% / 12 * 6)}.row .col-7{flex-basis:calc(100% / 12 * 7);width:calc(100% / 12 * 7)}.row .col-7,.row .col-8{flex-grow:0;flex-shrink:0}.row .col-8{flex-basis:calc(100% / 12 * 8);width:calc(100% / 12 * 8)}.row .col-9{flex-basis:calc(100% / 12 * 9);width:calc(100% / 12 * 9)}.row .col-10,.row .col-9{flex-grow:0;flex-shrink:0}.row .col-10{flex-basis:calc(100% / 12 * 10);width:calc(100% / 12 * 10)}.row .col-11{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 12 * 11);width:calc(100% / 12 * 11)}.row .col-12{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 12 * 12);width:calc(100% / 12 * 12)}.clip-image .bubble-shape{width:100%;height:auto}.heading-wrap{display:block;overflow:hidden}.gerneral-heading{font-weight:800;line-height:1.2;font-size:var(--size-xxlg);font-family:var(--font-heading)}.gerneral-heading:before{content:"{";color:var(--color-primary-bg);margin-right:10px}.gerneral-heading:after{content:"}";color:var(--color-primary-bg);margin-left:10px}.no-style-list{list-style:none;padding-left:0}.no-style-list>li{margin-bottom:10px}.screen-section{position:relative;padding:5.5rem 0}@media(min-width:1024px){.screen-section{min-height:100vh;justify-content:center;align-items:center;display:flex}.screen-section .wrap{position:absolute;left:0;right:0;top:0;bottom:0}}#SVGLogoZ #SVGLogoZmain{fill:var(--color-primary-bg)!important}#SVGLogoZ .logo-lightpart,.logo-lightpart{fill:var(--dark)!important}.contact-form{max-width:400px;margin:3.125rem auto}.contact-form-wrap{width:100%;padding:3.125rem;background-color:var(--light);border-radius:2.1875rem;box-shadow:0 0 5px rgba(0,0,0,.02)}.form-control{display:block;width:100%;padding:.75rem 2.1875rem;min-height:3.75rem;line-height:2.25rem;border:.125rem solid var(--color-primary-bg);outline:.25rem solid transparent;border-radius:var(--control-radius);resize:none;margin-top:.3125rem}.form-group{margin-bottom:1.875rem}.btn-bordered,.btn-default{display:inline-block;padding:.75rem 2.1875rem;font-weight:600;line-height:2.5rem;font-size:var(--size-xmd);font-family:var(--font-base);text-transform:capitalize;text-decoration:none;border:.125rem solid var(--color-primary-bg);outline:.25rem solid transparent;border-radius:var(--control-radius);min-width:14.875rem;height:3.75rem;line-height:2.25rem;text-align:center;max-width:45%;outline:none;transition:1s ease-in-out;position:relative}.btn-bordered:hover,.btn-default:hover{transition:1s ease-in-out}.btn-bordered:hover .svg-border,.btn-default:hover .svg-border{stroke-dashoffset:-480}.btn-bordered .svg-border,.btn-default .svg-border{position:absolute;left:0;top:0;fill:none;stroke:#fff;stroke-dasharray:150 480;stroke-dashoffset:150;transition:1s ease-in-out}.btn-default{background-color:var(--color-primary-bg);color:var(--color-primary-fg)}.btn-bordered{color:var(--color-primary-bg)}.btn-block{width:100%;max-width:100%}.bg-primary{background:var(--color-primary-bg)!important}.fill-primary{fill:var(--color-primary-bg)!important}.text-center{text-align:center!important}.hgroup{position:relative;min-height:6.25rem}.hgroup:before{content:attr(data-title);display:block;font-weight:400;line-height:1.4;font-size:var(--size-xlg);font-family:var(--font-base);color:var(--color-primary-bg);top:-50%;width:100%}.big-z,.hgroup:before{position:absolute;left:0}.big-z{z-index:1;top:5rem;transform:translate(-50%,-50%);animation:random-motion 30s ease-in-out infinite alternate}.big-z svg{width:70.4375rem;height:auto;max-width:100%}.big-z svg path{fill:var(--dark)!important;opacity:.05}html[data-theme=dark] .big-z svg path{opacity:.16}.section-info{width:100%}.section-info .clip-image{position:static}.section-skills{width:100%;position:relative}@keyframes random-motion{0%{transform:translate(0)}20%{transform:translate(30px,-20px)}40%{transform:translate(-25px,15px)}60%{transform:translate(20px,30px)}80%{transform:translate(-15px,-25px)}to{transform:translate(0)}}.header-main{text-align:right;position:absolute;top:0;left:0;width:100%;z-index:9;padding:1.5625rem 0;box-sizing:border-box}.header-main .toggle-menu{width:2.9375rem;height:2.9375rem;display:inline-block;vertical-align:top;position:relative;transition:all .5s ease-out}.menu-open .header-main .toggle-menu,.sticky-header .header-main .toggle-menu{width:3.4375rem;height:3.4375rem}@media(min-width:890px){.menu-open .header-main .toggle-menu,.sticky-header .header-main .toggle-menu{transform:translate(250%)}}@media(max-width:767px){.menu-open .header-main .toggle-menu,.sticky-header .header-main .toggle-menu{width:38px;height:38px}}.header-main .toggle-menu-wrap{width:2.5625rem;height:2.5625rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:all .5s ease-out}@media(max-width:767px){.header-main .toggle-menu-wrap{width:35px;height:35px}}.menu-open .header-main .toggle-menu-wrap,.sticky-header .header-main .toggle-menu-wrap{background-color:#fff;width:3.0625rem;height:3.0625rem;box-shadow:0 0 5px 0 rgba(0,0,0,.2)}@media(max-width:767px){.menu-open .header-main .toggle-menu-wrap,.sticky-header .header-main .toggle-menu-wrap{width:35px;height:35px}}.header-main .toggle-menu-progress{width:2.9375rem;height:2.9375rem;border-radius:50%;transition:all .5s ease-out}.menu-open .header-main .toggle-menu-progress,.sticky-header .header-main .toggle-menu-progress{width:3.4375rem;height:3.4375rem;background:conic-gradient(var(--color-primary-bg) var(--menu-progress,"0%"),#fff var(--menu-progress,"0%"));box-shadow:0 4px 16px 0 var(--color-primary-bg)}@media(max-width:767px){.menu-open .header-main .toggle-menu-progress,.sticky-header .header-main .toggle-menu-progress{width:38px;height:38px}}.sticky-header:not(.menu-open) .header-main .toggle-menu-progress{background:conic-gradient(var(--color-primary-bg) var(--menu-progress,"0%"),#fff var(--menu-progress,"0%"));box-shadow:0 4px 16px 0 var(--color-primary-bg)}.sticky-header.progress-done:not(.menu-open) .header-main .toggle-menu-progress{background:conic-gradient(var(--color-primary-bg) var(--menu-progress,"0%"),var(--menu-progress,"0%"))}.header-main .toggle-menu-line1,.header-main .toggle-menu-line2{position:absolute;background-color:var(--text-color);right:.625rem;height:.125rem;transition:all .2s ease-out}html[data-theme=dark] .menu-open .header-main .toggle-menu-line1,html[data-theme=dark] .menu-open .header-main .toggle-menu-line2{--text-color:#000}.progress-done .header-main .toggle-menu-line1,.progress-done .header-main .toggle-menu-line2{background-color:#fff}.menu-open .header-main .toggle-menu-line1,.menu-open .header-main .toggle-menu-line2,.sticky-header.menu-open .header-main .toggle-menu-line1,.sticky-header.menu-open .header-main .toggle-menu-line2{width:1.75rem}.menu-open .header-main .toggle-menu-line1,.menu-open .header-main .toggle-menu-line2{top:1.375rem!important;right:.5625rem}@media(max-width:767px){.menu-open .header-main .toggle-menu-line1,.menu-open .header-main .toggle-menu-line2{top:16px!important;right:9px}}.menu-open.sticky-header .header-main .toggle-menu-line1,.menu-open.sticky-header .header-main .toggle-menu-line2{top:1.375rem!important;right:.625rem}@media(max-width:767px){.menu-open.sticky-header .header-main .toggle-menu-line1,.menu-open.sticky-header .header-main .toggle-menu-line2{top:16px!important;right:9px}}.header-main .toggle-menu-line1{width:1rem;top:.9375rem;height:.09375rem}@media(max-width:767px){.header-main .toggle-menu-line1{width:12px;top:12px;right:8px}}.sticky-header .header-main .toggle-menu-line1{width:1.1875rem;top:1.125rem}@media(max-width:767px){.sticky-header .header-main .toggle-menu-line1{width:12px;top:12px;right:8px}}.menu-open .header-main .toggle-menu-line1,.menu-open.sticky-header .header-main .toggle-menu-line1{transform:rotate(45deg)}.header-main .toggle-menu-line2{width:1.5rem;top:1.5rem}@media(max-width:767px){.header-main .toggle-menu-line2{width:16px;top:18px;right:8px}}.menu-open .header-main .toggle-menu-line2,.menu-open.sticky-header .header-main .toggle-menu-line2{transform:rotate(-45deg)}.header-main .container{max-width:94%}@media(max-width:640px){.section-main{text-align:center;padding-top:3.5rem}.section-main h1{margin-bottom:2.1875rem}}.section-main .container{position:relative;z-index:5}.section-main .row .col.left{flex:0 0 55%;width:55%}@media(max-width:640px){.section-main .row .col.left{flex:0 0 100%;width:100%}}.section-main .row .col.right{flex:0 0 45%;width:45%;text-align:center}@media(max-width:640px){.section-main .row .col.right{flex:0 0 100%;width:100%}}.section-main .row .col.right .clip-image .bubble-shape{width:38.4375rem;height:auto}.section-main .row .zohaib-pic{width:38.375rem;max-width:100%}.section-main #SVGLogoZ{width:16.0625rem;height:10.6875rem}.section-main .designation{font-weight:800;line-height:1.4;font-size:var(--size-xxlg);font-family:var(--font-heading)}.section-main .designation .symbols{color:var(--color-primary-bg)}.section-main .designation .symbols.start{padding-right:.625rem}.section-main .designation .symbols.end{padding-left:.625rem}.section-main .designation .character{color:var(--dark)}.section-main .designation .ti-cursor{display:none!important}.section-main .tag-line{font-weight:400;line-height:1.6;font-size:var(--size-xmd);font-family:var(--font-base);margin-bottom:4rem}.section-main .btn-group{margin-bottom:3.375rem}.section-main .btn-group a{margin-bottom:.9375rem}.section-main .btn-group .btn-bordered{margin-left:.9375rem}@media(max-width:441px){.section-main .btn-group .btn-bordered{margin-left:0}}@media(max-width:803px){.section-main .btn-group [class*=btn-],.section-main .btn-group [class^=btn-]{min-width:46%}}.section-main .basic-detail{padding:0;margin:0 0 3.125rem;list-style:none;font-weight:400;line-height:1;font-size:var(--size-md);font-family:var(--font-base);white-space:nowrap}@media(max-width:640px){.section-main .basic-detail{white-space:normal}}.section-main .basic-detail>li{display:inline-block;margin-bottom:.9375rem;padding-right:.9375rem}.section-main .basic-detail>li a{color:inherit}.section-main .basic-detail>li svg{display:inline-block;vertical-align:middle;width:auto!important;height:1.25rem!important}.section-main .basic-detail>li svg#svgEmail{height:1.125rem!important}.section-main .basic-detail>li .text{display:inline-block;vertical-align:middle;padding:0 .625rem;line-height:.8}.section-main .basic-detail svg path{fill:var(--color-primary-bg)!important}.section-main .clip-image .bubble-shape{max-width:100%;height:auto}.section-main .clip-image image{filter:drop-shadow(4px 3px 16px rgba(0,0,0,.4))}.section-main .social-links{margin:0;list-style:none;padding:0 0 0 1.25rem;text-align:center}.section-main .social-links>li{display:inline-block;padding:.375rem}.section-main .social-links>li>a{display:block}.section-main .social-links svg{width:2.5rem;height:2.5rem}.section-main .social-links svg path{fill:var(--dark);opacity:.8}.section-about .big-z{top:50%;left:50%;transform:translate(-50%,-50%)}.section-about ul li+li{margin-top:1.25rem}.section-about .row .col-left{flex:0 0 45%;width:45%}.section-about .row .col-right{flex:0 0 55%;width:55%}.section-about .clip-image .bubble-shape{max-width:100%;height:auto}#svgEmail{width:.9375rem;height:1.25rem}#svgWhatsapp{width:1.125rem;height:1.125rem}#svgEmail{width:1.375rem;height:1rem;width:1.0625rem;height:1.125rem}[data-theme=dark]{--dark:#fff;--light:#000}.theme-changer{position:relative;width:5rem;height:2.375rem;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--color-primary-bg);border-radius:1.5625rem;box-shadow:inset 0 0 .125rem hsla(0,0%,100%,.7);outline:none;cursor:pointer;overflow:hidden;-webkit-margin-end:.9375rem;margin-inline-end:.9375rem}.theme-changer:checked:before{content:"";width:.9375rem;height:.9375rem;border-radius:50%;position:absolute;left:.75rem;top:28%;transform-origin:3.3125rem .625rem;background-color:transparent;box-shadow:.3125rem -.0625rem 0 #fff;filter:blur(0);animation:sun .7s ease forwards}.theme-changer:checked:after{animation:on .7s cubic-bezier(.8,.5,.2,1.4) forwards;box-shadow:inset -.3125rem -.3125rem .25rem rgba(53,53,53,.3)}.theme-changer:before{width:1.25rem;height:1.25rem;left:-1.875rem;top:.8125rem;filter:blur(1px);background-color:#f5daaa;box-shadow:0 0 .625rem #f5deb4,0 0 1.25rem #f5deb4,0 0 1.875rem #f5deb4,inset 0 0 .125rem #efd3a3;transform-origin:3.3125rem .625rem;animation:moon .7s ease forwards}.theme-changer:after,.theme-changer:before{content:"";border-radius:50%;position:absolute}.theme-changer:after{width:var(--theme-changer-size);height:var(--theme-changer-size);background-color:#fff;left:.25rem;top:.25rem;transform:translateX(0);animation:off .7s cubic-bezier(.8,.5,.2,1.4) forwards;box-shadow:inset .3125rem -.3125rem .25rem rgba(53,53,53,.3)}@keyframes off{0%{transform:translateX(2.875rem);width:var(--theme-changer-size)}50%{width:4.6875rem;border-radius:1.5625rem}to{transform:translateX(0);width:var(--theme-changer-size)}}@keyframes on{0%{transform:translateX(0);width:var(--theme-changer-size)}50%{width:4.6875rem;border-radius:1.5625rem}to{transform:translateX(2.875rem);width:var(--theme-changer-size)}}@keyframes sun{0%{transform:rotate(170deg);background-color:transparent;box-shadow:.3125rem -.0625rem 0 #fff;filter:blur(0)}50%{background-color:transparent;box-shadow:.3125rem -.0625rem 0 #fff;filter:blur(0)}90%{background-color:#f5daaa;box-shadow:0 0 .625rem #f5deb4,0 0 1.25rem #f5deb4,0 0 1.875rem #f5deb4,inset 0 0 .125rem #efd3a3;filter:blur(.0625rem)}to{transform:rotate(0deg);background-color:#f5daaa;box-shadow:0 0 .625rem #f5deb4,0 0 1.25rem #f5deb4,0 0 1.875rem #f5deb4,inset 0 0 .125rem #efd3a3;filter:blur(.0625rem)}}@keyframes moon{0%{transform:rotate(0deg);filter:blur(.0625rem)}50%{filter:blur(.0625rem)}90%{background-color:transparent;box-shadow:.3125rem -.0625rem 0 #fff;filter:blur(0)}to{transform:rotate(170deg);background-color:transparent;box-shadow:.3125rem -.0625rem 0 #fff;filter:blur(0)}}.nav-waypoint{position:fixed;bottom:.9375rem;right:.625rem;z-index:99;font-weight:600;line-height:1.4;font-size:var(--size-nr);font-family:var(--font-base);color:var(--dark);text-align:end}.nav-waypoint ul{list-style:none;padding:0;margin:0}.nav-waypoint ul:after,.nav-waypoint ul:before{content:"";display:block;clear:both}.nav-waypoint ul li{display:block;position:relative}.nav-waypoint ul li+li{margin-top:.375rem}.nav-waypoint ul li a{color:inherit}.nav-waypoint ul li svg{display:none}.nav-waypoint ul li svg path{stroke:var(--dark)!important;stroke-opacity:.6}.nav-waypoint ul li:hover span{opacity:1}.nav-waypoint ul li.active svg path,.nav-waypoint ul li:hover svg path{stroke:var(--color-primary-bg)!important;stroke-opacity:1}.nav-waypoint ul li.active span,.nav-waypoint ul li:hover span{opacity:1}.skills-links{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;gap:30px}.skills-links>li{margin-bottom:50px}.skills-links>li .chart-bar{background-color:var(--dark);width:100%;height:.3125rem}.skills-links>li .chart-bar .item-progress{position:relative;background-color:var(--color-primary-bg);height:.3125rem;display:block}.skills-links>li .chart-bar .item-progress .percent{position:absolute;bottom:1.25rem;right:-1.6875rem;padding:.125rem .375rem;border:.1875rem solid var(--color-primary-bg);border-radius:.9375rem}.skills-links>li .chart-bar .item-progress:before{border-bottom:1.25rem solid var(--color-primary-bg);top:-2.75rem}.skills-links>li .chart-bar .item-progress:after,.skills-links>li .chart-bar .item-progress:before{content:"";display:block;border-top:1.25rem solid transparent;border-left:1.25rem solid transparent;position:absolute;transform:rotate(45deg);right:-.875rem;z-index:1}.skills-links>li .chart-bar .item-progress:after{border-bottom:1.25rem solid var(--light);top:-3rem}.section-achievements .achievements-row{justify-content:center;align-items:center}.education{padding:15px}.education h2{margin-bottom:5px}.education p{margin:5px 0}.section-experience .experience-logo{display:block;max-width:100%;height:5rem;width:auto;margin:auto}.section-experience .experience-figure{text-align:center;background-color:#fff;color:#000;border-radius:.9375rem;padding:3.125rem 1.5625rem;box-shadow:0 0 10px 10px rgba(0,0,0,.03)}.section-experience .experience-figcaption .designation{font-weight:400;line-height:1.4;font-size:var(--size-xmd);font-family:var(--font-base)}.section-experience .experience-figcaption .company{font-weight:400;line-height:1.4;font-size:var(--size-md);font-family:var(--font-base)}.section-experience .experience-figcaption .duration,.section-experience .experience-figcaption .location{display:block;font-weight:400;line-height:1.4;font-size:var(--size-md);font-family:var(--font-base);margin-bottom:.3125rem}.section-experience .experience-figcaption .duration{color:rgba(0,0,0,.5)}