#access{background-color:#83fffc;display:flex}#access img{width:100%;height:auto}#hhTransferPoints .content{width:96%}#hhTransferPoints .content .secondTitle{font-family:spartan;font-weight:900;color:var(--v-primary-base);text-align:center;font-size:35px}#hhTransferPoints .content .contentPoints{background-color:var(--v-primary-base);width:100%;border-radius:30px;padding-bottom:20px;display:flex;flex-direction:column;overflow:hidden}#hhTransferPoints .content .contentPoints .points{display:flex;width:100%;justify-content:center}#hhTransferPoints .content .contentPoints .points .first,#hhTransferPoints .content .contentPoints .points .second{height:50px;background-color:#5880bd;width:7%}#hhTransferPoints .content .contentPoints .points .first .circle,#hhTransferPoints .content .contentPoints .points .second .circle{width:25%;background-color:var(--v-primary-base);width:100%;border-radius:34%;height:100px}#hhTransferPoints .content .contentPoints .points .first{background:linear-gradient(270deg,var(--v-secondary-base) 50%,transparent 0)}#hhTransferPoints .content .contentPoints .points .second{background:linear-gradient(90deg,var(--v-secondary-base) 50%,transparent 0)}#hhTransferPoints .content .contentPoints .points .contentPoint{background-color:var(--v-secondary-base);width:40%;border-radius:0 0 50px 50px;text-align:center;display:flex;align-items:center;flex-direction:column;padding:10px 15px}#hhTransferPoints .content .contentPoints .points .contentPoint .pointTitle{width:95%;text-align:left}#hhTransferPoints .content .contentPoints .points .contentPoint .pointTitle h5{font-family:spartan;font-weight:900;font-size:25px;color:var(--v-primary-base);border-bottom:3px solid #cacaca;margin-bottom:8px;text-align:center;margin-bottom:20px}#hhTransferPoints .content .contentPoints .aboutPoints{align-self:center;width:90%;display:flex;flex-wrap:wrap;margin-top:20px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection{width:70%;display:flex}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints{width:40%}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints h4{font-family:spartan;font-weight:700;text-align:center;color:#83fffc;margin-top:20px;text-transform:capitalize}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints .amountPoints{max-width:200px;margin:0 auto}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints .amountPoints .v-icon{color:grey}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints .amountPoints .v-text-field__slot input{text-align:center;font-family:spartan;font-weight:700;font-size:25px;color:var(--v-primary-base);padding:0}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints .amountPoints h6{font-family:spartan;font-weight:700;color:#fff;margin-bottom:15px;margin-top:3px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection img{height:200px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment{align-self:center;display:flex;flex-direction:column;align-items:center;width:50%;padding-left:20px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment button{background-color:#83fffc!important;color:var(--v-primary-base);font-family:spartan;font-weight:900;border-radius:0;margin:10px 0}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment h5{font-size:20px;margin-bottom:10px;color:#fff;font-family:spartan;font-weight:900}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment .clientReceiver,#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment .clientReceiver label{font-family:spartan;font-size:20px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment .btnSign{background-color:#83fffc;color:var(--v-primary-base);font-family:spartan;font-weight:900;border-radius:0;margin:10px 0}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type hr{background:linear-gradient(90deg,#fff 30%,var(--v-primary-base));height:2px;border:none;margin:10px 0 20px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan{display:flex;align-items:center}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .parcels{width:33%}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .parcels p{font-weight:unset}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .price h4{font-family:spartan;font-weight:700;color:#ff0}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .price p{font-weight:unset}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .price h5{font-size:16px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .price h5 span{text-decoration:line-through}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .price h5 b{margin-left:5px;background-color:#ff0;color:var(--v-primary-base);padding:0 3px;border-radius:8px}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .type .infoPlan .btnSign{margin-left:auto;background-color:#83fffc;color:var(--v-primary-base);font-family:spartan;font-weight:900;border-radius:0}#hhTransferPoints .content .contentPoints .aboutPoints .howWork{width:30%;display:flex;flex-direction:column;justify-content:center;padding-left:15px;text-align:center;align-self:flex-end}#hhTransferPoints .content .contentPoints .aboutPoints .howWork h6{font-family:spartan;font-weight:700;color:#fff;margin-bottom:10px;font-size:19px}#hhTransferPoints .content .contentPoints .aboutPoints .howWork h6 b{color:#83fffc;text-transform:capitalize}#hhTransferPoints .content .contentPoints .aboutPoints .howWork .boxChecks{background-color:#fff;border-radius:10px;font-family:spartan;padding:10px 5px;text-align:left}#hhTransferPoints .content .contentPoints .aboutPoints .howWork .boxChecks p{font-size:11px;margin:0 0 0 10px;color:#000}@media(max-width:1000px){#hhTransferPoints .content .contentPoints .points .contentPoint{width:40%}#hhTransferPoints .content .contentPoints .aboutPoints,#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection{flex-direction:column;align-items:center}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .buyPoints{width:100%}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment{width:100%;padding:0}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment h5{align-self:unset}#hhTransferPoints .content .contentPoints .aboutPoints .paymentSection .payment h4{text-align:center}#hhTransferPoints .content .contentPoints .aboutPoints .howWork{width:100%;padding:0}#hhTransferPoints .content .contentPoints .aboutPoints .howWork .boxChecks p{font-size:14px}}@media(max-width:740px){#hhTransferPoints .content .contentPoints .points .contentPoint{width:80%}}@media(max-width:740px){#hhTransferPoints .content .secondTitle{font-size:22px;line-height:1.3}}#hhTransferPoints .content #access{margin-top:25px;background-color:transparent}