@import"https://fonts.googleapis.com/css2?family=Roboto";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Roboto:wght@100&display=swap";p{padding:0;margin:0}.container{width:1320px}.navbar{background-color:#0046be;height:168px;width:100%;justify-content:center;font-family:Roboto}.navbar .nav-body{display:flex;flex-direction:column;align-items:center;padding:0;margin-top:20px}.navbar .nav-body .nav-top{display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar .nav-body .nav-top .nav-top-left{font-size:16px;font-weight:500;color:#fff;width:20%}.navbar .nav-body .nav-top .nav-top-left img{padding-left:15px}.navbar .nav-body .nav-top .nav-top-middle{color:#fff;width:40%;text-align:center}.navbar .nav-body .nav-top .nav-top-right{color:#fff;width:20%;display:flex;justify-content:flex-end;gap:33px}.navbar .nav-body .nav-top .nav-top-right img{width:18px}.navbar .nav-body .nav-bottom{margin-top:20px}.navbar .nav-body .nav-bottom a{color:#fff;text-decoration:none;padding:0 26px}.mmt-txt-blue{color:#0046be}.mmt-txt-orange{color:#ff5e01}#hero{width:100%;height:637px;position:relative}#hero .hero-top{height:554px;background-color:#e6f1fc;display:flex;flex-direction:row;justify-content:center}#hero .hero-top .slider-section{position:absolute;margin-top:3rem;width:100%;height:554px;padding:0;display:flex;align-items:center;flex-direction:row}#hero .hero-top .slider-section .slider-img-left{display:flex;width:25%;height:78%;align-items:center;justify-content:flex-start}#hero .hero-top .slider-section .slider-img-left img{width:100%;margin-left:30px}#hero .hero-top .slider-section .slider-img-middle{width:55%;height:100%;z-index:1}#hero .hero-top .slider-section .slider-img-middle .middle-top{text-align:center;font-size:50px;font-weight:500;height:20%;color:#474747;font-family:Abril Fatface,cursive}#hero .hero-top .slider-section .slider-img-middle .middle-top p{line-height:50px}#hero .hero-top .slider-section .slider-img-middle .middle-bottom{text-align:center;height:70%}#hero .hero-top .slider-section .slider-img-right{width:25%;height:80%;display:flex;align-items:center;justify-content:flex-end}#hero .hero-top .slider-section .slider-img-right img{width:100%}#hero .hero-bottom{display:flex;height:27px;align-items:center;position:relative;top:55px;z-index:-1;justify-content:center;column-gap:10px}#hero .hero-bottom .line{width:40px;height:10px;background-color:#ff5e01;border-radius:5px}#hero .hero-bottom .active{background-color:#ff5e019f}.style{font-size:200px}#searching-sneakers{width:100%;height:300px;position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:168px}#searching-sneakers .searching-sneakers-div{display:flex;flex-direction:column;width:33%;align-items:center;margin-top:90px}#searching-sneakers .searching-sneakers-div h1{font-family:Roboto;font-size:32px;font-weight:700;margin-bottom:30px}#searching-sneakers .searching-sneakers-div .button-group{position:relative}#searching-sneakers .searching-sneakers-div .button-group button{background-color:#ff5e01;font-size:16px;padding:16px 40px;width:299px;border:0px solid;border-radius:13px;color:#fff;transition:all .2s ease-out}#searching-sneakers .searching-sneakers-div .button-group button input{display:none;position:absolute;background-color:transparent}#searching-sneakers .searching-sneakers-div .button-group button:before{content:"Browse thousands of sneakers"}#searching-sneakers .searching-sneakers-div .button-group button:hover{color:#000;background-color:#ffe000;width:519px;text-align:start;display:flex;justify-content:space-between;align-items:center}#searching-sneakers .searching-sneakers-div .button-group button:hover:before{content:""}#searching-sneakers .searching-sneakers-div .button-group button:hover:after{content:url(../../../../public/images/frontend/landing/component/search_black.svg);position:relative;left:13px;top:4px}#searching-sneakers .searching-sneakers-div .button-group button:hover input{display:block;position:absolute;width:420px;background-color:#ffe000;border:0px solid rgba(0,0,0,.073)}#searching-sneakers .searching-sneakers-div .button-group button:hover input:focus{outline:none}#searching-sneakers .searching-sneakers-div .button-group button:active{color:#000;background-color:#ffe000;width:519px;text-align:start;display:flex;justify-content:space-between;align-items:center}#searching-sneakers .searching-sneakers-div .button-group button:active:before{content:"Search sneaker to match"}#searching-sneakers .searching-sneakers-div .button-group button:active:after{content:url(../../../../public/images/frontend/landing/component/search_black.svg);position:relative;left:13px;top:4px}#searching-sneakers .searching-sneakers-div .button-group .active{color:#000;background-color:#ffe000;width:519px;text-align:start;display:flex;justify-content:space-between;align-items:center}#searching-sneakers .searching-sneakers-div .button-group .active:before{content:""}#searching-sneakers .searching-sneakers-div .button-group .active:after{content:url(../../../../public/images/frontend/landing/component/search_black.svg);position:relative;left:13px;top:4px}#searching-sneakers .searching-sneakers-div .button-group .active input{display:block;position:absolute;max-width:420px;background-color:#ffe000;border:0px solid rgba(0,0,0,.073)}#searching-sneakers .searching-sneakers-div .button-group .active input:focus{outline:none}#searching-sneakers .searching-sneakers-div .button-group .search-box{position:absolute;overflow-y:auto;width:519px;max-height:281px;background-color:#fff;border-bottom-right-radius:22px;border-bottom-left-radius:22px;box-shadow:0 1px 5px #dadada}#searching-sneakers .searching-sneakers-div .button-group .search-box .search-dev{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#searching-sneakers .searching-sneakers-div .button-group .search-box .search-dev .search-div-p{margin:0}#searching-sneakers .searching-sneakers-div .button-group .search-box .search-dev .search-div-img{width:30%}#searching-sneakers .searching-sneakers-div .button-group .search-box::-webkit-scrollbar{display:none}#searching-sneakers .searching-sneakers-div .searching-sneakers-div-bottom{margin-top:30px;font-size:18px;text-align:center;font-family:Roboto;width:100%}