p{margin:0}a{text-decoration:none}ul{margin:0;padding:0;list-style:none}button{border:none;outline:none}h1,h2,h3,h4,h5,h6{font-weight:500}@font-face{font-family:ManropeVariable;src:url(/fonts/Manrope/Manrope-VariableFont_wght.ttf)format("truetype-variations");font-weight:200 800;font-style:normal;font-display:swap}body{color:#fff;background-color:#101011;margin:0;font-family:ManropeVariable,sans-serif}#root{box-sizing:border-box;color:#fff;flex-direction:column;width:1280px;max-width:100%;min-height:100svh;margin:0 auto;padding:40px;font-family:ManropeVariable,sans-serif;font-weight:500;display:flex}@media (width<=850px){#root{padding:40px 20px}}main{margin-top:60px}@media (width<=768px){main{margin:0}}.section-heading{margin-top:0;margin-bottom:20px;font-size:32px;font-weight:500}.btn{color:#fff;background-color:#232323}.btn:hover{cursor:pointer;background-color:#3d3d3e}.btn:active,.btn.active{color:#232323;background-color:#fff}.btn-lg{border-radius:27px;padding:16px 20px;font-size:16px;line-height:22px}@media (width<=768px){.btn-lg{padding:8px 12px}}.btn-md{border-radius:17px;padding:8px 16px;font-size:14px}.cv-button,.cv-button:hover{color:#232323;background-color:#fff}.m-b-16{margin-bottom:16px}.m-b-32{margin-bottom:32px}.m-b-48{margin-bottom:48px}.m-b-120{margin-bottom:120px!important}.text-center{text-align:center}.project-tag-list{flex-shrink:0;gap:8px;margin:auto 16px 16px;display:flex}.project-tag-list .project-tag{color:#fff;background-color:#3d3d3e;border-radius:14px;padding:6px 12px;font-size:12px;display:inline-flex}.project-detail{margin-top:120px}.project-detail img{border-radius:24px;width:100%;margin-bottom:32px}.breadcrumbs{margin-bottom:120px;font-size:18px;text-decoration:none}.breadcrumbs a{color:#6d6d6d}.text-container{max-width:702px;margin:0 auto 32px}.text-container .project-tag-list,.text-container h1{margin:0 0 16px}.text-container h2{margin-top:0;margin-bottom:16px;font-size:32px}.text-container p,.text-container li{color:#6d6d6d;font-size:14px}.ul-dot{list-style:inherit;padding-left:30px}.before-after__title{color:#fff;background-color:#3d3d3e;border-radius:14px;padding:6px 12px;font-size:12px;display:inline-flex}.department-table{color:#6d6d6d;border-collapse:collapse;table-layout:fixed;border:1px solid #6d6d6d;width:100%;margin-top:16px;font-size:14px}.department-table td{border:1px solid #6d6d6d;width:33%;padding:8px}@media screen and (width<=768px){.project-detail{margin-top:32px}.project-detail img{border-radius:12px}.breadcrumbs{margin-bottom:32px}.m-b-120{margin-bottom:40px!important}}#welcome{padding-top:120px;padding-bottom:200px}#welcome .title{max-width:800px;margin:0;font-size:32px;font-weight:500}@media (width<=768px){#welcome .title{font-size:28px}}#welcome p.title{margin-bottom:120px}@media (width<=768px){#welcome p.title{margin:0 0 40px}}#welcome .col-container{align-self:stretch;align-items:flex-start;gap:52px;display:flex}@media (width<=768px){#welcome .col-container{flex-direction:column}}#welcome .welcome-card{flex-direction:column;flex:1 0 0;justify-content:center;align-items:flex-start;gap:4px;display:flex}#welcome .heading{font-size:28px;line-height:normal}#welcome .sub-heading{font-size:18px}#welcome .sub-text{color:#6d6d6d;font-size:14px}@media (width<=768px){#welcome{margin-bottom:40px;padding:40px 0}}.filter-bar{align-items:center;gap:8px;display:flex}.project-card{color:#fff;background-color:#232323;border-radius:24px;flex-direction:column;height:100%;font-weight:500;display:flex;position:relative}.project-card img{border-radius:24px 24px 0 0;width:100%;display:block}.project-card__x5{grid-area:x5}.project-card__liquid{grid-area:liquid}.project-card__department{grid-area:department}.project-card__drhivey{grid-area:drhivey}.project-card__telehealth{grid-area:telehealth}.project-card__recipes{grid-area:recipes}.project-card__concepts{grid-area:concepts}.project-card__rx{grid-area:rx}.project-card.tags-on-top img{border-radius:24px}.project-card.tags-on-top .project-tag-list{position:absolute;bottom:0;left:0}.project-title{flex-shrink:0;margin:16px 16px 4px;font-size:18px}.project-description{color:#6d6d6d;flex-shrink:0;margin:0 16px 14px;font-size:14px}@media (width<=768px){.project-description{margin-bottom:30px}}#projects{margin-bottom:200px}@media (width<=768px){#projects{margin-bottom:80px}}.filter-bar{margin-bottom:36px}.projects-grid{grid-template-columns:repeat(9,1fr);grid-template-areas:"x5 x5 x5 liquid liquid liquid department department department""x5 x5 x5 liquid liquid liquid drhivey drhivey drhivey""telehealth telehealth recipes recipes recipes concepts concepts rx rx""telehealth telehealth recipes recipes recipes concepts concepts rx rx";grid-auto-rows:1fr;gap:17px 12px;display:grid}@media (width<=768px){.projects-grid{flex-direction:column;display:flex}}.about-experience,.about-education{grid-template-columns:1fr 2fr;margin-bottom:52px;display:grid}@media (width<=768px){.about-experience,.about-education{grid-template-columns:1fr}}.subsection-title{margin:0;font-size:22px;font-weight:500}.timeline-list{flex-direction:column;gap:40px;display:flex}.timeline-item{grid-template-columns:1fr 1fr;gap:20px;display:grid}.timeline-item.can-repeat .timeline-period{visibility:hidden}.timeline-item.can-repeat.first-occurrence .timeline-period{visibility:visible}.timeline-period{font-size:18px}.timeline-title{margin-bottom:4px;font-size:18px}.timeline-description{color:#6d6d6d;font-size:14px}#outside{margin-bottom:200px}@media (width<=768px){#outside{margin-bottom:80px}}.subsection-title{margin-bottom:20px}.tabs{align-items:center;gap:8px;margin-bottom:36px;display:flex}@media (width<=768px){.tabs{flex-wrap:wrap}}.tab-container{background-color:#232323;border-radius:24px;padding:20px}.tab-container h5{margin:0 0 12px;font-size:18px;font-weight:500}.tab-container>.description{max-width:800px;margin-bottom:25px}.tab-container>.description__2{margin-bottom:0}.tab-content__hardskills,.tab-content__softskills{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tab-content__hobby{gap:39px;display:flex}@media (width<=768px){.tab-content__hobby{flex-wrap:wrap}}.tab-content__hobby li{text-align:center;flex-direction:column;align-items:center;gap:8px;max-width:81px;display:flex}.tab-content__hobby .image-container{background-color:#3d3d3e;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.tab-content__hobby .image-container img{width:33px;height:33px}.label{margin-bottom:4px;font-size:14px}.description{color:#6d6d6d;font-size:14px}.eng-link{color:#6d6d6d;font-size:14px;text-decoration:none}.header{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#101011e6;justify-content:center;padding:40px;transition:padding .3s;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=850px){.header{padding:40px 20px}}@media (width<=768px){.header{flex-direction:column;align-items:stretch;padding:0;transition:none;position:static}}.header.header--scrolled{padding:16px}@media (width<=850px){.header.header--scrolled{padding:16px 20px}}@media (width<=768px){.header.header--scrolled{padding:0}}.header-inner{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1200px;display:flex}@media (width<=768px){.header-inner{flex-direction:column;align-items:stretch;padding:0}}.left-container{align-items:center;gap:16px;display:flex}.left-container .name{font-size:20px;font-weight:500;line-height:28px}.left-container .title{color:#6d6d6d;font-size:14px;line-height:18px}.right-container{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;display:flex}@media (width<=768px){.right-container{justify-content:flex-start;gap:12px}}#footer{margin-bottom:90px}@media (width<=768px){#footer{margin-bottom:25px}}#footer .section-heading{margin-bottom:20px}#footer .links-container{gap:24px;margin-bottom:20px;display:flex}@media (width<=768px){#footer .links-container{flex-wrap:wrap;gap:12px}}#footer .updated{color:#6d6d6d;font-size:14px}.before-after-block{background-color:#232323;border-radius:24px;max-height:600px;overflow:hidden}.top-row{justify-content:space-between;display:flex}.before-after__title{align-self:flex-start;margin-left:20px}.toggle-switch{background-color:#101011;border-radius:27px;gap:4px;margin:16px 16px 27px 0;padding:8px;display:flex}.toggle-switch .toggle-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:19px;padding:8px 20px;font-size:16px;transition:all .2s}.toggle-switch .toggle-btn:hover{color:#fff;background:#3d3d3e}.toggle-switch .toggle-btn.active{color:#232323;background:#fff}.media-grid{flex-wrap:nowrap;justify-content:center;gap:8px;margin:0 16px;padding-bottom:90px;display:flex}.media-item{border-radius:12px;transition:transform .2s;overflow:hidden;box-shadow:0 4px 12px #00000014}.media-item img,.media-item iframe{object-fit:cover;border-radius:inherit;width:100%;margin:0;display:block}.media-item img{max-width:188px}.media-item iframe{border:1px solid #0000001a;width:800px;height:450px}.flow-2 .media-grid{position:relative}.flow-2 .media-item{border-radius:0 0 12px 12px;margin-top:-90px}.flow-2 img{max-width:281px}@media screen and (width<=768px){.flow-2 .media-item{border-radius:12px;margin-top:0}.flow-2 .note-container{display:none}.flow-2 .aside-block{position:static}}.flow-3 .media-grid,.flow-4 .media-grid,.flow-5 .media-grid{gap:50px}.flow-3 .media-grid{align-items:center}.flow-5 .media-item__0{border-radius:12px 12px 0 0;margin-top:50px}.flow-5 .media-item__1{border-radius:0 0 12px 12px;margin-top:-90px}.flow-5 img{max-width:188px}@media screen and (width<=768px){.flow-5 .media-item{border-radius:12px}.flow-5 .media-item__0,.flow-5 .media-item__1{margin-top:0}}.note-container{flex-direction:column;align-items:flex-end;gap:15px;width:180px;display:flex;position:absolute;bottom:97px;left:calc(50% - 340px)}.note-container img{width:95px}.note-text{color:#6d6d6d;font-size:12px}.aside-block{background-color:#ffffff17;border-radius:20px;max-width:350px;padding:20px;position:absolute;bottom:42px;left:4px}.aside-block h5{margin:0 0 10px;font-size:12px}.aside-block p{color:#8d8e8f;font-size:9px}.aside-block .text-white{color:#fff}.iframe-note{text-align:center;color:#6d6d6d;margin-top:16px;font-size:14px;font-weight:500}@media screen and (width<=768px){.before-after-block{max-height:fit-content}.before-after-block div.media-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.top-row{flex-direction:column}.toggle-switch{width:fit-content;margin:0 16px 16px auto}.media-grid{padding-bottom:32px}.flow-1.before-after-block .media-grid{display:flex}.media-item iframe{border:1px solid #0000001a;width:100%;height:calc(100vh - 100px)}}.scroll-to-top{color:#232323;cursor:pointer;z-index:99;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;font-weight:700;transition:opacity .3s,transform .2s;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 4px 12px #00000026}.scroll-to-top:hover{transform:scale(1.05)}.scroll-to-top:active{transform:scale(.95)}@media (width<=768px){.scroll-to-top{width:40px;height:40px;font-size:24px;bottom:1rem;right:1rem}}
