*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.wrapper{
    display: flex;
    display: grid;
    width: 100vw;
    height: 100vh;
    background-color: white;
    row-gap: 0;
    



}

.btnsub{
    justify-content: space-between;
    justify-items: space-between;
}
.d-block{
    height: 50vh;
}
.lastrow{
    display: flex;
}
.btnnextsection{
    float: right;
    
}

.rounded{
    width: 200px;
    height: 200px;
  }

  .about-us{
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .parag{

    margin-left: 4%;
    margin-right: 4%;
  }


  .examhall{

    height: 100vh;
    width: 100vw;
    flex-direction: column;
   
  }
  .examname{
    display: flex;

    height: 8vh;
    
  }

  
.examname.style {
    height: 8vh;
}

  .examhead{
    display: flex;
    height: 30%;
  
    flex-direction: row;
    justify-content: space-between;
  }

  .exambody{
    display: flex;
    height: 40%;
    
    flex-direction: row;
    justify-content: space-between;
  }

  .exambutton{

    display: flex;
    height: 10%;
    
    flex-direction: row;
    justify-content: space-between;
  }
  .btnsection{
    background-color: rgba(68, 68, 211, 0.516);
    font-size: 115%;
    margin: 50%,50%,50%,50%;
    padding-left: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    padding-right: 2%;
    border-style: none;
  }
.algbtn{
    justify-items: flex-end;
    justify-content: end;
    float: left;
}


.insttable1{
  display: flex;
  background-color: #eaeaea;
  height: 30vh ;
  outline: auto;
  outline-color: rgb(252, 252, 252);
  outline-width: 7px;
  justify-content: center;
  overflow: auto;
}
.insttable2{
  display: flex;
  background-color: #eaeaea;
  height: 40vh ;
  outline: auto;
  outline-color: rgb(252, 252, 252);
  outline-width: 7px;
  justify-content: flex-end;
  overflow: auto;

}

.instbutton{
  display: flex;
  background-color: #eaeaea;
  height: 10vh auto ;
  outline: auto;
  outline-color: rgb(252, 252, 252);
  outline-width: 7px;
  justify-content: center;
}

.instbtn{
  background-color: #3360c1;
  font-size: 115%;
  margin: 50%,50%,50%,50% ;
  padding-left: 3%;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-right: 3%;
  border-style: none;

}

.carousel-container:hover {
  background-color: pink;
}

 /* Fullscreen overlay styles */
    .fullscreen-overlay {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(0, 0, 0, 0.8);
      color: white;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 1000;
    }

    .fullscreen-overlay button {
      background-color: #3360c1;
      color: white;
      padding: 15px 30px;
      border: none;
      font-size: 18px;
      cursor: pointer;
    }

    .fullscreen-overlay button:hover {
      background-color: #25489b;
    }

    /* Hide the overlay after user interaction */
    .hidden {
      display: none;
    }