@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap");*{margin:0;padding:0;scroll-behavior:smooth}body{--verylightgrayblue:#f6f6fe;--lightgrayish:#909192;--grayish:#a3a3a3;--darkgrayish:#69696d;font-family:Montserrat,sans-serif}.pricing-container{width:100%;height:fit-content}.pricing-container img:first-child{position:absolute;top:0;right:0}.pricing-container img:nth-child(2){position:absolute;bottom:0;left:0}.pricing-body{height:fit-content}.pricing-container h1{font-family:Montserrat;font-weight:700;color:var(--grayish);margin-bottom:1rem}.pricing-title{text-align:center;font-size:1rem}.toggle-row{display:flex;justify-content:center;margin-bottom:1.5rem}.toggle-row p{font-family:Montserrat;color:var(--lightgrayish);margin-top:5px;font-weight:700}.toggle-container{position:relative;width:70px;height:30px;margin:0 1rem}.toggle-switch[type=checkbox]{width:70px;height:30px;-webkit-appearance:none;appearance:none;outline:none;background:var(--darkgrayish);border-radius:20px;box-shadow:inset 0 0 5px rgba(0,0,0,.2);transition:all 1s cubic-bezier(.11,0,.5,0)}.toggle-switch:checked[type=checkbox]{background:#ed0100}.toggle-switch[type=checkbox]:before{content:" ";position:absolute;width:30px;height:30px;border-radius:20px;top:0;left:0;background:var(--verylightgrayblue);transform:scale(1.1);box-shadow:inset 0 2px 5px rgba(0,0,0,.2);transition:.8s ease}.toggle-switch:checked[type=checkbox]:before{left:40px}.toggle-switch:checked~.pricing-card-container{visibility:hidden}.pricing-card-container{display:flex;justify-content:center;visibility:visible;gap:40px;margin-top:2rem}.pricing-card{width:20rem;height:auto;padding:1rem;border-radius:10px;background:#121212;box-shadow:0 0 12px 2px #500909;margin:0 .5rem;transition:all .6s ease;position:relative}.pricing-card:hover{color:#fcfeff!important;box-shadow:0 10px 25px 11px #750202;scale:1.02;z-index:1}.pricing-card:hover .toggle-annually,.pricing-card:hover .toggle-annually span,.pricing-card:hover .toggle-monthly,.pricing-card:hover .toggle-monthly span,.pricing-card:hover p{color:#fcfeff!important;transition:all .6s ease-in-out}.pricing-header{text-align:center;margin:1rem 1rem 0!important;color:#f8fafc!important}.pricing-card p:first-child{font-family:Montserrat;font-size:15px;margin:1rem;color:var(--grayish)}.price-container{height:3.5rem;overflow:hidden}.toggle-annually,.toggle-monthly{font-size:3.5em!important;font-weight:700;font-family:Montserrat;margin-bottom:1rem!important;color:var(--darkgrayish)!important;display:flex;justify-content:center;transform:translateY(0);transition:all .6s ease}.toggle-annually.active,.toggle-monthly.active{transform:translateY(-3.5rem)}.toggle-annually span,.toggle-monthly span{font-family:Montserrat;font-size:20px;margin:auto 5px;font-weight:700;color:var(--darkgrayish)!important}.toggle-annually span:not(:nth-child(2)),.toggle-monthly span{font-size:30px}.pricing-card ul{list-style:none;padding:0;margin:0 0 4rem}.pricing-card li{margin:.5rem 1rem;border-top:1px solid #1b1b1b;border-spacing:1rem auto}.pricing-card li>p{margin:.6rem!important}.pricing-card button{margin:10px 0;padding:.7rem 4rem;color:var(--primary);background-color:transparent!important;border-radius:7px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:100;overflow:hidden;text-transform:uppercase;cursor:pointer;transition:all .6s ease;width:18rem}.pricing-card button:active,.pricing-card button:focus{outline:none}.pricing-card:hover button{background-color:#d30303!important;color:var(--verylightgrayblue);outline:none}.pricing-card button:hover{box-shadow:2px 4px 8px 0 rgba(46,61,73,.2)}.pricing-card button:hover:after{left:120%;transition:all .6s cubic-bezier(.19,1,.22,1)}.current-plan-btn{border:1px solid #25da1e!important;color:#fff!important}.current-plan-btn,.current-plan-btn:hover{background-color:#25da1e!important}.current{border:1px solid #073107;box-shadow:0 0 12px 0 green}.current:hover{box-shadow:0 10px 20px 5px #25da1e}.current:hover button{background-color:#25da1e!important}@media (max-width:950px){.pricing-container{height:200vh}.pricing-card-container{flex-wrap:wrap}.pricing-card,.pricing-card:hover{margin:0 auto 2rem}.pricing-container img:first-child,.pricing-container img:nth-child(2){width:50%}}