@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";@media (max-width: 1440px){*{box-sizing:border-box;padding:0;margin:0}body{font-family:Rubik,sans-serif;color:#9194a1;scroll-behavior:smooth}.container{margin:0 auto;max-width:80%}.menu-modal{display:none}.desktop-navbar{max-width:80%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:2rem 0}.desktop-navbar ul{list-style:none;display:flex;gap:2rem;text-transform:uppercase}.nav-btn{padding:.6rem 1.6rem;border-radius:.2rem}.desktop-navbar a{color:#252b46;text-decoration:none}.desktop-navbar a:hover{color:#fa5757}.desktop-navbar #login-btn a{display:block;padding:.6rem 1.6rem;border-radius:.2rem;border:1px solid transparent;box-shadow:.5px 3px 3px .5px #9194a16b;color:#fff;background-color:#fa5757}.desktop-navbar #login-btn a:hover{border:1px solid #fa5757;box-shadow:.5px 3px 3px .5px #9194a16b;background-color:#fff;color:#fa5757}.mobile-navbar{display:none}.hero-section{padding-top:6rem;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:2rem;transition:all ease-in-out .3s}.hero-section .image-bg{background-color:#5368df;position:absolute;height:20rem;width:50rem;left:55%;overflow:hidden}.hero-image{width:100%;height:auto;position:relative}.header{text-align:left;width:50%}.hero-section h1{text-transform:capitalize;margin-bottom:1rem;color:#252b46;font-size:2.5rem}.hero-section p{line-height:1.5rem}.hero-btns{font-family:inherit;display:flex;gap:1rem;justify-content:flex-start;padding:1rem 0}.hero-btns button,button{padding:1rem 1.5rem;border-radius:.6em;font-weight:700;box-shadow:.5px 3px 3px .5px #9194a16b}.hero-btns button:hover{cursor:pointer}.btn-1{background-color:#5368df;color:#fff;border:1px solid transparent}.btn-2{color:#252b46;border:1px solid transparent}.btn-1:hover{color:#5368df;background-color:#fff;border:1px solid #5368df;transition:all ease-in-out .3s}.btn-2:hover{color:#252b46;border:1px solid #252b46;transition:all ease-in-out .3s}.question-tab:hover,.menu-icon:hover{cursor:pointer}.features-section h2,h3,h2{color:#252b46;text-align:center}.features-section{align-self:center;justify-self:center;text-align:center;padding-top:6rem;padding-bottom:3rem}.features-section p{padding:2rem 0;line-height:1.5rem;margin:0 auto;width:50%}.grid{display:flex;padding-bottom:3rem;justify-content:center;gap:3rem}.grid hr{display:none}.features-section li{list-style:none;text-transform:capitalize;letter-spacing:.3px;padding:1.25rem;transition:all ease-in .5s}.features-section li:hover{cursor:pointer;color:#fa5757;justify-items:center;align-items:center}.features-section img{width:100%;align-self:center;justify-self:center;padding-bottom:3rem}.features-detail{display:grid;grid-template-columns:1fr 2fr;place-content:center}.detail-content{align-self:center}.card-parent{margin:0 auto;display:grid;grid-template-areas:"chrome . ." "chrome firefox ." "chrome firefox opera" "chrome firefox opera" "chrome firefox opera" "chrome firefox opera" "chrome firefox opera" "chrome firefox opera" "chrome firefox opera" ". firefox opera" ".  . opera";gap:0 2rem}.extension-section{display:grid;gap:1rem;padding-top:3rem;padding-bottom:2rem;align-items:center;justify-items:center}.extension-section p{width:50%;padding-bottom:3rem}.extension-card{display:flex;flex-direction:column;padding:1rem 0;border-radius:1rem;gap:1.5rem;text-align:center;align-items:center;justify-items:center;box-shadow:.5px 10px 10px .5px #9194a142}.card-parent #Chrome{grid-area:chrome}.card-parent #Firefox{grid-area:firefox}.card-parent #Opera{grid-area:opera}.accordion-section{width:50%;display:grid;margin:0 auto;justify-content:center;padding:8rem 0;gap:1rem;align-content:center}.centered{text-align:center;padding-bottom:3rem;border-bottom:solid 1px #9194a1;line-height:1.8}.question-tab{display:flex;justify-content:space-between;color:#252b46}.question-tab:hover{color:#fa5757}.answer{line-height:2;letter-spacing:.3px}.accordion-section .btn-1{justify-self:center;font-weight:700;margin-top:2rem}.close-icon{transform:rotate(180deg);transition:all ease-in .3s}.open-icon{transition:all ease-in .3s}.btn-1 a{text-decoration:none;color:inherit}.cta-section{width:100%;background-color:#5368df;color:#fff;padding:3rem 2rem;text-align:center;display:flex;justify-content:center}.desktop-cta{width:35%}.cta-section p{font-size:.75rem;text-transform:uppercase;letter-spacing:4px}.cta-section h3{color:#fff;font-size:1.4rem;letter-spacing:1.5px;padding:1rem 0}.cta-section .cta-btn{background-color:#fa5757;border:1px solid transparent;color:inherit;text-transform:capitalize;margin-left:1rem;font-weight:700;justify-self:center;align-self:center}.cta-section .cta-btn:hover{background-color:#fff;border:1px solid #fa5757;color:#fa5757;text-transform:capitalize}.email-parent{display:flex;flex-direction:row;align-items:center}.cta-section .email-parent .error-msg{font-size:10px;letter-spacing:1px;text-transform:lowercase;text-align:left}.cta-section input{padding:1rem;outline:1px solid #fa5757;border-radius:4px;border:1px #5368df solid}.cta-section .email-section{border-radius:4px;background-color:#fa5757;justify-self:center;padding:1px}.footer-parent{background-color:#252b46}.footer{width:80%;margin:0 auto;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;text-align:center}.desktop-footer{display:flex;align-items:center;gap:1rem}.footer ul{display:flex;gap:4rem;list-style:none;text-transform:uppercase}.footer a{text-decoration:none;color:inherit}.footer a:hover{cursor:pointer;color:#fa5757}.active{border-bottom:#fa5757 4px solid;color:#252b46;font-weight:700}.features-section .active:hover{color:#252b46}.inactive{border-bottom:transparent 4px solid}}@media (max-width: 500px){*{box-sizing:border-box;padding:0;margin:0}body{font-size:100%;font-family:Rubik,sans-serif;position:relative;scrollbar-width:smooth}img{display:block}.menu-modal{display:grid;align-content:start;width:100%;position:absolute;height:100vh;font-size:1.5rem;background-color:#252b46ee;padding-top:2rem;top:0;left:0;z-index:1000;overflow-y:hidden}.menu-modal ul{display:flex;flex-direction:column;list-style:none;gap:1rem;align-items:center;padding:3rem 0}.menu-modal li{border-bottom:1px solid #9194a1;padding:.5rem 6rem}.menu-modal li:hover{border-bottom:1px solid transparent;border:2px solid #fff;border-radius:3px;cursor:pointer;transition:all ease-in .2s}.menu-modal header{display:flex;max-width:100%;justify-content:space-between;align-items:center;padding:0 2rem}.menu-modal img:hover{cursor:pointer}.container{margin:0 auto}.mobile-navbar a{color:#fff;text-decoration:none;text-transform:uppercase}.desktop-navbar{display:none}.desktop-navbar ul{list-style:none}.desktop-navbar a{color:#252b46;text-decoration:none;font-weight:700}.mobile-navbar{background-color:#fff;display:flex;max-width:100%;padding:2rem;justify-content:space-between;align-items:center}.hero-section{padding-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.header{text-align:center;width:100%}.hero-section h1{text-transform:capitalize;margin-bottom:1rem;color:#252b46;font-size:1.5rem}.hero-section img{width:100%;height:auto}.features-section{align-self:center;justify-self:center;text-align:center;padding-top:6rem}.features-section li{display:grid;gap:1rem;list-style:none;margin:0 2rem;transition:all ease-in .5s}.features-section p{line-height:1.5rem;width:100%;padding:1rem 0}.features-section img{width:100%}.features-detail{display:grid;grid-template-columns:1fr;padding-top:4rem}.grid{display:grid;align-content:center;justify-content:center;text-align:center;border-bottom:none;gap:0}.grid hr{display:block}.card-parent{padding-top:4rem;display:grid;grid-template-areas:"chrome" "firefox" "opera";gap:3rem}.card-parent #Chrome{grid-area:chrome}.card-parent #Firefox{grid-area:firefox}.card-parent #Opera{grid-area:opera}.extension-section{padding-top:6rem;display:grid;gap:1rem;align-self:center;justify-self:center;text-align:center;line-height:1.8}.extension-section p{width:100%;padding-bottom:0}.extension-card{margin:0}.accordion-section{display:grid;width:100%;justify-content:center;padding:8rem 0;gap:1rem;align-content:center}.btn-1 a{text-decoration:none}.centered{text-align:center;padding-bottom:3rem;line-height:1.8}.question-tab{display:flex;justify-content:space-between;color:#252b46}.question-tab:hover{color:#252b46}.answer{line-height:2;letter-spacing:.3px}.accordion-section .btn-1{justify-self:center;font-weight:700;margin-top:2rem}.close-icon{transform:rotate(180deg);transition:all ease-in .3s}.open-icon{transition:all ease-in .3s}.cta-section{width:100%;background-color:#5368df;color:#fff;padding:3rem 2rem;text-align:center;display:grid;gap:1rem}.desktop-cta{width:100%}.cta-section p{font-size:.75rem;text-transform:uppercase;letter-spacing:4px}.cta-section h3{color:#fff;font-size:1.4rem;letter-spacing:1.5px}.cta-section .cta-btn{background-color:#fa5757;color:inherit;width:100%;text-transform:capitalize;margin-top:1rem;margin-left:0;font-weight:700;justify-self:center;align-self:center}.cta-section .email-section{border-radius:4px;background-color:#fa5757;justify-self:center;padding:1px;width:100%}.email-parent{display:flex;flex-direction:column;align-items:center}.cta-section button{background-color:#fa5757;color:inherit;text-transform:capitalize}.cta-section input{width:100%;padding:1rem;outline:none;border-radius:4px;border:1px #5368df solid}.footer{background-color:#252b46;color:#fff;display:grid;align-items:center;justify-content:center;gap:1rem;padding:3rem 0;text-align:center}.desktop-footer{display:block}.desktop-footer ul{display:flex;flex-direction:column;padding-top:2rem;gap:0;list-style:none;text-transform:uppercase}.footer li{list-style:none}.footer nav li{text-transform:uppercase;padding-bottom:1.5rem}.socials{display:flex;gap:2rem;justify-content:center;align-items:center}.active{border-bottom:#fa5757 4px solid;color:#252b46;font-weight:400}.inactive{border-bottom:transparent 4px solid}}