:root{--light:#fff;--secondary:#6e7ee4;--dark-light:#4a4a4a;--primary:#f15e5f;--bg-gray-light:#f8f8fc;--background:#009}.first-section{align-items:center;background:url(/images/plan_banner.png?ae5bc2056de8f26c2b785b370f497463);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--light);display:flex;flex-direction:column;padding:100px 0 300px;position:relative}.first-section h1{text-align:center}.first-section h2{font-size:30px;font-weight:400;text-align:center}.mt-6{margin-top:4rem}.ribbon{left:-17px;position:absolute;top:11.3333333333px}.ribbon .title{color:#fff;font-size:20px;font-weight:600;left:50%;letter-spacing:.00938em;line-height:1.5;margin:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ribbon .triangle{bottom:-13px;left:0;position:absolute}.form-switch{align-items:center;display:flex;margin-top:20px}.form-switch .form-check-input,.form-switch .form-check-input:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%236e7ee4'/%3E%3C/svg%3E")!important}.form-switch .form-check-input:checked{background-color:rgba(110,126,228,.431)}.form-check-input{cursor:pointer;height:30px;margin:0 10px!important;width:70px!important}.form-switch #weekly{font-weight:700}.plans{align-items:center;margin-top:-250px;width:100%}.plans,.plans .box{display:flex;justify-content:center}.plans .box{background-color:#fff;border-radius:12px;box-shadow:0 4px 22px rgba(51,58,107,.18);color:rgba(0,0,0,.87);flex-direction:column;font-size:16px;margin:0 20px;min-height:420px;padding:20px 5px 30px;position:relative;width:26%}.plans .box:nth-of-type(2){min-height:665px;width:30%}.plans .box h3{color:var(--background);font-size:20px;text-align:center}.price{align-items:flex-start;display:flex;justify-content:center;margin:4rem 0 30px}.price h4{font-size:40px;font-weight:700;margin-left:5px;word-break:break-all}.plans .box ul li{margin:10px 0}.plans .box:nth-of-type(2) ul{font-size:16px}.plans .box button{font-size:14px;width:70%}.current-plan,.plans .box button{bottom:20px;display:flex;justify-content:center;left:50%}.current-plan{flex-direction:column;position:absolute;text-align:center;transform:translateX(-50%);width:100%}.current-plan p{font-size:14px;margin-bottom:0}.current-plan .downgrade{border:2px solid var(--primary);border-radius:10px;color:var(--primary);cursor:pointer;font-size:14px;margin:0 auto;padding:10px;width:60%}.plans ul{list-style-type:none}.plans ul li,.plans ul li:before{vertical-align:middle}.plans ul li:before{padding-right:5px}.plans ul.starter li:before{content:url(/images/bullet_starter.svg?6b50fdeb8aa05b4603548ba986b41dd8)}.plans ul.premium li:before{content:url(/images/bullet_premium.svg?bafb03b5a3b8f27ab46b561321fb07cf)}.plans ul.elite li:before{content:url(/images/bullet_elite.svg?cc0deb5f45d725c4f892728b82cb71da)}.modal-keep-plan-button{background-color:var(--primary);border:none;border-radius:5px;color:var(--bg-gray-light);padding:10px}.features{margin:75px 0 100px;padding:0 10%}.features h2{font-weight:700;text-align:center}.features .list{align-items:center;display:flex;justify-content:space-evenly}.features .list .item{align-items:center;display:flex;justify-content:space-between;margin-top:70px}.features .list .item h3{font-size:22px;font-weight:600;margin:5px 0 20px}.features .list .item .icon{color:var(--primary);margin-bottom:10px;width:30px}.features .list .item .text{width:50%}.features .list .item .ilustration{width:45%}.features .sub-line{margin:30px auto;text-align:center}.top-banner{align-items:center;background-color:#6e7ee4;border-radius:10px;display:flex;justify-content:center;left:5%;padding:15px 50px;position:absolute;top:90px;width:90%}.top-banner span{color:#fff;font-size:18px}.top-banner img{cursor:pointer;height:20px;position:absolute;right:20px;width:20px}@media only screen and (max-width:1200px){.plans .box{margin:0 10px;width:27%}.plans .box:nth-of-type(2){width:29%}}@media only screen and (max-width:870px){.features .list .item{flex-direction:column}.features .list .item .text{width:100%}.features .list .item .ilustration{width:350px}.features .list .reverse{flex-direction:column-reverse}}@media only screen and (max-width:768px){.plans{flex-direction:column}.plans .box{margin:20px 0;width:90%}.plans .box:nth-of-type(2){width:90%}}@media only screen and (max-width:600px){.top-banner span{color:#fff;font-size:16px}}