button{background-color:#fff;padding:16px 32px;border-radius:50px;transition:transform .3s ease-in-out;max-width:160px;margin:0 auto}button:hover{transform:scale(1.1);background-color:#000;color:#fff;border:1px solid #fff}.learn{color:#fff;text-decoration:none;margin-top:-56px;font-weight:800}model-viewer{width:auto;max-width:1200px;height:590px;background-color:#efefef;border-radius:24px;margin-top:48px}.model button{margin:32px auto 0 auto;width:40%}.Hotspot{background:rgba(255,255,255,.48);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(0,0,0,.086);width:50px;height:50px;border-radius:50px}.Hotspot:not([data-visible]){opacity:0;pointer-events:none}.Hotspot:focus{border:4px solid rgba(0,0,0,.681);height:32px;outline:none;width:32px}.HotspotAnnotation{visibility:hidden;background:rgba(255,255,255,.48);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.25);color:rgba(0,0,0,.8);display:block;font-family:Futura,Helvetica Neue,sans-serif;font-size:.8rem;font-weight:700;max-width:150px;overflow-wrap:break-word;padding:.5em 1em;position:absolute;top:50%;width:-moz-max-content;width:max-content;text-align:left}.HotspotAnnotation img,h2,p{margin-bottom:10px}.HotspotAnnotation h2{font-size:18px}.HotspotAnnotation p{color:#333;line-height:22px;font-weight:300}.HotspotAnnotation img{height:32px;width:32px}model-viewer::part(default-progress-bar){height:30px;background-color:#e89b36}@media screen and (min-width: 768px){.HotspotAnnotation{max-width:450px;font-size:1.4rem}}footer{background-color:#000;box-shadow:0px 3px 32px 4px rgba(255,255,255,.25);margin-top:72px}footer .footer-con{display:flex;flex-direction:column;justify-content:center;align-items:center}footer .footer-con nav{border:1px solid #fff;border-radius:24px;padding-right:24px}footer .footer-con nav ul{display:flex;flex-direction:column;gap:16px;align-items:center}footer .footer-con nav ul li{list-style:none;margin-right:32px}footer .footer-con nav ul li a{color:#fff;text-decoration:none;font-size:1rem;opacity:.5}footer .footer-con nav ul li a:hover{opacity:1}footer .footer-con .socials a{margin-top:24px;margin-right:24px;display:inline-block;transition:transform .2s ease-in-out}footer .footer-con .socials a img{transition:transform .2s ease-in-out}footer .footer-con .socials a:hover{transform:scale(1.5)}footer .footer-con .socials a:last-child{margin-right:0}@media screen and (min-width: 768px){footer .footer-con{display:flex;flex-direction:row;justify-content:space-between;align-items:center}footer .footer-con nav{border:1px solid #fff;border-radius:24px;padding-left:24px;padding-right:24px}footer .footer-con nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center}footer .footer-con nav ul li{list-style:none;margin-right:32px}footer .footer-con nav ul li a{color:#fff;text-decoration:none;font-size:1rem;opacity:.5}footer .footer-con nav ul li a:hover{opacity:1}footer .footer-con nav .socials a img{margin-top:24px}}header{background-color:#000;padding:16px 0;margin-bottom:0px}.desk-logo{width:100px;height:100px}.header-sec{margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.navigation{width:100%;display:flex;justify-content:space-between;align-items:center}.navigation ul{margin:auto}.navigation ul .close svg:hover path{fill:#831c20}.navigation ul li{list-style:none}.header-sec{display:flex;justify-content:space-between}.sidebar{position:fixed;top:0;right:0;height:100%;width:100%;z-index:999;background-color:#000;box-shadow:-10px 0 10px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;padding-top:200px;text-align:center}.sidebar.show{opacity:1;visibility:visible}.sidebar li{padding-bottom:32px;width:100%}.sidebar li a{width:100%;font-size:2.4rem}.hidemobile{display:none}.hideondesktop{margin-left:200px}.icons{display:none}@media screen and (min-width: 768px){.icons{display:flex;flex-direction:row}.logo-mob{display:none}.header-sec nav ul{display:flex}.header-sec nav ul li{list-style:none;padding-right:48px}.header-sec nav ul li:last-child{padding-right:0}.header-sec nav ul li a{text-decoration:none;color:#fff;padding:0px 12px 0 12px}.header-sec nav ul li a:hover{cursor:pointer;color:#000;border:1px solid #fff;background-color:#fff;border-radius:8px;transition:all 10ms ease}.hidemobile{display:flex}.hideondesktop{display:none}#desk-hid{display:none}.navigation ul li a{text-decoration:none;color:#fff}}body{background-color:#000;font-family:"Inter",sans-serif}body .elipse{width:300px;height:300px;border-radius:100%;background-color:rgba(1,1,1,.5);margin:150px auto 52px auto;text-align:center;position:relative;transition:box-shadow .3s ease-in-out,transform .6s ease-in-out;box-shadow:0px 4px 50px 5px rgba(255,255,255,.5)}body .elipse #image{z-index:5;position:absolute;height:200px;transform:translateX(-50%);top:-110px;left:45%}body .elipse #text{width:70%;position:absolute;bottom:100px;left:52%;transform:translateX(-50%)}body .heading{color:#fff;text-align:left;margin-top:128px}body .heading h2{font-size:2rem;font-weight:700}body .heading p{font-weight:200;letter-spacing:2px}body .heading .learn{margin-top:16px}body #accessories-text{text-align:left;margin:172px 0 0 58px}body #accessories-text h3{font-size:2rem;margin-bottom:16px}body #accessories-text p{padding:0;margin-bottom:16px}body .highlight{display:flex;justify-content:space-between;align-items:center;margin-top:72px}body .highlight .accessories{flex:1;max-width:500px}body .highlight .text{flex:2;text-align:left;max-width:50%}body .highlight .text h3{font-size:2rem;margin-bottom:16px}body .highlight .text p{padding:0;margin-bottom:16px}body .btn{margin-top:72px}body .price p{margin:16px 0}body .price .btn{margin-top:32px}body .wrapper{display:flex;align-items:center;justify-content:center;height:600px}body .wrapper .container{height:100%;display:flex;flex-wrap:nowrap;justify-content:start;text-align:left;margin:0;padding:0}body .wrapper .container input{display:none}body .wrapper .container input:checked+label{width:600px}body .wrapper .container .caro{width:80px;border-radius:.75rem;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;overflow:hidden;border-radius:2rem;margin:0 10px;display:flex;align-items:flex-end;transition:.6s cubic-bezier(0.28, -0.03, 0, 0.99);box-shadow:0px 10px 30px -5px rgba(255,255,255,.8)}body .wrapper .container .caro .row{display:flex;flex-wrap:nowrap;background-position:cover}body .wrapper .container .caro .row .icon{background:#fff;border-radius:50%;width:50px;height:50px;margin:15px;animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}body .wrapper .container .caro[for=c1]{background-image:url("../../images/image-bud.png")}body .wrapper .container .caro[for=c2]{background-image:url("../../images/image-4.png")}body .wrapper .container .caro[for=c3]{background-image:url("../../images/image-12.png")}body .wrapper .container .caro[for=c4]{background-image:url("../../images/image-5.png")}body .wrapper .container .caro[for=c5]{background-image:url("../../images/image-2.png")}body #mobile-tablet-view{display:none}body #comparison-con{display:block}body #xray{position:relative;aspect-ratio:16/10;background-image:url(../../images/ray-image.png);background-size:cover}body #divisor{position:absolute;top:0;left:0;background-image:url(../../images/non-xray.png);background-size:cover;height:100%;width:50%}body input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;top:-18px;left:-2%;background-color:rgba(255,255,255,.1);width:102%}body input[type=range]:focus{outline:none}body input[type=range]::-moz-range-track{height:15px;width:98%;background-color:rgba(255,255,255,.1);position:relative;outline:none}body input[type=range]::active{border:none;outline:none}body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:15px;background:#fff;border-radius:0}body input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;width:20px;height:15px;background:#fff;border-radius:0}body input[type=range]:focus::-webkit-slider-thumb{background:rgba(255,255,255,.5)}body input[type=range]:focus::-moz-range-thumb{background:rgba(255,255,255,.5)}body #price{text-align:center}body #price p{text-align:center}@media screen and (min-width: 768px){body .elipse{width:500px;height:500px;border-radius:100%;background-color:rgba(1,1,1,.5);margin:150px auto 52px auto;text-align:center;position:relative;transition:box-shadow .3s ease-in-out,transform .6s ease-in-out;box-shadow:0px 4px 50px 5px rgba(255,255,255,0)}body .elipse:hover{box-shadow:0px 4px 70px 10px rgba(255,255,255,.5);transform:scale(1.2)}body .elipse #image{z-index:5;position:absolute;width:800px;height:360px;transform:translateX(-50%);top:-110px;left:45%}body .elipse #text{width:70%;position:absolute;bottom:100px;left:52%;transform:translateX(-50%)}body .heading{margin-top:128px;padding:0 220px}body .heading h2{font-size:3rem;font-weight:700;margin-bottom:16x}body .heading p{text-align:left;font-weight:200;letter-spacing:2px}body .heading button{margin-top:16px}body .card{width:100%;height:372px;border-radius:24px;box-shadow:1px 2px 42px -8px rgba(255,255,255,.458);transition:background-size .5s ease-in-out;overflow:hidden}body .card:hover{background-size:110%}body .accessories{background-image:url(../../images/earbuds-ph.png);background-position:center;width:498px;height:480px;border-radius:32px;transition:transform .4s ease-in-out;box-shadow:1px 2px 42px -8px rgba(255,255,255,.458)}body .accessories:hover{transform:scale(1.05)}body #accessories-text{text-align:left;margin:172px 0 0 58px}body #accessories-text h3{font-size:2rem;margin-bottom:16px}body #accessories-text p{padding:0;margin-bottom:16px}body .highlight{display:flex;justify-content:space-between;align-items:center;margin-top:72px}body .highlight .accessories{flex:1;max-width:500px}body .highlight .text{flex:2;text-align:left;max-width:50%}body .highlight .text h3{font-size:2rem;margin-bottom:16px}body .highlight .text p{padding:0;margin-bottom:16px}body .btn{margin-top:72px}body .price p{margin:16px 0}body .price .btn{margin-top:32px}body .wrapper{display:flex;align-items:center;justify-content:center;height:600px;margin-top:72px;margin-bottom:128px}body .wrapper input{display:none}body .wrapper input:checked+label{width:600px}body .wrapper .caro{width:80px;border-radius:.75rem;background-size:cover;background-repeat:no-repeat;background-position:center;cursor:pointer;overflow:hidden;border-radius:2rem;margin:0 10px;display:flex;align-items:flex-end;transition:.6s cubic-bezier(0.28, -0.03, 0, 0.99);box-shadow:0px 10px 30px -5px rgba(255,255,255,.8)}body .wrapper .caro .row{color:red;display:flex;flex-wrap:nowrap;background-position:cover}body .wrapper .caro .row .icon{background:#fff;color:#000;border-radius:50%;width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:15px;animation:bounce 2s infinite ease-in-out}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}body .wrapper .caro[for=c1]{background-image:url("../../images/image-bud.png")}body .wrapper .caro[for=c2]{background-image:url("../../images/image-4.png")}body .wrapper .caro[for=c3]{background-image:url("../../images/image-12.png")}body .wrapper .caro[for=c4]{background-image:url("../../images/image-5.png")}body .wrapper .caro[for=c5]{background-image:url("../../images/image-2.png")}.scroll{margin-top:32px}#mobile-tablet-view{display:none}#comparison-con{display:block}#xray{position:relative;aspect-ratio:16/10;background-image:url(../../images/ray-image.png);background-size:cover;border-radius:40px}#divisor{position:absolute;top:0;left:0;background-image:url(../../images/non-xray.png);background-size:cover;height:100%;width:50%;border-radius:40px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;top:-18px;left:-2%;background-color:rgba(255,255,255,.1);width:102%}input[type=range]:focus{outline:none}input[type=range]::-moz-range-track{height:15px;width:98%;background-color:rgba(255,255,255,.1);position:relative;outline:none}input[type=range]::active{border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:15px;background:#fff;border-radius:0}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;width:20px;height:15px;background:#fff;border-radius:0}input[type=range]:focus::-webkit-slider-thumb{background:rgba(255,255,255,.5)}input[type=range]:focus::-moz-range-thumb{background:rgba(255,255,255,.5)}#price button{margin-top:16px}}/*# sourceMappingURL=main.css.map */