.g_div{
    display:flex;
    justify-content: center;
    
}
.g_div h1{
    color:rgb(0, 73, 137);
    font-family: Poppins, sans-serif;
    font-weight: bold;
    
    font-size: xxx-large;
}
#g_first-1 img ,#g_first-2 img{
   width:380px;
   border:5px solid black;
}
#g_first-1,#g_first-2{
    display: flex;
    justify-content: center;
}
.g_first_b ,.g_first_d{
    width:650px;
    background-color: rgb(230, 239, 245);
}
.g_first_b1 ,.g_first_d1{
    color:rgb(58, 57, 57);
    font-family: Poppins, sans-serif;
    font-weight:bold;
    font-size: xx-large;
    margin-left: 20px;
    transition: transform 0.3s;
    cursor: pointer;

}
.g_first_b2 ,.g_first_d2{
   font-size:large;
   color: rgb(88, 81, 81);
  margin-left: 20px;
}

.second_1 {
    background: linear-gradient(rgba(105, 171, 233, 0.5), rgba(55, 57, 230, 0.5)), url('https://school.banglarshiksha.gov.in/sms/templates/uploads/ws/33296/98846.jpg');
    background-size: cover;
    width: auto;
    height: auto;
    padding: 20px;
    margin-top: 20px;

}



.g_h1{
    color:blue;
    text-align:center;
    font-weight: bolder;
}

@keyframes cardAnimation {
    0% {
        transform: scale(0.98);
        background-color: white;
    }
    50% {
        transform: scale(1); /* Increase the scale value here */
        background-color: rgb(129, 184, 220);
    }
    100% {
        transform: scale(0.98);
        background-color: white;
    }
}

.g_h1_b{
    text-align: center;
}

.card {
    animation: cardAnimation 3s infinite ;
}

.card1 {
    transition: transform 0.3s; 
    cursor: pointer;
}

.card1:hover {
    transform: scale(1.1);
}

.g_first_b1:hover ,.g_first_d1:hover{
    transform: scale(0.9);
    color: rgb(48, 48, 117);
}


    @media screen and (max-width: 768px) {
        #g_first-2,
        #g_first-1 {
            display: flex;
            flex-direction: column;
            
            text-align: center;
            align-items: center; 
        }
        body {
           
            text-align: center;
        }
        
        .g_first_b ,.g_first_d{
            width:368px;
        }
        .cardsofgl3{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
    
    }
    
   
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .g_first_b ,.g_first_d{
        width:900px;
    }
    .cardsofgl3{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
   
}

@media screen and (min: 1200px) {
   
}




#p1gl {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 20px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    color: #07294d;
}

.p2gl {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 145px;
    margin-top: -1px;
    margin-bottom: 120px;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: rgba(80, 92, 127, 0.7);
}


  .cardgl3 {
      width: 300px;
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      margin: 20px;
      padding: 20px;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      text-align: center;
      justify-content: space-between;
      transition: transform 0.3s;
      background-color: white;
  }


  .cardgl3::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 15px;
      background-color: #74c5ff;
      display: none;
  }


  .cardgl3:hover {
      transform: scale(1.05);
  }

  .cardgl:hover::after {
      display: block;
  }


  .cardgl3 .card-image3 {
      width: 100%;
      height: auto;
      object-fit: cover;
  }

  .cardgl3 .card-contentgl3 {
      padding: 10px;
      display: flex;
      flex-direction: column;
      height: 100%;

  }


  .cardgl3 .card-title3 {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 600;
      font-size: 20px;
      line-height: 28px;
      color: #07294d;
      margin-top: 0;
      margin-bottom: 10px;

  }



  .cardgl3 .card-description3 {
      font-family: 'Poppins', sans-serif;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 28px;

      color: rgba(80, 92, 127, 0.7);
      margin-bottom: 0;
  }

 

  .cardsofgl3 {
      background-color: #f0f5f9;
  }
  
  .cardgl3:hover::after {
    display: block;
}


  .cardsofgl3 {
      display: flex;
      justify-content: space-evenly;
      margin: 60px;
  }

  .logo>img{
    height: 70px;
    width: 140px;
    margin: 10px 10px;
  
}

/* .links{
    
    width:500px;
    font-weight: bold;
} */

.img_h{
    width: 140px;
    height: 70px;
    margin-left: 10px;
    /* border: 1px solid red; */
   }
.links_h{
    margin:auto;
    /* border: 2px solid; */
    width: 500px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}



.footer{
    background-color: #07294d;
}
.submit_h{
    background-color: rgb(205, 163, 101);
    
}