@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}}}}.pt-container{width:100%;*{margin:0;padding:0;font-family:Manrope}.pt-profile{text-align:center;font-size:30px}.pt-container-profile{display:flex;margin:50px 10% 0;.pt-profileimage{border-radius:100%;width:15vw;height:27vh;margin-right:4%}.pt-n{width:100%;.pt-profilename-and-button{.pt-profilename{font-size:40px}.pt-button-container{display:flex;flex-direction:column;align-items:end;gap:20px;margin-top:-5%;.pt-button{display:flex;justify-content:center;align-items:center;font-size:15px;text-decoration:none;border:1px solid #6251dd;width:200px;height:50px;font-weight:600;border-radius:10px}.pt-btn{color:#6251dd}.pt-btn:hover,.pt-button-upload{background-color:#6251dd;color:#fff}.pt-button-upload:hover{background-color:#fff;color:#6251dd}.logout{display:flex;justify-content:center;align-items:center;font-size:15px;text-decoration:none;border:1px solid #f51b1b;background-color:#f51b1b;color:#fff;width:200px;height:50px;font-weight:600;border-radius:10px}.logout:hover{background-color:#fff;color:#f51b1b}}}.pt-nnnnn{margin-top:-150px;.pt-image-point{display:flex;gap:10px;.pt-image{width:30px;height:30px}.pt-exchange{font-size:20px}}.pt-info{.p1,span{padding:10px 0}.p1,.pt-space3,p,span{font-size:20px}}}}}}@media (max-width:1024px){.pt-button-container{display:none!important}.pt-nnnnn{margin-top:0!important}.pt-container-profile{flex-direction:column!important;align-items:center;.pt-profileimage{margin:0!important}.pt-profilename{justify-content:center;font-size:25px!important}.pt-info,.pt-profilename{display:flex!important;align-items:center!important}.pt-info{flex-direction:column!important;padding:0!important;p,span{font-size:15px!important}}}}.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%}.carousel{margin:0 10% 3%;*{font-family:Manrope;margin:0;padding:0}.carousel-title{margin-bottom:2%;margin-left:5%;font-size:35px;font-weight:700}.bi-chevron-left,.bi-chevron-right{display:none}.swape-left,.swape-right{align-items:center;background:none;border:none;cursor:pointer}.carousel-container,.swape-left,.swape-right{display:flex}.carousel-container{.carousel-slide{justify-content:center;align-items:center;width:100%}.card-container{justify-content:center;align-items:center;gap:15px;height:42vh;flex-wrap:nowrap;overflow:hidden;width:80%;.card{border-radius:4px;border:1px solid rgba(9,9,55,.1);background-color:#f4f4ff;padding:20px 30px;height:100%;flex-direction:column;justify-content:space-between;.book-details{flex-direction:column;align-items:center}.image-card{padding-top:20px;width:10vw;height:30vh;object-fit:cover;border-radius:4px}.name-book{margin-top:10px;color:#090937;font-size:15px;font-weight:600;margin-bottom:20px}.flex-row{width:100%;.author-book{color:rgba(9,9,55,.6);font-size:12px;font-weight:600;width:50%}.price-book{color:#6251dd;font-size:18px;font-weight:700;width:50%;justify-content:flex-end}}}}}.indicator{margin-top:30px;display:flex;justify-content:center}}@media (max-width:879px){.carousel{margin:0 5% 3%!important;.bi-chevron-left,.bi-chevron-right{display:inline}.swape-left-btn,.swape-right-btn{display:none}}.card-container .card{width:calc(33.33% - 15px)}}@media (max-width:654px){.carousel{margin:0 0 3%!important;.bi-chevron-left,.bi-chevron-right{display:inline}.swape-left-btn,.swape-right-btn{display:none}}.card-container{.card{width:calc(50% - 15px)}}}.carousel2{margin:0 10% 3%;*{font-family:Manrope;margin:0;padding:0}.carousel-title{margin-top:4%;margin-bottom:1%;margin-left:5%;font-size:35px;font-weight:700}.bi-chevron-left,.bi-chevron-right{display:none}.swape-left,.swape-right{align-items:center;background:none;border:none;cursor:pointer}.carousel-container,.swape-left,.swape-right{display:flex}.carousel-container{.carousel-slide{justify-content:center;align-items:center;width:100%}.card-container{justify-content:center;align-items:center;gap:15px;height:47vh;flex-wrap:nowrap;overflow:hidden;width:80%;.link-item{cursor:pointer;text-decoration:none;.card{border-radius:4px;border:1px solid rgba(9,9,55,.1);background-color:#f4f4ff;padding:20px 30px;height:100%;flex-direction:column;justify-content:space-between}.book-details{flex-direction:column;align-items:center}.image-card{width:10vw;padding-top:20px;height:30vh;object-fit:cover;border-radius:4px}.name-book{margin-top:10px;color:#090937;font-size:15px;font-weight:600;margin-bottom:20px}.dsjff{justify-content:start}.flex-row{width:100%;.author-book{color:rgba(9,9,55,.6);font-size:12px;font-weight:600;width:100%}}.flex-end{justify-content:end;.price-book{position:absolute;color:#6251dd;font-size:18px;font-weight:700}}}}}.indicator{margin-top:30px;display:flex;justify-content:center}}@media (max-width:1103px){.card-container{height:30vh}}@media (max-width:879px){.carousel{margin:0 5% 3%!important;.bi-chevron-left,.bi-chevron-right{display:inline}.swape-left-btn,.swape-right-btn{display:none}}.card-container .card{width:calc(66.66% - 15px)}}@media (max-width:654px){.carousel{margin:0 0 3%!important;.bi-chevron-left,.bi-chevron-right{display:inline}.swape-left-btn,.swape-right-btn{display:none}}.card-container{.card{width:calc(70% - 15px)}}}