.order-summary-container{padding:2rem;font-size:1.5rem;background-color:#f0f2f8;border-radius:10px;display:flex;flex-direction:column;width:50%;max-width:600px}.order-summary-container .title-section{margin-bottom:2rem;align-self:flex-start;display:flex;align-items:center;gap:10px}.order-summary-container .title-section .product-name{font-size:1.8rem;font-weight:600}.order-summary-container .users-section{margin:.5em 0;display:flex;flex-direction:column;gap:1.5em}.order-summary-container .users-section .show-coupon-txt{align-self:flex-end;cursor:pointer;font-weight:600;text-decoration:underline}.order-summary-container .users-section .input-group label{padding-top:8px}.order-summary-container .users-section .input-group .coupon-applied-text{display:flex;align-items:center;gap:.5em;padding:.5em 0}.order-summary-container .users-section .input-group .coupon-applied-text .clear-coupon-icon{cursor:pointer}.order-summary-container .users-section .label{font-weight:600;margin-bottom:10px}.order-summary-container .users-section .label .users-count{font-weight:600;margin:.5em 0}.order-summary-container .users-section .label .users-count select{padding:.5em;border:1px solid #dbdbdb;border-radius:8px;width:100%}.order-summary-container .users-section .input-group{width:100%;display:flex;flex-direction:row;gap:20px}.order-summary-container .users-section .input-group label{font-weight:600;width:150px}.order-summary-container .users-section .input-group input,.order-summary-container .users-section .input-group select{background-color:#fff;border-radius:5px;border:none;min-width:110px;max-width:50%}.order-summary-container .users-section .input-group .input-val-and-error{width:60%;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.order-summary-container .users-section .input-group .input-val-and-error input,.order-summary-container .users-section .input-group .input-val-and-error select{max-width:100%;width:100%}.order-summary-container .users-section .input-group .input-val-and-error .apply-coupon-btn{align-self:flex-end}.order-summary-container .users-section .input-group .calculcation-break-up{white-space:nowrap}.order-summary-container .pricing-slider-container{margin:1em .5em 2em}.order-summary-container .price-user-container{display:flex;align-items:center;gap:20px;margin:.75em 0}.order-summary-container .price-user-container .price-label{font-weight:600;width:150px}.order-summary-container .price-user-container .price-section{width:40%;display:flex;align-items:flex-end;gap:5px}.order-summary-container .price-user-container .price-section .price{font-size:3rem;font-weight:800}.order-summary-container .price-user-container .price-section .price.strikethrough{text-decoration:line-through;margin-right:10px}.order-summary-container .price-user-container .price-section .price-unit{margin-bottom:7px}.order-summary-container .coupon-discount{display:flex;align-items:center;gap:20px}.order-summary-container .coupon-discount .discount-label{width:150px;font-weight:600}.order-summary-container .coupon-discount .total-discount{font-size:3rem;color:#7cb451}.order-summary-container hr{border-color:#d3d3d3;margin:1em 0}.order-summary-container .billing-cycle{margin-top:1em;display:flex;align-items:center;gap:20px}.order-summary-container .billing-cycle label{width:150px}.order-summary-container .billing-cycle .total-cost{font-size:1.75rem;font-weight:600}.order-summary-container .billing-cycle .total-cost.strikethrough{text-decoration:line-through;margin:0 10px 0 5px}@media screen and (max-width:1024px){.order-summary-container{width:auto}.order-summary-container .price-user-container .price-section{flex-wrap:wrap}.order-summary-container .price-user-container,.order-summary-container .users-section{width:100%}}.card-details-container{margin:0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em;padding:2em 2em 0;background-color:#f4f4f4;border-radius:10px;position:relative}.card-details-container .card-details-form{width:300px}.card-details-container .expiry-and-cvv-container{display:flex;justify-content:space-between}.card-details-container button{background-color:#edd100;margin:1em 0}.card-details-container .p-Input-input{margin-bottom:10px}.card-details-container .consent-alert{font-size:1.2rem;margin:1em 0}.card-details-container .consent-alert,.card-details-container .input-group label{color:#30313d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400}.card-details-container .input-group label{font-size:1.5rem}.card-details-container .input-group .StripeElement{width:100%!important}.card-details-container .input-group .card-form-input{width:100%;padding:1em;border:1px solid #e6e6e6;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.03),0 3px 6px rgba(0,0,0,.02)}.card-details-container .input-group .card-form-input:active,.card-details-container .input-group .card-form-input:focus{box-shadow:0 1px 1px rgba(0,0,0,.03),0 3px 6px px rgba(0,0,0,.02),blue}.card-details-container .input-group iframe .card-form-input{background-color:red!important}.payment-info-shimmer{display:flex;justify-content:space-between;width:100%;margin:1em auto}.payment-info-shimmer .order-summary{width:45%;height:400px;border-radius:10px;background-color:#fbfbfb;padding:1em 2em}.payment-info-shimmer .order-summary .visual-info{display:flex;align-items:center;gap:10px;margin-bottom:2em}.payment-info-shimmer .order-summary .visual-info .visual-icon{height:70px;width:70px;border-radius:50%}.payment-info-shimmer .order-summary .visual-info .visual-label{height:30px;width:150px}.payment-info-shimmer .order-summary .summary-info{display:flex;flex-direction:column;margin:1em 0;gap:2em}.payment-info-shimmer .order-summary .summary-info .record{width:85%;display:flex;justify-content:space-between}.payment-info-shimmer .order-summary .summary-info .record .label{width:140px;height:35px}.payment-info-shimmer .order-summary .summary-info .record .value{width:180px;height:35px}.payment-info-shimmer .order-summary .total-bill{margin-top:2em;width:220px;height:35px}.payment-info-shimmer .card-details-s-container{width:40%;height:400px;padding:2em 2em 1em;border-radius:10px;background-color:#fbfbfb}.payment-info-shimmer .card-details-s-container .card-number{width:100%;height:35px;margin-bottom:2em}.payment-info-shimmer .card-details-s-container .other-details{display:flex;align-content:inherit;justify-content:space-between;width:100%;margin-bottom:2em}.payment-info-shimmer .card-details-s-container .other-details .cvc,.payment-info-shimmer .card-details-s-container .other-details .expiry{width:46%;height:35px}.payment-info-shimmer .card-details-s-container .country{width:100%;height:35px}.payment-info-shimmer .card-details-s-container .confirm-payment-btn{width:50%;height:35px;border-radius:50px;margin:5em auto 0}.payment-info-page .content-wrapper{display:flex;align-items:center}.payment-info-page .content-wrapper .info-display{width:100%;gap:3em;display:flex;justify-content:space-between}.payment-info-page .content-wrapper .info-display .normal-button{width:100%;margin:2rem auto}.payment-info-page .content-wrapper .info-display .left-section{padding:1em 0;width:calc(50% - 2em);max-width:450px}.payment-info-page .content-wrapper .info-display .left-section header{margin:2em 0;display:flex;gap:10px}.payment-info-page .content-wrapper .info-display .left-section header .back-button{margin-top:5px;cursor:pointer}.payment-info-page .content-wrapper .info-display .left-section header .title{font-size:2.2rem;font-weight:600}.payment-info-page .content-wrapper .info-display .left-section header .description{font-size:1.5rem}.payment-info-page .content-wrapper .info-display .left-section header .back-btn{height:40px;width:40px;padding:5px;background-color:#edd100;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:30px}.payment-info-page .content-wrapper .info-display .left-section .order-summary-container{width:100%}.payment-info-page .content-wrapper .info-display .right-section{width:calc(57% - 3em);display:flex;flex-direction:column;align-items:center;background-color:#f0f2f8}.payment-info-page .content-wrapper .info-display .right-section .card-details-container{width:calc(100% - 8em);background-color:transparent;position:relative;z-index:5;margin:2em auto;flex-grow:1;padding:2em;border:1px solid #e5e5e5;border-radius:10px;background-color:#fff;box-shadow:0 5px 15px 0 rgba(0,0,0,.15)}.payment-info-page .content-wrapper .info-display .right-section .card-details-container .StripeElement{width:calc(100% - 2em)}.payment-info-page .content-wrapper .info-display .right-section .card-details-container button{background-color:#0074d4;color:#fff;width:100%;border-radius:8px}.payment-info-page .content-wrapper .info-display .right-section .stripe-info{margin:0 auto;display:flex;align-items:center;gap:1em;color:#cacaca}.payment-info-page .content-wrapper .info-display .right-section .stripe-info .stripe-credit{display:flex;align-items:center;gap:.4em}.payment-info-page .content-wrapper .info-display .right-section .stripe-info .divider{font-size:4rem;color:#e8e8e8}.payment-info-page .content-wrapper .info-display .right-section .stripe-info .company-name{color:#afafaf}.payment-info-page .content-wrapper .info-types-container{list-style:none;display:flex}.payment-info-page .content-wrapper .info-types-container .info-type{padding:1em;margin:10px 30px;border:2px solid #c2c2c2;border-radius:50%;font-size:1.8rem;display:flex;align-items:center;justify-content:center;position:relative}.payment-info-page .content-wrapper .info-types-container .info-type.completed{background-color:#edd100;opacity:.5}.payment-info-page .content-wrapper .info-types-container .info-type:not(:last-child):after{content:"";display:block;width:62px;height:2px;border-radius:2px;background-color:#f3f3f3;position:absolute;top:calc(50% - 1px);left:100%}.payment-info-page .content-wrapper .info-types-container .info-type.active{background-color:#edd100;box-shadow:0 6px 30px rgba(0,0,0,.15)}.payment-info-page .content-wrapper .info-types-container .info-type svg{font-size:2.2rem}@media screen and (max-width:768px){.payment-info-page{padding:1em}.payment-info-page .content-wrapper .info-display{flex-direction:column;gap:0}.payment-info-page .content-wrapper .info-display .left-section,.payment-info-page .content-wrapper .info-display .left-section .order-summary-container,.payment-info-page .content-wrapper .info-display .right-section{width:100%}.payment-info-page .content-wrapper .info-display .right-section .card-details-container{flex-direction:column;width:100%;margin:1em}}