.layout.checkout{background:#f6f7f8;padding-bottom:40px}.layout.checkout.loading,.layout.checkout .loading{position:relative;pointer-events:none}.layout.checkout.loading:after,.layout.checkout .loading:after{z-index:10;opacity:1}.layout.checkout.loading>*,.layout.checkout .loading>*{opacity:0.8}.layout.checkout .pop-frame{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.4);z-index:999}.layout.checkout .pop-frame iframe{width:100%;height:100%}.layout.checkout .order-details{padding:20px}.layout.checkout .order-details>.title{line-height:28px;margin:20px 0;font-weight:bold;font-size:20px}.layout.checkout .order-details .form-group{padding:20px;background:white;box-shadow:0 0px 4px rgba(0,0,0,0.1);box-sizing:border-box}.layout.checkout .order-details .form-group.quick .saved,.layout.checkout .order-details .form-group.quick .manual,.layout.checkout .order-details .form-group.quick .pop{position:relative;display:inline-block;width:250px;height:140px;border-radius:10px;margin:10px;color:white;background:var(--primary);box-shadow:0 10px 20px -10px rgba(0,0,0,0.2);overflow:hidden;cursor:pointer;transform:scale(1) rotateY(0deg) rotateZ(0deg);-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.checkout .order-details .form-group.quick .saved:hover,.layout.checkout .order-details .form-group.quick .manual:hover,.layout.checkout .order-details .form-group.quick .pop:hover{transform:scale(1.05) rotateY(5deg) rotateZ(-1deg);box-shadow:0 20px 40px -20px rgba(0,0,0,0.4);z-index:1}.layout.checkout .order-details .form-group.quick .saved:before,.layout.checkout .order-details .form-group.quick .manual:before,.layout.checkout .order-details .form-group.quick .pop:before{content:" ";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-webkit-linear-gradient(200deg, rgba(0,0,0,0.4), rgba(0,0,0,0.6));background-image:-o-linear-gradient(200deg, rgba(0,0,0,0.4), rgba(0,0,0,0.6));background-image:-moz-linear-gradient(200deg, rgba(0,0,0,0.4), rgba(0,0,0,0.6));background-image:linear-gradient(200deg, rgba(0,0,0,0.4), rgba(0,0,0,0.6));z-index:1}.layout.checkout .order-details .form-group.quick .saved[data-title]:after,.layout.checkout .order-details .form-group.quick .manual[data-title]:after,.layout.checkout .order-details .form-group.quick .pop[data-title]:after{content:attr(data-title);position:absolute;top:10px;left:auto;bottom:auto;right:10px;z-index:2}.layout.checkout .order-details .form-group.quick .saved .title,.layout.checkout .order-details .form-group.quick .manual .title,.layout.checkout .order-details .form-group.quick .pop .title{position:relative;line-height:140px;text-align:center;font-size:22px;color:white;z-index:1}.layout.checkout .order-details .form-group.quick .saved .issuer,.layout.checkout .order-details .form-group.quick .manual .issuer,.layout.checkout .order-details .form-group.quick .pop .issuer{position:absolute;top:auto;left:auto;bottom:10px;right:10px;line-height:24px;box-sizing:border-box;z-index:2}.layout.checkout .order-details .form-group.quick .saved .number,.layout.checkout .order-details .form-group.quick .manual .number,.layout.checkout .order-details .form-group.quick .pop .number{position:relative;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;width:100%;height:100%;font-weight:bold;text-shadow:-1px 2px 1px rgba(0,0,0,0.5);z-index:2}.layout.checkout .order-details .form-group.quick .saved .number span,.layout.checkout .order-details .form-group.quick .manual .number span,.layout.checkout .order-details .form-group.quick .pop .number span{position:relative;flex:1;text-align:center}.layout.checkout .order-details .form-group.quick .saved .number span:not(:last-child):after,.layout.checkout .order-details .form-group.quick .manual .number span:not(:last-child):after,.layout.checkout .order-details .form-group.quick .pop .number span:not(:last-child):after{content:"-";position:absolute;top:0;left:auto;bottom:0;right:-2px;height:10px;line-height:10px;margin:auto}.layout.checkout .order-details .form-group.quick .saved .date,.layout.checkout .order-details .form-group.quick .manual .date,.layout.checkout .order-details .form-group.quick .pop .date{position:absolute;top:auto;left:10px;bottom:10px;right:auto;line-height:24px;box-sizing:border-box;font-weight:bold;z-index:2}.layout.checkout .order-details .form-group.quick .saved .date span:first-child:after,.layout.checkout .order-details .form-group.quick .manual .date span:first-child:after,.layout.checkout .order-details .form-group.quick .pop .date span:first-child:after{content:"/"}.layout.checkout .order-details .form-group.quick .credit{position:relative;height:200px;padding-right:20px;box-sizing:border-box}.layout.checkout .order-details .form-group.quick .credit:before{content:"verified";font-family:Material Icons Outlined;position:absolute;top:0;left:0;bottom:0;right:auto;width:200px;height:200px;font-size:200px;line-height:200px;text-align:center;color:white;opacity:0.1;z-index:1}.layout.checkout .order-details .form-group.quick .credit:after{content:" ";position:absolute;top:0;left:0;bottom:0;right:0;background-color:var(--primary);border-radius:10px;background-image:-webkit-linear-gradient(120deg, rgba(0,0,0,0.2), rgba(0,0,0,0.5));background-image:-o-linear-gradient(120deg, rgba(0,0,0,0.2), rgba(0,0,0,0.5));background-image:-moz-linear-gradient(120deg, rgba(0,0,0,0.2), rgba(0,0,0,0.5));background-image:linear-gradient(120deg, rgba(0,0,0,0.2), rgba(0,0,0,0.5))}.layout.checkout .order-details .form-group.quick .credit .title{position:relative;font-size:32px;line-height:64px;font-weight:bold;color:white;z-index:2}.layout.checkout .order-details .form-group.quick .credit .text{position:relative;font-size:22px;color:white;z-index:2}.layout.checkout .order-details .form-group.quick .credit .button{position:absolute;top:auto;left:auto;bottom:20px;right:20px;display:inline-block;border:2px solid var(--white);margin:2px;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;-webkit-transition-delay:0s;transition-delay:0s;cursor:pointer;z-index:2}.layout.checkout .order-details .form-group.quick .credit .button>span{position:relative;line-height:42px;font-weight:bold;color:var(--white);text-shadow:0px 0px 4px rgba(0,0,0,0.2);padding:0 20px;z-index:2;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}.layout.checkout .order-details .form-group.quick .credit .button:after{content:" ";position:absolute;top:2px;left:2px;bottom:2px;right:2px;background:white;opacity:0.2;backdrop-filter:blur(10px);-moz-transition:all 2s ease;-webkit-transition:all 2s ease;transition:all 2s ease}.layout.checkout .order-details .form-group.quick .credit .button:hover{margin:0;border:4px solid transparent;-webkit-transition-delay:0s;transition-delay:0s}.layout.checkout .order-details .form-group.quick .credit .button:hover span{text-shadow:0px 4px 2px rgba(0,0,0,0.1)}.layout.checkout .order-details .form-group.quick .credit .button:hover:after{top:-2px;left:-2px;bottom:-2px;right:-2px;opacity:0.5;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}.layout.checkout .order-details .form-group.iframe iframe{width:100%;height:600px}.layout.checkout .order-details .form-group.iframe .save-card{height:42px}.layout.checkout .order-details .form-group.iframe .save-card input{position:absolute;width:1px;height:1px;opacity:0;visibility:hidden}.layout.checkout .order-details .form-group.iframe .save-card input:checked+label:before{border:1px solid var(--primary)}.layout.checkout .order-details .form-group.iframe .save-card input:checked+label:after{opacity:1}.layout.checkout .order-details .form-group.iframe .save-card label{position:relative;display:block;padding-right:30px;cursor:pointer}.layout.checkout .order-details .form-group.iframe .save-card label:before{content:" ";position:absolute;top:0;left:auto;bottom:0;right:0;width:20px;height:20px;border:1px solid var(--text);margin:auto;box-sizing:border-box;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.layout.checkout .order-details .form-group.iframe .save-card label:after{content:"done";font-family:Material Icons Outlined;position:absolute;top:0;left:auto;bottom:0;right:0;width:20px;height:20px;line-height:20px;text-align:center;margin:auto;color:var(--primary);opacity:0;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;transition:all .2s ease}.layout.checkout.l-6-3 .section .container{width:70%}.layout.checkout.l-6-3 .section .container:last-child{width:30%}@media (max-width: 768px){.layout.checkout+.whatsapp{display:none}.layout.checkout+.whatsapp+.upButton{display:none}.layout.checkout+.upButton{display:none}.layout.checkout .order-details>.title{padding:0 10px}.layout.checkout .order-details .form-group.quick .credit{padding-right:0}.layout.checkout .order-details .form-group.quick .credit .title{font-size:20px;line-height:32px}.layout.checkout .order-details .form-group.quick .credit .text{font-size:16px}}