.dcub3-packages {
display: flex;
flex-wrap: wrap;
}
.dcub3-container-row {
margin-bottom: 32px;
}
.dcub3-packages > div {
width: 33%;
color: #111111;
}
.dcub3-packages > div > div {
background-color: #fff;
padding: 32px 32px;
border-bottom-left-radius: 32px;
border-top-right-radius: 32px;
box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 16px;
}
.dcub3-packages > div ul {
list-style: none;
padding: 0;
margin: 0;
}
.dcub3-packages > div ul li {
display: flex;
justify-content: space-between;
line-height: 3.5;
margin: 0;
}
.dcub3-container-row h4 {
font-size: 3.2rem;
margin: 0.5rem;
}
.dcub3-packages > div h5 {
color: #111111;
font-size: 2.4rem;
margin: 0;
text-align: center;
margin-bottom: 16px;
}
@media (min-width: 768px) and (max-width: 920px) {
.dcub3-packages > div {
width: 50%;
}
}
@media (max-width: 768px) {
.dcub3-packages > div {
width: 100%;
}
}