.watsaapp {
width: 60px;
height: 60px;
}
.watsaapp {
width: 40px;
height: 40px;
position: fixed;
z-index: 10;
bottom: 20px;
right: 20px;
}
.w-iconbox.iconpos_left.with_circle .w-iconbox-title {
height:70px;
padding-bottom: 0;
display: flex;
align-items: center;
margin-bottom: -30px;
}
.payment-box {
margin: auto;
background: white;
}
.payment-box p {
line-height: 1;
}
.payment-box .top-grid {
margin-bottom: 30px;
}
.payment-box .card {
font-size: 16px;
display: flex;
gap: 30px;
padding: 30px;
background: #fafafa;
// border: 1px solid #eee;
border-radius: 22px;
}
.payment-box .icon {
width: 70px;
height: 70px;
background: #fff3e8;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
}
.payment-box .card .card-title {
font-weight: 600;
font-size: 18px;
margin-bottom: 25px;
}
.payment-box table {
width: 100%;
border-collapse: collapse;
}
.payment-box td {
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.payment-box td:first-child {
color: #888;
width: 220px;
}
.payment-box .noty {
margin-top: 8px;
font-size: 14px;
}
.payment-box .cards {
display: grid;
grid-template-columns:repeat(2, 1fr);
gap: 25px;
margin-bottom: 30px;
}
.payment-box .small-card {
padding: 20px;
border-radius: 22px;
background: #fafafa;
border: 1px solid #eee;
}
.payment-box .emoji-header {
display: flex;
align-items: center;
gap: 10px;
font-size: 42px;
margin-bottom: 20px;
font-size: 16px;
gap: 30px;
}
.payment-box .emoji {
width: 70px;
height: 70px;
background: #fff3e8;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 34px;
}
.payment-box .small-card .service-title {
font-size: 18px;
font-weight: 600;
}
.payment-box  .small-card p,
.payment-box  .small-card li {
line-height: 1.7;
padding: 0;
margin: 0;
color: #555;
}
.payment-box .small-card ul {
padding-left: 22px;
}
.payment-box a {
display: inline-block;
margin-top: 20px;
color: #ff7a00;
font-weight: 700;
text-decoration: none;
}
.payment-box .fa-star, .payment-box .fa-gift, .payment-box .fa-university {
color: #e98910;
}
@media (max-width: 768px) {
.payment-box .card {
flex-direction: column;
align-items: center;
gap: 15px;
padding: 15px;
}
.payment-box .icon {
width: 60px;
height: 60px;
font-size: 28px;
}
.payment-box .cards {
grid-template-columns: 1fr;
gap: 15px;
}
.payment-box .small-card {
padding: 15px;
}
.payment-box .emoji-header {
gap: 15px;
font-size: 14px; }
.payment-box .emoji {
width: 60px;
height: 60px;
font-size: 28px;
}
.payment-box td:first-child {
width: auto; padding-right: 10px;
}
.payment-box table {
font-size: 14px;
}
.payment-box .card-title {
font-size: 17px;
margin-bottom: 15px;
}
.payment-box .small-card .service-title {
font-size: 16px;
}
.payment-box .noty {
font-size: 13px;
} .payment-box td strong {
word-break: break-all;
display: inline-block;
max-width: 100%;
}
} @media (max-width: 480px) {
.payment-box .card {
padding: 12px;
border-radius: 16px;
}
.payment-box .icon,
.payment-box .emoji {
width: 50px;
height: 50px;
font-size: 24px;
}
.payment-box .small-card {
padding: 12px;
border-radius: 16px;
}
.payment-box .card-title {
font-size: 16px;
}
.payment-box .small-card .service-title {
font-size: 15px;
}
.payment-box table {
font-size: 13px;
}
.payment-box td {
padding: 6px 0;
}
.payment-box .emoji-header {
gap: 12px;
}
.payment-box .noty {
font-size: 12px;
} .payment-box .small-card ul {
padding-left: 18px;
}
}