.text_gradient{color:#fff}.text_gradient,.trinityFont{font-family:Share Tech Mono,monospace!important}.radius{cursor:pointer;border-radius:100%;width:15px;height:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.place{z-index:2;background:#fff}.place,.radius .border-animation{border-radius:100%;width:100%;height:100%;display:block;position:absolute}.radius .border-animation{z-index:1}.ba1{background:rgba(255,255,255,.6);animation:2s linear 2s infinite alternate rounder1}@keyframes rounder1{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(3)}}.bgBlur{-webkit-backdrop-filter:blur(7.5px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.33);box-shadow:0 8px 32px rgba(0,0,0,.35)}.dontToldSection .frame1{z-index:1;width:auto;position:absolute;top:45%;left:19%}.frame1{z-index:99;width:auto;position:absolute;top:31.5%;left:10%}.frame2{top:17%;left:35%}.frame2,.frame3{z-index:1;width:auto;position:absolute}.frame3{top:35%;left:55%}.frame4{top:19%;left:15%}.frame4,.frame5{z-index:1;position:absolute}.frame5{top:18%;right:18%}.frame6{z-index:1;position:absolute;top:24.5%;right:50%}.circleBlur{filter:blur(50px);z-index:-1;background:conic-gradient(from 180deg,#00462b 0deg,#004e30 120.07deg,#00462b 179.52deg,#004e30 241.65deg,#004e30 299.6deg,#00462b 1turn);border-radius:50%;width:1em;height:1em;font-size:400px;position:absolute;bottom:0}.productbox{-webkit-backdrop-filter:blur(4px)saturate();background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.125)}.section{background:#000;padding-top:50px;position:relative}.trigger{background:0 0;height:100px}.bottom-image{background-image:url(https://images.specscart.co.uk/static/1746174777356-bg-fix-full_znnsud.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-top-left-radius:50px;border-top-right-radius:50px;width:60%;height:100vh;margin:0 auto;transition:width .1s ease-out;display:flex}.perspective{perspective:1000px;transition:all 1s}.backface-hidden{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:all 1s}.rotate-y-180{transition:all 1s;transform:rotateY(180deg)}.flipCardHeight{height:700px}.card-container{opacity:0;perspective:1000px;pointer-events:none;visibility:hidden;z-index:0;width:35%;height:600px;transition:opacity .5s,visibility .5s;position:absolute}.bothContainer .content{justify-content:center;align-items:center;display:flex}.bothContainer{width:70%}.bothContainer .front{width:50%}.bothContainer .back{gap:10px;width:100%;display:flex}.card-container.visible{opacity:1;pointer-events:auto;visibility:visible;z-index:10}.card-container.hidden{opacity:0;pointer-events:none;visibility:hidden;z-index:0}.content{height:100%;transform-style:preserve-3d;width:100%;transition:transform .8s;position:relative}.content.flip{transform:rotateY(180deg)}.front{-webkit-backdrop-filter:blur(4px)saturate();background-color:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.125);border-radius:16px}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.back,.card-container.flip .content{transform:rotateY(180deg)}@media screen and (max-width:1920px){.flipCardHeight{height:600px}.card-container{width:40%;height:500px}.bothContainer{width:70%}.bothContainer .front{width:60%}.frame1{top:30%;left:5%}.frame2{top:16%;left:30%}.frame3{top:34%;left:49%}.dontToldSection .frame1{top:44%;left:13%}.frame4{top:18%;left:10%}.frame5{top:16%;right:18%}.frame6{position:absolute;top:23%}}@media screen and (max-width:1800px){.frame1{top:29%;left:2%}.frame2{top:16%;left:29%}.frame3{top:33%;left:49%}.frame4{top:17%;left:10%}.dontToldSection .frame1{top:43%;left:13%}}@media screen and (max-width:1600px){.flipCardHeight{height:600px}.card-container{width:45%;height:500px}.bothContainer{width:70%}.bothContainer .front{width:60%}.frame1{top:29%;left:1.5%}.dontToldSection .frame1{top:43%;left:10%}.frame2{top:15%;left:26%}.frame3{top:33%;left:47%}.frame4{top:16%;left:7%}.frame5{top:14%}}@media screen and (max-width:1536px){.flipCardHeight{height:550px}.card-container{width:48%;height:450px}.bothContainer,.bothContainer .front{width:70%}.frame1{top:29%;left:2%}.dontToldSection .frame1{top:43%;left:9%}.frame3{top:33%;left:45%}.frame2{top:15%;left:25%}.frame4{top:16%;left:6%}.frame5{top:15%}}@media screen and (max-width:1439px){.flipCardHeight{height:550px}.card-container{width:55%;height:450px}.bothContainer{width:80%}.bothContainer .front{width:70%}.frame1{top:18%;left:21%}.frame2{top:14%;left:25%}.dontToldSection .frame1{top:41%;left:8%}.scene{width:55%}.frame3{top:31%;left:45%}.frame4{top:15%;left:6%}.frame5{top:14%}.frame6{top:21%}}@media screen and (max-width:1200px){.flipCardHeight{height:550px}.card-container{width:65%;height:450px}.bothContainer{width:80%}.bothContainer .front{width:85%}.frame1{top:16%;left:23%}.frame2{top:13%;left:22%}.frame3{top:30%;left:42%}.dontToldSection .frame1{top:40%;left:6%}.frame4{top:15%;left:4%}.frame5{top:13%}.circleBlur{font-size:320px}}@media screen and (max-width:992px){.flipCardHeight{height:550px}.card-container{width:85%;height:450px}.bothContainer{width:96%}.bothContainer .front{width:90%}.frame3{top:27%;left:41%}.frame2{top:11%;left:20%}.frame1{top:14%;left:16%}.dontToldSection .frame1{top:37%;left:3%}.frame4{top:12%;left:1%}.frame5{top:11%}.frame6{top:17%}}@media screen and (max-width:767px){.flipCardHeight{height:500px}.bottomMobileHeight{height:800px}.card-container{width:94%;height:400px}.bothContainer{width:96%}.bothContainer .front{width:90%}.bothContainer .back{flex-direction:column;width:94%}.frame1{top:27%;left:10%}.parent4 button{left:0;right:inherit}.frame3{top:28%;left:37%}.frame2{top:12%;left:21%}.dontToldSection .frame1{top:35%;left:1%}.frame4{top:13%;left:29%}.frame5{top:12%}.frame6{top:45%;right:48%}}@media screen and (max-width:576px){.flipCardHeight{height:350px}.bottomMobileHeight{height:650px}.card-container{width:94%;height:300px}.bothContainer{width:96%}.bothContainer .front{width:90%}.bothContainer .back{width:96%}.singleModalParent{height:300px}.singleModalParent img{object-fit:cover;object-position:0 100%;height:100%}.dontToldSection .frame1{top:31%;left:3%}.frame3{left:inherit;top:22%;right:5%}.frame1{top:23%;left:44%}.frame1 button{left:0;right:auto}.frame2{top:7%;left:50%}.parent2 button{left:0;right:auto}.circleBlur{font-size:260px}.frame4{left:30%}.frame5{top:11%;right:17%}.frame6{top:40%}}