body{

font-family:'Kanit',sans-serif;

scroll-behavior:smooth;

}

.hero{

padding:90px 0;

background:#f5f9ff;

}

.hero h1{

font-size:48px;

font-weight:700;

color:#4d5783;

}

.hero p{

font-size:20px;

margin:25px 0;

}

.service-box{

padding:30px;

border-radius:15px;

background:#fff;

box-shadow:0 10px 25px rgba(0,0,0,.08);

transition:.3s;

text-align:center;

font-size:20px;

}

.service-box:hover{

transform:translateY(-8px);

}

.package-card{

max-width:500px;

border:none;

border-radius:20px;

}

.price{

font-size:50px;

color:#4d5783;

}

.review-card{

background:#fff;

padding:30px;

border-radius:15px;

box-shadow:0 10px 25px rgba(0,0,0,.1);

text-align:center;

margin-bottom:20px;

}

footer{

background:#111;

color:#fff;

padding:25px;

text-align:center;

}

.line-btn{

position:fixed;

bottom:20px;

right:20px;

background:#25D366;

color:#fff;

padding:14px 20px;

border-radius:50px;

text-decoration:none;

z-index:999;

}

.call-btn{

position:fixed;

bottom:80px;

right:20px;

background:#4d5783;

color:#fff;

padding:14px 20px;

border-radius:50px;

text-decoration:none;

z-index:999;

}

#topBtn{

display:none;

position:fixed;

left:20px;

bottom:20px;

background:#4d5783;

color:#fff;

border:none;

padding:12px 18px;

border-radius:50%;

}