body {
    /* padding: 0px 100px; */
    font-family: "Poppins", sans-serif;
    background-color: #F1F2F4;
}

h1 strong {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: 800;
    font-size: 200%;
}

h2, h3 {
    font-family: "Playball", sans-serif;
    font-weight: 800;
    font-size: 200%;
    font-style: normal;
}

.fancy {
    font-family: "Petit Formal Script", sans-serif;
    font-size: 150%;
}

.small {
    font-size: small;
}

h2 {
    font-size: 250%;
}

#main-div {
    text-align: center;
    /* background-color: #F1F2F4; */
}

.pricings {
    column-count: 3;
}

.sub-group h3 {
    margin: 0px;
}

.sub-group table {
    width: 100%;
    text-align: right;
}

.sub-group td:first-child {

    text-align: left;
    color: blueviolet;
    font-weight: 500;
}






.packages {
    text-align: left;
    column-count: 3;
}



.package {
    background-color: white;
    break-inside: avoid-column;
    padding: 5% 10%;
    margin: 0% 0% 10%;
    border-radius: 3px;
    box-shadow: 0px 0px 30px 0px rgba(97, 31, 159, 0.2);
}

.package p {
    margin: 0;
    padding: 0;
}

.package-price {
    text-align: right;
    color: black;
}

.package-name {
    font-weight: 800;
    width: 100%;
    color: blueviolet;
}


.all-bundle-price {
    font-weight: 800;
    width: 100%;
    /* margin: 0%; */
}





@media only screen and (max-width: 900px) {
    .pricings, .packages {
        column-count: 2;
    }
  }

  @media only screen and (max-width: 600px) {
    .pricings, .packages {
        column-count: 1;
    }
  }

  @media only screen and (max-width: 470px) {
    h1 strong {
        font-size: 150%;
    }
  }