*{
margin:0;
padding:0;
box-sizing:border-box;
}

/* 🔥 BODY FIX */
html, body{
width:100%;
overflow-x:auto;
font-family:Arial, Helvetica, sans-serif;
}

/* 🔥 MAIN FIX (PC SIZE LOCK) */
#main{
width:100%;
margin:auto;
background-color:rgb(250,235,218);
}

/* 🔥 MOBILE ME SAME LAYOUT (ZOOM) */
@media (max-width:768px){
body{
zoom:0.35;   /* adjust kar sakte ho (0.3–0.5) */
}
}

/* HEADER */

#row1{
background:#00c3ff;
color:rgb(255, 255, 255);
text-align:center;
padding:10px;
}

#row2{
background:#0041a3;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:nowrap;
}
#row2 p:hover{
    color: #8b8b8b;
}
.text{
margin:10px;
font-size:20px;
}

#row2 a{
color:white;
text-decoration:none;
}

#row3{
height:10px;
background:#08b9ff;
}

/* TITLE */

#row4{
text-align:center;
margin:10px;
color:#0e30c9;
}

/* MAIN AREA */

#row5{
display:flex;
justify-content:center;
margin:auto;
}

#shit{
width:70%;
}
@media (max-width:992px) {
    #shit{
        width: 100%;

    }
    
}

/* ADS */

#adrow{
display:flex;
flex-wrap:nowrap;
justify-content:center;
}

#paje1{
height:200px;
width:160px;
background:white;
margin:15px;
border-radius:10px;
}

#paje1 img{
width:100%;
height:100%;
object-fit:cover;
}

/* JOB BOX */

#paje2{
display:flex;
flex-wrap:wrap;
justify-content:center;
}

#paje2 a{
text-decoration:none;
color: rgb(255, 255, 255);
}

#paje2 h2{
font-size:20px;
color:white;
}

#paje2 a:hover{
color:#00213f;
}

#job1,#job2,#job3,#job4,#job5,#job6,#job7,#job8,#job9,#job10{
margin:10px;
padding:10px;
border-radius:10px;
color:white;
transition:1s;
}

#job1{background:#00a164;}
#job2{background:#0077ff;}
#job3{background:#00ccff;}
#job4{background:#018d81;}
#job5{background:#0063f7;}
#job6{background:#a200ff;}
#job7{background:#00e787;}
#job8{background:#ff9100;}
#job9{background:#00ccff;}
#job10{background:#4400ff;}

/* UPDATE */

#apdatedhet{
background:#f3dddc;
padding:20px;
text-align:center;
}
#new h2{
color: rgb(255, 255, 255);
text-decoration: none;
}

#new a{
color: rgb(255, 255, 255);
}

#jobbox1,#jobbox2,#jobbox3,#jobbox4,#jobbox5{
padding:10px;
border-radius:10px;
margin:10px;
}

#jobbox1{background:#00a6f3;}
#jobbox2{background:#009474;}
#jobbox3{background:#003b94;}
#jobbox4{background:#0e30c9;}
#jobbox5{background:cornflowerblue;}

/* SOCIAL */

#sosal{
display:flex;
justify-content:center;
flex-wrap:nowrap;
}

#midia{
display:flex;
align-items:center;
margin:10px;
}
#midia h2{
margin:5px;
}

#ima{
height:40px;
width:40px;
margin:5px;
}

/* IMAGE FIX */
img{
max-width:100%;
height:auto;
}

/* MESSAGE */

#row6{
background:#08b9ff;
text-align:center;
padding:20px;
color:white;
}

/* CARDS */

#row7,#row8,#row9{
display:flex;
justify-content:center;
flex-wrap:nowrap;
}

#card1,#card2,#card3,#card4,#card5,#card6,#card7,#card8,#card9{
width:350px;
border:2px solid red;
margin:10px;
background:white;
}

#title1,#title2,#title3,#title4,#title5,#title6,#title7,#title8,#title9{
background:#ff1717;
color:white;
text-align:center;
padding:10px;
}

#jobs1,#jobs2,#jobs3,#jobs4,#jobs5,#jobs6,#jobs7,#jobs8,#jobs9{
margin:10px;
}

#jobs1 h3,#jobs2 h3,#jobs3 h3,#jobs4 h3,#jobs5 h3,#jobs6 h3,#jobs7 h3,#jobs8 h3,#jobs9 h3{
padding:10px;
}

#viewmore{
text-align:center;
margin:20px;
}

/* CREDIT CARD */

#cardtitle{
background:#008cff;
text-align:center;
padding:20px;
color: rgb(255, 255, 255);
}


#cardpaje1{
display:flex;
justify-content:center;
flex-wrap:nowrap;
}

#cardbox1{
height:200px;
width:180px;
background:white;
margin:20px;
overflow:hidden;
}
#row10{
    background-color: #00ccff;
    text-align: center;
    padding: 20px;
}
#row11{
    background-color: #00ccff;
    text-align: center;
    padding: 20px;

}

/* YOJNA */

#row12{
display:flex;
flex-wrap:nowrap;
justify-content:center;
}

#shit1{
width:500px;
margin:10px;
align-items: center;
background-color: #b8f4ff;
}
#shit2{
width:500px;
margin:10px;
align-items: center;
background-color: #c7b8ff;   
}
#foldar1{
background-color: #00ccff;
text-align: center;
padding: 20px;
}
#foldar1 h2:hover{
    color: #0077ff;
}
#foldar1 a{
color: rgb(255, 255, 255);
text-decoration: none;
}
#foldar2{
    display: flex;
    justify-content: center;
    align-items: center;
flex-wrap: wrap;
}
#foldar3{
background-color: #00ccff;
text-align: center; 
padding: 20px;   
}
#foldar3 a{
color: rgb(255, 255, 255);
text-decoration: none;   
}
#foldar3 h2:hover{
    color: #0077ff;
}
#foldar4{
     display: flex;
    justify-content: center;
    align-items: center;
flex-wrap: wrap;
}
#card{
width:200px;
height:250px;
border:2px solid blue;
margin:10px;
overflow:hidden;
background:white;
}
#card:hover{
    background-color: #d1d6df;
}
/* FOOTER */

#row13{
   
background:#08b9ff;
color:white;
text-align:center;
padding:20px;
}

#row14{
    
height:130px;
text-align:center;
background:white;
}

#fudar2{
display:flex;
justify-content:center;
flex-wrap:nowrap;
}
#fudar2 h3:hover{
    color: #0059ff;
}
#fudar2 a{
    color:rgb(0, 0, 0);
text-decoration:none;

}
#fudar2 h3{
   margin: 20px;

}