 .modal-payment .micon { font-size:4.5rem; } .modal-payment h2 { font-size:1.8rem; } .modal-payment h4 { font-size:1.2rem; } .modal-payment h5 { font-size:1.25rem; } .modal-payment .avatar { font-size:2rem; line-height:inherit; } .modal-payment small { font-size:.6rem; color:#fff; } .modal-payment .price span { font-size:1rem; color:#fff; } .modal-payment .price span.small { font-size:.8rem; } .modal-payment .price .price-amount { text-transform:none; color:#fff; font-style:normal; font-weight:bold; font-size:1.5rem; }  .prices { position: relative; padding:1rem 0; } .prices .pbox .pbox-title { text-align:center; } .prices .pbox .pbox-title h3 { margin:0 0 .25rem 0; font-size:30px;  font-weight: bold; color:var(--color-secondary);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .pbox .pbox-price { display:flex; align-items:center; margin: 1.5rem 0; } .prices .pbox .pbox-price span { margin-right:0.5rem; font-size:1rem; } .prices .pbox .pbox-price small { margin-left:0.5rem; font-size:0.75rem; text-transform:uppercase; } .prices .pbox .pbox-price h2 {  font-size:2rem; line-height:2rem; color:var(--color-secondary);  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .pbox { flex-direction:column; justify-content:center; } .faq .help-category, .prices .pbox {  position: relative; display:flex; align-items:center;   padding: 1rem 1.5rem;  border-radius: 0.5rem;  background-color: white;  box-shadow: 2.5px 4.33px 15px 0px rgba(0, 0, 0, 0.15);  border: 3px dashed #fff;  margin: 1rem;  color:#7a808d;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .faq .help-category:hover, .prices .pbox:hover { border-color:var(--color-primary); box-shadow: 5px 8.66px 24px 0px rgba(0, 0, 0, 0.15); cursor: pointer; } .prices .pbox:hover .pbox-title h3 { color:var(--color-primary); } .prices .pbox:hover .pbox-price h2 { color:var(--color-primary); } .prices .pbox:hover .pbox-qtde span { background: var(--color-primary); } .prices .pbox:hover .pbox-qtde div { color: var(--color-primary); border-color: var(--color-primary); } .prices .pbox .pbox-resource-list { display:flex; align-items:center; justify-content:center; } .prices .pbox .pbox-resource-item {  display:flex; align-items:center;  border-radius: 0.5rem;  padding: 0.2rem;  margin:0 0.35rem;  text-decoration:uppercase; } .prices .pbox .pbox-resource-item i { font-size:.85rem; } .prices .pbox .pbox-resource-item span { margin-left:0.35rem; } .prices .pbox .deneb_btn {  height:35px; line-height:35px;  color: #fff;  box-shadow: 2.5px 4.33px 15px 0px rgba(122, 52, 145, 0.4);  background-color: var( --color-primary );  display: inline-block;  min-width: 127px;  text-align: center;  border-radius: 23px;  text-transform: uppercase;  letter-spacing: 1px;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .pbox .pbox-qtde { position:relative; display: flex; justify-content:center; align-items:center; margin:1.25rem 0 0 -1.5rem; } .prices .pbox .pbox-qtde span {  height: 35px;  color: #fff;  text-align: center;  background: #7a808d;  line-height: 35px;  border-radius: 25px;  padding: 0 1.5rem 0 .75rem; } .prices .pbox .pbox-qtde div {  width:100px; height:100px; line-height:100px; border-radius:50px; border:5px solid #7a808d;  background: #fff; margin-left: -1.1rem; font-size:2rem; line-height:90px; text-align:center;  font-weight:bold; color: #7a808d; } .prices .pbox .pbox-qtde div, .prices .pbox .pbox-qtde span {  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .buttons-content { display:flex; align-items:center; } .prices .buttons-group {  display:inline-flex; justify-content:center;  margin: 0 auto;  margin-bottom:2.5rem;  background-color: var(--color-gray_light);  border-radius:1.5rem; } .prices .buttons-group button {  font: 500 15px "Poppins", sans-serif;  color:var(--color-primary);  padding:.5rem 1.5rem;  text-align: center;  background: transparent;  border-radius:1.5rem;  text-transform: uppercase;  letter-spacing: 1px;  -webkit-transition: all 0.5s ease-out 0s;  -moz-transition: all 0.5s ease-out 0s;  -ms-transition: all 0.5s ease-out 0s;  -o-transition: all 0.5s ease-out 0s;  transition: all 0.5s ease-out 0s; } .prices .buttons-group button.selected { background-color:var(--color-primary); color:#fff; box-shadow: 2.5px 4.33px 15px 0px rgba(122, 52, 145, 0.4); } .prices .buttons-group button.primary { background-color:var(--color-primary); color:#fff; } .prices .buttons-group button.primary:hover { box-shadow: 2.5px 4.33px 15px 0px rgba(122, 52, 145, 0.4); } .prices .plegends ul { display:flex; flex-direction:column; } .prices .plegends h5 { font-size:1rem; margin:2rem 0 0.5rem 0; } .prices .plegends ul li { display:flex; align-items:center; margin:0.75rem 0; } .prices .plegends ul li i { flex:0 2rem; font-size:1.25rem; } .prices .plegends p { flex:1; font-size:0.8rem; line-height:1rem; } @media ( max-width: 991px ) { .prices .plegends { margin-bottom:60px; } }