*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none;font-family:Arial,Helvetica,sans-serif}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;border-radius:10px}::-webkit-scrollbar{width:10px;background-color:#f5f5f5}::-webkit-scrollbar-thumb{border-radius:10px;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(.44,rgb(122,153,217)),color-stop(.72,rgb(73,125,189)),color-stop(.86,rgb(28,58,148)))}.overLay,.ModaloverLay{position:fixed;z-index:9;top:0;left:0;width:100%;height:100vh;cursor:auto;background-color:#0009}@media screen and (max-width: 767px){.ModaloverLay{display:none}}.loader{width:60px;position:fixed;top:5%;left:50%;transform:translate(-5%,-50%);z-index:999;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, orange 90%, #0000);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:calc(100%/3) 50%;animation:l3 1s infinite linear}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.main{margin-left:300px}.container .StripeCheckout{background-color:red}.dashboard{width:100%;padding:0 20px;background-color:#dadada;min-height:100vh}.dashboard h1{padding:30px 0;letter-spacing:3px;text-align:center}.dashboard .statistics{width:100%;display:flex;align-items:center;justify-content:space-between}.dashboard .statistics .item{padding:10px;width:30%;height:150px;border-radius:12px;color:#fff}.dashboard .statistics .item h2{font-size:2.5em}.dashboard .statistics .item p{color:#aeaeae;margin:10px 0}.dashboard .statistics .one{background:#001524;background:linear-gradient(10deg,#001524 18%,#0001c8 85%)}.dashboard .statistics .two{background:#001524;background:linear-gradient(10deg,#001524 18%,#c85d00 85%);display:flex;align-items:start;justify-content:space-between}.dashboard .statistics .two button{padding:15px 5px;border:none;border-radius:5px;cursor:pointer;font-weight:700;letter-spacing:2px;background-color:#373737;color:#fff;transition:all .3s}.dashboard .statistics .two button:hover{color:#000;background-color:#fff}.dashboard .statistics .three{background:#001524;background:linear-gradient(10deg,#001524,#00bdc8 53%)}.commentsOfProduct{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-height:500px;background-color:#fff;overflow-y:scroll;z-index:10;opacity:0;visibility:hidden;transition:all .3s}.commentsOfProduct .middleBox{height:90vh;display:flex;flex-direction:column;position:relative}.commentsOfProduct .middleBox .covering{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;background-color:transparent}.commentsOfProduct .middleBox .peopleCommentBox{display:flex;justify-content:space-between;align-items:start;padding:0 10px}.commentsOfProduct .middleBox .peopleCommentBox .imgBox{height:100%;width:50px;padding:10px 0;display:flex;justify-content:center;align-items:start}.commentsOfProduct .middleBox .peopleCommentBox .imgBox .peopleBox{height:40px;width:40px;border-radius:50%;overflow:hidden;background:gray}.commentsOfProduct .middleBox .peopleCommentBox .imgBox .peopleBox img{max-width:100%}.commentsOfProduct .middleBox .peopleCommentBox .emailBox{padding:10px 20px 10px 10px;display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:start;width:320px;gap:9px;position:relative}.commentsOfProduct .middleBox .peopleCommentBox .emailBox .heartBox{position:absolute;top:10px;right:10px;display:flex;justify-content:center;align-items:center;gap:5px}.commentsOfProduct .middleBox .peopleCommentBox .emailBox .heartBox i{cursor:pointer}.commentsOfProduct .middleBox .peopleCommentBox .emailBox .heartBox p{font-size:15px}.commentsOfProduct .middleBox .peopleCommentBox .emailBox .replayBtn{position:absolute;bottom:10px;right:10px;cursor:pointer;font-size:12px}.commentsOfProduct .middleBox .peopleCommentBox .emailBox p{font-size:10px}.commentsOfProduct .middleBox .peopleCommentBox .replyCount{color:gray;font-size:.8em;cursor:pointer}.commentsOfProduct .middleBox .peopleCommentBox .replyCount:hover{color:#daa520}.commentsOfProduct .middleBox .replayBox{width:320px;text-align:start;display:flex;gap:10px;position:relative;height:0;overflow:hidden}.commentsOfProduct .middleBox .replayBox p{font-size:12px;padding:0 20px 0 0;margin-bottom:5px}.commentsOfProduct .middleBox .replayBox .width{width:25px}.commentsOfProduct .middleBox .replayBox .replayImgBox{height:28px;width:28px;border-radius:50%;background:red;overflow:hidden}.commentsOfProduct .middleBox .replayBox .replayImgBox img{max-width:100%}.commentsOfProduct .middleBox .replayBox .heartBox{position:absolute;top:10px;right:8px;display:flex;gap:5px}.commentsOfProduct .middleBox .replayBox .heartBox i{cursor:pointer;font-size:10px}.commentsOfProduct .middleBox .replayBox .heartBox span{font-size:10px}.comment-open{opacity:1!important;visibility:visible!important}.adminMain{width:100%;background-color:#dadada;text-align:center;padding:50px 0}.adminMain h3{font-size:1.5em;letter-spacing:2px;padding:20px 0}.adminMain .pie-chart{width:400px}*{border:0}.bike{display:block;margin:auto;width:16em;height:auto;width:100%;height:100vh;padding:200px;background-color:#fff}.bike__body,.bike__front,.bike__handlebars,.bike__pedals,.bike__pedals-spin,.bike__seat,.bike__spokes,.bike__spokes-spin,.bike__tire{animation:bikeBody 3s ease-in-out infinite;stroke:var(--primary);transition:stroke var(--trans-dur)}.bike__front{animation-name:bikeFront;color:#000}.bike__handlebars{color:orange;animation-name:bikeHandlebars}.bike__pedals{animation-name:bikePedals;color:#000}.bike__pedals-spin{animation-name:bikePedalsSpin;color:#000}.bike__seat{animation-name:bikeSeat;color:orange}.bike__spokes,.bike__tire{stroke:currentColor;color:orange}.bike__spokes{animation-name:bikeSpokes;color:#000}.bike__spokes-spin{animation-name:bikeSpokesSpin}.bike__tire{animation-name:bikeTire}@media screen and (max-width: 577px){.bike{width:40em;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-color-scheme: dark){:root{--bg: hsl(var(--hue), 90%, 10%);--fg: hsl(var(--hue), 90%, 90%)}}@keyframes bikeBody{0%{stroke-dashoffset:79}33%,67%{stroke-dashoffset:0}to{stroke-dashoffset:-79}}@keyframes bikeFront{0%{stroke-dashoffset:19}33%,67%{stroke-dashoffset:0}to{stroke-dashoffset:-19}}@keyframes bikeHandlebars{0%{stroke-dashoffset:10}33%,67%{stroke-dashoffset:0}to{stroke-dashoffset:-10}}@keyframes bikePedals{0%{animation-timing-function:ease-in;stroke-dashoffset:-25.133}33%,67%{animation-timing-function:ease-out;stroke-dashoffset:-21.991}to{stroke-dashoffset:-25.133}}@keyframes bikePedalsSpin{0%{transform:rotate(.1875turn)}to{transform:rotate(3.1875turn)}}@keyframes bikeSeat{0%{stroke-dashoffset:5}33%,67%{stroke-dashoffset:0}to{stroke-dashoffset:-5}}@keyframes bikeSpokes{0%{animation-timing-function:ease-in;stroke-dashoffset:-31.416}33%,67%{animation-timing-function:ease-out;stroke-dashoffset:-23.562}to{stroke-dashoffset:-31.416}}@keyframes bikeSpokesSpin{0%{transform:rotate(0)}to{transform:rotate(3turn)}}@keyframes bikeTire{0%{animation-timing-function:ease-in;stroke-dashoffset:56.549;transform:rotate(0)}33%{stroke-dashoffset:0;transform:rotate(.33turn)}67%{animation-timing-function:ease-out;stroke-dashoffset:0;transform:rotate(.67turn)}to{stroke-dashoffset:-56.549;transform:rotate(1turn)}}.details{width:100%;min-height:100vh}.details .det-head{width:100%;height:220px;padding:120px 0 30px;text-align:center;position:relative;overflow:hidden}.details .det-head .backImg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:250px;filter:contrast(50%);background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slider2.jpg?v=1613576060);background-position:center;background-repeat:no-repeat}.details .det-head .bottom-img{width:100%;position:absolute;bottom:0;left:0}.details .det-wrapper{width:90%;margin:auto;display:flex;padding:30px 0}.details .det-wrapper .det-prod{width:75%;display:flex}.details .det-wrapper .det-prod .det-img{width:40%}.details .det-wrapper .det-prod .det-img img{width:100%}.details .det-wrapper .det-prod .det-texts{width:60%;padding:40px;display:flex;flex-direction:column;gap:20px;text-align:center}.details .det-wrapper .det-prod .det-texts .det-name{width:100%;display:flex;align-items:center;justify-content:space-between}.details .det-wrapper .det-prod .det-texts .det-name .icon{font-size:1.2em;gap:10px;display:flex}.details .det-wrapper .det-prod .det-texts .det-name .icon i{cursor:pointer}.details .det-wrapper .det-prod .det-texts .det-name .icon .comment-icon{position:relative}.details .det-wrapper .det-prod .det-texts .det-name .icon .comment-icon:hover .description{opacity:1!important;visibility:visible!important}.details .det-wrapper .det-prod .det-texts .det-name .icon .comment-icon .description{opacity:0;visibility:hidden;transition:all .3s;width:100px;position:absolute;top:-40px;left:-40px;background-color:#000;color:#fff;padding:10px;border-radius:8px;font-size:.6em;border:1px solid black}.details .det-wrapper .det-prod .det-texts .det-name .icon .comment-icon .description i{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);font-size:1.6em;color:#000}.details .det-wrapper .det-prod .det-texts .det-name .fa-heart{cursor:pointer;transition:all .3s}.details .det-wrapper .det-prod .det-texts .det-name .fa-heart:hover{color:#daa520}.details .det-wrapper .det-prod .det-texts .prod-qty{display:flex;justify-content:space-between;align-items:center}.details .det-wrapper .det-prod .det-texts .prod-qty .add-button{padding:20px 0;width:45%;color:#fff;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s;background-color:#daa520;border:1px solid goldenrod}.details .det-wrapper .det-prod .det-texts .prod-qty .add-button:hover{background-color:#000;border:1px solid black}.details .det-wrapper .det-prod .det-texts .buy-button{width:45%;padding:20px 0;color:#fff;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s;background-color:#000;border:1px solid black}.details .det-wrapper .det-prod .det-texts .buy-button:hover{background-color:#daa520;border:1px solid goldenrod}.details .det-wrapper .det-prod .det-texts .comment{width:100%;display:flex;align-items:center;justify-content:center;gap:20px}.details .det-wrapper .det-prod .det-texts .comment input{height:40px;outline:none;border:none;border-bottom:2px solid transparent;font-size:1.2em}.details .det-wrapper .det-prod .det-texts .comment input:focus{border-color:orange}.details .det-wrapper .det-prod .det-texts .comment i{color:#000;font-size:20px;cursor:pointer}.details .det-wrapper .det-prod .det-texts .comment i:hover{color:orange}.details .det-wrapper .choose{width:25%;text-align:center;display:flex;flex-direction:column;gap:20px}.details .det-wrapper .choose .choose-card{width:100%;padding:20px;border:1px solid rgb(189,189,189);line-height:2;cursor:pointer}.details .det-wrapper .choose .choose-card:hover{border-color:#000}.details .det-wrapper .choose .choose-card p{color:gray}@media screen and (max-width: 576px){.details .det-wrapper{width:95%;flex-wrap:wrap}.details .det-wrapper .det-prod{width:100%;flex-wrap:wrap;justify-content:center}.details .det-wrapper .det-prod .det-img{width:100%}.details .det-wrapper .det-prod .det-texts{width:100%;padding:40px 20px}.details .det-wrapper .det-prod .det-texts .det-name{gap:10px}.details .det-wrapper .det-prod .det-texts .det-name h3{font-size:.8em}.details .det-wrapper .det-prod .det-texts .prod-qty{flex-wrap:wrap;justify-content:center;gap:20px}.details .det-wrapper .det-prod .det-texts .prod-qty .add-button,.details .det-wrapper .det-prod .det-texts .prod-qty .buy-button{width:90%}.details .det-wrapper .det-prod .det-texts .description{display:none}.details .det-wrapper .choose{width:100%}}@media screen and (min-width: 577px) and (max-width: 768px){.details .det-wrapper{width:95%}.details .det-wrapper .det-prod{width:65%;flex-wrap:wrap}.details .det-wrapper .det-prod .det-img,.details .det-wrapper .det-prod .det-texts{width:100%}.details .det-wrapper .choose{width:35%}}@media screen and (min-width: 769px) and (max-width: 1024px){.details .det-wrapper{width:95%}}.commentBox{background:#fff;width:380px;height:100vh;z-index:10;position:fixed;top:0;transform:translate(-380px);transition:all .5s ease;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid black}.commentBox .upBox{height:40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid black}.commentBox .upBox .countBox{border-right:1px solid black;height:100%;width:40px;padding:0 5px;display:flex;align-items:center;justify-content:center}.commentBox .upBox .commentTextBox{font-size:22px}.commentBox .upBox .deleteBtn{height:100%;width:40px;display:flex;align-items:center;justify-content:center;font-size:20px;border-left:1px solid black;cursor:pointer}.commentBox .upBox .deleteBtn:hover{background-color:#000;color:#fff}.commentBox .middleBox{height:90vh;display:flex;flex-direction:column;position:relative;overflow-y:scroll;overflow-x:hidden}.commentBox .middleBox .covering{position:absolute;top:0;left:0;width:100%;height:100%;z-index:12;background-color:transparent}.commentBox .middleBox .peopleCommentBox{display:flex;justify-content:start;align-items:start}.commentBox .middleBox .peopleCommentBox .imgBox{height:100%;width:50px;padding:10px 0;display:flex;justify-content:center;align-items:start}.commentBox .middleBox .peopleCommentBox .imgBox .peopleBox{height:40px;width:40px;border-radius:50%;overflow:hidden;background:gray}.commentBox .middleBox .peopleCommentBox .imgBox .peopleBox img{max-width:100%}.commentBox .middleBox .peopleCommentBox .emailBox{padding:10px 20px 10px 10px;display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:start;width:320px;gap:9px;position:relative}.commentBox .middleBox .peopleCommentBox .emailBox .heartBox{position:absolute;top:10px;right:10px;display:flex;justify-content:center;align-items:center;gap:5px}.commentBox .middleBox .peopleCommentBox .emailBox .heartBox i{cursor:pointer}.commentBox .middleBox .peopleCommentBox .emailBox .heartBox p{font-size:15px}.commentBox .middleBox .peopleCommentBox .emailBox .replayBtn{position:absolute;bottom:10px;right:10px;cursor:pointer;font-size:12px}.commentBox .middleBox .peopleCommentBox .emailBox p{font-size:10px}.commentBox .middleBox .peopleCommentBox .replyCount{color:gray;font-size:.8em;cursor:pointer}.commentBox .middleBox .peopleCommentBox .replyCount:hover{color:#daa520}.commentBox .middleBox .replayBox{width:320px;text-align:start;display:flex;gap:10px;position:relative;height:0;overflow:hidden}.commentBox .middleBox .replayBox p{font-size:12px;padding:0 20px 0 0;margin-bottom:5px}.commentBox .middleBox .replayBox .width{width:25px}.commentBox .middleBox .replayBox .replayImgBox{height:28px;width:28px;border-radius:50%;background:red;overflow:hidden}.commentBox .middleBox .replayBox .replayImgBox img{max-width:100%}.commentBox .middleBox .replayBox .heartBox{position:absolute;top:10px;right:8px;display:flex;gap:5px}.commentBox .middleBox .replayBox .heartBox i{cursor:pointer;font-size:10px}.commentBox .middleBox .replayBox .heartBox span{font-size:10px}.commentBox .downBox{height:50px;display:flex;gap:10px;justify-content:center;align-items:center;border-top:1px solid rgb(128,128,128)}.commentBox .downBox form{height:100%;display:flex;gap:10px;justify-content:center;align-items:center}.commentBox .downBox form input{height:90%;width:300px;padding:0 10px;outline:none;font-size:16px;background:transparent}.commentBox .downBox form button{cursor:pointer;height:30px;width:50px;transition:.3s;background:#000;color:#fff;border-radius:5px}.commentBox .downBox form button:hover{background:#daa520;transition:.3s}.open{transform:translate(0);transition:.7s}.replyOpen{height:fit-content!important;padding:10px 10px 0}@media screen and (max-width: 577px){.commentBox{width:320px}.commentBox .emailBox,.commentBox .emailBox .replayBox{width:270px!important}.commentBox .downBox form input{width:250px!important}}.dash-products{width:100%;padding:40 20px;background-color:#dadada;min-height:100vh}.dash-products .dash-head{position:relative}.dash-products .dash-head h1{padding:30px 0;letter-spacing:3px;text-align:center}.dash-products .dash-head button{position:absolute;margin-right:63px;padding:10px 25px;cursor:pointer;background-color:#1a7739;border-radius:5px;color:#fff;font-weight:700;bottom:0;right:0;border:1px solid transparent}.dash-products .dash-head button:hover{background-color:#000;color:#fff}.dash-products table{border:1px solid gray;margin:40px auto auto;padding:10px;text-align:center;width:1100px}.dash-products table th,.dash-products table td{padding:20px;text-align:center}.dash-products table td i{color:red;cursor:pointer}.dash-products table td i:hover{color:#00f}.dash-products form{z-index:10;width:380px;height:500px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:30px;border:1px solid gray;box-shadow:0 0 8px #0009;opacity:0;visibility:hidden;transition:all .3s ease-in-out}.dash-products form .file{color:red}.dash-products form input[type=text],.dash-products form input[type=number]{display:block;width:100%;margin:10px 0;padding:7px;border:1px solid #ccc;height:40px;border-radius:5px}.dash-products form input[type=file]{background-color:0}.dash-products form input,.dash-products form label{margin:20px auto}.dash-products form label{font-weight:700}.dash-products form .submit{background-color:#000;color:#fff;padding:10px 35px;border:1px solid transparent;cursor:pointer}.dash-products form .submit:hover{background-color:#fff;border-color:#000;color:#000}.form-open{opacity:1!important;visibility:visible!important}.deleteModal{opacity:0;visibility:hidden;transition:all .5s;width:230px;height:180px;background-color:#fff;text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;gap:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid gray;z-index:10}.deleteModal div{display:flex;gap:5px}.deleteModal div :first-child{background-color:red}.deleteModal div :nth-child(2){background-color:green}.deleteModal div button{padding:10px 20px;cursor:pointer;color:#fff}.deleteModal div button:hover{background-color:#000}.spinner{width:50px;aspect-ratio:1;display:grid;border:4px solid rgba(0,0,0,0);border-radius:50%;border-right-color:#25b09b;animation:l15 1s infinite linear;margin:auto}.spinner:before,.spinner:after{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:l15 2s infinite}.spinner:after{margin:8px;animation-duration:3s}@keyframes l15{to{transform:rotate(1turn)}}.users{width:100%;padding:0 20px;background-color:#dadada;min-height:100vh}.users .deleteModal{opacity:0;visibility:hidden;transition:all .5s;width:230px;height:180px;background-color:#fff;text-align:center;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid gray;z-index:9}.users .deleteModal div{display:flex;gap:5px}.users .deleteModal div :first-child{background-color:red}.users .deleteModal div :nth-child(2){background-color:green}.users .deleteModal div button{padding:10px 20px;cursor:pointer;color:#fff}.users .deleteModal div button:hover{background-color:#000}.users h1{padding:30px 0;letter-spacing:3px;text-align:center}.users table{margin-top:20px;width:100%;border:1px solid gray}.users table th,.users table td{padding:10px 20px}.users table td{text-align:center}.users table td i{color:red;cursor:pointer}.users table td i:hover{color:#00f}.openDeleteModal{opacity:1!important;visibility:visible!important}.login-bg{width:100%;height:100vh;background-color:#0009;position:fixed;top:0;left:0;z-index:10;transition:all .3s}.login-bg .overLay{position:absolute;z-index:11;width:100%;height:100%}.login-bg .login-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;width:450px;height:570px;padding:10px;text-align:center;z-index:12}.login-bg .login-form .label{display:flex;align-items:center;justify-content:start;gap:5px;font-size:.8em}.login-bg .login-form .label input{width:17px}.login-bg .login-form .fa-xmark{position:absolute;top:-40px;right:0;color:#fff;font-size:2em;cursor:pointer;transition:all .3s ease-in-out}.login-bg .login-form .fa-xmark:hover{transform:rotate(180deg);color:orange}.login-bg img{width:50%}.login-bg h3{margin:20px auto;font-size:1.3em}.login-bg form{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.login-bg form label{font-weight:700}.login-bg form input{width:80%;height:40px;outline:none;border:none;border-bottom:1.5px solid black}.login-bg form input:focus{border-color:orange}.login-bg .forgot{cursor:pointer;font-size:14px;color:gray}.login-bg .forgot:hover{color:orange}.login-bg button{background-color:#000;border:1px solid black;color:#fff;width:80%;padding:20px 0;letter-spacing:2px;font-weight:700;cursor:pointer;transition:all .3s}.login-bg button:hover{background-color:#fff;color:#000}.login-bg .account{padding:20px 0}.login-bg .account span{cursor:pointer;color:gray}.login-bg .account span:hover{color:orange}.login-bg .log{padding:20px 0}.login-bg .log span{color:gray}.login-bg .log span:hover{color:orange;cursor:pointer}@media screen and (max-width: 577px){.login-bg .login-form{width:320px}.login-bg form{gap:2px}}.verifyForm{position:fixed;width:400px;height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:11}.verifyForm input{text-align:center;font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;font-size:1.3em;letter-spacing:4px}.verifyForm button{width:200px}.verifyForm .backregister{color:gray;cursor:pointer}.verifyForm .backregister:hover{color:orange}.resetPassword{position:fixed;width:400px;height:570px;display:flex;flex-direction:column;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;z-index:11}.resetPassword .label{display:flex;align-items:center;justify-content:start;gap:5px;font-size:.8em}.resetPassword .label input{width:17px}.resetPassword .input{position:relative;z-index:4;width:80%}.resetPassword .input input{width:100%}.resetPassword .backToLogin{color:gray;cursor:pointer}.resetPassword .backToLogin:hover{color:orange}footer{background-color:#f4f4f4;width:100%;display:flex;flex-wrap:wrap;justify-content:center}footer .footerLeftBox{width:316px;padding:30px 0 30px 30px;display:flex;flex-direction:column;gap:20px}footer .footerLeftBox img{max-width:250px}footer .footerLeftBox p{font-size:18px}footer .footerLeftBox .socialMediaBox{display:flex;gap:20px;font-size:23px;cursor:pointer;align-items:center}footer .footerLeftBox .socialMediaBox .icon{color:#000;transition:.1s}footer .footerLeftBox .socialMediaBox .icon:hover{transition:.1s;color:#ffab00}footer .footerRightBox{width:1200px;gap:70px;flex-wrap:wrap;display:flex;justify-content:center;align-items:center;align-items:start}footer .footerRightBox .footerBox{width:310px;padding:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}footer .footerRightBox .footerBox .footer-link{color:#000}footer .footerRightBox .footerBox .footer-link:hover{color:orange}footer .footerRightBox .footerBox span{font-size:35px}footer .footerRightBox .footerBox p{font-size:17px;transition:.4s}footer .footerRightBox .footerBox p:hover{color:#ffab00;cursor:pointer;transition:.4s}footer .footerRightBox .footerBox .footerLine{width:30px;height:1.3px;background-color:#000}footer .copyRider{border-top:1px solid gray;padding:20px 100px;width:100%;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between;align-items:center}footer .copyRider p{font-size:18px;display:flex;gap:4px}footer .copyRider p span{color:#ffab00}@media only screen and (max-width: 1070px){footer .footerRightBox{gap:10px}footer .copyRider{padding:20px 0;justify-content:center;overflow:hidden;gap:20px}footer .copyRider p{text-align:center;font-size:.7em}footer .copyRider img{display:none}}nav{background-color:transparent;z-index:8;width:100%;position:fixed}nav .nav-inner{display:flex;align-items:center;justify-content:space-between;width:90%;padding:20px 0;margin:auto}nav .nav-inner .fa-bars,nav .nav-inner .fa-xmark{color:#fff;font-size:25px;cursor:pointer;margin-left:15px;display:none}nav .nav-inner .fa-bars:hover,nav .nav-inner .fa-xmark:hover{color:orange}nav .nav-inner .logo{width:17%}nav .nav-inner .logo img{width:80%;cursor:pointer}nav .nav-inner .nav-texts{display:flex;justify-content:space-around;width:50%;height:70px}nav .nav-inner .nav-texts .nav-ul-li{position:relative;height:100%;display:flex;align-items:center}nav .nav-inner .nav-texts .nav-ul-li:hover .underLine{width:100%;transition:.3s}nav .nav-inner .nav-texts .nav-ul-li .message{position:absolute;top:0;right:-20px;padding:0 7px;background-color:red;color:#fff}nav .nav-inner .nav-texts .nav-ul-li .navLink{font-size:20px;font-weight:700;color:#fff}nav .nav-inner .nav-texts .nav-ul-li .underLine{position:absolute;bottom:0;left:0;width:0;transition:.3s;background-color:#ffab00;height:1px}nav .nav-inner .nav-texts .navLink.active{color:#ffab00}nav .nav-inner .nav-icons{width:17%;display:flex;align-items:center;justify-content:space-around;font-size:20px;color:#fff;cursor:pointer;transition:.3s}nav .nav-inner .nav-icons .profile-img{display:flex;align-items:center;position:relative}nav .nav-inner .nav-icons .profile-img .profile-sub-menu{z-index:10;opacity:0;visibility:hidden;position:absolute;background-color:#fff;width:180px;height:80px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:10px;border-radius:5px;top:50px;left:-20px;color:#000;transition:all .3s}nav .nav-inner .nav-icons .profile-img .profile-sub-menu .changeImage input{position:absolute;left:0;opacity:0;width:180px;cursor:pointer;z-index:5}nav .nav-inner .nav-icons .profile-img .profile-sub-menu div{display:flex;align-items:center;gap:10px;font-size:.7em;color:#4a4a4a}nav .nav-inner .nav-icons .profile-img .profile-sub-menu div:hover{color:orange}nav .nav-inner .nav-icons .fa-bag-shopping,nav .nav-inner .nav-icons .fa-heart{position:relative}nav .nav-inner .nav-icons .fa-bag-shopping .cartMessage,nav .nav-inner .nav-icons .fa-heart .cartMessage{position:absolute;font-weight:400;font-size:15px;background-color:#ffab00;padding:2px 5px;border-radius:100%;bottom:-10px;right:-13px;color:#000}nav .nav-inner .nav-icons i:hover{color:#ffab00;transition:.3s}.scroll{background-color:#000c;animation:fadeDown .7s ease-in-out}@keyframes fadeDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media screen and (max-width: 576px){nav .nav-inner{width:95%;padding:18px 0}nav .nav-inner .fa-bars,nav .nav-inner .fa-xmark{display:block}nav .nav-inner .logo{width:40%}nav .nav-inner .nav-icons{display:none}nav .nav-inner .nav-texts{display:none}}@media screen and (min-width: 577px) and (max-width: 768px){nav .nav-inner{width:95%;padding:18px 0}nav .nav-inner .fa-bars,nav .nav-inner .fa-xmark{display:block}nav .nav-inner .nav-icons{display:none}nav .nav-inner .nav-icons,nav .nav-inner .logo{width:30%}nav .nav-inner .nav-texts{display:none}}@media screen and (min-width: 769px) and (max-width: 1024px){nav .nav-inner{width:95%}nav .nav-inner .nav-icons,nav .nav-inner .logo{width:20%}nav .nav-inner .nav-texts{width:60%}}.search{padding:40px 0;width:100%;position:absolute;top:0;left:0;min-height:40vh;background-color:#fff;text-align:center;transform:translateY(-42vh);transition:all .5s;overflow-y:scroll;border-bottom:1px solid black;z-index:10}.search .fa-xmark{position:absolute;top:20px;left:20px;cursor:pointer;font-size:2em}.search .fa-xmark:hover{color:#daa520}.search input{margin:auto;width:60%;border:none;outline:none;border-bottom:2px solid gray;height:40px}.search input:focus{border-color:#00f}.search .se-wrapper{display:flex;align-items:center;justify-content:center;width:80%;margin:auto;padding:50px 0;flex-wrap:wrap;gap:10px}.search .se-wrapper .se-card{cursor:pointer;display:flex;width:25%;min-height:100px;justify-content:space-between;border:1px solid gray;border-radius:8px;overflow:hidden;padding:10px}.search .se-wrapper .se-card .se-img{width:38%}.search .se-wrapper .se-card .se-img img{width:100%}.search .se-wrapper .se-card .se-texts{width:58%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.search .se-wrapper .se-card .se-texts p{font-size:1.1em}.search .se-wrapper .se-card .se-texts p:hover,.search .se-wrapper .se-card .se-texts span{color:#daa520}.search-open{transform:translateY(0)}.mob-nav{width:320px;position:fixed;top:0;left:0;height:100vh;z-index:10;background-color:#fff;border-right:1px solid black;transform:translate(-320px);transition:all .3s ease-in-out}.mob-nav .mob-nav-icons{width:100%;padding:5px 0;display:flex;align-items:center;justify-content:space-evenly;border-bottom:1px solid black}.mob-nav .mob-nav-icons .profile-img{display:flex;align-items:center;position:relative}.mob-nav .mob-nav-icons .profile-img .profile-sub-menu{z-index:10;opacity:0;visibility:hidden;position:absolute;background-color:#fff;width:180px;height:80px;display:flex;flex-direction:column;justify-content:center;gap:10px;padding:10px;border-radius:5px;top:50px;left:-50px;color:#000;transition:all .3s}.mob-nav .mob-nav-icons .profile-img .profile-sub-menu .changeImage input{position:absolute;left:0;opacity:0;width:180px;cursor:pointer;z-index:5}.mob-nav .mob-nav-icons .profile-img .profile-sub-menu div{display:flex;align-items:center;gap:10px;font-size:.7em;color:#4a4a4a}.mob-nav .mob-nav-icons .profile-img .profile-sub-menu div:hover{color:orange}.mob-nav .mob-nav-icons i{color:#484848;font-size:20px;position:relative;cursor:pointer}.mob-nav .mob-nav-icons i:hover{color:orange}.mob-nav .mob-nav-icons i .cartMessage{position:absolute;font-weight:400;font-size:15px;background-color:#ffab00;padding:2px 5px;border-radius:100%;bottom:-10px;right:-13px;color:#484848}.mob-nav .mob-nav-texts{width:100%;height:570px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.mob-nav .mob-nav-texts .mob-nav-ul-li{background-color:#484848;width:200px;text-align:center;padding:10px 0;border-radius:35px;border:1px solid transparent;cursor:pointer}.mob-nav .mob-nav-texts .mob-nav-ul-li:hover{background-color:#000;border-color:orange;color:#fff}.mob-nav .mob-nav-texts .mobNavLink{cursor:pointer;color:#fff;font-weight:700}.mob-nav .mob-nav-texts .mobNavLink.active{color:orange}.profileActive{opacity:1!important;visibility:visible!important}.nav-open{transform:translate(0)!important}.mobOverLay{position:fixed;z-index:9;top:0;left:0;width:100%;height:100vh;cursor:auto;background-color:#0009}@media screen and (max-width: 576px){.mob-nav .mob-nav-icons{padding:10px 0}}@media screen and (min-width: 769px){.mob-nav,.mobOverLay{display:none}}.basket{width:320px;height:100vh;position:fixed;top:0;right:0;text-align:center;z-index:10;background-color:#f7f7f7;transform:translate(320px);transition:all .3s ease-in-out;border-left:1px solid black;overflow-y:scroll}.basket::-webkit-scrollbar{display:none}.basket .basket-head{position:sticky;top:0;left:0;background-color:#fff;display:flex;border-bottom:1px solid gray}.basket .basket-head .fa-xmark{cursor:pointer;font-size:20px}.basket .basket-head .fa-xmark:hover{background-color:#000;color:#fff}.basket .basket-head i,.basket .basket-head p,.basket .basket-head h2{padding:8.5px;display:flex;align-items:center;justify-content:center}.basket .basket-head i,.basket .basket-head p{width:12%}.basket .basket-head h2{width:76%;border-right:1px solid gray;border-left:1px solid gray}.basket .product-container{padding:20px;display:flex;flex-direction:column}.basket .product-container .product{display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid gray;padding:5px 0}.basket .product-container .product .img{width:20%;margin-right:20px}.basket .product-container .product .img img{width:100%}.basket .product-container .product .bas-details{text-align:left;line-height:1.5;width:75%}.basket .product-container .product .bas-details :first-child{cursor:pointer}.basket .product-container .product .bas-details :first-child:hover{color:#9e6f1e}.basket .product-container .product .bas-details p{display:flex;align-items:center;gap:5px}.basket .product-container .product .bas-details p span{cursor:pointer;font-size:12px;color:#fff;padding:0 5px;background-color:#000;border-radius:100%;transition:all .3s}.basket .product-container .product .bas-details p span:hover{background-color:#9e6f1e;color:#000}.basket .product-container .product .bas-details p :nth-child(2){padding:0 7px 1px}.basket .product-container .product .fa-trash-can{cursor:pointer}.basket .product-container .product .fa-trash-can:hover{color:#9e6f1e}.basket .cart-bottom{position:fixed;bottom:0;left:0;width:100%}.basket .cart-bottom .total{font-weight:700;font-size:1.3em;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;background-color:#fff}.basket .cart-bottom .total :nth-child(2){color:#daa520}.basket .cart-bottom .view-cart{display:flex;width:100%}.basket .cart-bottom .view-cart button{width:50%;padding:20px 0;font-weight:700;color:#fff;letter-spacing:1.5px;transition:all .3s;cursor:pointer}.basket .cart-bottom .view-cart button:hover{background-color:#daa520;border:1px solid goldenrod}.basket .cart-bottom .view-cart :nth-child(1){background-color:#2a2a2a;border:1px solid #2a2a2a}.basket .cart-bottom .view-cart :nth-child(2){background-color:#000;border:1px solid black}.basket-open{transform:translate(0)!important}.disabled-button-color{background-color:gray;color:#d0d0d0}.cart-bottom-position{position:sticky!important}.cart-header{width:100%;min-height:300px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.cart-header .bottom-img{width:100%;position:absolute;bottom:0;left:0}.cart-header .header-bg-img{background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/Banner-L2P.jpg?v=1613576665);background-position:center;background-repeat:no-repeat;min-height:300px;position:absolute;width:100%;top:0;left:0;z-index:-1;filter:contrast(50%)}.cart-header h1{font-size:40px;color:#fff}.cart-header p{font-size:20px;font-weight:700;color:#fff}.cart-product{width:100%;padding:50px 0}.cart-product .product-details{width:80%;margin:auto;border:1px solid rgb(197,197,197)}.cart-product .product-details .product-properties{display:flex;width:100%;border-bottom:1px solid rgb(197,197,197);letter-spacing:2px;font-weight:700}.cart-product .product-details .product-properties .name{width:45%;padding:20px 10px}.cart-product .product-details .product-properties .price,.cart-product .product-details .product-properties .total{width:15%;padding:20px 0;border-left:1px solid rgb(197,197,197);border-right:1px solid rgb(197,197,197);text-align:center}.cart-product .product-details .product-properties .quantity{padding:20px 0;width:20%;text-align:center}.cart-product .product-details .product-properties span{width:5%;padding:20px 0}.cart-product .product-details .products{width:100%;display:flex;align-items:center;border-bottom:1px solid rgb(197,197,197)}.cart-product .product-details .products .prod-img-name{width:45%;display:flex;align-items:center;padding:0 20px}.cart-product .product-details .products .prod-img-name .img{width:20%}.cart-product .product-details .products .prod-img-name .img img{width:100%}.cart-product .product-details .products .prod-img-name p{margin-left:20px}.cart-product .product-details .products .prod-qty{width:20%}.cart-product .product-details .products .prod-qty .counter{width:40%;margin:auto;align-items:center;display:flex;border:2px solid black}.cart-product .product-details .products .prod-qty .counter .count{width:50%;text-align:center;padding:15px;border-right:1px solid rgb(197,197,197);font-size:1.5em}.cart-product .product-details .products .prod-qty .counter .plus-minus{width:50%}.cart-product .product-details .products .prod-qty .counter .plus-minus p{cursor:pointer;font-size:1.5em;text-align:center;transition:all .3s}.cart-product .product-details .products .prod-qty .counter .plus-minus p:hover{color:#daa520}.cart-product .product-details .products .prod-qty .counter .plus-minus :first-child{border-bottom:1px solid rgb(197,197,197)}.cart-product .product-details .products .prod-price,.cart-product .product-details .products .prod-total{color:gray;width:15%;text-align:center}.cart-product .product-details .products .fa-trash-can{width:5%;text-align:center;cursor:pointer;transition:all .3s}.cart-product .product-details .products .fa-trash-can:hover{color:#daa520}.cart-product .cart-buttons{padding:50px 0;width:80%;margin:auto;display:flex;gap:20px}.cart-product .cart-buttons button{padding:20px 50px;color:#fff;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s}.cart-product .cart-buttons :first-child{background-color:#000;border:1px solid black}.cart-product .cart-buttons :first-child:hover{background-color:#daa520;border:1px solid goldenrod}.cart-product .cart-buttons :nth-child(2){background-color:#daa520;border:1px solid goldenrod}.cart-product .cart-buttons :nth-child(2):hover{background-color:#000;border:1px solid black}.cart-product .cart-total{width:80%;margin:auto;padding:70px 50px;line-height:3;border:1px solid rgb(197,197,197)}.cart-product .cart-total .total{font-size:14px;font-weight:700}.cart-product .cart-total p{letter-spacing:2px}.cart-product .cart-total hr{background-color:#c5c5c5;width:100%;border:none;height:1px}.cart-product .cart-total .subtotal{width:30%;display:flex;align-items:center;justify-content:space-between}.cart-product .cart-total button{padding:20px 50px;color:#fff;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s;background-color:#daa520;border:1px solid goldenrod}.cart-product .cart-total button:hover{background-color:#000;border:1px solid black}@media screen and (max-width: 576px){.cart-product .product-details{width:98%}.cart-product .product-details .product-properties{display:none}.cart-product .product-details .products{padding:30px 0;flex-wrap:wrap}.cart-product .product-details .products .prod-qty{width:100%}.cart-product .product-details .products .prod-qty .counter{width:40%}.cart-product .product-details .products .prod-img-name{width:100%}.cart-product .product-details .products .prod-img-name .img{width:50%}.cart-product .product-details .products .prod-price{width:100%;text-align:center;padding:10px 0}.cart-product .product-details .products .prod-total{display:none}.cart-product .product-details .products .fa-trash-can{width:100%;padding:10px 0;color:red;font-size:1.2em}.cart-product .cart-buttons{width:90%;flex-wrap:wrap;justify-content:center}.cart-product .cart-buttons button{width:80%}.cart-product .cart-total{width:90%;padding:20px}.cart-product .cart-total button{width:100%}}@media screen and (min-width: 577px) and (max-width: 768px){.cart-product .product-details{width:98%}.cart-product .product-details .products{padding:30px 0}.cart-product .product-details .products .prod-qty .counter{width:60%}}@media screen and (min-width: 769px) and (max-width: 1024px){.cart-product .product-details{width:90%}.cart-product .product-details .products{padding:30px 0}}#aboutUpSection{width:100%;height:70vh;background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slider2.jpg?v=1613576060);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}#aboutUpSection h3{font-size:50px;color:#000}#aboutUpSection div{display:flex;justify-content:center;align-items:center;font-size:20px;color:#000;gap:10px}#aboutUpSection div p{cursor:pointer}#aboutUpSection div p:hover{color:#ffab00!important}@media screen and (max-width: 576px){#aboutUpSection{background-position:-300px}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}#reasonToShopSection{background-color:red;background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slider.jpg?v=1613576060);background-position:center;background-repeat:no-repeat;background-size:cover;height:70vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;padding:0 40px}#reasonToShopSection h1{text-align:center;font-size:50px;color:#fff}#reasonToShopSection .reasonShopLine{background-color:#ffab00;width:60px;height:3px}#reasonToShopSection .swiper{width:100%;padding:30px 0 80px}#reasonToShopSection .swiper-slide{text-align:center}#reasonToShopSection .swiper-slide .aboutInformCard{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;color:#fff}#reasonToShopSection .swiper-slide .aboutInformCard h1{font-size:20px}#reasonToShopSection .swiper-slide .aboutInformCard p{font-size:20px;max-width:300px;text-align:center}#reasonToShopSection .swiper-pagination-fraction,#reasonToShopSection .swiper-pagination-custom,#reasonToShopSection .swiper-horizontal>.swiper-pagination-bullets,#reasonToShopSection .swiper-pagination-bullets.swiper-pagination-horizontal{display:none}@media only screen and (max-width: 700px){#reasonToShopSection h1{font-size:35px}}#aboutDownSection{background-color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 0 80px}#aboutDownSection h1{font-size:40px;padding:40px 0 35px}#aboutDownSection span{text-align:center;padding:0 0 40px;max-width:600px}#aboutDownSection .aboutPeopleBox{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap}#aboutDownSection .aboutPeopleBox .peopleCard .peopleImgBox{overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;cursor:pointer}#aboutDownSection .aboutPeopleBox .peopleCard .peopleImgBox img{max-width:260px;transition:all .5s}#aboutDownSection .aboutPeopleBox .peopleCard .peopleImgBox img:hover{filter:grayscale(100%)}#aboutDownSection .aboutPeopleBox .peopleCard .peopleTextBox{padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}#aboutDownSection .aboutPeopleBox .peopleCard .peopleTextBox h4{font-size:25px}#aboutDownSection .aboutPeopleBox .peopleCard .peopleTextBox p{font-size:16px;color:#000d}.unique{width:100%;min-height:90vh;padding:80px 150px}.unique .description h2{font-size:50px;width:60%}.unique .description p{font-size:20px;line-height:30px;padding:30px 0}.unique .description .explore{color:#000}.unique .description .explore:hover{color:#daa520}.unique .iframe{margin:50px 0}@media screen and (max-width: 768px){.unique{padding:80px 10px}.unique .description h2{width:100%;text-align:center;font-size:2em}.unique .description p{font-size:1em;text-align:center}}#notMeanBox{height:109.5px;background-color:#000000e2}@media only screen and (max-width: 1201px){#notMeanBox{height:71px}}#blogsUpSection{background-color:red;width:100%;height:70vh;background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slideshow_8.jpg?v=1613576198);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}#blogsUpSection h3{font-size:50px;color:#fff}#blogsUpSection div{display:flex;justify-content:center;align-items:center;font-size:20px;color:#fff;gap:10px}#blogsUpSection div p{cursor:pointer}#blogsUpSection div p:hover{color:#ffab00!important}@media screen and (max-width: 576px){#blogsUpSection{background-position:-600px}}#blogsDownSection{width:100%;padding:60px 10px 20px;background-color:#fff}#blogsDownSection .swiper{width:100%}#blogsDownSection .swiper-slide .latestBox .latestImgBox{overflow:hidden;background-color:#fff;position:relative}#blogsDownSection .swiper-slide .latestBox .latestImgBox .imgHoverBox{background-color:#fff;position:absolute;top:20px;left:20px;width:70px;border-radius:50%;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}#blogsDownSection .swiper-slide .latestBox .latestImgBox .imgHoverBox .latestLine{width:50%;height:1px;background-color:#000}#blogsDownSection .swiper-slide .latestBox .latestImgBox img{max-width:100%;transition:.7s}#blogsDownSection .swiper-slide .latestBox .latestImgBox img:hover{opacity:.5;transform:scale(1.1);transition:.7s}#blogsDownSection .swiper-slide .latestBox .latestTextBox{display:flex;flex-direction:column;gap:20px;padding:20px 0}#blogsDownSection .swiper-slide .latestBox .latestTextBox p{transition:.3s}#blogsDownSection .swiper-slide .latestBox .latestTextBox p:hover{color:#ffab00!important;transition:.3s}#blogsDownSection .swiper-slide .latestBox .latestTextBox button{width:100px;font-size:20px;cursor:pointer;background-color:transparent;border:none;padding:0 0 4px;border-bottom:2px solid black;transition:.3s}#blogsDownSection .swiper-slide .latestBox .latestTextBox button:hover{border-bottom:2px solid #ffab00;transition:.3s}#blogsDownSection .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,#blogsDownSection .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:gray;margin-bottom:-12px}.contact-hader{width:100%;min-height:400px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.contact-hader .bottom-img{width:100%;position:absolute;bottom:0;left:0}.contact-hader .header-bg-img{background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slider2.jpg?v=1613576060);position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;filter:contrast(50%)}.contact-hader h1{font-size:40px}.contact-hader p{font-size:20px;font-weight:700}@media screen and (max-width: 576px){.contact-hader .header-bg-img{background-position:-550px}}.contact-form{width:100%;display:flex;align-items:center;justify-content:center;padding:50px 0}.contact-form form{width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.contact-form form input,.contact-form form textarea{width:100%;outline:none;padding:0 20px;transition:all .5s;border-radius:8px}.contact-form form input:focus,.contact-form form textarea:focus{border-color:#6c0000;box-shadow:#1731dc 0 0 5px}.contact-form form input{height:50px;border:1px solid rgb(216,216,216)}.contact-form form textarea{border:1px solid rgb(216,216,216);padding:20px 0 0 20px}.contact-form form button{cursor:pointer;align-self:flex-start;padding:20px 40px;font-weight:700;color:#fff;background-color:#000;font-size:1.1em;border:1px solid black;transition:all .3s}.contact-form form button:hover{background-color:#fff;color:#000}@media screen and (max-width: 577px){.contact-form form{width:90%}}.error-container{width:70%;margin:0 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;column-gap:20px;padding-top:150px;padding-bottom:100px}.error-container img{width:420px}.error-container .error-text{display:block;padding:40px;width:550px}.error-container .error-text h2{color:#c7a17a;font-size:45px;font-weight:700;margin-bottom:15px}.error-container .error-text h1{color:#c7a17a;font-size:125px;font-weight:700;margin-bottom:15px}.error-container .error-text p{font-size:22px;color:#000;line-height:1.5rem;margin-bottom:15px;margin-top:20px;line-height:30px}.error-container .error-text p .error-menu li a{display:flex;font-size:1rem;color:#c7a17a;transition:.1s}@media screen and (max-width: 600px){.error-container{display:flex;flex-direction:column-reverse}.error-text,.error-image{width:100%}.error-container{min-width:200px;padding:40px 0}.error-text{display:block;width:100%;padding:20px 40px}.error-image{display:flex;width:200px;align-self:center;justify-content:center;margin:auto}}#homeFilterBoxsSection{background-color:#fff;padding:50px 0;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:35px}#homeFilterBoxsSection .filterBox{width:460px;height:460px;position:relative;overflow:hidden}#homeFilterBoxsSection .filterBox img{transition:.8s;max-width:100%}#homeFilterBoxsSection .filterBox .filterBoxHoverBox{background-color:#ffffff85;width:100%;height:17%;position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:center;font-size:25px;opacity:0;transition:.5s;cursor:pointer}#homeFilterBoxsSection .filterBox .filterBoxHoverBox p{transition:.2s;color:#000}#homeFilterBoxsSection .filterBox .filterBoxHoverBox p:hover{transition:.2s;color:#ffab00}#homeFilterBoxsSection .filterBox:hover img{transform:scale(1.1);transition:.8s}#homeFilterBoxsSection .filterBox:hover .filterBoxHoverBox{opacity:1;transition:.5s}@media only screen and (max-width: 556px){#homeFilterBoxsSection .filterBox{width:300px;height:300px}}header{height:100vh}header .swiper{width:100%;height:100%}header .swiper .slider1Box{background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slideshow_4.jpg?v=1613575294);background-position:center;background-repeat:no-repeat;background-size:cover}header .swiper .slider2Box{background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slideshow_3.jpg?v=1613575289);background-position:center;background-repeat:no-repeat;background-size:cover}header .swiper .slider1Box,header .swiper .slider2Box{width:100%;height:100%}header .swiper .slider1Box .sliderBox,header .swiper .slider2Box .sliderBox{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:start;padding:0 150px;color:#fff;gap:20px}header .swiper .slider1Box .sliderBox h1,header .swiper .slider2Box .sliderBox h1{font-size:70px;margin-bottom:10px}header .swiper .slider1Box .sliderBox p,header .swiper .slider2Box .sliderBox p{font-size:25px}header .swiper .slider1Box .sliderBox .headerBtn,header .swiper .slider2Box .sliderBox .headerBtn{margin-top:30px;padding:14px 25px;border:1px solid white;cursor:pointer;transition:.2s}header .swiper .slider1Box .sliderBox .headerBtn:hover,header .swiper .slider2Box .sliderBox .headerBtn:hover{background-color:#ffab00;border:1px solid #ffab00;color:#000;transition:.2s}header .swiper .swiper-button-prev:after,header .swiper .swiper-button-next:after{color:#fff}@media only screen and (max-width: 811px){.swiper .slider1Box .sliderBox,.swiper .slider2Box .sliderBox{padding:0}.swiper .slider1Box .sliderBox h1,.swiper .slider2Box .sliderBox h1{font-size:50px}.swiper .slider1Box .sliderBox p,.swiper .slider2Box .sliderBox p{font-size:20px}.swiper .swiper-button-prev:after,.swiper .swiper-button-next:after{display:none}}@media only screen and (max-width: 476px){header .swiper .slider1Box{background-position:-800px}header .swiper .slider2Box{background-color:-400px}header .swiper .slider1Box .sliderBox,header .swiper .slider2Box .sliderBox{padding:0 30px}header .swiper .slider1Box .sliderBox h1,header .swiper .slider2Box .sliderBox h1{font-size:3em}header .swiper .slider1Box .sliderBox p,header .swiper .slider2Box .sliderBox p{font-size:1em}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}#latestNewSection{width:100%;padding:0 10px 20px;background-color:#fff}#latestNewSection .latestSectionUpBox{width:100%;padding:40px;display:flex;justify-content:center;align-items:center;text-align:center}#latestNewSection .latestSectionUpBox h1{font-size:60px}#latestNewSection .swiper{width:100%}#latestNewSection .swiper-slide .latestBox .latestImgBox{overflow:hidden;background-color:#fff;position:relative}#latestNewSection .swiper-slide .latestBox .latestImgBox .imgHoverBox{background-color:#fff;position:absolute;top:20px;right:20px;width:70px;height:70px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px}#latestNewSection .swiper-slide .latestBox .latestImgBox .imgHoverBox .latestLine{width:50%;height:1px;background-color:#000}#latestNewSection .swiper-slide .latestBox .latestImgBox img{max-width:100%;transition:.7s}#latestNewSection .swiper-slide .latestBox .latestImgBox img:hover{opacity:.5;transform:scale(1.1);transition:.7s}#latestNewSection .swiper-slide .latestBox .latestTextBox{display:flex;flex-direction:column;gap:20px;padding:20px 0}#latestNewSection .swiper-slide .latestBox .latestTextBox p{transition:.3s}#latestNewSection .swiper-slide .latestBox .latestTextBox p:hover{color:#ffab00!important;transition:.3s}#latestNewSection .swiper-slide .latestBox .latestTextBox button{width:100px;font-size:20px;cursor:pointer;background-color:transparent;border:none;padding:0 0 4px;border-bottom:2px solid black;transition:.3s}#latestNewSection .swiper-slide .latestBox .latestTextBox button:hover{border-bottom:2px solid #ffab00;transition:.3s}#latestNewSection .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,#latestNewSection .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background-color:gray;margin-bottom:-12px}.dec{position:absolute;top:20px;right:20px;background-color:#fff;z-index:1;padding:15px;font-weight:700;text-align:center}.dec p{font-size:15px}.dec hr{height:4px;background-color:#000}#onlyOnlineSection{background-color:red;width:100%;height:100vh;background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/countdown-v1.jpg?v=1613575291);background-position:center;background-repeat:no-repeat;background-size:cover;padding:10px 0}#onlyOnlineSection .onlineBox{width:55%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}#onlyOnlineSection .onlineBox .onlyTextBox{margin-top:10px;color:red;height:100px;font-size:50px}#onlyOnlineSection .onlineBox .timerBox{flex-wrap:wrap;gap:33.2px;display:flex;justify-content:center;align-items:center}#onlyOnlineSection .onlineBox .timerBox .time{background-color:#ffffff78;width:150px;height:150px;display:flex;justify-content:center;align-items:center;flex-direction:column}#onlyOnlineSection .onlineBox .timerBox .time p{font-size:40px;color:red}#onlyOnlineSection .onlineBox .timerBox .time span{font-weight:600}#onlyOnlineSection .onlineBox .onlyTextsBox{height:120px;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;text-align:center}#onlyOnlineSection .onlineBox .onlyTextsBox p{font-size:30px}#onlyOnlineSection .onlineBox .onlyTextsBox span{font-size:17px;color:red}#onlyOnlineSection .onlineBox .onlyShopBtn button{padding:16px 45px;font-size:20px;cursor:pointer;background-color:#000;color:#fff;transition:.4s;border:none}#onlyOnlineSection .onlineBox .onlyShopBtn button:hover{background-color:red;transition:.4s}@media only screen and (max-width: 667px){#onlyOnlineSection .onlyTextBox h3{font-size:1em}#onlyOnlineSection .onlineBox{width:100%}#onlyOnlineSection .onlineBox .onlyTextsBox p{font-size:1.5em;font-weight:700}#onlyOnlineSection .onlineBox .timerBox{gap:10px}#onlyOnlineSection .onlineBox .timerBox .time{height:120px;width:120px}}.modal{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:100vh;background-color:#fff;border:1px solid gray;padding:40px 0}.modal img{width:200px;height:200px}.modal .fa-xmark{cursor:pointer;position:absolute;top:0;right:-30px;padding:2px 5px;background-color:#fff;font-size:1.3em;transition:all .3s}.modal .fa-xmark:hover{background-color:#000;color:#fff}.modal .top{width:100%;height:50%;display:flex;border-bottom:1px solid gray}.modal .top .added,.modal .top .continue{width:50%;height:100%;text-align:center}.modal .top .added{border-right:1px solid gray}.modal .top .added :first-child{color:red}.modal .top .continue{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.modal .top .continue :nth-child(3),.modal .top .continue :nth-child(6){cursor:pointer;padding:10px 20px;background-color:#daa520;border:1px solid goldenrod;font-weight:700;color:#fff;transition:all .3s}.modal .top .continue :nth-child(3):hover,.modal .top .continue :nth-child(6):hover{background-color:#fff;color:#daa520;border-color:#daa520}.modal .top .continue :nth-child(4){cursor:pointer;padding:10px 20px;background-color:#fff;border:1px solid goldenrod;font-weight:700;color:#daa520;transition:all .3s}.modal .top .continue :nth-child(4):hover{background-color:#daa520;color:#fff}.modal .top .continue :nth-child(5){display:flex;align-items:center}.modal .bottom{height:50%!important;width:100%;padding:10px 20px}.modal .bottom .mySwiper-modal{display:flex;height:100%;align-items:center;justify-content:center}.modal .bottom .mySwiper-modal .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer;background-color:#000}.modal .bottom .modal-card{width:25%!important;height:80%!important;text-align:center;display:flex;align-items:center}.disabled-button{cursor:not-allowed!important;background-color:#9f9f9f!important;color:#f0f0f0!important;border-color:gray!important}@media screen and (max-width: 767px){.modal{display:none}}#informSection{background-color:#fff;width:100%;height:45vh;padding:0 30px}#informSection .swiper{width:100%;height:100%}#informSection .swiper-slide{display:flex;justify-content:center;align-items:center}#informSection .swiper-slide .informBox{height:45%;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;border:1px solid rgba(128,128,128,.468)}#informSection .swiper-slide .informBox img{max-width:50px}#informSection .swiper-slide .informBox p{margin:10px 0;font-size:20px}.newProduct{width:100%;min-height:400px;padding:20px;text-align:center}.newProduct h1{font-size:50px;margin-bottom:20px}.newProduct .newWrapper{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.newProduct .newWrapper .newCard{width:23%;height:400px;position:relative}.newProduct .newWrapper .newCard:hover .img img{transform:scale(1.1);transition:.5s}.newProduct .newWrapper .newCard:hover i{transform:translate(-20px)!important;opacity:1!important}.newProduct .newWrapper .newCard .sale{position:absolute;z-index:1;top:10px;right:10px;font-size:14px;padding:2px 5px;background-color:red;color:#fff;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.newProduct .newWrapper .newCard .productIcons{position:absolute;flex-direction:column;display:flex;gap:20px;top:40px;right:20px;z-index:2}.newProduct .newWrapper .newCard .productIcons i{cursor:pointer;font-size:20px;background-color:#fff;padding:10px;border-radius:100%;box-shadow:#64646f33 0 7px 29px;transition:.3s;transform:translate(20px);opacity:0}.newProduct .newWrapper .newCard .productIcons i:hover{color:#fff;background-color:#000;transition:.3s}.newProduct .newWrapper .newCard .productIcons .fa-basket-shopping{transition-delay:.1s}.newProduct .newWrapper .newCard .productIcons .fa-heart{transition-delay:.2s}.newProduct .newWrapper .newCard .productIcons .fa-eye{transition-delay:.3s}.newProduct .newWrapper .newCard .img{height:70%;overflow:hidden;text-align:center}.newProduct .newWrapper .newCard .img img{width:80%;transition:.5s}.newProduct .newWrapper .newCard .newTexts{height:20%;text-align:initial;position:relative}.newProduct .newWrapper .newCard .newTexts p{font-size:18px;font-weight:700;cursor:pointer}.newProduct .newWrapper .newCard .newTexts p:hover{color:#daa520}.newProduct .newWrapper .newCard .newTexts span{font-weight:700;color:#ffab00}.newProduct .newWrapper .newCard .newTexts .oldPrice{color:gray;margin-left:10px;text-decoration:line-through}.newProduct .newWrapper .newCard .newTexts .smallimages{width:40px;position:absolute;bottom:0;right:0;cursor:pointer;padding:7px 0}.newProduct .newWrapper .newCard .newTexts .two{right:45px}@media screen and (max-width: 576px){.newProduct .newWrapper{justify-content:center;gap:20px}.newProduct .newWrapper .newCard{width:100%;height:350px}}@media screen and (min-width: 577px) and (max-width: 768px){.newProduct .newWrapper{justify-content:center;gap:20px}.newProduct .newWrapper .newCard{width:48%}}@media screen and (min-width: 769px) and (max-width: 1024px){.newProduct .newWrapper{justify-content:center;gap:10px}.newProduct .newWrapper .newCard{width:31%}}.shop-header{max-height:220px;width:100%;padding:120px 0 30px;text-align:center;position:relative}.shop-header .backImg{position:absolute;top:0;left:0;z-index:-1;width:100%;filter:contrast(50%)}.shop-header .bottom-img{width:100%;position:absolute;bottom:0;left:0}.shop-header h1{font-size:40px}.shop-header p{font-weight:700;letter-spacing:2px;font-size:20px}.shop-header p span{color:#daa520}@media screen and (max-width: 576px){.shop-header{display:none}}.collection{width:100%;height:400px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;line-height:2;overflow:hidden}.collection:hover .backImg{transform:scale(1.07)}.collection .backImg{width:100%;height:400px;position:absolute;background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/Biking-Basics-5-Essential-Bike-Tools-to-Take-with-You-on-a-Cycling-Adventure.jpg?v=1613576668);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:-1;transition:all .5s;filter:contrast(50%)}.collection .top-img,.collection .bottom-img{position:absolute;left:0;width:100%}.collection .top-img{transform:rotate(180deg);top:0}.collection .bottom-img{bottom:0}.collection p{font-size:40px}.collection span{letter-spacing:2px;font-size:20px}.collection button{cursor:pointer;padding:15px 30px;border:2px solid black;background-color:transparent;transition:all .5s}.collection button:hover{background-color:#daa520;color:#fff;border-color:#daa520;box-sizing:border-box}@media screen and (max-width: 576px){.collection{text-align:center;font-size:.9em}.collection .backImg{background-position:-460px}}.filter-side{border:1px solid white;box-sizing:border-box;display:flex;height:0;overflow:hidden;transition:all .5s}.filter-side ul{width:24%;display:flex;flex-direction:column;align-items:center}.filter-side ul hr{margin:5px 0;width:50px;height:1px;border:1px solid goldenrod;background-color:#daa520}.filter-side ul li{margin:5px 0;cursor:pointer;transition:all .3s;width:fit-content}.filter-side ul li:hover{color:#daa520}.filter-side .categories{flex-direction:column}.filter-side .color{flex-direction:column;display:flex}.filter-side .color p{cursor:pointer}.filter-side .color p:hover{color:#daa520}.filter-side .color .colors{display:flex;gap:10px}.filter-side .color .colors li{padding:2px;border-radius:100%;border:1px solid transparent}.filter-side .color .colors li p{padding:10px;border-radius:100%}.filter-side .color .colors li:hover{border:1px solid gray}.filter-side .color .colors :first-child p{background:#000}.filter-side .color .colors :nth-child(2) p{background-color:purple}.filter-side .color .colors :nth-child(3) p{background-color:#ff0}.filter-side .color .colors :nth-child(4) p{background-color:green}.filter-side .color .colors :nth-child(5) p{background-color:#00f}.filter-side .color .colors :nth-child(6) p{background-color:gray}.filter-side .size{display:flex;flex-direction:column}.filter-side .size ul{display:flex;flex-direction:column;width:100%}.filterAreaOpen{padding:20px;border:1px solid gray;height:250px!important}.color-border{border:1px solid gray}@media screen and (max-width: 768px){.filter-side{display:none}}.responsive-filter{width:320px;height:100vh;overflow-y:scroll;position:fixed;top:0;left:0;background-color:#fff;display:flex;flex-direction:column;transform:translate(-320px);transition:all .3s ease-in-out;padding:40px 20px;z-index:10}.responsive-filter .fa-xmark{position:absolute;top:10px;right:10px;font-size:1.2em}.responsive-filter .resp-color{display:flex;flex-direction:column}.responsive-filter .resp-color p{cursor:pointer}.responsive-filter .resp-color p:hover{color:#daa520}.responsive-filter .resp-color .resp-colors{display:flex;gap:10px}.responsive-filter .resp-color .resp-colors li{padding:2px;border-radius:100%;border:1px solid transparent}.responsive-filter .resp-color .resp-colors li p{padding:10px;border-radius:100%}.responsive-filter .resp-color .resp-colors li:hover{border:1px solid gray}.responsive-filter .resp-color .resp-colors :first-child p{background:#000}.responsive-filter .resp-color .resp-colors :nth-child(2) p{background-color:purple}.responsive-filter .resp-color .resp-colors :nth-child(3) p{background-color:#ff0}.responsive-filter .resp-color .resp-colors :nth-child(4) p{background-color:green}.responsive-filter .resp-color .resp-colors :nth-child(5) p{background-color:#00f}.responsive-filter .resp-color .resp-colors :nth-child(6) p{background-color:gray}.responsive-filter ul h2{padding:5px 0;cursor:pointer;width:100%}.responsive-filter ul h2:hover{color:orange}.responsive-filter ul ul{color:#313131;padding:0 5px}.responsive-filter ul ul li{cursor:pointer}.responsive-filter ul ul li:hover{color:orange}.resp-filter{transform:translate(0)}.respOverLay{position:fixed;z-index:9;top:0;left:0;width:100%;height:100vh;cursor:auto;background-color:#0009}@media screen and (min-width: 769px){.responsive-filter,.respOverLay{display:none}}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.shop-products{width:100%;padding:20px 10px;min-height:100vh}.shop-products .filter-area{display:flex;width:100%;justify-content:space-between;padding:30px 0}.shop-products .filter-area .filter{display:flex;align-items:center;border:1px solid black;padding:10px 20px;gap:20px;cursor:pointer;transition:all .3s;width:220px;justify-content:center}.shop-products .filter-area .filter:hover{background-color:#daa520;border-color:#daa520}.shop-products .filter-area .filter:hover .fa-filter,.shop-products .filter-area .filter:hover p{color:#fff}.shop-products .filter-area .filter .fa-filter{color:#daa520;transition:all .3s;font-size:25px}.shop-products .filter-area .filter p{font-size:15px;font-weight:700;transition:all .3s}.shop-products .filter-area .featured{display:flex;width:220px;justify-content:space-between;position:relative;background-color:#fff}.shop-products .filter-area .featured .featured-subMenu{position:absolute;width:100%;top:50px;line-height:1.5;border:1px solid black;background-color:#fff;padding:10px;display:none;z-index:10}.shop-products .filter-area .featured .featured-subMenu li{font-size:15px}.shop-products .filter-area .featured .featured-subMenu li:hover{color:#daa520}.shop-products .filter-area .featured .dottes{width:20%;cursor:pointer;display:flex;gap:1px;border:1px solid black;align-items:center;justify-content:center;padding:2px 11px 2px 12px;transition:all .3s}.shop-products .filter-area .featured .dottes:hover{color:#fff;background-color:#daa520;border-color:#daa520}.shop-products .filter-area .featured .dottes .fa-ellipsis-vertical{font-size:1.7em}.shop-products .filter-area .featured .sort{cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;gap:3px;border:1px solid black;transition:all .3s}.shop-products .filter-area .featured .sort:hover{background-color:#daa520}.shop-products .filter-area .featured .sort:hover p,.shop-products .filter-area .featured .sort:hover i{border-color:#daa520;color:#fff}.shop-products .product-area{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.shop-products .product-area .newCard{width:23%;height:400px;position:relative}.shop-products .product-area .newCard:hover .img img{transform:scale(1.1);transition:.5s}.shop-products .product-area .newCard:hover i{transform:translate(-20px)!important;opacity:1!important}.shop-products .product-area .newCard .sale{font-size:14px;position:absolute;z-index:1;top:10px;right:10px;padding:2px 5px;background-color:red;color:#fff;box-shadow:#ffffff1a 0 1px 1px inset,#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px}.shop-products .product-area .newCard .productIcons{position:absolute;flex-direction:column;display:flex;gap:20px;top:40px;right:20px;z-index:1}.shop-products .product-area .newCard .productIcons i{cursor:pointer;font-size:20px;background-color:#fff;padding:10px;border-radius:100%;box-shadow:#64646f33 0 7px 29px;transition:.3s;transform:translate(20px);opacity:0}.shop-products .product-area .newCard .productIcons i:hover{color:#fff;background-color:#000;transition:.3s}.shop-products .product-area .newCard .productIcons .fa-basket-shopping{transition-delay:.1s}.shop-products .product-area .newCard .productIcons .fa-heart{transition-delay:.2s}.shop-products .product-area .newCard .productIcons .fa-eye{transition-delay:.3s}.shop-products .product-area .newCard .img{height:70%;overflow:hidden;text-align:center}.shop-products .product-area .newCard .img img{width:80%;transition:.5s}.shop-products .product-area .newCard .newTexts{height:20%;text-align:initial;position:relative}.shop-products .product-area .newCard .newTexts p{font-size:18px;font-weight:700;cursor:pointer}.shop-products .product-area .newCard .newTexts p:hover{color:#daa520}.shop-products .product-area .newCard .newTexts span{font-weight:700;color:#ffab00}.shop-products .product-area .newCard .newTexts .oldPrice{color:gray;margin-left:10px;text-decoration:line-through}.shop-products .product-area .newCard .newTexts .smallimages{width:40px;position:absolute;bottom:0;right:0;cursor:pointer;padding:7px 0}.shop-products .product-area .newCard .newTexts .two{right:45px}.border-color{border:1px solid #ffab00}.featured-subMenu-open{display:block!important}@media screen and (max-width: 576px){.shop-products .featured-subMenu{left:0!important;padding:10px 9px!important}.shop-products .product-area{justify-content:center;gap:20px}.shop-products .product-area .newCard{width:100%;height:350px}}@media screen and (min-width: 577px) and (max-width: 768px){.shop-products .product-area{justify-content:center;gap:20px}.shop-products .product-area .newCard{width:48%}}@media screen and (min-width: 769px) and (max-width: 1024px){.shop-products .product-area{justify-content:center;gap:10px}.shop-products .product-area .newCard{width:31%}}.wishlist-header{width:100%;min-height:500px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.wishlist-header .bottom-img{width:100%;position:absolute;bottom:0;left:0}.wishlist-header .header-bg-img{background-image:url(https://topbike-store-demo.myshopify.com/cdn/shop/files/slider2.jpg?v=1613576060);background-position:center;background-repeat:repeat;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;filter:contrast(50%)}.wishlist-header h1{font-size:40px}.wishlist-header p{font-size:20px;font-weight:700}@media screen and (max-width: 576px){.wishlist-header .header-bg-img{background-position:-550px}}.wishlist{text-align:center}.wishlist .head{padding:20px 0}.wishlist .head i,.wishlist .head h1{font-size:3em}.wishlist .wishlist-wrapper{display:flex;flex-direction:column;width:70%;margin:auto auto 30px;padding:20px 0;border:1px solid gray;box-shadow:#00000059 0 5px 30px;background-color:#f7f7f7;border-radius:8px}.wishlist .wishlist-wrapper .wishlist-card{width:100%;padding:20px 40px;text-align:center;display:flex;align-items:center}.wishlist .wishlist-wrapper .wishlist-card .img{width:10%}.wishlist .wishlist-wrapper .wishlist-card .img img{width:100%}.wishlist .wishlist-wrapper .wishlist-card .product-price,.wishlist .wishlist-wrapper .wishlist-card .product-name{width:35%;font-size:1.5em;padding:0 10px}.wishlist .wishlist-wrapper .wishlist-card button{cursor:pointer;width:18%;border:1px solid black;background-color:#000;font-weight:700;color:#fff;padding:20px 0;transition:all .3s}.wishlist .wishlist-wrapper .wishlist-card button:hover{border:1px solid goldenrod;background-color:#daa520}.wishlist .wishlist-wrapper .wishlist-card .fa-trash-can{cursor:pointer;padding:10px;transition:all .3s}.wishlist .wishlist-wrapper .wishlist-card .fa-trash-can:hover{color:#daa520}@media screen and (max-width: 576px){.wishlist .head i,.wishlist .head h1{font-size:2em}.wishlist .wishlist-wrapper{width:95%;padding:0}.wishlist .wishlist-wrapper .wishlist-card{padding:20px 0;margin-top:20px;border-bottom:1px solid gray;flex-wrap:wrap}.wishlist .wishlist-wrapper .wishlist-card .img{width:100%;text-align:center}.wishlist .wishlist-wrapper .wishlist-card .img img{width:50%}.wishlist .wishlist-wrapper .wishlist-card .product-name{width:100%}.wishlist .wishlist-wrapper .wishlist-card .product-price{width:40%}.wishlist .wishlist-wrapper .wishlist-card button{width:50%}.wishlist .wishlist-wrapper .wishlist-card .fa-trash-can{text-align:center;width:100%}}@media screen and (min-width: 577px) and (max-width: 768px){.wishlist .wishlist-wrapper{width:95%}}#checkOut{min-height:100vh;display:flex}#checkOut .leftBox{width:50%;display:flex;align-items:center;padding:50px 70px;flex-direction:column}#checkOut .leftBox .paymentBox{margin-top:50px;width:500px;display:flex;flex-direction:column;gap:7px}#checkOut .leftBox .paymentBox p{font-size:25px}#checkOut .leftBox .paymentBox span{font-size:15px;color:gray}#checkOut .leftBox .paymentBox .storeBox{height:150px;background:#fafafa;color:gray;display:flex;flex-direction:column;justify-content:center;align-items:center}#checkOut .leftBox .paymentBox .storeBox i{font-size:40px}#checkOut .leftBox .paymentBox .storeBox p{font-size:15px}#checkOut .leftBox .paymentBox .payNowBtn{height:50px;background:#fafafa;border-radius:5px;display:flex;justify-content:center;align-items:center;border:1px solid gray;cursor:pointer;color:gray}#checkOut .rightBox{border-left:1px solid gray;background:#fafafa;width:50%;padding:90px 50px}#checkOut .rightBox .upBox{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}#checkOut .rightBox .upBox .imgBox{width:70px;height:70px;position:relative;margin-bottom:5px}#checkOut .rightBox .upBox .imgBox img{width:70px;border-radius:5px;border:2px solid gray}#checkOut .rightBox .upBox .imgBox .countBox{position:absolute;top:-5px;right:-5px;height:20px;width:20px;border-radius:50%;background:gray;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}#checkOut .rightBox .upBox .textBox h1{font-size:18px}#checkOut .rightBox .upBox .textBox p{font-size:15px;color:gray}#checkOut .rightBox .upBox .priceBox{margin-left:50px}#checkOut .rightBox .downBox{margin-top:40px}#checkOut .rightBox .downBox .normalBox{display:flex;justify-content:space-between;padding:5px 0;width:420px}#checkOut .rightBox .downBox .normalBox h2{font-size:22px}#checkOut .rightBox .downBox .normalBox .box{display:flex;gap:10px;justify-content:center;align-items:center}#checkOut .rightBox .downBox .normalBox .box p{font-size:17px}#checkOut .rightBox .downBox .normalBox .box span{font-size:13px;color:gray}@media screen and (max-width: 576px){#checkOut{flex-wrap:wrap}#checkOut .leftBox,#checkOut .leftBox .paymentBox{width:100%}#checkOut .rightBox{width:100%;padding:50px 10px}#checkOut .rightBox .textBox h1{font-size:.8em!important}#checkOut .rightBox .imgBox,#checkOut .rightBox .imgBox img{width:50px!important}#checkOut .rightBox .normalBox{width:320px!important}}@media screen and (min-width: 577px) and (max-width: 768px){#checkOut{flex-wrap:wrap}#checkOut .leftBox,#checkOut .rightBox{width:100%}}.container{margin:auto}.container button span{padding:0 100px!important;background-color:transparent!important}.adminNavbar{width:300px;height:100vh;position:fixed;top:0;left:0;background:#001524;background:linear-gradient(10deg,#001524,#c87500 65%)}.adminNavbar .adminLogo{width:70%;text-align:center;padding:40px 0;position:absolute;left:50%;transform:translate(-50%)}.adminNavbar .adminLogo img{width:100%}.adminNavbar .adminNavbarInner{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);gap:10px;text-align:center}.adminNavbar .adminNavbarInner .adminNavLink{width:200px;border-radius:35px;padding:10px 40px;background-color:#fff;font-weight:700;color:#000}.adminNavbar .adminNavbarInner .adminNavLink.active{background-color:#0c0905;color:#fff}