#calculator{color:#222;background:linear-gradient(162.82deg,#4bc2b3 0%,#78e3d5 100%);height:400px;position:relative;overflow:hidden}#calculator .mini-texts{width:100%;animation:1.5s forwards miniTextAnimation;position:absolute;top:0;left:0}@keyframes miniTextAnimation{0%{opacity:0;top:-100%}to{opacity:1;top:0}}#calculator .middle-set{justify-content:space-between;align-items:center;height:100%;padding:0 40px;display:flex}#calculator .middle-set .middle-middle-set{flex-direction:column;justify-content:center;align-items:center;display:flex}#calculator .middle-set .middle-middle-set p{animation:2s forwards rightChevronAnimation}#calculator .middle-set .middle-middle-set .oth{gap:5px;display:flex}#calculator .middle-set .middle-middle-set .oth h2{border-right:2px solid #222;padding-right:5px;font-size:24px!important}#calculator .middle-set .middle-middle-set .oth h2:last-child{border:none}#calculator .middle-set .bi-chevron-right,#calculator .middle-set .bi-chevron-left{font-size:90px}#calculator .middle-set .bi-chevron-left{animation:2s forwards leftChevronAnimation}#calculator .middle-set .bi-chevron-right{animation:2s forwards rightChevronAnimation}@keyframes leftChevronAnimation{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rightChevronAnimation{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}#calculator .middle-set h1{font-size:70px}#calculator .middle-set h2{font-size:36px;font-weight:400}#calculator .middle-set a{color:#4a4a4a;text-transform:uppercase;margin-top:20px;padding:12px 17px;font-size:14px;font-weight:700;animation:2s forwards leftChevronAnimation;box-shadow:inset 0 0 0 1px #4a4a4a}#calculator .middle-set a:hover{color:#000;box-shadow:inset 0 0 0 1px #000}@media screen and (max-width:500px){#calculator .middle-set{padding:0 10px}#calculator .middle-set .middle-middle-set h1{font-size:60px}#calculator .middle-set .middle-middle-set .oth{gap:5px;display:flex}#calculator .middle-set .middle-middle-set .oth h2{border-right:2px solid #222;padding-right:5px;font-size:20px!important}#calculator .middle-set .middle-middle-set .oth h2:last-child{border:none}#calculator .middle-set .bi-chevron-right,#calculator .middle-set .bi-chevron-left{font-size:60px}#calculator .middle-set .bi-chevron-left{animation:2s forwards leftChevronAnimation}#calculator .middle-set .bi-chevron-right{animation:2s forwards rightChevronAnimation}@keyframes leftChevronAnimation{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes rightChevronAnimation{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}#calculator .middle-set h1{font-size:70px}#calculator .middle-set h2{font-size:36px;font-weight:400}#calculator .middle-set a{color:#4a4a4a;text-transform:uppercase;margin-top:20px;padding:12px 17px;font-size:14px;font-weight:700;animation:2s forwards leftChevronAnimation;box-shadow:inset 0 0 0 1px #4a4a4a}#calculator .middle-set a:hover{color:#000;box-shadow:inset 0 0 0 1px #000}}
#screen-metrics{background-color:#4a4a4a;padding:70px 40px}#screen-metrics .home-screen-ad{width:100%;max-height:300px;margin-bottom:30px}#screen-metrics h2{text-align:center;color:#d8d9da;opacity:0;font-size:36px;font-weight:400;transition:all 1s;transform:translateY(20px)}#screen-metrics h2.vis{opacity:1;transform:translateY(0)}#screen-metrics .containers{grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;display:grid}#screen-metrics .containers .cont{opacity:0;transition:all 1s;transform:translate(-30px)}#screen-metrics .containers .cont.vis{opacity:1;transform:translate(0)}#screen-metrics .containers .cont h3{color:#fff;z-index:9;background-color:#bb3862;padding:13px 15px;font-weight:400;position:relative;box-shadow:0 4px 4px #0000001f}#screen-metrics .containers .cont ul{color:#fff;background-color:#59575a;flex-direction:column;row-gap:7px;height:calc(100% - 49px);padding:30px 20px 20px;display:flex}#screen-metrics .containers .cont ul li{border-bottom:1px solid #717171;justify-content:space-between;align-items:center;padding-bottom:7px;font-size:15px;line-height:1.3;display:flex}#screen-metrics .containers .cont ul li span{color:#2fc2a8;background-color:#4a4a4a;justify-content:center;align-items:center;padding:5px 7px;font-weight:700;display:flex}@media screen and (max-width:749px){#screen-metrics{padding:60px 30px}#screen-metrics .containers{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-width:500px){.home-screen-ad{margin:0 15px 30px}#screen-metrics{padding:40px 15px}#screen-metrics h2{font-size:28px}#screen-metrics .containers{grid-template-columns:repeat(1,1fr);gap:10px;margin-top:30px}}
#user-agent{background-color:#59575a;padding:30px 30px 70px}#user-agent h2{color:#d1d1d1;text-align:center;margin-top:40px;font-size:34px;font-weight:400}#user-agent h2.h2-1{animation:1.5s forwards h2Animation}#user-agent h2.h2-2{animation:1.5s forwards h2Animation2}@keyframes h2Animation{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes h2Animation2{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}#user-agent .text{text-align:center;color:#fff;background-color:#4a4a4a;width:50%;margin:40px auto 0;padding:18px;font-size:15px;line-height:1.4}#user-agent .text.txt-1{animation:1.5s forwards h2Animation}#user-agent .text.txt-2{animation:1.5s forwards h2Animation2}@media screen and (max-width:500px){#user-agent{padding:20px 20px 50px}#user-agent h2{margin-top:20px;font-size:30px}#user-agent .text{width:100%;margin-top:30px}}
#compare-devices{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}#compare-devices h2{color:#302623;font-size:32px;font-weight:400}#compare-devices h2.vis{animation:1.5s forwards h2Animation}#compare-devices p{text-align:center;color:#4a4a4a;width:50%;margin-top:50px;font-size:15px}#compare-devices p.vis{animation:1.5s forwards h2Animation2}#compare-devices a{color:#4f842a;margin-top:25px;font-size:15px;font-weight:600}#compare-devices a.vis{animation:1.5s forwards h2Animation}#compare-devices a:hover{color:#2c4a18;text-decoration:underline}@keyframes h2Animation{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes h2Animation2{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:500px){#compare-devices{padding:50px 20px}#compare-devices h2{font-size:30px}#compare-devices p{width:100%;margin-top:30px}}