body{
  
        background-image: url('/imgs/No.1-6.jpeg'); /* Adjust the path */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        max-height: 100vh; /* Full screen height */
        color:white !important;
        background-attachment: fixed;
  
 }
 h1,h2,h3,h4,h5,p,a{
    color:white !important;
 }

.view-title{
    color:white !important;
     
 }
 .mail{
    margin-top:10%;
 }
/* Hide the desktop sidebar on small screens */
@media (max-width: 768px) {
   .sidebar-large {
       display: none !important;
   }
   .content{
      margin-left: 3.5%;
      margin-right:3.5%
   }
   .img{
      width: 93%; /* Reduce size to 80% of the container */
     display: block; /* Ensures proper centering */
      margin-left: auto; /* Centering */
      margin-right: auto;
   }
   main{
      width: 93%; /* Reduce size to 80% of the container */
     display: block; /* Ensures proper centering */
      margin-left: auto; /* Centering */
      margin-right: auto; 
   }
   .custom-margin {
      margin-top: 30%;
  }

  .custom-grid {
   grid-template-columns: repeat(5, 1fr);
}
.mail{
   margin-top:20%;
}
.custom-lingid{
   margin-top: 20%;

}
}





.content{
   margin-top: 4%;
}
h1 { font-size: 36px !important; font-weight: 800 !important; margin-bottom: 2% !important; }
h2 { font-size: 30px !important; font-weight: 700 !important; }
h3 { font-size: 24px !important; font-weight: 600 !important; }
h4 { font-size: 20px !important; font-weight: 600 !important; }
h5 { font-size: 18px !important; font-weight: 500 !important; }
h6 { font-size: 16px !important; font-weight: 500 !important; }