@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.navbar_v2{background-color:var(--bg-color);color:var(--primary-color);margin-bottom:30px;*{font-family:Manrope}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--secondary-color);box-shadow:0 2px 5px rgba(0,0,0,.1);.navbar-brand{.logo{width:50px;height:50px}}.search-container{display:flex;justify-content:center;width:100%;padding:0 5vw;.search{border:none;width:75%;height:40px;padding-left:50px;background-position:15px;border-radius:5px 0 0 5px;font-size:17px;outline:none}.search,.search-type{background-color:#f4f4ff;background-repeat:no-repeat}.search-type{width:120px;height:42px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-position:85px;background-size:15px;border-radius:0 5px 5px 0}.search-for{display:flex;width:80px;height:42px;font-size:12px;color:#717171;background-color:#f4f4ff;align-items:center}}.navbar-nav{display:flex;list-style:none;margin:0;padding:0;text-decoration:none;li{margin:0 .3rem;.bi{background-color:#f4f4ff;padding:12px;border-radius:5px}a{align-items:center;text-decoration:none;color:var(--link-color);transition:color .3s;.icon-text{margin-left:5px;display:none}}a:hover{color:var(--primary-color)}}.item-none{display:none}}}.search-button-menu{display:flex;flex-direction:row;height:42px;border:none!important}.dropdown-button-menu{display:flex;flex-direction:row-reverse;cursor:pointer;font-size:10px;.dropdown-menu{display:flex;flex-direction:column;justify-content:center;align-content:center}button{cursor:pointer}}.dropdown-item{position:relative;background-color:#f4f4ff;width:7vw;height:4vh;display:flex;align-items:center;justify-content:center;z-index:100}.dropdown-item1:hover,.dropdown-item2:hover,.dropdown-item3:hover{background-color:#6251dd;color:#f4f4ff}}.navbar-toggler{display:none;cursor:pointer;font-size:1.5rem;background:none;border:none;color:#000}@media (max-width:1024px){.navbar_v2{.navbar-nav{position:fixed;background-color:#fff!important;top:80px;right:-100%;height:100%!important;width:150px;background-color:var(--secondary-color);flex-direction:column;justify-content:start;align-items:start;transition:right .3s ease-in-out;li{margin:.5rem 0!important;.bi{background:none!important}a{gap:5px;display:flex;color:var(--link-color);.icon-text{margin-left:5px;display:flex!important}}}.item-none{display:flex!important;gap:10px}}.navbar-nav.active{right:0}.navbar-toggler{display:block}}}@media (max-width:668px){.navbar_v2{.search-for{display:none!important}}}@media screen and (min-width:200px) and (max-width:568px){.navbar_v2{.logo{width:30px!important;height:30px!important}.search{padding-left:40px!important;background-size:13px!important;font-size:13px!important;margin-left:5%!important}.menu-button,.search{height:25px!important}.menu-button{margin-right:5%!important;width:32px!important;.MuiSvgIcon-root{width:15px!important;height:15px!important}}}}@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap");.edit-profile{max-width:1200px;margin:0 auto;padding:2rem;font-family:Manrope,sans-serif}.edit-container-text{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem}.edit-container-text svg{cursor:pointer;transition:transform .2s}.edit-container-text svg:hover{transform:translateX(-4px)}.edit-text{font-size:1.75rem;font-weight:600;color:#333}.form-edit-container{display:flex;gap:3rem;align-items:flex-start}.profile-image-container{flex-shrink:0;width:300px;position:relative}.profile-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;background-color:#f4f4ff}.image-overlay{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);color:#fff;font-size:.875rem;padding:.75rem;text-align:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px;opacity:0;transition:opacity .2s}.profile-image-container:hover .image-overlay{opacity:1}.edit-container-form{flex:1 1;max-width:600px}.edit-form-group{margin-bottom:1.5rem}.edit-form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.edit-form-group input{width:100%;padding:.875rem 1rem;background-color:#f4f4ff;border:1px solid #e0e0e0;border-radius:8px;font-family:Manrope,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.edit-form-group input:focus{outline:none;border-color:#ef6b4a;box-shadow:0 0 0 3px rgba(239,107,74,.15)}.edit-form-group input[readonly]{background-color:#f8f8fb;color:#888;cursor:not-allowed}.password-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}.password-section-title{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:#444}.save-change{background-color:#ef6b4a;border:none;color:#fff;padding:.875rem 2rem;font-weight:600;font-size:1rem;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .1s;margin-top:1rem;font-family:Manrope,sans-serif}.save-change:hover{background-color:#e55a37}.save-change:active{transform:scale(.98)}.container{display:inline-block;position:relative}.fileInput{position:absolute;top:0;right:0;margin:0;padding:0;font-size:20px;opacity:0;filter:alpha(opacity=0)}.customButton,.fileInput{cursor:pointer;width:50px;height:50px}.customButton{display:block;border-radius:50%}@media screen and (max-width:1024px){.edit-profile{padding:1.5rem}.profile-image-container{width:250px}}@media screen and (max-width:768px){.form-edit-container{flex-direction:column;align-items:center;gap:2rem}.profile-image-container{width:200px}.edit-container-form{width:100%}.edit-text{font-size:1.5rem}}@media screen and (max-width:480px){.edit-profile{padding:1rem}.edit-container-text{margin-bottom:1.5rem}.edit-text{font-size:1.25rem}.profile-image-container{width:180px}.edit-form-group{margin-bottom:1rem}.edit-form-group input{padding:.75rem}.save-change{width:100%;padding:.75rem 1rem}.password-section{margin-top:1.5rem;padding-top:1rem}.password-section-title{font-size:1rem}}