*{box-sizing:border-box;border:0px}body{background-color:#d6d9e6}@media screen and (max-width: 600px){.container{flex-direction:column;background-color:#fafbff;border-radius:10px;position:relative;margin-top:100px;width:90%;margin-left:auto;margin-right:auto}.container .svg{display:none}.back{visibility:visible}.plans{flex-direction:column}.navigator{display:flex;flex-direction:column;gap:12px;margin:auto;padding:10px 0;width:80%}.navigator .heading{font-size:30px;font-size:bolder;color:#02295a}.navigator .additionalText{font-size:15px;color:#9699ab}.billing{display:flex;gap:6px}.nav{position:fixed;bottom:0;left:0;width:100%;background-color:#fafbff;padding:6px 10px;margin:auto}.mobileBar{background-color:#0d67d6;width:100%;position:absolute;top:0;z-index:-1;margin-left:0}.stepIndicator{left:25%;right:25%}.steps{display:none}}@media screen and (min-width: 600px){.container{border-radius:10px;background-color:#fafbff;max-width:80%;padding:10px 0;margin:auto;display:flex;justify-content:space-between;position:relative}.container .navigator{display:flex;flex-direction:column;gap:12px;padding:10px 0;width:45%;margin:auto}.container .navigator .heading{font-size:30px;font-size:bolder;color:#02295a}.container .navigator .additionalText{font-size:15px;color:#9699ab}.mobileBar{display:none}.stepIndicator{flex-direction:column;margin-top:20px;left:14%}}.nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav .back{border-radius:8px;color:#9699ab;padding:12px}.nav .undo{visibility:hidden}.nav .next{border-radius:8px;background-color:#02295a;padding:12px;color:#fff}.personalInfo{display:flex;flex-direction:column;gap:12px;margin:auto}.personalInfo input{border:1px solid grey;border-radius:8px;padding:12px}.plans{display:flex;justify-content:space-between;gap:10px}.plans .billing{border:1px solid grey;border-radius:6px;width:400px;max-width:100%;padding:10px;cursor:pointer}.duration{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#d6d9e633;padding:10px 20px;border-radius:10px}.duration span{font-size:16px;font-weight:700;color:#94a3b8;transition:color .3s}.duration .active{color:#02295a}.duration .switch{position:relative;display:inline-block;width:40px;height:20px}.duration .switch input{opacity:0;width:0;height:0}.duration .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#02295a;border-radius:20px;transition:.3s}.duration .slider:before{content:"";position:absolute;width:14px;height:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.duration input:checked+.slider{background-color:#02295a}.duration input:checked+.slider:before{transform:translate(20px)}.services{display:flex;flex-direction:column;gap:10px}.services .offers{display:flex;justify-content:space-between;border:1px solid grey;border-radius:8px;padding:10px;font-size:12px}.services .offers .description{color:#02295a;font-weight:700}.services .offers .validity{color:#9699ab}.services .offers .price{color:#02295a}.summaryCard{background-color:#d6d9e633;border-radius:4px}.summaryCard .summaryItem{display:flex;justify-content:space-between;padding:10px;font-size:12px}.summaryCard .summaryItem .description{color:#02295a;font-weight:700}.summaryCard .summaryItem .price{color:#9699ab}.total{display:flex;justify-content:space-between;padding:10px;font-size:12px}.total .description{color:#9699ab;font-weight:700}.total .price{color:#473dff;font-weight:700}.stepIndicator{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;position:fixed;top:20px;z-index:1}
