:root{--bg-main: #121212;--bg-col: #1e1e1f;--bg-nav: #2a2a2b;--bg-progress: #383838;--bg-progress-bar: #aba629;--bg-img: #323233;--bg-bg-fw-white: #fcfcfc;--bg-active-hover: #ffbc5e;--fw-poppins: "Poppins", sans-serif;--fw-weight-light: 300;--fw-weight-regular: 400;--fw-weight-medium: 500}*,*:before *:after{box-sizing:border-box;margin:0;padding:0}li,ul,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}img{max-width:100%}body{background-color:var(--bg-main);font-family:var(--fw-poppins)}::selection{color:#ffdb6e;background:transparent}.container{max-width:1290px;color:#fff;margin:50px auto}.row{display:flex;gap:2em;justify-content:space-between}.col{border:1px solid #383838}.profile,.info__container{border-radius:25px}.profile{background-color:var(--bg-col);border-radius:25px;display:flex;flex-direction:column;padding-block:3rem;width:300px;max-height:700px;overflow:hidden}.info__container{width:73%;background-color:var(--bg-col)}.rectangle{background-color:var(--bg-img);width:100%;border-radius:25px;margin:0 auto}.rectangle img{max-width:100%}.profile-section{text-align:center;align-self:center}.personal-social-container{margin-inline:auto}.show-contact{display:none}.name__title{margin-block:1rem;font-size:1.8rem;font-weight:var(--fw-weight-light)}.dept__title{font-weight:var(--fw-weight-500);background-color:var(--bg-img);padding:.5rem 0rem;font-size:12px;border-radius:25px}.line-divider{display:block;width:90%;height:1px;border-radius:25px;background-color:var(--bg-img);margin:2rem 0;margin-inline:auto}.personal-social{display:flex;flex-direction:column;width:95%;margin-inline:auto}.personal__info{display:flex;flex-direction:column;gap:1rem;margin-inline:auto}.block__info{display:flex;align-items:center;gap:1.5em;font-size:15px}.square{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,#ffda6d40,#ffbd5e00 59.86%),#202021;display:flex;justify-content:center;align-items:center;position:relative}.square:before{position:absolute;top:12px}.email-icon:before{content:url(https://api.iconify.design/ic/outline-email.svg?color=%23ffd66b&width=22)}.phone-icon:before{content:url(https://api.iconify.design/bi/phone.svg?color=%23ffd66b&width=22)}.birthday-icon:before{content:url(https://api.iconify.design/clarity/date-line.svg?color=%23ffd66b&width=22)}.location-icon:before{content:url(https://api.iconify.design/carbon/location.svg?color=%23ffd66b&width=22)}.information p:first-child{margin:0;margin-block:4px;color:#d6d6d6;opacity:.7;font-weight:var(--fw-weight-regular);font-size:11px}.information p:last-child{font-weight:var(--fw-weight-light);font-size:12px}.information>a{text-decoration:none;font-weight:var(--fw-weight-light);font-size:12px;color:#d6d6d6}.social-icons{display:flex;justify-content:center;align-self:center;margin-left:1rem}.icons{padding:10px;text-align:center;border-radius:13px}.icon{color:#fff;opacity:.7}.icon:hover{opacity:1}.progress-container{margin-inline:auto}.skills{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.progress{width:175px;height:8px;border-radius:25px;background-color:var(--bg-img)}.progress-bar{background-color:#aba629;height:8px;width:40%;border-radius:25px}.skills:nth-child(1) .progress-bar{width:40%}.skills:nth-child(2) .progress-bar{width:75%}.skills:nth-child(3) .progress-bar{width:90%}.info__container{position:relative}.nav-container{background-color:var(--bg-img);width:28%;position:absolute;right:0;padding:1rem;border:1px solid #383838;border-top-right-radius:25px;border-bottom-left-radius:25px}.nav-lists{display:flex;gap:2rem}.nav-items{list-style:none}.nav-tabs{cursor:pointer;background-color:transparent;padding:8px 20px;border:none;color:var(--bg-bg-fw-white);font-size:1rem}.active{color:var(--bg-active-hover)}.about-me{display:block}.about__description{max-width:900px;margin-top:1rem;padding:1rem;margin-inline:auto;font-size:1.125rem}.about__description>h1{font-weight:var(--fw-weight-500);font-size:2rem}.yellow-line{width:60px;height:5px;background-color:#ffbc5e;margin:0;margin-block:1rem}.about__description>p{font-weight:var(--fw-weight-light);font-size:15px;margin-bottom:1rem;opacity:.7}.info__container>h2{font-size:1.5rem;padding-left:3rem}.row-container__cards{padding:2rem 1rem;display:grid;grid-template-columns:1fr 1fr}.card-inner{position:relative;padding:6px;background-color:#242424;border-radius:20px;border-top:#d2b45d 1px solid;border-left:#d2b45d 1px solid}.cards{display:flex;gap:1rem;padding:1rem 2rem}.cards>img{width:40px;height:40px}br{display:none}.about-icons{width:40px;height:40px;color:#e2b55c}@media (max-width: 1280px){.container{max-width:992px}.row{display:flex;flex-direction:column}.profile{display:flex;width:100%;position:relative;padding-block:2rem}.profile-section{display:flex;width:100%}.rectangle{width:120px;height:120px;margin-inline:2rem}.rectangle>img{width:100%;height:100%}.title-section{width:70%;display:flex;flex-direction:column;justify-content:center}.name__title,.dept__title{margin:0}.name__title{font-size:1.76rem;font-weight:var(--fw-weight-medium);width:25.5%;padding:.5rem 0}.dept__title{font-size:.8em;width:25%;padding:.5rem 0}.line-divider{margin-inline:auto}.personal-social-container{width:100%;visibility:hidden;height:0;z-index:2;overflow:hidden;animation-name:close;animation-duration:2s}.show{visibility:visible;height:300px;animation-name:open;animation-duration:2s;z-index:1;overflow:hidden}@keyframes open{0%{height:0;visibility:hidden}to{height:300px;visibility:visible}}@keyframes close{0%{height:300px;visibility:visible}to{height:0;visibility:hidden}}.show-contact{display:block;position:absolute;right:0;top:0;padding:1rem 2rem;background-color:transparent;color:var(--bg-active-hover);border:1px solid #aba629;border-top-right-radius:25px;border-bottom-left-radius:25px}.show-contact:active{opacity:.7;transform:scale(1.0525)}.show-contact:hover{cursor:pointer}.personal__info{display:grid;grid-template-columns:40% 1fr;gap:1rem;margin:0;padding-left:2rem}.social-icons{justify-content:flex-start;gap:1rem;width:100%}.info__container{width:100%;margin-top:3rem}.nav__item{font-size:1em}.about__description .line-divider{margin:10px 0;height:5px}.about__description{padding-inline:2rem}.about__description p{font-size:.8em}.row-container__cards{display:grid;grid-template-columns:1fr 1fr;margin:1rem;padding:0;gap:1rem;justify-content:stretch}.info__container h2{font-size:1.5em}.cards{padding-inline:1rem}.cards p{width:100%}}@media (max-width: 1024px){.container{max-width:768px}.name__title{font-size:1.76rem;font-weight:var(--fw-weight-medium);width:30%;padding:.5rem 0}.dept__title{font-size:.8em;width:30%;padding:.5rem 0}.nav-container{position:fixed;bottom:0;z-index:1;left:0;width:300px;display:flex;justify-content:center;border-radius:25px 25px 0 0;margin-inline:auto;background-color:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-x:scroll}.nav{gap:4em}.card-inner{width:95%;margin-inline:auto}.personal-social{width:95%}.row-container__cards{grid-template-columns:1fr}.personal__info{column-gap:2rem}}@media (max-width: 768px){.container{max-width:668px}.name__title{font-size:1.76rem;font-weight:var(--fw-weight-medium);width:36.5%;padding:.5rem 0}.dept__title{font-size:.8em;width:35%;padding:.5rem 0}}@media (max-width: 640px){.container{max-width:475px}.name__title,.dept__title{width:60%;padding:.5rem 0}.name__title{font-size:1.76rem;font-weight:var(--fw-weight-medium)}.dept__title{font-size:.8em;white-space:nowrap}.profile{padding-block:3rem}.personal__info{display:flex;flex-direction:column}.show{height:450px}.block__info{width:100%;gap:1em}.nav-container{width:200px;display:block}.profile{padding-block:2rem}}@media (max-width: 475px){.profile{padding-block:1rem}.rectangle{width:80px;height:80px;margin-right:0}.name__title{width:fit-content;font-size:16px;text-align:start;margin:0;padding:0 0 0 1rem}.dept__title{margin-top:.5rem;font-size:13px}.name__title,.dept__title{min-width:150px;margin-left:1rem}.show-contact span{display:none}.show-contact{border:0;background-color:#212122}.show-contact:after{content:url(https://api.iconify.design/bx/down-arrow.svg?color=%23ffd66b);margin:0;padding:0}.about__description>h1{font-size:1.5rem}.info__container{margin:0}.info__container>h2{font-size:1.2rem}.card>h3{font-size:1.125rem}.card>p{font-size:14px}.personal-social-container{width:100%;visibility:hidden;height:0;z-index:2;overflow:hidden;animation-name:close;animation-duration:3s}.show{visibility:visible;height:420px;animation-name:open;animation-duration:3s;z-index:1;overflow:hidden}@keyframes open{0%{height:0;visibility:hidden}to{height:420px;visibility:visible}}@keyframes close{0%{height:420px;visibility:visible}to{height:0;visibility:hidden}}}.resume-line-divider{display:block;width:75px;height:8px;border-radius:25px;background-color:#d2b45d;margin-block:1rem 2rem}.header-title{position:relative;margin-bottom:4rem}.header-title:after{content:"";position:absolute;width:4rem;height:.5rem;left:.5rem;bottom:-2rem;background-color:#aba629;border-radius:25px}.resume-container{padding:3rem 2.5rem;background:linear-gradient(135deg,#ffffff05,#ffffff03);border-radius:16px;margin-top:2rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resume-icons,.experience-icons{width:22px;height:22px;color:#ffcb66;transition:all .3s ease}.page-title{display:flex;align-items:center;margin-bottom:2.5rem;font-size:1.4rem;font-weight:500;color:#fff;letter-spacing:.5px}.icon-img{display:flex;justify-content:center;align-items:center;width:48px;height:48px;margin-right:1.2rem;background:linear-gradient(135deg,#ffda6d33,#ffbd5e0d);border-radius:12px;box-shadow:0 8px 32px #0000004d,0 2px 8px #ffda6d1a;border:1px solid rgba(255,218,109,.2);transition:all .3s ease;position:relative;overflow:hidden}.icon-img:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.icon-img:hover:before{left:100%}.icon-img:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006,0 4px 12px #ffda6d33;border-color:#ffda6d66}.content-wrapper{position:relative;margin-left:1rem}.content-info{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease;margin-left:0;border-left:3px solid #ffcd67;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.content-info:hover{transform:translate(8px);background:#ffffff0a;border-color:#ffda6d4d;box-shadow:0 8px 32px #0003}.content-info:before{content:"";width:8px;height:8px;background:linear-gradient(135deg,#ffcd67,#daa958);border-radius:50%;position:absolute;left:-5px;top:1.5rem;box-shadow:0 0 0 4px #ffdb6e26;transition:all .3s ease}.content-info:hover:before{box-shadow:0 0 0 6px #ffdb6e40;transform:scale(1.2)}.content-title{margin-bottom:.5rem;font-size:1.2rem;font-weight:500;color:#fff;line-height:1.4;margin-left:0;position:relative;top:0}.date{color:#ffcd67;font-size:.9rem;font-weight:500;margin-bottom:.8rem;padding:.2rem .8rem;background:#ffcd671a;border-radius:20px;display:inline-block;margin-left:0;border:1px solid rgba(255,205,103,.2)}.content-description{color:#fffc;line-height:1.6;margin-bottom:0;margin-left:0;padding-bottom:0;margin-block:0;text-decoration:none;font-size:.95rem}.desc-link{color:#ffcd67;text-decoration:none;border-bottom:1px solid rgba(255,205,103,.3);transition:all .3s ease;display:inline-block;margin-top:.5rem}.desc-link:hover{color:#fff;border-bottom-color:#ffcd67;transform:translateY(-1px)}.certification-title{margin-top:3rem}.experince-title{margin-top:2.5rem}.header-title{position:relative;margin-bottom:3rem;font-size:2.2rem;font-weight:600;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-header{padding-left:3rem;padding-top:3rem}.project-header .header-title{font-size:2rem}.projects-container{display:flex;flex-wrap:wrap;height:625px;gap:1rem;justify-content:center}.projects-container .project{width:270px;height:200px;margin-top:2rem;border-radius:18px;display:flex;justify-content:center;align-items:center}.projects-container .project .project-links{border-radius:18px;display:grid;place-content:center;overflow:hidden;position:relative}.projects-container .project .project-links img{height:200px}.projects-container .project .project-links:after{content:"";position:absolute;width:100%;height:100%;background-color:#00000080;z-index:2;transition:1s ease-in-out all}.projects-container .project .project-links:hover:after{background-color:#0000}@media (max-width: 640px){.projects-container{height:850px}.nav-container{width:250px}}