.client__area__proforomance__box.border-light.rounded-8.py-8.px-8.d-block.h-100,
.client__area__proforomance__box.border-light.rounded-8.py-8.px-8.d-block {
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.05); /* Even shadow on all sides */
    border: 0px solid #ddd; /* Border removed */
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; /* Smooth animation */
}

.client__area__proforomance__box.border-light.rounded-8.py-8.px-8.d-block.h-100:hover,
.client__area__proforomance__box.border-light.rounded-8.py-8.px-8.d-block:hover {
    box-shadow: 0px 0px 25px 7px rgba(0, 0, 0, 0.12); /* Stronger but still even */
    transform: translateY(-8px); /* Slight lift */
    transition: box-shadow 0.25s ease-out, transform 0.25s ease-out;
}
.pricing__plans__standard.rounded-8.pt-12.pb-8.px-9.white-bg.h-100.d-flex.flex-column.mx-3 {
    background-color: #FAFBFF; /* Light blueish background */
    border: 1px solid #EAE3FF; /* 1px border with soft purple color */
    padding: 20px; /* Maintains spacing */
    border-radius: 8px; /* Softens corners */
    transition: transform 0.3s ease-in-out; /* Smooth animation */
}

.pricing__plans__standard.rounded-8.pt-12.pb-8.px-9.white-bg.h-100.d-flex.flex-column.mx-3:hover {
    transform: translateY(-5px); /* Slight lift effect on hover */
}
.card {
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.03); /* Even shadow on all sides */
    border: 0px solid #ddd; /* Border removed */
    padding: 20px;
    background: #fff;
    border-radius: 8px;
}
.card.mb-5.mb-xl-10.pt-5 {
    background-color: #F4F5FF;
    border: 1px solid #cbbaff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); /* Soft and even shadow on all sides */
}
.card__header.card__header__no__border.d-flex.align-items-start.justify-content-between {
    background-color: #F7FAFF;
    border-radius: 8px; /* Makes the corners rounded */
}
.panel-body.card-body.p-4, 
.panel-body.card-body.p-4 * {
    font-size: 14px !important;
    font-weight: normal !important;
}
.panel-title.card-title.m-0, 
.panel-title.card-title.m-0 * {
    font-weight: 600 !important;
}
.col-xs-4.col-4.text-right.vf-bold {
    font-weight: 700 !important;
}
.panel-title.card-title.m-0 {
    font-size: 18px !important;
}
.pricing__plans__special__body.-description {
    white-space: pre-line !important;
    display: block !important; /* Ensures text breaks into new lines */
}
.plan-highlight.mb-7 {
    background-color: #e5ffc5 !important;
    color: #008143 !important;
}
.btn.btn-primary.text-uppercase.d-flex.align-items-center {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
#main-body .main__page__wraper {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

