:root{--color-primary-100: #f0f6ff;--color-primary-200: #bad6fa;--color-primary-300: #83b6f5;--color-primary-400: #4791ec;--color-primary-500: #2084ff;--color-primary-600: #0b6ce3;--color-primary-transparent: rgba(32, 132, 255, .35);--color-green-100: #e8f6f1;--color-green-200: #bfecdb;--color-green-300: #96e2c5;--color-green-400: #56be96;--color-green-500: #40c391;--color-green-600: #169a67;--color-green-transparent: rgba(64, 195, 145, .35);--color-orange-100: #fff8f2;--color-orange-200: #ffe3cd;--color-orange-300: #ffcea8;--color-orange-400: #e6975b;--color-orange-500: #ffa866;--color-orange-600: #cc600d;--color-orange-transparent: rgba(255, 168, 102, .35);--color-red-100: #feefef;--color-red-200: #ffcece;--color-red-300: #ffacac;--color-red-400: #e56f6f;--color-red-500: #fa6767;--color-red-500: #cb3131;--color-red-transparent: rgba(250, 103, 103, .35);--color-dark-100: #9f9fab;--color-dark-200: #7a7a8a;--color-dark-300: #545569;--color-dark-400: #313244;--color-dark-500: #222433;--color-dark-600: rgb(13, 15, 31);--color-dark-transparent-300-40: rgba(84, 85, 105, .4);--color-dark-transparent-200-20: rgba(122, 122, 138, .2);--color-light-100: #fff;--color-light-200: #f2f3f6;--color-light-300: #e4e7ec;--color-light-400: #d7dae3;--color-light-500: #e6e9f0;--color-light-600: #caced9;--color-light-transparent-300-50: rgba(228, 231, 236, .4);--color-light-transparent-200-40: rgba(242, 243, 246, .4);--font-family: "Zen Dots", sans-serif;--second-family: "IBMPlexSans", sans-serif}html{font-size:clamp(14px,1vw + .5rem,1.1111vw)}body.lock{overflow:hidden}*{scrollbar-width:thin;scrollbar-color:#4a4f6a #1e1f26}*::-webkit-scrollbar{width:10px}*::-webkit-scrollbar-track{background:#1e1f26}*::-webkit-scrollbar-thumb{background-color:#4a4f6a;border-radius:10px;border:2px solid #1e1f26}*::-webkit-scrollbar-thumb:hover{background-color:#5a5f7c}*::-webkit-scrollbar-thumb:active{background-color:#6b7090}@font-face{font-family:Zen Dots;src:url(/Portfolio/fonts/Zen-Dots/ZenDots-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:IBMPlexSans;src:url(/Portfolio/fonts/IBM/IBM-Mono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/Portfolio/fonts/Poppins/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{padding:0;margin:0;box-sizing:border-box}body{background:var(--color-dark-600);font-family:var(--font-family)}.hero{width:100%;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(173deg,#f0f6ff33,#f0f6ff00 60%)}.hero__strip-patterns{position:absolute;left:0;top:0;z-index:-1;width:50%;opacity:.7}.hero__strip-patterns-mobile{display:none;top:auto;bottom:0;transform:scaleY(-1)}.hero__strip-patterns.right{right:0;left:auto;transform:scaleX(-1)}.hero__strip-patterns-mobile.right{transform:scaleX(-1) scaleY(-1)}.hero__3d-shapes{position:absolute;top:165px;right:32px;z-index:-1}.hero__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.hero__get-start-btn{margin-top:16px;border-radius:5px;padding:14px 32px;height:60px;background:var(--color-primary-600);display:flex;align-items:center;gap:10.67px;font-weight:700;font-size:20px;line-height:160%;text-transform:capitalize;text-align:center;color:var(--color-primary-100);border:1px solid var(--color-primary-600);cursor:pointer}.hero__starts{position:absolute;top:0;left:0;z-index:-1;width:100%}.page-suptitle-word{display:inline-block}.page-title{font-weight:700;font-size:2.25rem;line-height:131%;text-transform:capitalize;text-align:center;color:var(--color-light-300)}.page-suptitle{font-weight:400;font-size:clamp(16px,1.2vw,20px);max-width:700px;line-height:160%;text-align:center;color:var(--color-light-600);display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.container{width:calc(100% - 20px);max-width:1536px;margin:0 auto}main{margin:192px 0;display:flex;flex-direction:column;gap:32px}.primary-section{border-radius:5px;padding:156px 15px;width:100%;max-width:1536px;margin:0 auto}.feature-card-container{display:flex;gap:32px;align-items:center}.header{position:fixed;top:20px;width:100%;z-index:5;transition:top .3s ease}.header__content{display:flex;align-items:center;justify-content:center}.header__nav-list{list-style:none;display:flex;align-items:center;gap:16px;padding:10px;border-radius:50px;transition:all .3s ease;border:1px solid transparent}.header.sticky .header__nav-list{background:#0d0f1f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-dark-transparent-300-40)}.header__nav-item a{font-family:var(--font-family);font-weight:700;font-size:14px;line-height:150%;text-align:right;color:var(--color-light-300);text-decoration:none;padding:8px 12px;border-radius:24px;display:flex;transition:all .3s ease;align-items:center;gap:10px}.header__nav-item a span{font-size:12px}.header__nav-item a:hover{background:var(--color-dark-transparent-300-40)}.header__content strong{font-family:var(--second-family);font-weight:700;font-size:31px;line-height:154%;text-transform:capitalize;color:var(--color-light-300)}.portfolio__item{border-radius:5px;position:relative;z-index:2;height:310px;margin-bottom:15px}.portfolio__item.larger{height:400px}.portfolio__item img{width:100%;height:100%;border-radius:5px;position:relative;object-fit:cover;transition:transform .3s ease-in-out}.portfolio__item-img-wrapper{display:block;position:relative;overflow:hidden;border-radius:5px;cursor:pointer;z-index:-2;height:100%}.portfolio__item-img-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px;opacity:0;background:#0000;z-index:1;transition:all .3s ease}.portfolio__item-content{position:absolute;z-index:-1;bottom:20px;flex-direction:column;gap:10px;opacity:0;padding:0 20px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translateY(30px)}@media(hover:hover){.portfolio__item:hover .portfolio__item-img-wrapper:before{background:#000000b3;opacity:1}.portfolio__item:hover .portfolio__item-content{opacity:1;transform:translateY(0)}}.portfolio__item-title{font-weight:700;font-size:18px;line-height:1;text-transform:capitalize;letter-spacing:1px;color:var(--color-light-100);font-family:Poppins,sans-serif}.portfolio__item-description{font-weight:600;font-size:14px;color:#999;font-family:var(--second-family);margin-top:3px}.portfolio__item-stack-list{display:flex;gap:2px;flex-wrap:wrap;margin-top:10px;list-style:none;row-gap:10px}.portfolio__item-stack-item{background:#696869;padding:4px 8px;border-radius:50px;text-transform:capitalize;font-size:10px;margin-right:6px;color:#fff;font-weight:400;font-family:var(--second-family)}.section-title{font-family:var(--font-family);font-weight:700;font-size:2.2rem;line-height:154%;text-transform:capitalize;text-align:center;color:var(--color-light-400)}.section-suptitle{font-weight:400;font-size:clamp(14px,1vw,18px);line-height:150%;text-align:center;color:var(--color-light-600);font-family:var(--second-family)}.section-title-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin-bottom:32px}.portfolio-item-overlay{position:fixed;background:var(--color-dark-600);z-index:10;inset:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:auto}.portfolio-item-overlay__close-button{padding:10px;background:transparent;border-radius:50%;border-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-width:1px;border-style:solid;position:absolute;top:8vh;left:0;border:1px solid var(--color-dark-transparent-300-40);transition:border-color .3s ease-in-out}.portfolio-item-overlay__close-button:hover{border-color:#fff}.portfolio-item-overlay__close-button:after{position:absolute;content:"Back";right:-100%;color:#fff;transform:translate(20%);transition:.3s ease-in-out;opacity:0}.portfolio-item-overlay__close-button:hover:after{transform:translate(0);opacity:1}.portfolio-item-overlay__close-button img{width:16px;height:16px}.portfolio-item-overlay .container{max-width:1260px;position:relative}.portfolio-item-overlay__content{color:#fff;font-family:Poppins;padding-top:15vh}.portfolio-item-overlay__title{font-size:72px;line-height:1;margin:8px 0 100px}.portfolio-item-overlay__type{color:#999}.portfolio-item-overlay__description{-ms-word-wrap:break-word;word-wrap:break-word;max-width:500px;font-size:16px;line-height:1.65;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;color:#999}.portfolio-item-overlay__img{width:100%}.portfolio-item-overlay__project-info{display:flex;gap:50px;margin-bottom:80px}.portfolio-item-overlay__project-info-item{display:flex;flex-direction:column;gap:5px;position:relative;padding-top:15px}.portfolio-item-overlay__project-info-item:before{position:absolute;content:"";width:100%;height:2px;top:0;background:#999}.portfolio-item-overlay__project-info-item strong{font-size:18px}.portfolio-item-overlay__project-info-item p{display:flex;gap:5px;color:#999;font-weight:500;font-size:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.portfolio-item-overlay__open-project{display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;color:#fff}.portfolio-item-overlay__open-project strong{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:500;font-size:18px}.portfolio-item-overlay__open-project img{width:18px;height:18px}@media(max-width:1260px){.portfolio-item-overlay__project-info{flex-wrap:wrap}.portfolio-item-overlay__description{max-width:100%;flex-grow:1}}.portfolio__container{columns:3 400px}.larger{grid-column:span 2}.portfolio__pagination{width:100%;display:flex;align-items:center;padding-bottom:40px;justify-content:center}.portfolio__pagination-list{list-style:none;display:flex;align-items:center;gap:45px;border-radius:5px;background:var(--color-dark-transparent-300-40);padding:0 48px;height:48px}.portfolio__pagination-item{font-family:var(--second-family);font-weight:700;font-size:16px;line-height:150%;text-align:right;color:var(--color-light-300);position:relative;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}.portfolio__pagination-item:before,.portfolio__pagination-item:after{content:"";position:absolute;bottom:0;width:0;height:3px;opacity:0;background:var(--color-primary-500)}.portfolio__pagination-item:before{left:50%}.portfolio__pagination-item:after{right:50%}.portfolio__pagination-item.active:after,.portfolio__pagination-item.active:before{opacity:1;width:60%;transition:all .3s ease-in-out}.portfolio__pagination-item.active{color:var(--color-primary-500)}@media(max-width:768px){.hero__strip-patterns-mobile{display:block}}@media(max-width:615px){.portfolio__pagination-list{width:100%;justify-content:center;padding:0 10px;gap:30px}.portfolio__pagination-item{font-size:12px}.header__nav-item a{font-size:11px;gap:5px}.header__nav-list{padding:5px;gap:10px}.portfolio__item.larger,.portfolio__item{height:200px}.header__nav-item a span{font-size:8px}.portfolio-item-overlay__project-info{column-gap:20px;row-gap:50px}.primary-section{padding:60px 15px}}.services-card-wrapper{flex:1 1 33%}.services-item{border-width:3px 1.5px 3px 3px;border-color:#a3a3a3;border-style:solid;padding:40px 30px;color:#fff;display:flex;flex-direction:column;gap:30px;height:100%}.services-item header{display:flex;align-items:center;width:100%;gap:30px}.services-item header h3{position:relative}.services-item header h3:before{content:"";position:absolute;left:0;bottom:0;height:7px;z-index:-1;width:0;opacity:0;animation:show-border 1.5s ease forwards}.services-item.blue header h3:before{background:linear-gradient(65deg,#2c49d8 0% 100%,#ffd10000)}.services-item.red header h3:before{background:linear-gradient(65deg,#df058d 0% 100%,#ffd10000)}.services-item.yellow header h3:before{background:linear-gradient(65deg,#ff6b2b 0% 100%,#ffd10000)}@keyframes show-border{0%{width:0}to{width:100%;opacity:1}}.services-item-content{font-family:var(--second-family);font-size:1rem;padding-left:35px}.services-item-content:before{content:"<h3>";display:block;margin-bottom:5px;color:#a3a3a3;margin-left:-35px}.services-item-content:after{content:"</h3>";display:block;margin-top:5px;color:#a3a3a3;margin-left:-35px}.services-content-wrapper{position:relative}.services-content-wrapper:before{position:absolute;content:"";width:2px;height:55%;left:15px;top:50%;transform:translateY(-50%);background:#a3a3a3;opacity:.5}.services-card-container{display:flex;flex-wrap:wrap}.footer{width:100%;padding:60px 0;background:linear-gradient(-358deg,#f0f6ff1a,#f0f6ff00 130%);color:#fff}.footer .title-content{display:flex;flex-direction:column;gap:8px}.footer .container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px}.footer-social{display:flex;gap:50px}.footer-social ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer a{text-decoration:none;color:#999;transition:color .3s ease-in-out}.footer a:hover{color:#fff}.footer .contact-btn{margin-top:12px;color:#999}