.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@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");.footer{padding:50px 0;margin-top:50px;background-color:#f4f4ff;*{margin:0}a,p{color:#000;font-size:15px;font-weight:400;text-decoration:none}.footer-container{font-family:Poppins;display:flex;justify-content:center;width:100%;gap:50px;h3{margin-bottom:20px;color:#000;font-size:24px;font-weight:500}.about,.contact-us,.developer,.quick-link{display:flex;flex-direction:column;align-items:start}.developer,.quick-link{width:15%}.about{width:23%}}hr{margin:30px 0}.description{margin:0 10%;display:flex;.left-side{width:50%}.right-side{display:flex;gap:20px;justify-content:end;width:50%}}}@media screen and (min-width:1240px) and (max-width:1439px){.footer{padding:45px 0;margin-top:45px;a,p{font-size:13.5px}.footer-container{gap:45px;h3{margin-bottom:18px;font-size:21.5px}}hr{margin:27px}.description{.right-side{gap:18px;.icon{width:36px;height:36px}}}}}@media screen and (min-width:1024px) and (max-width:1239px){.footer{padding:35px 0;margin-top:35px;a,p{font-size:10.5px}.footer-container{gap:35px;h3{margin-bottom:14px;font-size:17px}}hr{margin:21px}.description{.right-side{gap:14px;.icon{width:28px;height:28px}}}}}@media screen and (min-width:768px) and (max-width:1023px){.footer{padding:25px 0;margin-top:25px;a,p{font-size:7.5px}.footer-container{gap:25px;h3{margin-bottom:10px;font-size:12px}}hr{margin:15px}.description{.right-side{gap:10px}}}}@media screen and (min-width:568px) and (max-width:767px){.footer{padding:20px 0;margin-top:20px;a,p{font-size:6px}.footer-container{gap:20px;h3{margin-bottom:8px;font-size:10px}}hr{margin:12px}.description{.right-side{gap:8px;.icon{width:20px;height:20px}}}}}@media screen and (min-width:375px) and (max-width:567px){.footer{padding:12.5px 0;margin-top:12.5px;a,p{font-size:4px}.footer-container{gap:12.5px;h3{margin-bottom:5px;font-size:6px}}hr{margin:7.5px}.description{.right-side{gap:5px;.icon{width:10px;height:10px}}}}}.exchange-container{margin:0 10%;*{font-family:Manrope;margin:0;padding:0}.empty-container{margin:4%;display:flex;flex-direction:column;align-items:center;.image-empty{width:20vw;height:25vh}.empty{color:#cecece}}.exchange-header{margin-top:50px;display:flex;flex-direction:row;align-items:center;gap:10px;a .back-icon{display:flex;align-items:center;width:20px;height:20px}.back-to-home{font-size:24px;font-weight:700;margin:0}}.exchange-contain{display:flex;flex-direction:column;align-items:center;.exchange-title{margin:3% 0;font-size:30px;font-weight:600}.container-swipe-card{display:flex;flex-direction:column;gap:50px;.card-book-swipe{border-radius:5px;background-color:rgba(0,0,0,.05);padding:20px 30px;.cards{display:flex;align-items:center;gap:10px;width:100%;.swape-cmp{width:60px;height:60px}.card1,.card2{border-radius:5px;width:50%;height:30vh;display:flex;background-color:rgba(0,0,0,.1);padding:10px 20px;gap:20px;.img-pf{width:30%;padding:5px;border-radius:10px}.box-detail{width:70%;.name-pf{color:#000;font-size:24px;font-weight:600;margin:0}.value-name{font-size:20px;margin:1% 0}.book-detail,.value-name{color:rgba(0,0,0,.6);font-weight:600}.book-detail{font-size:18px;height:43%;margin:0}.user-name{color:rgba(0,0,0,.6);font-size:20px;font-weight:600;margin-top:3%}}}}.below-card{display:flex;.left-item{width:50%;display:flex;flex-direction:column;justify-content:center;.chat,.date{color:rgba(0,0,0,.6);font-size:18px;font-weight:600;margin:0}}.right-item{width:50%;display:flex;flex-direction:column;align-items:end;.status{display:flex;align-items:center;color:#000;font-size:16px;font-weight:600;gap:5px;margin:1.5% 0;.circle{display:inline-block;width:1.7vw;height:3vh;border-radius:50%;margin-right:5px}.green{background-color:#05dd05}.red{background-color:red}.yellow{background-color:#ff0}}.btn-ar{display:flex;gap:20px;.btn-accept,.btn-reject{display:flex;align-items:center;cursor:pointer;border-radius:5px;font-size:20px;font-weight:300;border:2px solid #ef6b4a;padding:5px 20px}.btn-reject{color:#ef6b4a}.btn-accept{color:#fff;background-color:#ef6b4a}}}}}}}}@media screen and (min-width:1024px) and (max-width:1280px){.exchange-container{.exchange-header{margin-top:35px;gap:7px;a .back-icon{width:14px;height:14px}.back-to-home{font-size:16px}}.exchange-contain{.exchange-title{font-size:16px}.container-swipe-card{gap:35px;.card-book-swipe{padding:14px 21px;.cards{gap:5px;.swape-cmp{width:40px;height:40px}.card1,.card2{height:21vh;padding:7px 14px;gap:14px;.img-pf{padding:3.5px}.box-detail{.name-pf{font-size:16.8px}.value-name{font-size:14px}.book-detail{font-size:12.6px}.user-name{font-size:14px}}}}.below-card{.left-item{.chat,.date{font-size:12.6px}}.right-item{.status{font-size:11.2px}.btn-ar{gap:14px;.btn-accept,.btn-reject{font-size:14px;padding:4px 14px}}}}}}}}}@media screen and (min-width:768px) and (max-width:1023px){.exchange-container{.exchange-header{margin-top:25px;gap:5px;a .back-icon{width:12px;height:12px}.back-to-home{font-size:12px}}.exchange-contain{.exchange-title{font-size:12px}.container-swipe-card{gap:25px;.card-book-swipe{padding:14px 21px;.cards{gap:5px;.swape-cmp{width:30px;height:30px}.card1,.card2{height:15vh;padding:5px 10px;gap:10px;.img-pf{padding:2.5px;border-radius:8px}.box-detail{.name-pf,.value-name{font-size:12px}.book-detail{font-size:9px}.user-name{font-size:10px}}}}.below-card{.left-item{.chat,.date{font-size:9px}}.right-item{.status{font-size:8px}.btn-ar{gap:10px;.btn-accept,.btn-reject{font-size:10px;border-radius:2.5px;border:1px solid #ef6b4a;padding:2.5px 10px}}}}}}}}}@media screen and (min-width:568px) and (max-width:767px){.exchange-container{.exchange-header{margin-top:20px;gap:5px;a .back-icon{width:12px;height:12px}.back-to-home{font-size:10px}}.exchange-contain{.exchange-title{font-size:10px}.container-swipe-card{gap:20px;.card-book-swipe{border-radius:3px;padding:10px 15px;.cards{gap:5px;.swape-cmp{width:20px;height:20px}.card1,.card2{height:12vh;border-radius:3px;padding:5px 10px;gap:10px;.img-pf{padding:2.5px;border-radius:6px}.box-detail{.name-pf,.value-name{font-size:8px}.book-detail{font-size:6px}.user-name{font-size:7px}}}}.below-card{.left-item{.chat,.date{font-size:6px}}.right-item{.status{font-size:5px}.btn-ar{gap:5px;.btn-accept,.btn-reject{font-size:7px;border-radius:2.5px;border:1px solid #ef6b4a;padding:2.5px 10px}}}}}}}}}@media screen and (min-width:375px) and (max-width:567px){.exchange-container{.exchange-header{margin-top:12.5px;gap:2.5px;a .back-icon{width:5px;height:5px}.back-to-home{font-size:6px}}.exchange-contain{.exchange-title{font-size:6px}.container-swipe-card{gap:12.5px;.card-book-swipe{border-radius:2.5px;padding:5px 7.5px;.cards{gap:2.5px;.swape-cmp{width:10px;height:10px}.card1,.card2{height:7.5vh;border-radius:2.5px;padding:2.5px 5px;gap:5px;.img-pf{padding:1.25px;border-radius:3px}.box-detail{.name-pf{font-size:6px}.value-name{font-size:5px}.book-detail,.user-name{font-size:4px}}}}.below-card{.left-item{.chat,.date{font-size:4px}}.right-item{.status{font-size:3px}.btn-ar{gap:2.5px;.btn-accept,.btn-reject{font-size:4px;border-radius:1px;border:1px solid #ef6b4a;padding:1px 5px}}}}}}}}}