.healthPackage{flex-direction:column;justify-content:center;align-items:center;gap:50px;width:100%;height:100%;display:flex}.healthPackageHeader{justify-content:center;align-items:center;width:100%;padding:10px;display:flex}.healthPackageHeader>img{object-fit:cover}.healthWellness{flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;padding:30px;display:flex}.healthWellnessHead{justify-content:center;align-items:center;display:flex}.healthWellnessHead>h2{text-align:center;width:80%;font-size:40px;font-weight:bolder}.healthWellnessMain{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.healthWellnessMain-Content1{border-radius:20px;width:480px;height:480px;box-shadow:0 0 10px}.healthWellnessMain-Content1>img{object-fit:cover;border-radius:20px;width:100%;height:100%}.healthWellnessMain-Content2{width:50%;padding:20px}.healthWellnessMainList>ul{margin:0;padding:0}.healthWellnessMainList>ul>li{margin:20px;list-style:none}.healthWellnessMainList-btn{justify-content:center;align-items:center;width:100%;padding:30px;display:flex}.healthWellnessMainList-btn button{color:#fff;background-color:var(--customColor1);border:none;border-radius:10px;padding:10px;font-weight:700;transition:all .3s ease-in-out}.healthWellnessMainList-btn button:hover{color:var(--customColor1);background-color:#fff}@media screen and (min-width:320px) and (max-width:768px){.healthPackageHeader>img{width:100%}.healthWellnessMain{flex-direction:column}.healthWellness{padding:10px}.healthWellnessHead>h2{width:100%;font-size:30px}.healthWellnessMain-Content1,.healthWellnessMain-Content1>img{width:100%}.healthWellnessMain-Content2{width:100%;padding:20px}.healthWellnessMainList>ul>li{width:100%}}
:root{--customColor1:#f5811e;--customColor2:#037e7d;--customColor3:#fff8f1}.healthPackageTable{flex-wrap:wrap;justify-content:space-evenly;gap:20px;width:100%;padding:25px;display:flex}.healthPackageTable table{border-collapse:collapse;border-radius:5px;width:400px;height:100%;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden;box-shadow:0 10px 25px #0000001f}.healthPackageTable th{background:var(--customColor2);color:#fff;text-transform:uppercase;letter-spacing:.5px;padding:14px;font-size:.9rem}.healthPackageTable td{text-align:center;color:var(--customColor2);border-bottom:1px solid #0000000f;padding:12px;font-weight:500}.healthPackageTable td>span{font-size:16px;text-decoration:line-through}.healthPackageTable td:nth-child(2){text-align:left;font-weight:600}.healthPackageTable tr:nth-child(2n):not(:last-child) td{background:#037e7d0f}.healthPackageTable tr:last-child td{background:var(--customColor1);color:#fff;letter-spacing:.5px;border-bottom:none;font-size:1.05rem;font-weight:800}.healthPackageTable tr:last-child td:last-child{font-size:1.2rem}.healthPackageTable tr:not(:last-child):hover td{color:var(--customColor1);background:#f5811e26;transition:all .25s}.price-row>td:nth-child(2){justify-content:center;align-items:center;gap:15px;display:flex}.price-row>td>button{cursor:pointer;text-transform:uppercase;color:var(--customColor1);z-index:0;background-color:#fff;border:none;border-radius:5px;outline:none;justify-content:center;align-items:center;margin:0;padding:5px 10px;font-family:inherit;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.02,.01,.47,1);display:flex;position:relative;overflow:hidden}@keyframes sh0{0%{transform:rotate(0)translate(0,0)}25%{transform:rotate(7deg)translate(0,0)}50%{transform:rotate(-7deg)translate(0,0)}75%{transform:rotate(1deg)translate(0,0)}to{transform:rotate(0)translate(0,0)}}.price-row>td>button:hover span{animation:.7s ease-in-out 60ms both storm}.price-row>td>button:before,.price-row>td>button:after{content:"";background:var(--customColor1);opacity:0;z-index:-1;border-radius:50%;width:100px;height:100px;transition:transform .15s cubic-bezier(.02,.01,.47,1),opacity .15s cubic-bezier(.02,.01,.47,1);position:absolute;bottom:0;right:0;transform:translate(100%,-25%)translate(0,0)}.price-row>td>button:hover:before,.price-row>td>button:hover:after{opacity:.15;transition:transform .2s cubic-bezier(.02,.01,.47,1),opacity .2s cubic-bezier(.02,.01,.47,1)}.price-row>td>button:hover:before{transform:translate(50%)scale(.9)}.price-row>td>button:hover:after{transform:translate(50%)scale(1.1)}@media (max-width:768px){.healthPackageTable table{width:100%}}