@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Rubik,sans-serif}a{text-decoration:none}li{list-style:none}.container{width:80%;margin:0 auto}.header{padding:24px 8px;border-radius:15px;position:sticky;top:28px;z-index:100;background:#fff;margin-top:28px;margin-bottom:110px;display:flex;justify-content:space-between;align-items:center}.header .logo{display:flex;cursor:pointer}.nav ul{display:flex;justify-content:space-between}.nav ul li a{color:#242a45;text-align:right;font-family:Rubik;font-size:13px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:1.5px;padding:12px 32px}.nav ul li a:hover{color:#fa5959}.nav ul .login{border-radius:5px;background:#fa5959;border:2px solid #FA5959;box-shadow:0 8px 8px -4px #495dcf33;color:#fff;text-align:right;font-family:Rubik;font-size:13px;font-style:normal;font-weight:500;line-height:17px;letter-spacing:1.5px}.nav ul .login:hover{border-radius:5px;border:2px solid #FA5959;background:#fff;box-shadow:0 8px 8px -4px #495dcf33;color:#fa5959}.content{display:flex;margin-bottom:200px}.text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.text h1{color:#242a45;font-family:Rubik;font-size:48px;font-style:normal;font-weight:500;line-height:52px;letter-spacing:-.15px;margin-bottom:24px}.text p{color:#242a45;font-family:Rubik;font-size:18px;font-style:normal;font-weight:400;line-height:28px;margin-bottom:32px}.text .buttons{display:flex;gap:10px}.text .buttons button{border-radius:5px;box-shadow:0 8px 8px -4px #495dcf33;padding:8px 18px;font-family:rubik;font-size:14px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.25px;cursor:pointer}.text .chromeBtn{background:#5267df;border:2px solid #5267DF;color:#fff}.text .chromeBtn:hover{background:#fff;color:#5267df;border:2px solid #5267DF}.text .firefoxBtn{background:#f7f7f7;border:2px solid #F7F7F7;color:#242a45}.text .firefoxBtn:hover{border:2px solid #242A45;background:#fff}.images{width:100%;position:relative}.images .groupImg{width:574px;position:relative;right:-110px}.images .backgroundImg{width:500px;position:absolute;right:-128px;bottom:-123px;z-index:-1}.features{display:flex;flex-direction:column;gap:16px;text-align:center;padding:0 280px;margin-bottom:72px}.features h1{color:#242a45;font-family:Rubik;font-size:32px;font-style:normal;font-weight:500;line-height:52px;letter-spacing:-.1px}.features p{color:#242a45;font-family:Rubik;font-size:18px;font-style:normal;font-weight:400;line-height:28px;opacity:.5}.selectBar{position:relative;width:80%;margin:0 auto 130px;display:flex;justify-content:space-evenly}.selectBar .selectBtn{border:none;background-color:#fff;padding:0 40px 27px;color:#242a45;text-align:center;font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:.533px;opacity:.75;transition:all .2s ease}.selectBar .selectBtn:hover{cursor:pointer;color:#fa5959}.selectBar .active{border-bottom:6px solid #FA5959;opacity:1}.selectBar:after{content:"";position:absolute;bottom:0;width:90%;height:1px;background-color:#dbdff5;z-index:10}.oneClickContent{flex-direction:row-reverse}.oneClickContent .text h1{color:#242a45;font-family:Rubik;font-size:32px;font-style:normal;font-weight:500;line-height:52px;letter-spacing:-.1px}.oneClickContent .text p{color:#242a45;font-family:Rubik;font-size:18px;font-style:normal;font-weight:400;line-height:28px;opacity:.5}.oneClickImages .oneClickImg{width:547px;height:392px;object-fit:contain;right:10%}.oneClickImages .oneClickBgImg{transform:scaleX(-1);right:40%;bottom:-20%}.extensionBoxes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;text-align:center;margin-bottom:200px;padding:0 58px}.extensionBoxes .box{border-radius:15px;background:#fff;box-shadow:0 10px 20px -5px #495dcf33;transition:transform .6s ease}.extensionBoxes .boxContent{padding:48px 0 32px;display:flex;flex-direction:column;align-items:center;border-bottom:5px dotted #dbdff5}.extensionBoxes .boxContent img{margin-bottom:32px}.extensionBoxes .boxContent h3{color:#242a45;font-size:20px;font-weight:500;line-height:normal;letter-spacing:.25px;margin-bottom:4px}.extensionBoxes .boxContent p{color:#9194a2;font-size:15px;font-weight:400;line-height:28px;margin-bottom:24px}.extensionBoxes .boxButton{padding:24px}.extensionBoxes .boxButton button{cursor:pointer;padding:16px 32px;border:2px solid #5267DF;border-radius:5px;background:#5267df;box-shadow:0 8px 8px -4px #495dcf33;color:#fff;text-align:center;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.25px}.extensionBoxes .boxButton button:hover{border-radius:5px;border:2px solid #5267DF;background:#fff;box-shadow:0 8px 8px -4px #495dcf33;color:#5267df}.extensionBoxes .box:hover{transform:scale(1.11)}.extensionBoxes .firefox{position:relative;top:40px}.extensionBoxes .opera{position:relative;top:80px}.faq{text-align:center;margin-bottom:140px}.faq h1{margin-bottom:16px}.faq p{padding:0 235px;color:#9194a2;font-size:18px;font-weight:400;line-height:28px;margin-bottom:12px}.faq .faqs{padding:0 283px;text-align:start}.faq .faqs .faqDetails{border-top:1px solid #DFE0E4;margin-bottom:48px}.faq .faqs .faqDetails details{padding:12px;border-bottom:1px solid #DFE0E4}.faq .faqs .faqDetails details summary{cursor:pointer;color:#242a45;font-family:Rubik;font-size:18px;font-style:normal;font-weight:400;line-height:32px}.faq .faqs .faqDetails details summary:hover{color:#fa5959}.faq .faqs .faqDetails details p{padding:0;color:#9194a2;font-size:18px;font-weight:400;line-height:28px;overflow:hidden;transition:height .5s ease-out}.faq button{padding:8px 20px;border:2px solid #5267DF;border-radius:5px;background:#5267df;box-shadow:0 8px 8px -4px #495dcf33;cursor:pointer;color:#fff;text-align:center;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.25px}.faq button:hover{border:2px solid #5267DF;background:#fff;color:#5267df}.footer .footerTop{background:#5267df;display:flex;flex-direction:column;align-items:center}.footer .footerTop h4{padding-top:48px;color:#fff;text-align:center;font-size:13px;font-weight:500;line-height:40px;letter-spacing:5px;margin-bottom:24px}.footer .footerTop h2{padding:0 435px;color:#fff;text-align:center;font-size:32px;font-weight:500;line-height:40px;letter-spacing:-.1px;margin-bottom:36px}.footer .footerTop .contactBtn{gap:16px;text-align:center;display:flex}.footer .footerTop .contactBtn input{min-width:300px;padding:16px 24px;border:none;border-radius:5px;background:#fff;text-align:start}.footer .footerTop .contactBtn button{border-radius:5px;background:#fa5959;box-shadow:0 8px 8px -4px #495dcf33;border:2px solid #FA5959;color:#fff;font-family:Rubik;font-size:14px;font-weight:500;line-height:28px;letter-spacing:.25px;padding:8px 18px;cursor:pointer;margin-bottom:72px}.footer .footerTop .contactBtn button:hover{border-radius:5px;border:2px solid #FA5959;background:#fff;box-shadow:0 8px 8px -4px #495dcf33;color:#fa5959}.footer .footerTop .contactBtn p{color:red;display:none}.footer .footerTop .contactBtn .errorMsg{border-radius:5px;background-color:#fa5959;color:#fff;font-size:10px;font-style:italic;font-weight:500;line-height:normal;letter-spacing:.25px;padding:8px 12px}.footerBottom{background:#242a45;display:flex}.footerBottom .footerHeader{display:flex;justify-content:space-between;width:1110px;margin:32px auto}.footerBottom .footerHeader .footerNav{display:flex;align-items:center;gap:48px}.footerBottom .footerHeader .footerNav ul{display:flex}.footerBottom .footerHeader .footerNav ul li a{color:#fff;text-align:right;font-family:Rubik;font-size:13px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:1.5px;padding:12px 32px}.footerBottom .footerHeader .footerNav ul li a:hover{color:#fa5959}.footerBottom .footerHeader .socialMedia{display:flex;gap:24px;align-items:center;cursor:pointer}.hamburger-menu,.mobile-menu{display:none}@media screen and (max-width: 850px){.nav ul{display:none}.hamburger-menu{display:inline-block;width:30px;height:30px;cursor:pointer;position:relative;z-index:1}.hamburger-menu input{display:none}.line{position:absolute;background-color:#000;width:30px;height:3px;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .4s cubic-bezier(.785,.135,.15,.86)}.line:nth-child(2){transform:translateY(-8px)}.line:nth-child(4){transform:translateY(8px)}.hamburger-menu:has(:checked) .line:nth-child(2){transform:rotate(45deg)}.hamburger-menu:has(:checked) .line:nth-child(4){transform:rotate(-45deg)}.hamburger-menu:has(:checked) .line:nth-child(3){opacity:0}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:40px;opacity:.95;background:#242a45;-webkit-backdrop-filter:blur(16.309690475463867px);backdrop-filter:blur(16.309690475463867px)}.mobile-menu ul{list-style:none;text-align:center;font-size:64px;position:absolute;top:148px;left:0;right:0}.mobile-menu li{padding:20px;color:#fff;text-align:center;font-size:20px;font-weight:400;line-height:17px;letter-spacing:2.308px;text-transform:uppercase;border-top:3px solid #474d68}.mobileLoginBtn a{padding:16px 120px;border-radius:5px;border:2px solid #FFF}.mobile-menu a{color:#fff;text-decoration:none;text-transform:uppercase}body:has(input[name=hamburger-menu]:checked) .mobile-menu{display:block;overflow:hidden}body:has(input[name=hamburger-menu]:not(:checked)) .mobile-menu{display:none;overflow:hidden}.content{flex-direction:column;gap:80px;margin-bottom:140px}.content .backgroundImg{right:-78px}.features{padding:0}.features h1{font-size:24px;line-height:52px}.features p{font-size:15px;line-height:25px}.extensionBoxes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:140px;padding:0}.extensionBoxes .firefox,.extensionBoxes .opera{position:relative;top:0}.faq{text-align:center;margin-bottom:120px}.faq h1{font-size:24px;line-height:30px;margin-bottom:16px}.faq p{font-size:15px;line-height:25px;opacity:.5;padding:0;margin-bottom:48px}.faq .faqs{padding:0;text-align:start}.faq .faqs .faqDetails{border-top:1px solid #DFE0E4;margin-bottom:48px}.faq .faqs .faqDetails details{padding:12px;border-bottom:1px solid #DFE0E4}.faq .faqs .faqDetails details summary{cursor:pointer;color:#242a45;font-family:Rubik;font-size:15px;font-style:normal;font-weight:400;line-height:32px}.faq .faqs .faqDetails details summary:hover{color:#fa5959}.faq .faqs .faqDetails details p{text-align:start;color:#9194a2;font-size:15px;font-weight:400;line-height:28px;opacity:.75;margin-bottom:0}.footer{margin:0 auto}.footer .footerTop{background:#5267df}.footer .footerTop h4{padding-top:60px;font-size:12px;letter-spacing:4.615px}.footer .footerTop h2{padding:0 20px;font-size:24px;line-height:28px;letter-spacing:-.075px;margin-bottom:32px}.footer .footerTop .contactBtn{padding:0 30px;display:flex;flex-direction:column;text-align:center}.footer .footerTop .contactBtn button{margin-bottom:38px}.inputControl{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.inputControl input{padding:16px 24px;border:1px solid #dbdff5;border-radius:5px;font-size:16px;font-weight:400;line-height:24px;letter-spacing:.25px}.inputControl .errorMsg{border-radius:5px;background-color:#fa5959;color:#fff;font-size:10px;font-style:italic;font-weight:500;line-height:normal;letter-spacing:.25px;padding:8px 12px}.footerBottom{background:#242a45;display:flex}.footerBottom .footerHeader{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;margin:32px auto}}@media only screen and (max-width: 450px){.header{margin-bottom:64px}.nav ul{display:none}.content{flex-direction:column-reverse;gap:80px;margin-bottom:140px}.content .groupImg{width:320px;top:0;right:0;bottom:0;left:0}.content .backgroundImg{width:288px;bottom:-35px;right:-42px}.text{display:flex;flex-direction:column;text-align:center;align-items:center}.text h1{color:#242a45;text-align:center;font-family:Rubik;font-size:30px;font-style:normal;font-weight:500;line-height:40px;letter-spacing:-.094px;margin-bottom:16px}.text p{color:#242a45;text-align:center;font-family:Rubik;font-size:15px;font-style:normal;font-weight:400;line-height:25px;margin-bottom:32px}.text .buttons{display:flex;gap:10px}.text .buttons button{border-radius:5px;box-shadow:0 8px 8px -4px #495dcf33;padding:6px 16px;text-align:center;font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:28px;letter-spacing:.25px;cursor:pointer}.features{padding:0}.features h1{color:#242a45;text-align:center;font-family:Rubik;font-size:24px;font-style:normal;font-weight:500;line-height:52px;letter-spacing:-.075px}.features p{color:#242a45;text-align:center;font-family:Rubik;font-size:15px;font-style:normal;font-weight:400;line-height:25px}.selectBar{width:80%;margin:0 auto 70px;display:flex;flex-direction:column}.selectBar .selectBtn:first-child{border-top:1px solid #dbdff5}.selectBar .selectBtn{position:relative;background-color:#fff;padding:20px 0;border-bottom:1px solid #dbdff5;color:#242a45;text-align:center;font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:17px;letter-spacing:.533px;opacity:.75;transition:all .2s ease}.selectBar .selectBtn:hover{cursor:pointer;color:#fa5959}.selectBar .active:after{content:"";position:absolute;bottom:0;left:25%;width:50%;height:4px;background-color:#fa5959;z-index:10;transform:scale(1.1)}.oneClickContent .text{align-items:center}.oneClickContent .text h1{color:#242a45;text-align:center;font-family:Rubik;font-size:24px;font-style:normal;font-weight:500;line-height:52px;letter-spacing:-.075px}.oneClickContent .text p{color:#242a45;text-align:center;font-family:Rubik;font-size:15px;font-style:normal;font-weight:400;line-height:25px;margin-bottom:15px}.oneClickImages .oneClickImg{top:0;right:0;bottom:0;left:0;width:311px;height:230px}.oneClickImages .oneClickBgImg{transform:scaleX(-1);right:72px}.extensionBoxes{display:grid;grid-template-columns:repeat(1,1fr);gap:40px;margin-bottom:140px;padding:0}.extensionBoxes .firefox,.extensionBoxes .opera{position:relative;top:0}.faq{text-align:center;margin-bottom:120px}.faq h1{color:#242a45;text-align:center;font-family:Rubik;font-size:24px;font-style:normal;font-weight:500;line-height:30px;letter-spacing:-.075px;margin-bottom:16px}.faq p{color:#242a45;text-align:center;font-family:Rubik;font-size:15px;font-style:normal;font-weight:400;line-height:25px;opacity:.5;padding:0;margin-bottom:48px}.faq .faqs{padding:0;text-align:start}.faq .faqs .faqDetails{border-top:1px solid #DFE0E4;margin-bottom:48px}.faq .faqs .faqDetails details{padding:12px;border-bottom:1px solid #DFE0E4}.faq .faqs .faqDetails details summary{cursor:pointer;color:#242a45;font-family:Rubik;font-size:15px;font-style:normal;font-weight:400;line-height:32px}.faq .faqs .faqDetails details summary:hover{color:#fa5959}.faq .faqs .faqDetails details p{text-align:start;color:#9194a2;font-size:15px;font-weight:400;line-height:28px;opacity:.75;margin-bottom:0}.footer{margin:0 auto}.footer .footerTop{background:#5267df}.footer .footerTop h4{padding-top:60px;font-size:12px;letter-spacing:4.615px}.footer .footerTop h2{padding:0 20px;font-size:24px;line-height:28px;letter-spacing:-.075px;margin-bottom:32px}.footer .footerTop .contactBtn{padding:0 30px;display:flex;flex-direction:column;text-align:center}.footer .footerTop .contactBtn button{margin-bottom:38px}.footerBottom{background:#242a45;display:flex}.footerBottom .footerHeader{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:48px;margin:32px auto}.footerBottom .footerHeader .footerNav{display:flex;flex-direction:column;align-items:center;gap:40px}.footerBottom .footerHeader .footerNav ul{display:flex;flex-direction:column;gap:32px;text-align:center}.footerBottom .footerHeader .footerNav ul li a{font-size:15px;line-height:17px;letter-spacing:1.731px}.hamburger-menu{display:inline-block;width:30px;height:30px;cursor:pointer;position:relative;z-index:1}.hamburger-menu input{display:none}.line{position:absolute;background-color:#000;width:30px;height:3px;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .4s cubic-bezier(.785,.135,.15,.86)}.line:nth-child(2){transform:translateY(-8px)}.line:nth-child(4){transform:translateY(8px)}.hamburger-menu:has(:checked) .line:nth-child(2){transform:rotate(45deg)}.hamburger-menu:has(:checked) .line:nth-child(4){transform:rotate(-45deg)}.hamburger-menu:has(:checked) .line:nth-child(3){opacity:0}.mobile-menu{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:40px;opacity:.95;background:#242a45;-webkit-backdrop-filter:blur(16.309690475463867px);backdrop-filter:blur(16.309690475463867px)}.mobile-menu ul{list-style:none;text-align:center;font-size:64px;position:absolute;top:148px;left:0;right:0}.mobile-menu li{padding:20px;color:#fff;text-align:center;font-size:20px;font-weight:400;line-height:17px;letter-spacing:2.308px;text-transform:uppercase;border-top:3px solid #474d68}.mobileLoginBtn a{padding:16px 120px;border-radius:5px;border:2px solid #FFF}.mobile-menu a{color:#fff;text-decoration:none;text-transform:uppercase}body:has(input[name=hamburger-menu]:checked) .mobile-menu{display:block;overflow:hidden}body:has(input[name=hamburger-menu]:not(:checked)) .mobile-menu{display:none;overflow:hidden}}
