/* YUVRAJ MATKA MOBILE RESPONSIVE CSS */


*{
    box-sizing:border-box;
}


body{
    margin:0;
    padding:0;
    font-family:Arial, sans-serif;
    background:#f5f5f5;
}


/* Main Container */

.container{
    width:100%;
    max-width:1200px;
    margin:auto;
}


/* Card Design */

.card{
    width:95%;
    margin:15px auto;
    padding:15px;
    background:#ffffff;
    border-radius:10px;
}


/* Title */

.title{
    font-size:22px;
    font-weight:bold;
    text-align:center;
    padding:12px;
}


/* Text */

h1,h2,h3{
    text-align:center;
}


h2{
    font-size:28px;
}


p{
    font-size:16px;
    line-height:1.6;
}


/* Table */

table{
    width:100%;
    border-collapse:collapse;
}


table th{
    padding:10px;
}


table td{
    padding:10px;
    text-align:center;
}



/* Header Menu */

nav{
    text-align:center;
}


nav a{
    display:inline-block;
    padding:10px;
    text-decoration:none;
}



/* LOGO */

.logo{
    width:250px;
    height:auto;
    display:block;
    margin:10px auto;
}



/* Mobile Design */

@media(max-width:600px){


body{
    width:100%;
}


.card{
    width:96%;
    padding:12px;
    margin:10px auto;
}


.title{
    font-size:18px;
}


h2{
    font-size:22px;
}


h3{
    font-size:18px;
}


p{
    font-size:14px;
}


table th,
table td{
    padding:8px;
    font-size:13px;
}



/* Mobile Menu */

nav a{
    display:block;
    padding:8px;
}


/* Mobile Logo */

.logo{
    width:180px;
}


}



/* Footer */

footer{
    text-align:center;
    padding:15px;
    font-size:14px;
}



/* WhatsApp Button */

.whatsapp-btn{
    display:block;
    width:220px;
    margin:20px auto;
    background:#25D366;
    color:white;
    text-align:center;
    padding:12px;
    border-radius:30px;
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
}


.whatsapp-btn:hover{
    opacity:0.8;
}
/* Image Protection */

img{
    user-select:none;
    -webkit-user-drag:none;
}