*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-poppins),sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])),.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.rounded-\[20px\]{border-radius:20px}.font-sans{font-family:var(--font-poppins),sans-serif}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-orange-yellow-crayola{--tw-text-opacity:1;color:rgb(0 176 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--bg-gradient-onyx:linear-gradient(to bottom right,#2a2a2a 3%,#1f1f1f 97%);--bg-gradient-jet:linear-gradient(to bottom right,#1f1f1f40 0%,#12121200 100%),#181818;--bg-gradient-yellow-1:linear-gradient(to bottom right,#00b0ff 0%,#00b0ff00 50%);--bg-gradient-yellow-2:linear-gradient(135deg,#00b0ff40 0%,#00b0ff00 59.86%),#181818;--border-gradient-onyx:linear-gradient(to bottom right,#3a3a3a 0%,#3a3a3a00 50%);--text-gradient-yellow:linear-gradient(to right,#00b0ff,#40c4ff);--jet:#2a2a2a;--onyx:#1f1f1f;--eerie-black-1:#181818;--eerie-black-2:#151515;--smoky-black:#121212;--white-1:#e6f1ff;--white-2:#ccd6f6;--orange-yellow-crayola:#00b0ff;--vegas-gold:#40c4ff;--light-gray:#a8b2d1;--light-gray-70:#a8b2d1b3;--bittersweet-shimmer:#ff6b6b;--fs-1:24px;--fs-2:18px;--fs-3:17px;--fs-4:16px;--fs-5:15px;--fs-6:14px;--fs-7:13px;--fs-8:11px;--fw-300:300;--fw-400:400;--fw-500:500;--fw-600:600;--shadow-1:-4px 8px 24px #00000040;--shadow-2:0 16px 30px #00000040;--shadow-3:0 16px 40px #00000040;--shadow-4:0 25px 50px #00000026;--shadow-5:0 24px 80px #00000040;--navbar-bg:#2b2b2cbf;--transition-1:.25s ease;--transition-2:.5s ease-in-out}html[data-theme=light]{--bg-gradient-onyx:linear-gradient(to bottom right,#fafaf9 3%,#f5f5f4 97%);--bg-gradient-jet:linear-gradient(to bottom right,#fffffff2 0%,#fafaf9f2 100%),#fff;--bg-gradient-yellow-1:linear-gradient(to bottom right,#2563eb 0%,#2563eb00 50%);--bg-gradient-yellow-2:linear-gradient(135deg,#2563eb0d 0%,#2563eb00 59.86%),#fafaf9;--border-gradient-onyx:linear-gradient(to bottom right,#e7e5e4 0%,#e7e5e400 50%);--text-gradient-yellow:linear-gradient(to right,#2563eb,#3b82f6);--jet:#e7e5e4;--onyx:#f5f5f4;--eerie-black-1:#fafaf9;--eerie-black-2:#fff;--smoky-black:#f5f5f4;--white-1:#1c1917;--white-2:#292524;--orange-yellow-crayola:#2563eb;--vegas-gold:#3b82f6;--light-gray:#57534e;--light-gray-70:#57534eb3;--shadow-1:-4px 8px 24px #86807914;--shadow-2:0 16px 30px #8680790f;--shadow-3:0 16px 40px #8680790f;--shadow-4:0 25px 50px #8680790a;--shadow-5:0 24px 80px #8680790f;--navbar-bg:#ffffffe6}html[data-theme=light] .navbar{background:#fcfcfdfa;border-color:#e2e8f0}html[data-theme=light] .navbar-link{color:#475569}html[data-theme=light] .navbar-link:hover,html[data-theme=light] .navbar-link:focus{color:#334155}html[data-theme=light] .navbar-link.active{color:#0077b6}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}button{font:inherit;text-align:left;cursor:pointer;background:0 0;border:none}input,textarea{width:100%;font:inherit;background:0 0;display:block}::selection{background:var(--orange-yellow-crayola);color:var(--smoky-black)}:focus{outline-color:var(--orange-yellow-crayola)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}body{background:var(--smoky-black);min-height:100vh;overflow-x:hidden}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{background:var(--jet);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:var(--onyx)}body.hidden{overflow:hidden}.main.hidden{visibility:hidden;opacity:0}.loader-container{background-color:var(--onyx);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader-container:before{content:"";background-color:var(--onyx);z-index:-1;position:absolute;inset:-10px}.loader-container.fade-out{opacity:0;visibility:hidden}.loader-logo{width:100px;max-width:100px;color:var(--orange-yellow-crayola)}.loader-logo svg{fill:none;width:100%;height:100%;margin:0 auto;display:block}.logo-circle{stroke:var(--orange-yellow-crayola);stroke-dasharray:265;stroke-dashoffset:265px;animation:1.5s ease-in-out forwards drawCircle}.logo-text{opacity:0;animation:.7s ease-in-out 1.5s forwards fadeInText}#logo{animation:.3s ease-in-out 2.5s forwards scaleOut}@keyframes drawCircle{to{stroke-dashoffset:0}}@keyframes fadeInText{to{opacity:1}}@keyframes scaleOut{to{opacity:0;transform:scale(.1)}}body.loading{overflow:hidden!important}.theme-toggle{background:var(--bg-gradient-onyx);border:1px solid var(--jet);width:44px;height:44px;color:var(--orange-yellow-crayola);cursor:pointer;z-index:100;transition:var(--transition-1);box-shadow:var(--shadow-1);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:fixed;top:20px;right:20px}.theme-toggle:hover{background:var(--orange-yellow-crayola);color:var(--smoky-black)}@media (max-width:579px){.theme-toggle{display:none}}.theme-toggle-mobile{display:block}.theme-toggle-mobile .theme-btn{justify-content:center;align-items:center;font-size:18px;display:flex}@media (min-width:580px){.theme-toggle-mobile{display:none}}.has-scrollbar::-webkit-scrollbar{width:5px;height:5px}.has-scrollbar::-webkit-scrollbar-track{background:var(--onyx);border-radius:5px}.has-scrollbar::-webkit-scrollbar-thumb{background:var(--orange-yellow-crayola);border-radius:5px}.has-scrollbar::-webkit-scrollbar-button{width:20px}.icon-box{background:var(--border-gradient-onyx);width:30px;height:30px;color:var(--orange-yellow-crayola);box-shadow:var(--shadow-1);z-index:1;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex;position:relative}.icon-box:before{content:"";background:var(--eerie-black-1);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.content-card{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);cursor:pointer;z-index:1;border-radius:14px;padding:45px 15px 15px;position:relative}.content-card:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.separator{background:var(--jet);width:100%;height:1px;margin:16px 0}.h2,.h3,.h4,.h5{color:var(--white-2);text-transform:capitalize}.h2{font-size:var(--fs-1)}.h3{font-size:var(--fs-2)}.h4{font-size:var(--fs-4)}.h5{font-size:var(--fs-7);font-weight:var(--fw-500)}.article-title{color:var(--white-2);font-size:var(--fs-1);text-transform:capitalize;margin-bottom:30px;padding-bottom:7px;position:relative}.article-title:after{content:"";background:var(--text-gradient-yellow);border-radius:3px;width:30px;height:3px;position:absolute;bottom:0;left:0}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.main{min-width:259px;margin:15px 12px 20px}.sidebar{background:var(--eerie-black-2);border:1px solid var(--eerie-black-1);box-shadow:none;z-index:1;max-height:112px;transition:var(--transition-2);border-radius:20px;margin-bottom:15px;padding:15px 20px;overflow:hidden}.sidebar.active{max-height:405px}.sidebar-info{justify-content:flex-start;align-items:center;gap:15px;display:flex;position:relative}.avatar-box{background:var(--bg-gradient-onyx);border-radius:20px}.info-content .name{color:var(--white-2);font-size:var(--fs-3);font-weight:var(--fw-500);letter-spacing:-.25px;margin-bottom:10px}.info-content .title{color:var(--white-1);background:var(--onyx);font-size:var(--fs-8);font-weight:var(--fw-300);border-radius:8px;width:max-content;padding:3px 12px}.info_more-btn{color:var(--orange-yellow-crayola);background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);transition:var(--transition-1);z-index:1;border-radius:0 15px;align-items:center;gap:5px;padding:10px;font-size:13px;display:flex;position:absolute;top:-15px;right:-15px}.info_more-btn:before{content:"";border-radius:inherit;background:var(--bg-gradient-jet);transition:var(--transition-1);z-index:-1;position:absolute;inset:1px}.info_more-btn:hover,.info_more-btn:focus{background:var(--bg-gradient-yellow-1)}.info_more-btn:hover:before,.info_more-btn:focus:before{background:var(--bg-gradient-yellow-2)}.info_more-btn span{display:none}.sidebar-info_more{opacity:0;visibility:hidden;transition:var(--transition-2)}.sidebar.active .sidebar-info_more{opacity:1;visibility:visible}.contacts-list{grid-template-columns:1fr;gap:16px;display:grid}.contact-item{align-items:center;gap:16px;min-width:100%;display:flex}.contact-info{width:calc(100% - 46px);max-width:calc(100% - 46px)}.contact-title{color:var(--light-gray-70);font-size:var(--fs-8);text-transform:uppercase;margin-bottom:2px}.contact-info .contact-link,.contact-info time,.contact-info address{color:var(--white-2);font-size:var(--fs-7)}.contact-info address{font-style:normal}.social-list{justify-content:center;align-items:center;gap:15px;padding-bottom:4px;display:flex}.social-item .social-link{color:var(--light-gray-70);font-size:18px}.social-item .social-link:hover{color:var(--light-gray)}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--jet);width:100%;box-shadow:var(--shadow-2);z-index:5;border-radius:12px 12px 0 0;position:fixed;bottom:0;left:0}.navbar-list{flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px;display:flex}.navbar-link{color:var(--light-gray);font-size:var(--fs-8);transition:color var(--transition-1);padding:20px 7px}.navbar-link:hover,.navbar-link:focus{color:var(--light-gray-70)}.navbar-link.active{color:var(--orange-yellow-crayola)}article{background:var(--eerie-black-2);border:1px solid var(--eerie-black-1);box-shadow:none;z-index:1;border-radius:20px;padding:15px;animation:.5s backwards fade}.about .article-title{margin-bottom:10px}.about-text{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300);line-height:1.5}.about-text p{margin-bottom:10px}.about-text p:last-child,.service{margin-bottom:0}.service-title{color:var(--white-2);font-size:var(--fs-3);margin-bottom:15px}.service-list{grid-template-columns:1fr 1fr;gap:15px;display:grid}.service-item{background:var(--border-gradient-onyx);box-shadow:var(--shadow-2);z-index:1;border-radius:14px;padding:15px;position:relative}.service-item:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;position:absolute;inset:1px}.service-icon-box{margin-bottom:10px}.service-icon-box img{margin:auto}.service-content-box{text-align:center}.service-item-title{color:var(--white-2);font-size:var(--fs-4);margin-bottom:7px}.service-item-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.testimonials{margin-bottom:30px}.testimonials-title{color:var(--white-2);font-size:var(--fs-2);margin-bottom:20px}.testimonials-list{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -15px;padding:25px 15px 35px;display:flex;overflow-x:auto}.testimonials-item{scroll-snap-align:center;min-width:100%}.testimonials-avatar-box{background:var(--bg-gradient-onyx);box-shadow:var(--shadow-1);border-radius:14px;position:absolute;top:0;left:0;transform:translate(15px,-25px)}.testimonials-item-title{color:var(--white-2);font-size:var(--fs-4);margin-bottom:7px}.testimonials-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.clients{margin-bottom:15px}.clients-title{color:var(--white-2);font-size:var(--fs-2);margin-bottom:20px}.clients-list{scroll-behavior:smooth;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;justify-content:flex-start;align-items:flex-start;gap:15px;margin:0 -15px;padding:25px;scroll-padding-inline:25px;display:flex;overflow-x:auto}.clients-item{scroll-snap-align:start;min-width:50%}.clients-item img{filter:grayscale();width:100%;transition:var(--transition-1)}.clients-item img:hover{filter:grayscale(0)}.timeline{margin-bottom:30px}.timeline .title-wrapper{align-items:center;gap:15px;margin-bottom:25px;display:flex}.timeline-list{font-size:var(--fs-6);margin-left:45px}.timeline-item{position:relative}.timeline-item:not(:last-child){margin-bottom:20px}.timeline-item-title{font-size:var(--fs-6);color:var(--white-2);margin-bottom:7px;line-height:1.3}.timeline-list span{color:var(--vegas-gold);font-weight:var(--fw-400);line-height:1.6}.timeline-company{color:var(--orange-yellow-crayola);font-weight:var(--fw-500);margin-bottom:4px;display:block}.timeline-item:not(:last-child):before{content:"";background:var(--jet);width:1px;height:calc(100% + 50px);position:absolute;top:-25px;left:-30px}.timeline-item:after{content:"";background:var(--text-gradient-yellow);width:6px;height:6px;box-shadow:0 0 0 4px var(--jet);border-radius:50%;position:absolute;top:5px;left:-33px}.timeline-text{color:var(--light-gray);font-weight:var(--fw-300);line-height:1.6}.skills-title{color:var(--white-2);font-size:var(--fs-2);margin-bottom:20px}.skills-list{padding:20px}.skills-item:not(:last-child){margin-bottom:15px}.skill .title-wrapper{align-items:center;gap:5px;margin-bottom:8px;display:flex}.skill .title-wrapper data{color:var(--light-gray);font-size:var(--fs-7);font-weight:var(--fw-300)}.skill-progress-bg{background:var(--jet);border-radius:10px;width:100%;height:8px}.skill-progress-fill{background:var(--text-gradient-yellow);border-radius:inherit;height:100%}.filter-list{display:none}.filter-select-box{margin-bottom:25px;position:relative}.filter-select{background:var(--eerie-black-2);color:var(--light-gray);border:1px solid var(--jet);width:100%;font-size:var(--fs-6);font-weight:var(--fw-300);border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{background:var(--eerie-black-2);border:1px solid var(--jet);z-index:2;opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;width:100%;padding:6px;transition:all .15s ease-in-out;position:absolute;top:calc(100% + 6px)}.select-list.active{opacity:1;visibility:visible;pointer-events:all}.select-item button{background:var(--eerie-black-2);color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);text-transform:capitalize;border-radius:8px;width:100%;padding:8px 10px}.select-item button:hover{background:#323234}.project-list{grid-template-columns:1fr;gap:30px;margin-bottom:10px;display:grid}.project-item.active{animation:.25s forwards scaleUp;display:block}.project-item>a{width:100%}.project-img{border-radius:16px;width:100%;height:200px;margin-bottom:15px;position:relative;overflow:hidden}.project-img:before{content:"";z-index:1;width:100%;height:100%;transition:var(--transition-1);background:0 0;position:absolute;top:0;left:0}.project-item>a:hover .project-img:before{background:#00000080}.project-item-icon-box{--scale:.8;background:var(--jet);color:var(--orange-yellow-crayola);transform:translate(-50%,-50%)scale(var(--scale));opacity:0;z-index:1;transition:var(--transition-1);border-radius:12px;padding:18px;font-size:20px;position:absolute;top:50%;left:50%}.project-item>a:hover .project-item-icon-box{--scale:1;opacity:1}.project-img img{object-fit:cover;width:100%;height:100%;transition:var(--transition-1)}.project-item>a:hover img{transform:scale(1.1)}.project-title,.project-category{margin-left:10px}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);text-transform:capitalize;line-height:1.3}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.blog-posts{margin-bottom:10px}.blog-posts-list{grid-template-columns:1fr;gap:20px;display:grid}.blog-post-item>a{background:var(--border-gradient-onyx);height:100%;box-shadow:var(--shadow-4);z-index:1;border-radius:16px;display:block;position:relative}.blog-post-item>a:before{content:"";border-radius:inherit;background:var(--eerie-black-1);z-index:-1;position:absolute;inset:1px}.blog-banner-box{border-radius:12px;width:100%;height:200px;position:relative;overflow:hidden}.blog-banner-box img{object-fit:cover;width:100%;height:100%;transition:var(--transition-1)}.blog-post-item>a:hover .blog-banner-box img{transform:scale(1.1)}.blog-content{padding:15px}.blog-meta{justify-content:flex-start;align-items:center;gap:7px;margin-bottom:10px;display:flex}.blog-meta .blog-category,.blog-meta time{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}.blog-meta .dot{background:var(--light-gray-70);border-radius:4px;width:4px;height:4px}.blog-item-title{transition:var(--transition-1);color:var(--white-2);line-height:1.3;font-size:var(--fs-2);margin-bottom:10px}.blog-post-item>a:hover .blog-item-title{color:var(--orange-yellow-crayola)}.blog-text{color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);line-height:1.6}.mapbox{border:1px solid var(--jet);border-radius:16px;width:100%;height:250px;margin-bottom:30px;position:relative;overflow:hidden}.mapbox figure{height:100%}.mapbox iframe{filter:grayscale()invert();border:none;width:100%;height:100%}.contact-form{margin-bottom:10px}.form-title{color:var(--white-2);font-size:var(--fs-2);margin-bottom:20px}.input-wrapper{grid-template-columns:1fr;gap:25px;margin-bottom:25px;display:grid}.form-input{color:var(--white-2);font-size:var(--fs-6);font-weight:var(--fw-400);border:1px solid var(--jet);background:0 0;border-radius:14px;outline:none;width:100%;margin-bottom:16px;padding:13px 20px}.form-input::placeholder{font-weight:var(--fw-500)}.form-input:focus{border-color:var(--orange-yellow-crayola)}textarea.form-input{resize:vertical;height:150px;min-height:120px;max-height:250px;margin-bottom:20px}textarea.form-input::-webkit-resizer{display:none}.form-input:focus:invalid{border-color:var(--bittersweet-shimmer)}.form-btn{background:var(--border-gradient-onyx);width:100%;color:var(--orange-yellow-crayola);font-size:var(--fs-6);text-transform:capitalize;box-shadow:var(--shadow-3);z-index:1;transition:var(--transition-1);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;display:flex;position:relative}.form-btn:before{content:"";background:var(--bg-gradient-jet);border-radius:inherit;z-index:-1;transition:var(--transition-1);position:absolute;inset:1px}.form-btn:hover{background:var(--bg-gradient-yellow-1)}.form-btn:hover:before{background:var(--bg-gradient-yellow-2)}.form-btn:disabled{opacity:.7;cursor:not-allowed}.form-btn:disabled:hover{background:var(--border-gradient-onyx)}.form-btn:disabled:hover:before{background:var(--bg-gradient-jet)}.form-message{font-size:var(--fs-7);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;display:flex}.form-message svg{flex-shrink:0;font-size:20px}.form-message.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.form-message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}@media (min-width:450px){.clients-item{min-width:calc(33.33% - 10px)}.project-img,.blog-banner-box{height:auto}}@media (min-width:580px){:root{--fs-1:32px;--fs-2:24px;--fs-3:26px;--fs-4:18px;--fs-6:15px;--fs-7:15px;--fs-8:12px}.sidebar,article{width:520px;margin-inline:auto;padding:30px}.article-title{font-weight:var(--fw-600);padding-bottom:15px}.article-title:after{width:40px;height:5px}.icon-box{border-radius:12px;width:48px;height:48px;font-size:18px}.main{margin-top:30px;margin-bottom:30px}.sidebar{max-height:180px;margin-bottom:30px}.sidebar.active{max-height:584px}.sidebar-info{gap:25px}.avatar-box{border-radius:30px}.avatar-box img{width:120px}.info-content .name{margin-bottom:15px}.info-content .title{padding:5px 18px}.info_more-btn{padding:10px 15px;top:-30px;right:-30px}.info_more-btn span{font-size:var(--fs-8);display:block}.info_more-btn svg{display:none}.separator{margin:32px 0}.contacts-list{gap:20px}.contact-info{width:calc(100% - 64px);max-width:calc(100% - 64px)}.navbar{border-radius:20px 20px 0 0}.navbar-list{gap:20px}.navbar-link{--fs-8:14px}.about .article-title{margin-bottom:15px}.about-text{margin-bottom:20px}.service-item{justify-content:flex-start;align-items:flex-start;gap:15px;padding:20px;display:flex}.service-icon-box{margin-top:5px;margin-bottom:0}.service-content-box{text-align:left}.testimonials-title{margin-bottom:25px}.testimonials-list{gap:30px;margin:0 -30px;padding:30px 30px 35px}.content-card{padding:25px 30px 30px}.testimonials-avatar-box{border-radius:20px;transform:translate(30px,-30px)}.testimonials-avatar-box img{width:80px}.testimonials-item-title{margin-bottom:10px;margin-left:95px}.testimonials-text{line-clamp:2;-webkit-line-clamp:2}.clients-list{gap:50px;margin:0 -30px;padding:45px;scroll-padding-inline:45px}.clients-item{min-width:calc(33.33% - 35px)}.timeline-list{margin-left:65px}.timeline-item:not(:last-child):before{left:-40px}.timeline-item:after{width:8px;height:8px;left:-43px}.skills-item:not(:last-child){margin-bottom:25px}.project-img,.blog-banner-box{border-radius:16px}.blog-posts-list{gap:30px}.blog-content{padding:25px}.mapbox{border-radius:18px;height:380px}.input-wrapper{gap:30px;margin-bottom:30px}.form-input{padding:15px 20px}textarea.form-input{margin-bottom:30px}.form-btn{--fs-6:16px;padding:16px 20px}}@media (min-width:768px){.sidebar,article{width:700px}.has-scrollbar::-webkit-scrollbar-button{width:100px}.contacts-list{grid-template-columns:1fr 1fr;gap:30px 15px}.navbar-link{--fs-8:15px}.article-title{padding-bottom:20px}.filter-select-box{display:none}.filter-list{justify-content:flex-start;align-items:center;gap:25px;margin-bottom:30px;padding-left:5px;display:flex}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);transition:var(--transition-1)}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola)}.project-list,.blog-posts-list,.input-wrapper{grid-template-columns:1fr 1fr}.form-btn{width:max-content;margin-left:auto}}@media (min-width:1024px){:root{--shadow-1:-4px 8px 24px #00000020;--shadow-2:0 16px 30px #00000020;--shadow-3:0 16px 40px #00000020}.sidebar,article{width:950px;box-shadow:none}.main{margin-top:30px;margin-bottom:30px}.main-content{width:max-content;margin:auto;position:relative}.navbar{width:max-content;box-shadow:none;background:var(--navbar-bg);border-radius:0 20px;padding:0 20px;position:absolute;inset:0 0 auto auto}.navbar-list{gap:30px;padding:0 20px}.navbar-link{font-weight:var(--fw-500)}.service-list{grid-template-columns:1fr 1fr;gap:20px 25px}.testimonials-item{min-width:calc(50% - 15px)}.clients-item{min-width:calc(25% - 38px)}.project-list{grid-template-columns:repeat(3,1fr)}.blog-banner-box{height:230px}}@media (min-width:1250px){body::-webkit-scrollbar{width:20px}body::-webkit-scrollbar-track{background:var(--smoky-black)}body::-webkit-scrollbar-thumb{border:5px solid var(--smoky-black);background:#ffffff1a;border-radius:20px;box-shadow:inset 1px 1px #ffffff1c,inset -1px -1px #ffffff1c}body::-webkit-scrollbar-thumb:hover{background:#ffffff26}body::-webkit-scrollbar-button{height:60px}.sidebar,article{width:auto}.main{justify-content:center;align-items:flex-start;gap:25px;max-width:1200px;margin-inline:auto;padding:60px 15px;display:flex}.main-content{width:75%;min-width:75%;margin:0}.sidebar{z-index:1;min-width:300px;height:fit-content;max-height:max-content;margin-bottom:0;padding:30px;position:sticky;top:60px}.sidebar-info{flex-direction:column}.avatar-box img{width:150px}.info-content .name{white-space:nowrap;text-align:center}.info-content .title{margin:auto}.info_more-btn{display:none}.sidebar-info_more{opacity:1;visibility:visible}.contacts-list{grid-template-columns:1fr}.contact-info .contact-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.contact-info .contact-link,.contact-info time,.contact-info address{--fs-7:14px;font-weight:var(--fw-300)}.separator:last-of-type{opacity:0;margin:15px 0}.social-list{justify-content:center}.timeline-text{max-width:700px}}.hover\:text-light-gray:hover{--tw-text-opacity:1;color:rgb(168 178 209/var(--tw-text-opacity,1))}