.header{width:100%;position:absolute;display:flex;justify-content:space-between;z-index:8}.nav-bar-container{display:flex}.logo{width:107.12px;height:40px;margin-left:50px;margin-top:50px}.nav-bar{font-family:Inter,sans-serif;font-size:25px;color:#fff;margin-top:60px;margin-right:74px}.nav-bar a{margin-left:62px}.search-container{position:relative;margin-top:50px;display:flex;align-items:center}.search-icon{position:absolute;width:30px;height:30px;z-index:2;left:13px}.search{position:relative;width:295px;height:50px;background-color:#b6b6b633;padding-left:65px;border:none;margin-right:74px;color:#fff}.search::placeholder{position:relative;top:5px;color:#fff;font-family:Inter,sans-serif;font-size:25px;font-weight:400}.cart-menue{margin-right:50px;margin-top:50px}.cart{width:50px;height:50px;margin-right:65px}.menue{width:50px;height:50px}.nav-item{cursor:pointer}body{background-image:linear-gradient(to bottom right,#3c3d41,#1d1e25,#181820);background-repeat:no-repeat;background-attachment:fixed;margin:0;padding:0;overflow:hidden}.nike{position:absolute;margin:0;height:100vh;line-height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-family:Kanit,sans-serif;font-size:27vw;font-weight:550;color:#000;opacity:30%}.nike-background{top:0;width:82vw;transform:rotate(-17deg);translate:-10% -14%;z-index:5}.container{position:absolute;left:0;top:0;height:100vh;width:100%;display:flex;align-content:flex-end;flex-wrap:wrap}.shoe-container{position:relative;left:0;top:0;height:100vh;width:100%;display:flex;flex-direction:column-reverse;flex-wrap:wrap;pointer-events:none}.shoe-main{position:relative;width:77%;z-index:10;pointer-events:none;transition:1.5s}.shoe-sub-container{position:relative;top:-130px;left:-24%;width:35%;height:43vh;transform:skew(-45deg);display:flex;flex-direction:column;gap:20px;z-index:7}.shoe-sub1{position:relative;background-image:linear-gradient(to bottom left,#ff67f9,#0085ff);width:22%;height:30%;display:flex;justify-content:flex-end;align-items:center}.shoe-sub2{position:relative;background-image:linear-gradient(to bottom left,#cc0087,#905cff);width:22%;height:30%;display:flex;justify-content:flex-end;align-items:center}.shoe-sub3{position:relative;background-image:linear-gradient(to bottom left,#ff5353,#fff);width:22%;height:30%;display:flex;justify-content:flex-end;align-items:center}.shoe-sub-img{position:absolute;width:12.6vw;height:23vh;translate:10px -30px;transform:skew(45deg)}.shoe-info{font-family:Jockey One,sans-serif;position:absolute;top:0;left:0;height:100vh;display:flex;flex-direction:column;justify-content:center;margin-left:50px;color:#fff;z-index:7}.shoe-info h1{font-size:55px;font-weight:500;margin-bottom:0}.shoe-info h1:after{content:" 4";color:#be2d7f;font-size:55px;font-weight:500}.shoe-info p{font-family:Inter,sans-serif;font-size:35px;margin-top:20px}.color p{font-family:Jockey One,sans-serif;font-size:25px;margin-top:0;margin-bottom:15px}.color-button{border-radius:100%;width:20px;height:20px;margin-right:10px;border:none;cursor:pointer}#black{background-color:#000}#green{background-color:#33fb01}#red{background-color:#ff2828}#white{background-color:#e6dbce}.size p{font-family:Jockey One,sans-serif;font-size:25px;margin-top:15px;margin-bottom:15px}.size-button{font-family:Jockey One,sans-serif;font-size:25px;border-radius:100%;width:50px;height:50px;background-color:transparent;border:solid;margin-right:10px;cursor:pointer}.active{background-color:#d9d9d9;border-color:#fff;cursor:pointer}.buy-button{width:240px;font-family:Jockey One,sans-serif;font-size:30px;background-color:#ed3b6b;color:#fff;margin-top:30px;border:none;border-radius:11px;padding-block:10px;cursor:pointer}.circle-selector{position:absolute;top:35%;left:94%;width:364px;height:364px;border:solid transparent;border-width:18px;background:linear-gradient(to right,#1d1e25,#181820),linear-gradient(to right,#c8c8c8,#000,#000,#000);border-radius:100%;background-clip:padding-box,border-box;background-origin:padding-box,border-box;display:flex;align-items:center}.circle{position:absolute;width:28px;height:28px;border-radius:100%;background-color:#fff;left:-22px}.rect{position:absolute;width:117px;height:80px;background:linear-gradient(89.16deg,#2858ff,#3662fe00,#ff2828,#c6000000);background-size:300% 300%;border-radius:13px;cursor:pointer}@keyframes rect-anim{0%{background-position:10% 0%}to{background-position:100% 100%}}.rect-active{animation:rect-anim .5s ease;background-size:300% 300%;background-position:100% 100%}.rect-position1{left:-30px;top:330px;transform:rotate(-54.79deg)}.rect-position2{left:-100px;top:250px;transform:rotate(-30.65deg)}.rect-position3{left:-130px;top:140px}.rect-position5{left:-30px;top:-50px;transform:rotate(53.36deg)}.rect-position4{left:-110px;top:30px;transform:rotate(30.46deg)}.rect-img{position:absolute;width:140px;height:140px;top:-50px;left:-30px}.circle1{transform:rotate(-50deg);transition:1s}.circle2{transform:rotate(-25deg);transition:1s}.circle3{transform:rotate(0);transition:1s}.circle4{transform:rotate(25deg);transition:1s}.circle5{transform:rotate(50deg);transition:1s}.control-circle{top:50%;left:0%;width:364px;height:30px}.shoe-main-container{position:relative;z-index:10;pointer-events:none}.shoe-main-top{position:absolute;translate:0px -1000px;transition:1.5s;width:77%;z-index:10;pointer-events:none}.shoe-main-bot{position:absolute;translate:0px 1000px;transform:rotate(40deg);transition:1.5s;width:77%;z-index:10;pointer-events:none}.sub-container{display:flex;flex-wrap:wrap;align-content:center;position:absolute;width:12.6vw;height:23vh;translate:10px -30px;transform:skew(45deg);overflow:hidden}.shoe-sub-img-new{position:absolute;width:12.6vw;height:23vh;transition:1.5s}.shoe-sub-img-new-top{position:absolute;width:12.6vw;height:23vh;transform:translateY(-300px);transition:1.5s}.shoe-sub-img-new-bot{position:absolute;width:12.6vw;height:23vh;transform:translateY(300px);transition:1.5s}