@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  *{padding:0px;margin:0px;box-sizing:border-box;font-family:Poppins;}
  .hero{height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,blue,navy);}
  .hero h1{color:white;}
  .hero a{background:red;color:white;text-decoration:none;padding:10px 40px;transition:0.3s;border-radius:50px;}
  .hero a:hover{background:maroon;}
  .hero-content{display:flex;flex-direction:column;gap:20px;align-items:center;}
  .hero-content img{width:600px;height:400px;object-fit:cover;box-shadow:0px 0px 15px rgba(0,0,0,0.6);}
  .logomain{background-image:url("/media/logo.jpg");background-position: center;background-size: cover;width: 100px;height: 100px;border-radius: 100%;margin-top: 10px;}
.logomaina {text-align: center;justify-content: center;display: flex;position: relative;background:navy;}
nav{background:navy;}
    .menu{display:flex;list-style:none;gap:10px;padding:10px;align-items:center;justify-content:center;}
    .menu li a{color:white;text-decoration:none;transition:0.3s;font-variant:small-caps;font-size:22px;}
    .menu li:hover{cursor:pointer;}
    .menu li a:hover{color:red;}
    nav ul{list-style:none;}
.submenu1{position:absolute;background:navy;padding:10px;columns:3;display:none;}
    .menu li:hover .submenu1{display:block;}
.submenu{position:absolute;background:navy;padding:10px;columns:3;display:none;}
    .menu li:hover .submenu{display:block;}
    .article-section{padding:40px;}
    .features{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;}
    .container{display:flex;gap:10px;align-items:center;jutify-content:center;}
    .feature img{width:150px;height:150px;}
    .feature{padding:10px;box-shadow:0px 0px 15px rgba(0,0,0,0.5);}
    h1,h2,h3,p{padding:20px;}
    .article-title{text-align:center;}
    .logbar{padding:30px;text-align:center;background:navy;color:white;font-size:24px;}
    .logbar a{background:red;color:white;text-decoration:none;padding:10px 40px;transition:0.3s;border-radius:50px;}
    .logbar a:hover{background:maroon;}
    .gallery{text-align: center;
    background-color: ghostwhite;
    margin: 100px 110px;
    border-radius: 5px;
    padding: 15px;}
    .gallery img{width: 270px;
    height: auto;
    border-radius: 5px;
    padding: 15px;}
    .pgal{font-size:30px;font-weight:bold;}
    .footer{background:navy;color:white;padding:20px;}
    .footer-content{display:flex;align-items:center;justify-content:space-between;}
    .footer a{text-decoration:none;color:white;transition:0.3s;}
    .footer a:hover{color:red;}
    .footer ul{list-style:none;columns:2;}

    @media screen and (max-width:992px)
    {
       .hero{height:auto;}
       .hero-content img{width:410px;height:auto;}
       .hero{padding-bottom:10px;}
       .container{display:block;}
       .gallery{margin:0;}
    }