.book-search-section{width:100%;max-width:600px;position:relative}.book-search-section .search-container2{background:#f2f2f5;border:2px solid #0000;border-radius:50px;align-items:center;height:50px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.book-search-section .search-container2.is-recording{background:#fff5f5;border-color:#ff4d4d}.book-search-section .search-container2.is-recording .mic-btn{color:#ff4d4d;animation:1.5s infinite pulse}.book-search-section .search-container2.has-image{background:#eff6ff;border-color:#4a90e2}.book-search-section .search-container2:focus-within+.search-result-container{opacity:1;visibility:visible;transform:translateY(0)}.book-search-section .search-container2 .icon-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.book-search-section .search-container2 .icon-btn.img-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.book-search-section .search-container2 .preview-container img{object-fit:cover;border:1px solid #ddd;border-radius:8px;width:30px;height:30px;margin-right:10px}.book-search-section .search-container2 input{background:0 0;border:none;outline:none;flex:1;padding:0 15px}.book-search-section .search-container{background-color:#f2f2f5;border:2px solid #f2f2f5;border-radius:40px;align-items:center;gap:5px;width:100%;height:100%;padding:5px;display:flex}.book-search-section .search-container:hover{background-color:#0000}.book-search-section .search-container:hover button{background-color:#f2f2f5}.book-search-section .search-container.is-recording{background:#fff5f5;border-color:#ff4d4d}.book-search-section .search-container.is-recording .mic-btn{color:#ff4d4d;animation:1.5s infinite pulse}.book-search-section .search-container.has-image,.book-search-section .search-container.has-search-text{background:#eff6ff;border-color:#4a90e2}.book-search-section .search-container:focus-within+.search-result-container{opacity:1;visibility:visible;transform:translateY(0)}.book-search-section .search-container input,.book-search-section .search-container button{background-color:#0000;border:none;outline:none;width:100%;height:100%}.book-search-section .search-container .preview-container img{object-fit:cover;border:1px solid #ddd;border-radius:8px;width:30px;height:30px;margin-right:10px}.book-search-section .search-container input{margin:0 10px}.book-search-section .search-container button{color:#4d4d4d;aspect-ratio:1;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;display:flex;position:relative}.book-search-section .search-container button svg{width:calc(100% - 15px);height:calc(100% - 15px)}.book-search-section .search-container button.img-section{overflow:hidden}.book-search-section .search-container button.img-section input{z-index:9;opacity:0;width:100%;height:100%;position:absolute;top:0;left:-10px}.book-search-section .search-container button.recording-active{animation:1.5s infinite pulse}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ff4d4d66}50%{transform:scale(1.1);box-shadow:0 0 0 10px #ff4d4d00}to{transform:scale(1);box-shadow:0 0 #ff4d4d00}}.book-search-section .search-result-container{z-index:50;opacity:0;visibility:hidden;overscroll-behavior:contain;background-color:#fff;border-radius:16px;flex-direction:column;width:100%;max-height:300px;transition:all .25s;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:scroll;transform:translateY(10px);box-shadow:0 10px 25px #00000014}.book-search-section .search-result-container.active{opacity:1;visibility:visible;transform:translateY(0)}.book-search-section .search-result-container ul{margin:0;padding:8px 0;list-style:none}.book-search-section .search-result-container ul li{cursor:pointer;align-items:center;gap:10px;padding:10px 15px;font-size:14px;transition:background .2s;display:flex}.book-search-section .search-result-container ul li svg{color:#999;font-size:16px}.book-search-section .search-result-container ul li span{color:#333;font-weight:500}.book-search-section .search-result-container ul li small{color:#888;font-size:12px;display:block}.book-search-section .search-result-container ul li:hover{background-color:#f5f7fb}.book-search-section .search-result-container p{text-align:center;color:#888;padding:12px;font-size:14px}
.progressing-dot{justify-content:center;align-items:center;width:100%;min-width:70px;height:100%;min-height:50px;display:flex}.progressing-dot .dot-element{aspect-ratio:2;--_g:no-repeat radial-gradient(circle closest-side,var(--primary-background)90%,#0000);background:var(--_g)0% 50%,var(--_g)50% 50%,var(--_g)100% 50%;background-size:33.3333% 50%;width:60px;animation:1s linear infinite l3}@keyframes l3{20%{background-position:0 0,50%,100%}40%{background-position:0 100%,50% 0,100%}60%{background-position:0%,50% 100%,100% 0}80%{background-position:0%,50%,100% 100%}}
.footer-container{background:#fff;border-top:1px solid #e9ecef;padding-top:60px}.footer-container .newsletter-section{text-align:center;padding:0 20px 60px}.footer-container .newsletter-section .sub-heading{color:#f68f11;margin-bottom:10px;font-size:14px}.footer-container .newsletter-section h2{margin-bottom:20px;font-size:32px}.footer-container .newsletter-section .input-group{gap:10px;max-width:500px;margin:0 auto;display:flex}.footer-container .newsletter-section .input-group input{border:1px solid #ddd;border-radius:6px;flex:1;padding:12px}.footer-container .newsletter-section .input-group button{color:#fff;cursor:pointer;background:#f68f11;border:none;border-radius:6px;padding:12px 24px}.footer-container .main-footer{border-top:1px solid #eee;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding:40px 10%;display:grid}.footer-container .main-footer h3,.footer-container .main-footer h4{color:#333;margin-bottom:15px}.footer-container .main-footer p,.footer-container .main-footer li,.footer-container .main-footer a{color:#666;align-items:center;font-size:14px;line-height:1.6;text-decoration:none;display:flex}.footer-container .main-footer ul{padding:0;list-style:none}.footer-container .main-footer ul li{cursor:pointer;margin-bottom:10px}.footer-container .main-footer ul li:hover{color:#f68f11}.footer-container .footer-bottom{text-align:center;color:#fff;background:#f68f11;padding:20px;font-size:13px}@media (max-width:992px){.main-footer{grid-template-columns:1fr 1fr}}@media (max-width:600px){.main-footer{grid-template-columns:1fr}}