.box-calculator-container{background-color:#fff;width:1123px;color:#484848;box-shadow:5px 0 15px rgba(0,0,0,.1);display:flex;flex-direction:column;padding:40px 20px 20px;margin:auto;position:relative;border-radius:10px}.box-calculator-container-dark{background-color:#000;color:#fff}.box-calculator-btn{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:97%;height:52px;background:linear-gradient(90deg,#6c1eb0,#b981eb);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;text-align:center}.box-row{display:flex;justify-content:space-between;align-items:center;font-size:16px;height:78px;padding-left:20px}.box-row:first-child,.box-row:last-child{border-top-left-radius:10px;border-top-right-radius:10px}.box-row:nth-child(odd){background-color:#f5f5f5}.box-row:nth-child(2n){background-color:#fff}.box-row-dark:nth-child(odd){background-color:#000}.box-row-dark:nth-child(2n){background-color:#1d1d1f}.box-title{flex:1 1}.box-price{font-weight:700;justify-content:center}.box-period,.box-price{font-size:16px;width:200px;height:100%;text-align:center;display:flex;align-items:center}.box-period{justify-content:space-between}.box-checkbox input[type=checkbox]{margin-right:20px;width:30px;height:30px;border-radius:4px;border:1px solid #6c1eb080;background-color:transparent;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .3s ease,border-color .3s ease}.box-checkbox input[type=checkbox]:checked{background:linear-gradient(1turn,#fff -156.31%,#6c1eb0 105.8%);border:1px solid #6c1eb0}.calculator-total{color:#fff;width:394px;height:421px;background:linear-gradient(90deg,#6c1eb0,#be80e8);text-align:right;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;border-top-right-radius:12px;border-bottom-right-radius:12px}.calculator-total-container{width:280px}.calculator-total-title{font-size:32px;margin-bottom:5px}.calculator-total-header{margin-top:30px;font-size:30px}.calculator-total-price{font-size:60px}.switch-container{display:flex;justify-content:flex-start;align-items:center;margin-top:20px}.switch-container p{font-size:14px;margin:0 5px}.switcher{position:relative;width:46px;height:25px;border-radius:15px;background-color:#6c1eb0;cursor:pointer;margin:0 10px}.switcher-circle{position:absolute;top:1px;left:1px;width:23px;height:23px;background:linear-gradient(90deg,#6c1eb0,#be80e8);border-radius:50%;transition:transform .3s ease}.switcher.annual,.switcher.monthly{background-color:#fff}.switcher-circle.monthly{transform:translateX(0)}.switcher-circle.annual{transform:translateX(21px)}.calculator-total-btn{color:#6c1eb0;width:280px;height:40px;border-radius:50px;background-color:#fff;border:0;margin-top:20px;text-align:center;cursor:pointer}.custom-plan-box-container{background-color:#fff;width:1123px;height:350px;color:#484848;box-shadow:5px 0 15px rgba(0,0,0,.3);border-radius:10px}.custom-plan-box-container-dark{background-color:#000;color:#fff}.custom-plan-box-btn{position:relative;top:-30px;left:50%;transform:translateX(-50%);width:97%;height:52px;background:linear-gradient(90deg,#6c1eb0,#b981eb);color:#fff;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:16px;text-align:center}.row-box{display:flex;justify-content:space-between;align-items:center;margin-left:20px;margin-right:20px}.row-box:nth-child(odd){background-color:#f5f5f5}.row-box:nth-child(2n){background-color:#fff}.row-box-dark:nth-child(odd){background-color:#000}.row-box-dark:nth-child(2n){background-color:#1d1d1f}.row-box-title{flex:1 1;font-size:16px;font-weight:medium;text-align:center;flex-basis:auto}.box-details{display:flex;flex-direction:column;flex:1 1;text-align:center}.box-details-header{padding-top:10px;color:#333}.box-details-header h2{font-size:16px;text-align:center}.box-details-header-dark{background-color:#1d1d1f;color:#fff}.box-period-prices{display:flex;flex-direction:row;justify-content:space-between}.box-period-prices-dark{background-color:#000}.period-item{margin-bottom:5px;padding-left:15px;padding-top:5px}.period-item,.period-price{display:flex;flex-direction:column;font-size:16px;gap:15px}.period-price{width:30%;margin-left:auto;text-align:center;background-color:#e8e8e8}.period-price-dark{background-color:#1d1d1f}