body {font-family: Arial, sans-serif;background-color: #fff;}
/* Header */
.top-bar {background: #FFB80E;padding: 12px 0;}
.header_logo {height: 66px;width: auto;}
.btn-whatsapp {background: #25D366;color: #fff;border-radius: 30px;padding: 8px 18px;text-decoration: none;font-weight: 600;}
.btn-signal {background: #E2E8FB;color: #3C45FA;border-radius: 30px;padding: 4px 30px;text-decoration: none;font-weight: 600;display: flex;gap: 8px;align-items: center;justify-content: center;}
/* Hero */
.hero {padding: 30px 0;background: #f9fafb;}
.hero_space {padding: 70px 0 20px 0;}
.hero_space_right {padding: 70px 0 20px 0;}
.hero h1 {font-size: 38px;font-weight: 700;}
.content_details{background-image: url(../images/bg-design.png);background-size: cover;background-repeat: no-repeat;background-position: center center;padding-left: 40px;padding-right: 40px;}
.content_details .content_para {color: #000;font-size: 20px;}
/* Service Cards */
.service-card {border: 1px solid #eaeaea;border-radius: 10px;padding: 20px;height: 100%;background: #fff;display: flex;flex-direction: column;gap: 8px;}
.service-card img {width: 40px;margin-bottom: 14px;}
.service-card h6 {font-weight: 600;font-size: 18px;margin-bottom: 0px;}
.service-card p {font-size: 16px;margin-bottom: 0px;}
.other_services_card{display: flex;flex-direction: row;gap: 16px;}
/* QR Cards */
.qr-card {padding: 40px 36px;text-align: center;margin-bottom: 20px;}
.qr-card img {max-width: 200px;}
.qr-signal {background: #eef2ff;display: flex;flex-direction: column;gap: 16px;}
.signal_desc {display: flex;flex-wrap: wrap;align-items: center;gap: 8px;justify-content: center;}
.signal_desc p {font-size: 16px;color: #000;font-weight: 500;margin: 0;}
.qr-whatsapp {background: #17AB61;display: flex;flex-direction: column;gap: 16px;}
.qr-whatsapp p {color: #fff;margin: 0;}
.whatsapp_logo {position: absolute;height: 44px;width: 44px;background-color: #fff;padding: 4px;border-radius: 100px;top: -20px;}
.signal_qr_code {background-color: #4F6ECE;border-radius: 20px;padding: 24px;display: flex;flex-direction: column;align-items: center;width: 100%;gap: 16px;}
.signal_qr_code img {width: 100%;height: auto;}
.signal_qr_code p {margin: 0;color: #fff;}
.whatsapp_qr_code {background-color: #fff;border-radius: 6px;padding: 24px;display: flex;flex-direction: column;align-items: center;width: 100%;gap: 16px;box-shadow: 0px 4px 10px 4px #2f2f2f70;position: relative;}
.whatsapp_qr_code img {width: 100%;height: auto;}
.title_Wapp {display: flex;flex-direction: column;}
.title_Wapp p {margin: 0;color: #000;font-weight: 600;}
.title_Wapp span {margin: 0;font-size: 14px;color: #888888;}
.whatsapp_qr_code img {max-width: 100px;}
/* Footer */
.footer {background: #FFBE2F;padding: 50px 0;text-align: right;}
.footer img {max-width: 180px;}
/* mobile responsiveness */
@media (max-width:992px) {
    .hero_space {padding: 20px 0 20px 0;}
    .hero_space_right {padding: 00px 0 20px 0;}
    .content_details {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 800px) {
    .wApp_btn img {width: 120px;height: auto;}
    .btn-signal {padding: 4px 10px;font-size: 14px;gap: 4px;}
    .btn-signal img {width: 50px;height: auto;}
    .header_logo {height: 50px;width: auto;}
    .hero_space_right{padding-left: 20px;padding-right: 20px;}
    .top-bar .container {flex-direction: column;gap: 16px;}
    .footer {text-align: center;}
    .footer img {max-width: 140px;}
    .hero h1 {font-size: 24px;}
    .content_details .content_para {font-size: 18px;}
    .hero {padding: 40px 0;}
    .other_services_card{display: flex;flex-direction: column;gap: 8px;}
}