body{margin:0;padding:0;background-color:#0d0d0d;overflow-x:hidden}.Nav_bar{height:80px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#1b1c1d4f;padding:15px 20px;font-family:Poppins,sans-serif;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,top .3s ease}.Nav_bar.hidden{transform:translateY(-100%)}.Nav_bar.visible{transform:translateY(0)}.nav-item{height:100px;width:200px;border-radius:50%;background-image:url(/assets/logo.png);background-position:center;background-repeat:no-repeat;background-size:cover}.nav-item_2 ul{list-style:none;display:flex;gap:20px}.nav-item_2 ul li{transition:transform .5s ease-in-out,opacity .3s ease-in-out}.nav-item_2.hidden ul li{transform:translate(400px);opacity:0}.nav-item_2 ul li a{text-decoration:none;color:#fff;font-size:16px;font-weight:300;transition:color .3s ease}.nav-item_2 ul li a:hover{color:#fef470}.inquiry-button{display:flex;gap:20px;align-items:center;margin-right:100px}.question{background:#1b1c1d;border-radius:40px;color:#fef470;display:flex;align-items:center;justify-content:center;font-family:Public Sans,sans-serif;font-size:16px;font-weight:300;padding:10px 16px;white-space:nowrap;text-decoration:none;transition:all .4s cubic-bezier(.47,1.64,.41,.8)}.sidebar-toggle{position:fixed;top:30px;right:10px;display:none;background:none;border:none;font-size:24px;cursor:pointer;color:#fff;z-index:1}.sidebar{padding-top:50px;position:fixed;top:0;left:0;width:100%;background-color:#1b1c1d;box-shadow:2px 0 5px #0000001a;transition:left .3s ease-in-out;z-index:1}.sidebar.visible{transform:translateY(-100%)}.sidebar ul{list-style-type:none;padding:0;margin:0}.sidebar ul li{width:400px;padding:20px}.sidebar ul li.pair{width:100px}.sidebar ul li a{text-decoration:none;color:#c7bfbf;display:block}@media (max-width: 768px){.nav-item_2{display:none}.sidebar-toggle{display:block}.pair,.inquiry-button{display:none}}@media (min-width: 768px){.sidebar{transform:translateY(-100%)}}*{margin:0;padding:0;box-sizing:border-box}.pair{position:relative;display:flex;align-items:center;border-radius:10px}.search-field{max-width:0;overflow:hidden;transition:max-width .2s ease-out}.search-field input{width:300px;padding:12px;background-color:#3c3c3c;outline:none;font-size:16px;height:46px;border:none;margin-top:1px;margin-bottom:1px;margin-left:1px;border-radius:12px;color:#fff}.search{border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:24px;color:#4d4d48;background:#1b1c1d}.search svg{fill:#fff}.textareas{position:absolute;top:calc(100% + 5px);right:9px;left:0;width:100%;padding:10px;border-radius:8px;background-color:#1b1c1d;resize:none;transition:top .3s ease-in-out}.pair .search.visible~.textareas{top:calc(100% + 10px)}.search-container{display:flex;flex-direction:column;align-items:flex-end;position:relative}.textareas{position:absolute;top:100%;right:0;width:300px;z-index:5;margin-top:10px;box-shadow:0 4px 8px #0006;border-radius:5px;overflow:hidden}.textareas textarea{width:100%;height:auto;padding:10px;border:1px solid #70e000;background-color:#111;color:#f0f0f0;resize:none;font-family:monospace;outline:none;border-radius:8px}.search-container br{display:none}.search-results-list{display:flex;flex-direction:column;max-height:250px;overflow-y:auto;background-color:#111;border:1px solid #70e000;border-radius:5px;padding:5px 0}.search-result-item{padding:10px 15px;color:#f0f0f0;text-decoration:none;border-bottom:1px solid #222;font-size:14px;transition:background-color .2s ease,color .2s ease;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item:hover{background-color:#1c1c1c;color:#70e000}.search-status-message{padding:10px 15px;color:#999;font-size:14px;background-color:#111;border:1px solid #70e000;border-radius:5px}.hero-section{background-color:#111;color:#fff;text-align:center;padding:50px;background:linear-gradient(to bottom right,#b1f323 -.43%,#111,#111,#111,#111);display:flex;justify-content:space-around}.content-wrapper{background-image:url(C:Users૎RÞsktopPortfolioPortfoliosrc\assetspattern.s);background-size:27%;background-repeat:repeat;background-position:center;background-blend-mode:soft-light;width:50%;margin-top:100px}.photo_surya{width:50%;display:flex;justify-content:center;align-items:center;background-image:url(/assets/patter%20_2.png);background-repeat:repeat;background-size:cover}.circle{height:300px;width:300px;background-color:#bef842;border-radius:50%;background-image:url(/assets/myphoto.png);background-position:center;background-repeat:no-repeat;background-size:cover}.headings1{color:#fff;font-family:Poppins,sans-serif;text-align:left;max-width:760px;font-size:64px;font-style:normal;font-weight:600;line-height:88px;margin-left:40px}.headings2{text-align:left;margin-left:40px;font-weight:600;font-size:25px;font-family:Times New Roman,Times,serif}.paragraphs{font-family:Roboto,sans-serif;color:#fff;max-width:480px;margin-left:40px;font-size:16px;line-height:24px;font-weight:400;text-align:left}.cta-button{display:flex;background-color:#f1c40f;color:#000;border:none;padding:15px 30px;cursor:pointer;font-size:medium;border-radius:10px;margin-top:50px;text-align:center;font-weight:700;margin-left:40px;text-decoration:none;gap:3px;width:16rem}.icon-wrapper{display:flex;justify-content:center;gap:20px;margin-top:30px}.icon{width:40px;height:40px}.footer-icons{display:flex;justify-content:flex-start;margin-left:100px;margin-top:40px;gap:15px}span{color:#bef842;background-clip:padding-box}.span2{color:#9fec2c}.services-section,.portfolio-section{background-color:#111;color:#fff;padding:50px;text-align:center;background-image:url("data:image/svg+xml,%3csvg%20width='1139'%20height='1169'%20viewBox='0%200%201139%201169'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1137.5%200V317C1137.5%20331.912%201125.41%20344%201110.5%20344H1019.5H28C13.0883%20344%201%20356.088%201%20371V633.5C1%20648.412%2013.0883%20660.5%2028%20660.5H1111C1125.91%20660.5%201138%20672.588%201138%20687.5V875V1168.5'%20stroke='url(%23paint0_linear_206_170)'%20stroke-dasharray='4%204'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_206_170'%20x1='-3.85898'%20y1='584.25'%20x2='1069.97'%20y2='584.25'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F7EE7F'/%3e%3cstop%20offset='1'%20stop-color='%2377F96C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:80%;background-position:100px 50px;background-repeat:no-repeat;background-blend-mode:lighten;backface-visibility:inherit;background-position:130px -0px}.services-section{background-image:url("data:image/svg+xml,%3csvg%20width='1150'%20height='1335'%20viewBox='0%200%201150%201335'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M855.5%201H1122C1136.91%201%201149%2013.0883%201149%2028V592.5C1149%20607.412%201136.91%20619.5%201122%20619.5H27.5C12.5883%20619.5%200.5%20631.588%200.5%20646.5V898.443C0.5%20913.181%2012.3178%20925.196%2027.0534%20925.439L1122.45%20943.561C1137.18%20943.804%201149%20955.819%201149%20970.557V1307.5C1149%201322.41%201136.91%201334.5%201122%201334.5H907.5'%20stroke='url(%23paint0_linear_289_168)'%20stroke-dasharray='4%204'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_289_168'%20x1='1153.91'%20y1='667.75'%20x2='69.2136'%20y2='667.75'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F7EE7F'/%3e%3cstop%20offset='1'%20stop-color='%2377F96C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e"),url(/assets/pattern-C41SU_hG.svg);background-size:80%,30%;background-position:130px 420px,center;background-repeat:no-repeat,repeat;background-blend-mode:lighten,overlay}.services-cards{padding:40px 24px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.services-cards,.portfolio-cards{padding:40px 24px;display:block;text-align:center}}.view-project{display:inline-block;margin-top:10px;color:#f1c40f;text-decoration:none}.view-all{margin-top:20px;background-color:#f1c40f;border:none;padding:10px 20px;color:#000;cursor:pointer;border-radius:5px}.headers{font-family:Public Sans,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;background:linear-gradient(90deg,#f7ee7f -.43%,#77f96c 94.02%) text;-webkit-text-fill-color:transparent;margin-bottom:8px}.card{display:flex;flex-direction:column;background-color:#222;padding:20px;border-right:2px solid blanchedalmond;text-align:center;color:#fff;width:325px;height:450px;margin:0}.portfolio-cards{display:flex;justify-content:center;text-align:center;flex-wrap:wrap;padding:20px;gap:20px;color:#fff;max-width:1200px;margin:0 auto}.portfolio-card{max-width:350px;height:300px;background-color:#222;display:flex;justify-content:space-between;gap:6px;text-align:left;background:#1b1c1d;border-radius:12px;padding:20px;cursor:pointer;border:1px inset rgba(255,255,255,.02);transition:transform .1s;transform-style:preserve-3d;perspective:500px}.icons{margin:auto;display:inline}.icon img{width:80px;margin:auto;float:left;position:relative;left:80px}.headers{font-size:1.25rem;margin-top:80px;clear:both}.para{font-family:Roboto,sans-serif;color:#a7a9be;font-size:16px;max-width:480px;font-weight:300;line-height:22px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:4.5em;line-height:1.5em;margin:0}.card ul{list-style:none;padding:0}.view-all{background:#1b1c1d;color:#fef470;font-family:Public Sans,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:20px;padding:10px 16px;justify-content:center;align-items:center;gap:10px;border-radius:40px;border:none;cursor:pointer;width:-moz-fit-content;width:fit-content;white-space:nowrap;text-align:center}.card li{color:#32cd32;margin:5px 0 20px;cursor:pointer;text-decoration:none;font-family:Roboto,sans-serif;color:#a7a9be;font-size:16px;max-width:480px;font-weight:300;line-height:22px}.headers_1{font-family:Public Sans,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:20px;background:linear-gradient(90deg,#f7ee7f -.43%,#77f96c 94.02%) text;-webkit-text-fill-color:transparent;margin-bottom:8px}.view-project{font-family:Public Sans,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:20px;color:#77f96c;align-items:center;gap:8px;opacity:.7;white-space:nowrap;background:transparent;border:none;cursor:pointer;padding:0}.arrow{background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M10.7071%203.29289C10.3166%202.90237%209.68342%202.90237%209.29289%203.29289C8.90237%203.68342%208.90237%204.31658%209.29289%204.70711L11.5858%207H2C1.44772%207%201%207.44772%201%208C1%208.55228%201.44772%209%202%209H11.5858L9.29289%2011.2929C8.90237%2011.6834%208.90237%2012.3166%209.29289%2012.7071C9.68342%2013.0976%2010.3166%2013.0976%2010.7071%2012.7071L14.7071%208.70711C15.0976%208.31658%2015.0976%207.68342%2014.7071%207.29289L10.7071%203.29289Z'%20fill='%23ADF77F'/%3e%3c/svg%3e");height:16px;width:16px;transition:.4s cubic-bezier(.47,1.64,.41,.8);transform:rotate(-45deg)}.arrow:hover{transform:rotate(0);transform:translate(5px);opacity:1}.view-project:hover+.arrow{transform:rotate(0)}.portfolio-card:hover{opacity:1;transform:rotateY(var(--rotate-y)) rotateX(var(--rotate-x));background-color:#161616}.portfolio-card:hover :after .arrow{transform:rotate(-45deg)}.pair{display:flex;justify-content:start;align-items:flex-end;gap:8px}h5{font-size:18px;font-style:normal;line-height:28px;color:#fff;margin:8px 0;font-weight:500}hr{border:1px solid rgb(48,46,46)}h2.headers{text-align:center}h3{font-size:40px;font-style:normal;font-family:sans-serif;font-weight:600;line-height:48px;color:#fff;text-align:center;text-wrap:wrap}.portfolio-filters{display:flex;justify-content:center;gap:1rem;margin:2rem 0;flex-wrap:wrap}.filter-btn{padding:.5rem 1.5rem;border:2px solid #333;background:transparent;color:#333;cursor:pointer;border-radius:25px;transition:all .3s ease;font-weight:500}.filter-btn:hover,.filter-btn.active{background:#333;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #333;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-card{cursor:pointer;transition:all .3s ease;transform-style:preserve-3d;position:relative;overflow:hidden}.project-image{position:top;width:200px;height:100px;overflow:hidden;border-radius:8px 8px 0 0}.project-image img{width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-card:hover .image-overlay{opacity:0}.view-details{color:#fff;font-weight:500;font-size:1.1rem}.card-content{padding-top:1rem;padding-right:1.3rem}.technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.tech-tag{background:#353834;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;color:#e8f7f4;font-weight:400}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:#fff;border-radius:12px;max-width:800px;max-height:90vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer;z-index:1001;color:#666}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid #eee}.modal-header h3{margin:0;font-size:1.8rem}.modal-category{background:#333;color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.9rem;margin-top:.5rem;display:inline-block}.modal-image{width:100%;height:300px;overflow:hidden}.modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-body{padding:2rem}.modal-section{margin:1.5rem 0}.modal-section h4{margin:0 0 .5rem;color:#333}.modal-links{display:flex;gap:1rem;margin-top:2rem}.modal-link{padding:.75rem 1.5rem;background:#333;color:#fff;text-decoration:none;border-radius:6px;transition:background .3s ease}.modal-link:hover{background:#555}@media (max-width: 768px){.portfolio-filters{gap:.5rem}.filter-btn{padding:.4rem 1rem;font-size:.9rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-body{padding:1rem}.modal-links{flex-direction:column}}.portfolio-card{flex:0 0 calc(33.333% - 14px);max-width:calc(33.333% - 14px);min-width:250px;box-sizing:border-box}@media (max-width: 1024px){.portfolio-card{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}}@media (max-width: 768px){.portfolio-card{flex:0 0 100%;max-width:100%}}.pb-card{color:#f0f0f0;padding:2rem;margin-bottom:2rem;border-radius:2px;display:grid;grid-template-columns:3fr 1fr;gap:2rem;align-items:center;border-bottom:.5px solid rgb(177,177,177)}@media (max-width: 768px){.pb-card{grid-template-columns:1fr;gap:1rem;padding:1.5rem}}.pb-card__content{display:flex;flex-direction:column}.pb-card__date{font-size:.85rem;color:#a0a0a0;margin-bottom:.5rem}.pb-card__title{font-size:1.25rem;font-weight:700;margin-top:0;margin-bottom:.5rem}.pb-card__subtitle{font-size:18px;font-weight:600;line-height:28px;font-style:normal;color:#0fa;margin-bottom:2rem;text-align:left}.pb-card__description{font-size:1rem;line-height:1.5;color:#a7a9be;margin-bottom:1.5rem;text-align:left;margin:0}.project-link{color:var(--accent);text-decoration:none;font-weight:500;transition:color .3s}.project-link:hover{color:#fff}.pb-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.pb-card__tag{background-color:#333;color:#ccc;font-size:.75rem;padding:.3rem .6rem;border-radius:12px;text-transform:uppercase;font-weight:500}.pb-card--portfolio .pb-card__tags--main{margin-top:.5rem}.pb-card__tags--blog{display:none;grid-column:1 / -1}@media (max-width: 768px){.pb-card__tags--blog{display:flex;margin-top:1rem;border-top:1px solid #333;padding-top:1rem}}.pb-card__image-container{display:flex;justify-content:center;align-items:center}.pb-card__image{max-width:100%;height:auto;border-radius:4px}@media (max-width: 768px){.pb-card__image-container{order:-1;margin-bottom:1rem}.pb-card__image{max-width:50%}}.projects-page-container{max-width:1250px;margin:0 auto;padding:2rem;color:#f0f0f0;background-color:#0d0d0d;min-height:100vh;padding-top:80px;padding-left:2rem;padding-right:2rem;padding-bottom:2rem}.projects-main-title{font-size:2.5rem;font-weight:700;color:#0fa;margin-bottom:2rem;text-align:left}.projects-content-grid{display:grid;grid-template-columns:3fr 2fr;gap:3rem;border-top:.5px solid rgb(177,177,177)}@media (max-width: 992px){.projects-content-grid{grid-template-columns:1fr;gap:2rem}}.projects-sidebar{grid-column:2/3;padding:1rem}.projects-intro-text{font-size:1rem;line-height:1.6;color:#ccc;margin:0;margin-bottom:2rem}.projects-skills-heading{font-size:1.2rem;font-weight:600;color:#f0f0f0;margin-bottom:1rem}.projects-skills-list{display:flex;flex-wrap:wrap;gap:.5rem}.projects-skill-tag{background-color:#333;color:#ccc;font-size:.75rem;padding:.3rem .6rem;border-radius:12px;text-transform:uppercase;font-weight:500;white-space:nowrap}.footer{background-color:#111;color:#fff;padding:20px;text-align:center}.footer-content{margin:auto;display:flex;justify-content:center;align-items:center;gap:20px;flex-direction:column}.footer-title{font-size:24px;margin-bottom:10px}.footer-links a{margin:0 10px;color:#fff;text-decoration:none}.footer_icon{display:flex;justify-content:center;margin-top:20px;gap:30px}.footer-icon img{width:24px;margin:0 5px}.footer-credits{font-family:Public Sans,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:16px;color:#fff;margin:5px 0;opacity:.8;text-align:center;display:inline-flex}.footer-privacy a{color:#aaa;text-decoration:none;margin:0 5px}.jxwHBE{background:linear-gradient(90deg,#f7ee7f -.43%,#77f96c 94.02%);display:flex;max-width:896px;padding:40px;flex-direction:column;justify-content:center;align-items:center;gap:24px;border-radius:12px;margin:auto;width:100%}.bJRaxt{font-family:sans-serif;color:#101010;font-size:32px;line-height:44px;text-align:center;max-width:500px;margin:auto;font-weight:bolder}.cfMqky{background:#101010;color:#fef470;font-family:Public Sans,sans-serif;opacity:.95;font-weight:300;font-size:16px;line-height:20px;display:flex;padding:10px 62px;justify-content:center;align-items:center;gap:10px;border-radius:40px;border:none;cursor:pointer;white-space:nowrap;text-decoration:none}.footer-home-bg{background-image:url("data:image/svg+xml,%3csvg%20width='1150'%20height='1335'%20viewBox='0%200%201150%201335'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M855.5%201H1122C1136.91%201%201149%2013.0883%201149%2028V592.5C1149%20607.412%201136.91%20619.5%201122%20619.5H27.5C12.5883%20619.5%200.5%20631.588%200.5%20646.5V898.443C0.5%20913.181%2012.3178%20925.196%2027.0534%20925.439L1122.45%20943.561C1137.18%20943.804%201149%20955.819%201149%20970.557V1307.5C1149%201322.41%201136.91%201334.5%201122%201334.5H907.5'%20stroke='url(%23paint0_linear_289_168)'%20stroke-dasharray='4%204'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_289_168'%20x1='1153.91'%20y1='667.75'%20x2='69.2136'%20y2='667.75'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F7EE7F'/%3e%3cstop%20offset='1'%20stop-color='%2377F96C'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");background-size:80%;background-position:130px -1248px;background-repeat:no-repeat;background-blend-mode:lighten}.register-overlay{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#00000073;display:flex;justify-content:center;align-items:center;animation:fadeIn .6s ease;z-index:999}.register-card{width:380px;padding:35px 40px;border-radius:20px;background:#ffffff26;box-shadow:0 8px 30px #00000059;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);animation:slideUp .6s ease;color:#fff}.register-card h2{text-align:center;margin-bottom:25px}.input-group{margin-bottom:18px;display:flex;flex-direction:column}.input-group label{margin-bottom:6px;font-size:14px;opacity:.9}.input-group input,.input-group select{padding:10px 12px;border-radius:8px;border:none;outline:none;background:#fff3;color:#fff}.input-group input::-moz-placeholder{color:#ffffffbf}.input-group input::placeholder{color:#ffffffbf}.register-btn{width:100%;padding:12px;background:#6c5ce7;border:none;border-radius:10px;font-size:16px;margin-top:10px;color:#fff;cursor:pointer;transition:.3s}.register-btn:hover{background:#5648d8}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}