.accesbtn{
    text-align: center;
    padding: 0 160.2px;
     cursor: pointer;
}

.feedback2{
    display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 119px;
}
.accesbtn button{
 background-color: #eeeeee;
 border-radius: 150px;
 color: black;
 font-family: 'Fredoka One', sans-serif;
 font-weight: 400;
 text-transform: uppercase;
 transition: all 0.3s ease;

    
}
.accesbtn button.buttonactive {
    background-color: #FF4880;; /* Active button color */
    color: white; /* Active button text color */
}
.accesbtn button:hover{
    background-color: #FF4880;
    /* border-radius: 150px; */
    color: rgb(241, 241, 241);
       
   }
.accesbtn button::after{
    content: '';
    background-color: red;
    position: absolute;
    top: 0;
    
}

.buttonactive{
    background-color: #FF4880;
}

.feedback2{
    display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: row;
}
/* 


/* Show the preview button when .book1 is hovered and move it to a new position */
.bookgallery:hover .preview-btn
{
    opacity: 1;
    visibility: visible;
    bottom: 300px; /* Adjust this to the desired position */
   }





/* daybydayEnglish Start */
.bookgallery{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}

.bookgallery2{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}

.bookgallery3{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}
.bookgallery4{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}
.bookgallery5{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}
.bookgallery6{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer6.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}
.bookgallery7{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer7.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
    
    
}
.bookgallery8{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/dbdenglisggrammer/daybydayenglishgrammer8.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* gk */
.bookgallery9{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery10{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery11{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery12{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery13{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery14{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 6.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery15{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 7.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery16{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac/New\ Brainiac\ 8.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* kinjal */
.bookgallery17{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery18{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery19{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery20{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery21{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery22{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 6.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery23{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 7.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery24{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Kinjal/Kinjal\ 8.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}

/* webteck */
.bookgallery25{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery26{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery27{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery28{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery29{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery30{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 6.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery31{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 7.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery32{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Computer/Webtek\ Computer\ 8.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* VandiniSanskrit  */
.bookgallery33{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VandiniSanskrit/Vandini\ Sanskrit\ 0.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery34{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VandiniSanskrit/Vandini\ Sanskrit\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery35{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VandiniSanskrit/Vandini\ Sanskrit\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery36{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VandiniSanskrit/Vandini\ Sanskrit\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery37{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VandiniSanskrit/Vandini\ Sanskrit\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* naveenkavyanjali */
.bookgallery38{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery39{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery40{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery41{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery42{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery43{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 6.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery44{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 7.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery45{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Naveen Kavyanjali/Naveen\ Kavyanjali\ 8.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* VyakaranGyan */
.bookgallery46{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranGyan/Vyakaran\ Gyan\ 9.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery47{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranGyan/Vyakaran\ Gyan\ 10.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* VyakaranVistar */
.bookgallery48{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranVistar/Vyakaran\ Vistar\ 9.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery49{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranVistar/Vyakaran\ Vistar\ 10.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* GloryCursiveWriting */
.bookgallery50{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/GloryCursiveWriting/Glory\ Cursive\ Writing\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery51{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/GloryCursiveWriting/Glory\ Cursive\ Writing\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery52{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/GloryCursiveWriting/Glory\ Cursive\ Writing\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery53{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/GloryCursiveWriting/Glory\ Cursive\ Writing\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery54{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/GloryCursiveWriting/Glory\ Cursive\ Writing\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* HindiSaralSulekh */
.bookgallery55{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/HindiSaralSulekh/Hindi\ Saral\ Sulekh\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery56{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/HindiSaralSulekh/Hindi\ Saral\ Sulekh\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery57{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/HindiSaralSulekh/Hindi\ Saral\ Sulekh\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery58{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/HindiSaralSulekh/Hindi\ Saral\ Sulekh\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery59{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/HindiSaralSulekh/Hindi\ Saral\ Sulekh\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
/* Art&Craft */
.bookgallery60{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 1.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery61{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 2.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery62{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 3.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery63{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 4.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery64{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 5.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery65{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 6.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery66{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 7.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery67{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ 8.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery68{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ A.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery69{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ B.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery70{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/Art\ &\ Craft\ C.jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery71{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 1.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery72{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 2.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery73{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 3.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery74{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 4.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery75{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 5.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery76{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 6.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery77{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 7.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery78{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ 8.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery79{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ A.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery80{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ B.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}
.bookgallery81{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Art & Craft/The\ Art\ Book\ C.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery82{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 1.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery83{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 2.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery84{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 3.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery85{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 4.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery86{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 5.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery87{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 6.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery88{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 7.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery89{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Braniac2.0/New\ Brainiac\ 2.0\ Book\ 8.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery90{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 1.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery91{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 2.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery92{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 3.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery93{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 4.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery94{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 5.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery95{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 6.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery96{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 7.jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}



.bookgallery97{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/Katputli/Kathputli\ Hindi\ Book\ 8 .jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery98{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranKushal/Vyakaran\ Kosh-\ 9\ \(1\).jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}

.bookgallery99{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranKushal/Vyakaran\ Kosh-\ 10\ \(1\).jpg ');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}

.bookgallery100{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranKushal/Vyakaran\ Kushal-\ 9\ \(1\).jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}


.bookgallery101{
    position: relative;
    width:  334px;
    height: 441px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(8, 8, 8);
    font-weight: 500;
    font-size: 23px;
    margin: 0 34px;
    border: 1px solid #eaeaea;
    background-image: url('../IMGS/VyakaranKushal/Vyakaran\ Kushal-\ 10\ \(1\).jpg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.1s ease-out;
    border-radius: 15px;
    background-color: #ffffff73;
    overflow: hidden;
    background-position: top;
    transform: scale(1);
}

.card{
    opacity: 0;
    transform: scale(0);
    transition: all 0.6s ease-in-out;
}
.card.animate {
    opacity: 1;
    transform: scale(1);
}


















































.bookgallery::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background-image: -webkit-linear-gradient(top, #ff4880, #ad03af);
    z-index: 1;
    transition: all .5s ease-in-out;
    border-radius: 15px;
}

.bookgallery:hover::before{
    height: 100%;
    z-index: 2;
    opacity: 0.4;
   
}

.bookgallery:hover .preview-btn {
    opacity: 1;
    visibility: visible;
    bottom: 161px;
  }

  .swiper-slide {
    flex-shrink: 0;
    width: 0%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }














  @media(max-width: 735px){
    .accesbtn button {
       
        width: 310px;
    }
  }